@charset "UTF-8";
/*Head*/
/*** FONT FACE ***/
@import url("https://fonts.googleapis.com/css?family=Lato:100,200,300,400,500,600,700,800&subset=vietnamese,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Futura:500,700");
@font-face {
    font-family: 'Frutiger LT Arabic 55 Roman';
    src: url("../fonts/hinted-subset-FrutigerLTArabic-55Roman.eot");
    src: local("../fonts/Frutiger LT Arabic 55 Roman"), local("FrutigerLTArabic-55Roman"), url("../fonts/hinted-subset-FrutigerLTArabic-55Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/hinted-subset-FrutigerLTArabic-55Roman.woff") format("woff"), url("../fonts/hinted-subset-FrutigerLTArabic-55Roman.ttf") format("truetype"), url("../fonts/hinted-subset-FrutigerLTArabic-55Roman.svg#FrutigerLTArabic-55Roman") format("svg");
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'Adobe_Arabic_Regular';
    src: url("../fonts/Adobe Arabic Regular.eot");
    src: local("Γÿ║"), url("../fonts/Adobe Arabic Regular.woff") format("woff"), url("../fonts/Adobe Arabic Regular.ttf") format("truetype"), url("../fonts/Adobe Arabic Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal; }
/*** Var ***/
/*** Mixin ***/
body {
    font-family: 'Frutiger LT Arabic 55 Roman', Arial, sans-serif;
    font-size: 15px;
    overflow-x: hidden;
    direction: rtl; }
body.fixed {
    overflow: hidden; }

.no-style {
    list-style-type: none;
    padding: 0;
    margin: 0; }

a:hover {
    text-decoration: none; }

img {
    max-width: 100%; }

.ads-top, .ads-bottom {
    display: table;
    margin: auto; }

.load-more {
    display: table;
    margin: 15px auto 0;
    width: 280px;
    line-height: 36px;
    padding: 0;
    background: #ebebeb;
    border-radius: 50px;
    border: 0;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    color: #c9252b;
    font-weight: bold;
    padding-bottom: 3px;
    position: relative;
    z-index: 9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.load-more:hover {
    background: #bdbdbd; }

@media (min-width: 1350px) {
    .container-fluid {
        width: 1300px; } }
@media (min-width: 1200px) {
    .container {
        width: 1100px; } }
/*HEAD*/
#head {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head.active {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
#head.active #marquee .box h2 {
    height: 0;
    display: none; }
#head.active #marquee .box .gray .top {
    height: 0;
    display: none; }
#head.active .navi {
    top: 7px; }
#head.active .top-header {
    height: 50px; }
#head.active .top-header .weather, #head.active .top-header .go-live {
    opacity: 0;
    visibility: hidden; }
#head.active .top-header .logo {
    top: 10px; }
#head.active .top-header .logo img {
    max-height: 30px; }
#head.active .top-header .search {
    top: 11px; }
#head.active .top-header .social {
    top: 13px; }
#head.active .top-header .language {
    top: 9px; }
#head.active .top-header .search .box-search.active {
    top: 39px; }
#head .navi {
    width: 198px;
    line-height: 37px;
    background: #c9252b;
    position: fixed;
    top: 20px;
    right: 0;
    color: #fff;
    padding-right: 16px;
    z-index: 996;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .navi img {
    margin-left: 24px;
    margin-top: -4px; }
#head .navi span {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 18px;
    margin-right: 15px;
    color: #c9252b;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
#head .top-header {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    height: 76px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .language {
    position: absolute;
    top: 20px;
    right: 146px;
    z-index: 99;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .language .show-language {
    display: block;
    cursor: pointer;
    line-height: 34px; }
#head .top-header .language i {
    color: #ccc; }
#head .top-header .language span {
    color: #ccc;
    font-size: 12px;
    font-family: 'Arial'; }
#head .top-header .language span img {
    margin-right: 5px; }
#head .top-header .language-menu {
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 90px;
    background: #fff;
    z-index: 999;
    width: 95px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .language-menu.active {
    top: 35px;
    opacity: 1;
    visibility: visible; }
#head .top-header .language-menu li {
    line-height: 30px;
    padding: 10px 20px;
    cursor: pointer;
    font-family: 'Arial';
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .language-menu li:hover {
    background: #f5f5f5; }
#head .top-header .language-menu li a {
    display: block;
    color: #ccc; }
#head .top-header .weather {
    position: absolute;
    top: 4px;
    right: 273px;
    direction: ltr;
    z-index: 99;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .weather .top {
    margin-top: 3px; }
#head .top-header .weather .top i {
    float: left;
    font-size: 30px;
    margin: 0 5px 5px 0; }
#head .top-header .weather .top img {
    margin-right: 4px; }
#head .top-header .weather .top span {
    padding-top: 4px;
    position: relative;
    font-size: 20px;
    top: 1px;
    font-family: 'Lato';
    font-weight: bold; }
#head .top-header .weather .top span sup {
    position: absolute;
    right: -9px;
    top: 15px;
    font-size: 11px; }
#head .top-header .weather .text {
    color: #ababad;
    font-size: 10px; }
#head .top-header .logo {
    margin: auto;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center;
    width: 206px;
    z-index: 99;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .logo img {
    max-width: 206px; }
#head .top-header .go-live {
    position: absolute;
    top: 18px;
    z-index: 99;
    left: 385px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .go-live button {
    background: #c9252b;
    border: 0;
    width: 120px;
    text-align: center;
    text-transform: uppercase;
    line-height: 37px;
    color: #fff;
    padding: 0;
    outline: none;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .go-live button:hover {
    background: #a20e14; }
#head .top-header .go-live button a {
    display: block;
    cursor: pointer;
    color: #fff; }
#head .top-header .social {
    position: absolute;
    left: 91px;
    top: 25px;
    z-index: 99;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .social li {
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    line-height: 24px;
    background: #002056;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .social li a {
    display: block;
    color: #fff; }
#head .top-header .social li:hover {
    background: #c9252b; }
#head .top-header .search {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    top: 24px;
    z-index: 1;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .search span {
    cursor: pointer; }
#head .top-header .search .box-search {
    width: 100%;
    height: 143px;
    box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 999;
    background: #fff;
    padding: 0 23px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .top-header .search .box-search.active {
    top: 50px;
    opacity: 1;
    visibility: visible; }
#head .top-header .search .box-search input {
    width: 100%;
    padding-top: 45px;
    border: 0;
    border-bottom: 1px solid #909090;
    outline: none;
    font-family: 'Futura';
    font-weight: 500;
    font-size: 30px;
    padding-right: 60px;
    height: 112px; }
#head .top-header .search .box-search button {
    position: absolute;
    background: transparent;
    border: 0;
    bottom: 50px;
    right: 20px;
    outline: none;
    cursor: pointer;
    width: auto;
    height: auto; }
#head .menu {
    width: 100%;
    float: right;
    border-top: 1px solid #b1b1b3;
    padding-bottom: 10px; }
#head .menu > li {
    display: inline-block;
    float: right;
    margin-left: 20px;
    line-height: 46px; }
#head .menu > li:hover .submenu {
    opacity: 1;
    visibility: visible; }
#head .menu > li > a {
    display: block;
    color: #002056;
    font-weight: bold;
    font-size: 19px;
    padding-top: 2px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li > a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li > a:hover:after, #head .menu > li > a.active:after {
    width: 100%; }
#head .menu > li .submenu {
    position: fixed;
    left: 0;
    right: 0;
    padding-bottom: 36px;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 5px solid #002559;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li .submenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
#head .menu > li .submenu .container > ul {
    float: right;
    width: 25%;
    text-align: left;
    padding-top: 15px;
    position: relative; }
#head .menu > li .submenu .container > ul > li > a {
    font-weight: bold;
    color: #515356;
    text-transform: uppercase;
    line-height: 30px;
    display: table;
    position: relative;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li .submenu .container > ul > li > a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li .submenu .container > ul > li > a:hover:after, #head .menu > li .submenu .container > ul > li > a.active:after {
    width: 100%; }
#head .menu > li .submenu .container > ul > li > ul > li > a {
    display: table;
    font-size: 13px;
    color: #ccc;
    line-height: 25px;
    position: relative; }
#head .menu > li .submenu .container > ul > li > ul > li > a:after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#head .menu > li .submenu .container > ul > li > ul > li > a:hover:after, #head .menu > li .submenu .container > ul > li > ul > li > a.active:after {
    width: 100%; }

/*SLIDER*/
#slider .big-slider {
    width: 750px;
    float: right; }
#slider .big-slider .owl-dots {
    width: 11px;
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
#slider .big-slider .owl-dots .owl-dot {
    display: inline-block;
    float: left;
    width: 100%; }
#slider .big-slider .owl-dots .owl-dot + .owl-dot {
    margin-top: 7px; }
#slider .big-slider .owl-dots .owl-dot span {
    display: block;
    width: 11px;
    height: 11px;
    background: #fff; }
#slider .big-slider .owl-dots .owl-dot.active span {
    background: #c9252b; }
#slider .big-slider .owl-prev, #slider .big-slider .owl-next {
    position: absolute;
    bottom: 26px; }
#slider .big-slider .owl-prev:hover i, #slider .big-slider .owl-next:hover i {
    opacity: 1; }
#slider .big-slider .owl-prev i, #slider .big-slider .owl-next i {
    color: #fff;
    opacity: 0.7;
    font-size: 40px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .big-slider .owl-prev {
    left: 18px; }
#slider .big-slider .owl-next {
    right: 18px; }
#slider .big-slider li {
    height: 450px;
    position: relative;
    overflow: hidden; }
#slider .big-slider li:hover .box-img:before {
    opacity: 1; }
#slider .big-slider li .box-img {
    display: block;
    width: 100%;
    height: 100%; }
#slider .big-slider li .box-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .big-slider li .box-img:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 110px;
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, #000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #000);
    /* Standard syntax */ }
#slider .big-slider li img {
    display: none; }
#slider .big-slider li .category {
    position: absolute;
    color: #002559;
    background: #fff;
    border-radius: 2px;
    font-weight: bold;
    font-size: 15px;
    padding: 0 20px;
    line-height: 20px;
    top: 14px;
    left: 26px;
    z-index: 9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .big-slider li .category:hover {
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
#slider .big-slider li .time {
    position: absolute;
    font-size: 17px;
    top: 14px;
    right: 34px;
    direction: ltr;
    font-weight: 700;
    padding: 0 7px;
    background: #fff;
    font-family: 'Lato';
    color: #022662;
    line-height: 16px; }
#slider .big-slider li h3 {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    font-size: 24px;
    padding: 20px 60px 5px 40px;
    line-height: 1;
    font-weight: 700; }
#slider .big-slider li h3:hover a {
    color: #c9252b; }
#slider .big-slider li h3 a {
    display: block;
    color: #fff;
    height: 60px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .small-slider {
    float: left;
    width: calc(100% - 758px); }
#slider .small-slider li {
    height: 140px;
    width: calc((100% - 10px) / 2);
    margin-left: 10px;
    float: left;
    position: relative;
    overflow: hidden; }
#slider .small-slider li:hover .box-img:before {
    opacity: 1; }
#slider .small-slider li .box-img {
    width: 100%;
    height: 100%;
    display: block; }
#slider .small-slider li .box-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .small-slider li .box-img:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 110px;
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, #000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #000);
    /* Standard syntax */ }
#slider .small-slider li:first-child {
    width: 100%;
    margin: 0 0 10px;
    height: 300px; }
#slider .small-slider li:first-child:after {
    bottom: -10px; }
#slider .small-slider li:first-child .category {
    font-size: 15px;
    padding: 0 20px;
    line-height: 20px;
    top: 14px;
    left: 26px; }
#slider .small-slider li:first-child .time {
    font-size: 17px;
    top: 14px;
    right: 34px;
    line-height: 16px;
    padding: 0 7px; }
#slider .small-slider li:first-child h3 {
    font-size: 24px;
    padding: 20px 28px 10px 40px;
    line-height: 1; }
#slider .small-slider li:first-child h3 a {
    height: 60px; }
#slider .small-slider li:nth-child(2) {
    margin-left: 0; }
#slider .small-slider li img {
    display: none; }
#slider .small-slider li .category {
    position: absolute;
    color: #002559;
    font-size: 7.3px;
    background: #fff;
    padding: 0 10px;
    line-height: 10px;
    border-radius: 2px;
    top: 7px;
    left: 10px;
    font-weight: 700;
    z-index: 9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .small-slider li .category:hover {
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
#slider .small-slider li .time {
    font-size: 8.5px;
    color: #022662;
    position: absolute;
    top: 6px;
    right: 15px;
    direction: ltr;
    font-weight: 700;
    font-family: 'Lato';
    line-height: 10px;
    padding: 0 4px;
    background: #fff; }
#slider .small-slider li h3 {
    font-size: 15px;
    color: #fff;
    padding: 10px 15px 10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    font-weight: 700; }
#slider .small-slider li h3 a {
    display: block;
    height: 35px;
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#slider .small-slider li h3 a:hover {
    color: #c9252b; }

/*HEADER RESPONSIVE*/
#header-responsive {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    display: none;
    position: fixed;
    top: -1px;
    left: 0;
    height: 60px;
    background: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); }
#header-responsive .box-logo {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: center;
    padding: 20px 0;
    height: 60px; }
#header-responsive .box-logo img {
    max-height: 20px; }
#header-responsive .navi {
    position: absolute;
    width: 50px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    right: 50px;
    color: #333;
    font-size: 25px;
    z-index: 2; }
#header-responsive .language {
    position: absolute;
    width: 50px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    left: 50px;
    color: #333;
    z-index: 2; }
#header-responsive .language .language-menu {
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 90px;
    background: #fff;
    z-index: 999;
    width: 55px;
    left: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#header-responsive .language .language-menu.active {
    top: 60px;
    opacity: 1;
    visibility: visible; }
#header-responsive .language .language-menu li {
    line-height: 30px;
    padding: 10px;
    cursor: pointer;
    font-family: 'Arial';
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#header-responsive .language .language-menu li:hover {
    background: #f5f5f5; }
#header-responsive .language .language-menu li + li {
    border-top: 1px solid #f5f5f5; }
#header-responsive .icon {
    display: block;
    width: 50px;
    height: 60px;
    position: absolute;
    line-height: 60px;
    text-align: center;
    z-index: 2; }
#header-responsive .icon img {
    display: none;
    max-width: 25px;
    margin-top: 3px; }
#header-responsive .icon i {
    display: table;
    line-height: 60px;
    margin: auto;
    font-size: 24px;
    text-align: center;
    color: #c9252b;
    cursor: pointer; }
#header-responsive .icon.icon-search {
    left: 0; }
#header-responsive .icon.icon-search.active:after {
    background: url(../images/close-search.png) no-repeat center/cover; }
#header-responsive .icon.icon-search:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icon-search.png) no-repeat center/cover;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
#header-responsive .icon.icon-menu {
    right: 0;
    top: 0; }

/*MENU RESPONSIVE*/
#menu-responsive {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    padding-top: 60px;
    background: #c9252b;
    color: #fff;
    z-index: 998;
    overflow: auto;
    overflow-x: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#menu-responsive.active {
    right: 0; }
#menu-responsive.active ~ #dark-shadow {
    visibility: visible;
    opacity: 1; }
#menu-responsive a {
    color: #fff; }
#menu-responsive .menu {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    max-height: calc(100vh - 60px);
    overflow: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
#menu-responsive .menu > li {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
#menu-responsive .menu > li.active > a {
    color: #fff; }
#menu-responsive .menu > li.active > a:hover, #menu-responsive .menu > li.active > a:focus, #menu-responsive .menu > li.active > a:visited, #menu-responsive .menu > li.active > a:active {
    border: 0;
    background: transparent;
    outline: none;
    margin: 0;
    border-radius: 0; }
#menu-responsive .menu > li > a {
    display: inline-block;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    position: relative; }
#menu-responsive .menu > li > a:hover, #menu-responsive .menu > li > a:focus, #menu-responsive .menu > li > a:visited, #menu-responsive .menu > li > a:active {
    border: 0;
    background: transparent;
    outline: none;
    margin: 0;
    border-radius: 0; }
#menu-responsive .menu > li ul {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#menu-responsive .menu > li ul li {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
#menu-responsive .menu > li ul li:last-child {
    border-bottom: 0; }
#menu-responsive .menu > li ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    color: #fff;
    padding: 15px 20px 15px 40px;
    font-size: 16px; }
#menu-responsive .menu > li ul li a:after {
    font-family: FontAwesome;
    content: "\f0da";
    display: block;
    float: left;
    left: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    width: 50px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    transition: transform .25s;
    position: absolute; }
#menu-responsive .menu > li ul li a:hover, #menu-responsive .menu > li ul li a:focus, #menu-responsive .menu > li ul li a:visited, #menu-responsive .menu > li ul li a:active {
    border: 0;
    background: transparent;
    outline: none;
    margin: 0;
    border-radius: 0; }
#menu-responsive .social {
    display: table;
    margin: 20px auto;
    font-size: 18px; }
#menu-responsive .social .fa {
    margin: 0 10px; }

#dark-shadow {
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }

#notsupport-landscape {
    position: fixed;
    background: #0096D6;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    padding: 50px;
    padding-top: 100px;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }

/*BOX SEARCH*/
#box-search {
    border-top: 1px solid #f5f5f5;
    position: absolute;
    top: 60px;
    z-index: 985;
    background: #fff;
    width: 100%;
    height: 56px;
    line-height: 30px;
    padding: 0 20px 10px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#box-search.active {
    opacity: 1;
    visibility: visible; }
#box-search input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ccc;
    line-height: 25px;
    direction: ltr;
    font-size: 16px;
    padding: 0;
    padding-top: 9px;
    outline: none;
    padding-right: 45px;
    border-radius: 0;
    height: 45px; }
#box-search input::-webkit-input-placeholder {
    padding-top: 5px; }
#box-search input::-moz-placeholder {
    /* Firefox 19+ */
    padding-top: 5px; }
#box-search input:-ms-input-placeholder {
    /* IE 10+ */
    padding-top: 5px; }
#box-search input:-moz-placeholder {
    /* Firefox 18- */
    padding-top: 5px; }
#box-search button {
    position: absolute;
    right: 15px;
    top: 3px;
    background: transparent;
    border: 0;
    line-height: 48px;
    outline: none; }
#box-search button img {
    max-width: 20px; }

/*Index*/
/*Content*/
#content {
    margin-top: 135px; }
#content.has-marquee {
    margin-top: 230px; }
#content.inside #section-news {
    float: left;
    width: 100%;
    padding: 0 0 50px; }
#content.inside #section-news .sidebar .ads-bottom {
    margin-top: 31px; }
#content.inside #section-news .sidebar .list-post {
    padding: 0; }
#content.inside #section-news .content {
    width: calc(100% - 360px); }
#content.inside #section-news .content .slider-inside {
    padding-left: 10px;
    margin-bottom: 10px; }
#content.inside #section-news .content .slider-inside .owl-dots {
    width: 11px;
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
#content.inside #section-news .content .slider-inside .owl-dots .owl-dot {
    display: inline-block;
    float: left;
    width: 100%; }
#content.inside #section-news .content .slider-inside .owl-dots .owl-dot + .owl-dot {
    margin-top: 7px; }
#content.inside #section-news .content .slider-inside .owl-dots .owl-dot span {
    display: block;
    width: 11px;
    height: 11px;
    background: #fff; }
#content.inside #section-news .content .slider-inside .owl-dots .owl-dot.active span {
    background: #c9252b; }
#content.inside #section-news .content .gallery-video {
    display: block;
    float: left;
    width: 100%;
    width: calc(100% + 10px);
    position: relative;
    z-index: 3; }
#content.inside #section-news .content .gallery-video li {
    display: inline-block;
    max-width: none;
    padding: 0;
    height: 212px;
    margin: 10px;
    float: left;
    position: relative;
    overflow: hidden;
    pointer-events: visible;
    cursor: pointer; }
#content.inside #section-news .content .gallery-video li:hover .caption {
    top: 0;
    bottom: 0; }
#content.inside #section-news .content .gallery-video li.col-01 {
    width: calc((100% - 80px) / 4); }
#content.inside #section-news .content .gallery-video li.col-02 {
    width: calc((100% - 40px) / 2); }
#content.inside #section-news .content .gallery-video li.col-02 .caption .box {
    padding: 0 70px; }
#content.inside #section-news .content .gallery-video li .box-img {
    width: 100%;
    height: 100%; }
#content.inside #section-news .content .gallery-video li .box-img img {
    display: none; }
#content.inside #section-news .content .gallery-video li .caption {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: -100%;
    color: #fff;
    text-align: right;
    /*font-family: 'Lato';*/
    direction: ltr;
    cursor: pointer;
    pointer-events: visible;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#content.inside #section-news .content .gallery-video li .caption .box {
    overflow: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 20px; }
#content.inside #section-news .content .gallery-video li .caption .box::-webkit-scrollbar {
    display: none; }
#content.inside #section-news .content .gallery-video li .caption .date {
    font-size: 12px;
    text-transform: uppercase; }
#content.inside #section-news .content .gallery-video li .caption h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px; }
#content.inside #section-news .content .gallery-video li .caption .text {
    font-size: 12px;
    margin-top: 20px;
    max-height: 145px;
    overflow: hidden; }

/*Marquee*/
#marquee {
    margin-bottom: 12px;
    direction: ltr; }
#marquee .box {
    background: #f6f6f6; }
#marquee .box h2 {
    background: #c9252b;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    padding: 0 40px;
    line-height: 31px;
    margin: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#marquee .box .gray .top {
    padding: 8px 10px 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#marquee .box .gray .top h4 {
    margin: 0;
    direction: rtl; }
#marquee .box .gray .top h4 a {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: #13346c;
    font-weight: 900; }
#marquee .box .gray .bottom {
    padding: 8px 10px 0 10px; }
#marquee .box .gray .bottom ul li {
    display: inline-block;
    margin-left: 95px;
    line-height: 21px;
    position: relative;
    direction: rtl; }
#marquee .box .gray .bottom ul li:before {
    content: '';
    display: block;
    width: 1px;
    height: 21px;
    background: #c9252b;
    position: absolute;
    right: -6px; }
#marquee .box .gray .bottom ul li a {
    font-size: 14px;
    color: #838383;
    font-weight: bold;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#marquee .box .gray .bottom ul li a:hover {
    color: #c9252b; }

/*Section News*/
#section-news {
    padding: 10px 0; }
#section-news .sidebar {
    width: 350px;
    float: left; }
#section-news .sidebar .ads-top, #section-news .sidebar .ads-bottom {
    text-align: center; }
#section-news .sidebar .ads-top {
    margin-bottom: 20px; }
#section-news .sidebar .list-post {
    padding-top: 10px; }
#section-news .sidebar .list-post .big-group h3 {
    font-size: 22px;
    color: #515255;
    font-weight: 700; }
#section-news .sidebar .list-post .big-group h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    margin-top: 5px; }
#section-news .sidebar .list-post .big-group ul li {
    height: 210px;
    position: relative; }
#section-news .sidebar .list-post .big-group ul li .box-img {
    display: block;
    height: 100%;
    width: 100%;
    position: relative; }
#section-news .sidebar .list-post .big-group ul li .box-img:hover:before {
    opacity: 1; }
#section-news .sidebar .list-post .big-group ul li .box-img:hover:after {
    opacity: 1;
    top: -30px; }
#section-news .sidebar .list-post .big-group ul li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .list-post .big-group ul li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .list-post .big-group ul li .box-img img {
    display: none; }
#section-news .sidebar .list-post .big-group ul li h4 {
    width: 100%;
    background: #c9252b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 8px 20px;
    margin: 0; }
#section-news .sidebar .list-post .big-group ul li h4 a {
    color: #fff; }
#section-news .sidebar .list-post .small-group h3 {
    font-size: 22px;
    color: #515255;
    font-weight: 700;
    margin-top: 30px; }
#section-news .sidebar .list-post .small-group h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    margin-top: 5px; }
#section-news .sidebar .list-post .small-group ul li {
    background: #ebebeb;
    padding: 10px 20px 10px 26px;
    position: relative;
    margin-bottom: 1px; }
#section-news .sidebar .list-post .small-group ul li:nth-child(even) {
    background: #d6d6d6; }
#section-news .sidebar .list-post .small-group ul li:before {
    content: '';
    display: block;
    width: 5px;
    height: calc(100% - 6px);
    margin: 3px;
    background: #c9252b;
    position: absolute;
    top: 0;
    right: 0; }
#section-news .sidebar .list-post .small-group ul li h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .list-post .small-group ul li h4:hover a {
    color: #c9252b; }
#section-news .sidebar .list-post .small-group ul li h4 a {
    color: #424242; }
#section-news .sidebar .list-post .small-group-2 {
    margin-bottom: 43px;
    margin-top: 30px; }
#section-news .sidebar .list-post .small-group-2.inside h3 {
    margin-bottom: 1px; }
#section-news .sidebar .list-post .small-group-2.inside ul {
    padding: 0;
    border: 0; }
#section-news .sidebar .list-post .small-group-2.inside ul li {
    background: #ebebeb;
    padding: 4px 12px 4px 60px;
    margin-bottom: 2px; }
#section-news .sidebar .list-post .small-group-2.inside ul li:before {
    content: '';
    display: block;
    width: 2px;
    height: calc(100% - 10px);
    margin: 5px 0;
    background: #c9252b;
    position: absolute;
    top: 0;
    right: 7px; }
#section-news .sidebar .list-post .small-group-2.inside ul li a {
    font-size: 14px;
    color: #424242;
    line-height: 1.4; }
#section-news .sidebar .list-post .small-group-2.inside ul li a i {
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 14px;
    margin: auto; }
#section-news .sidebar .list-post .small-group-2 h3 {
    font-size: 22px;
    color: #515255;
    font-weight: 700;
    margin-top: 0; }
#section-news .sidebar .list-post .small-group-2 h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    background: #e3e3e3; }
#section-news .sidebar .list-post .small-group-2 ul {
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    padding: 20px 15px 40px 20px; }
#section-news .sidebar .list-post .small-group-2 ul li {
    position: relative; }
#section-news .sidebar .list-post .small-group-2 ul li a {
    font-size: 16px;
    color: #d6d6d6;
    font-weight: 700;
    margin: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .list-post .small-group-2 ul li a:hover {
    color: #c9252b; }
#section-news .sidebar .list-post .small-group-2 ul li a i {
    float: left; }
#section-news .sidebar .box-tab {
    margin-top: 30px; }
#section-news .sidebar .box-tab .parent {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex; }
#section-news .sidebar .box-tab .parent li {
    float: right;
    width: calc((100% - 2px) / 3);
    background: #d6d6d6;
    padding: 5px;
    line-height: 1.4;
    font-weight: 900;
    font-size: 16px;
    color: #fff;
    text-align: center;
    /*overflow: hidden;
    text-overflow: ellipsis;
  white-space: nowrap;*/
    position: relative;
    cursor: pointer; }
#section-news .sidebar .box-tab .parent li:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #c9252b;
    border-width: 5px;
    margin-left: -5px;
    z-index: 9; }
#section-news .sidebar .box-tab .parent li + li {
    margin-right: 1px; }
#section-news .sidebar .box-tab .parent li.active {
    background: #c9252b; }
#section-news .sidebar .box-tab .parent li.active:after {
    opacity: 1; }
#section-news .sidebar .box-tab .child {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
#section-news .sidebar .box-tab .child li {
    height: 210px;
    position: relative;
    display: none;
    background: no-repeat center /cover; }
#section-news .sidebar .box-tab .child li.active {
    display: block; }
#section-news .sidebar .box-tab .child li .box-img {
    display: block;
    height: 100%;
    width: 100%;
    position: relative; }
#section-news .sidebar .box-tab .child li .box-img:hover:before {
    opacity: 1; }
#section-news .sidebar .box-tab .child li .box-img:hover:after {
    opacity: 1;
    top: -30px; }
#section-news .sidebar .box-tab .child li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .box-tab .child li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .sidebar .box-tab .child li img {
    display: none; }
#section-news .sidebar .box-tab .child li h4 {
    width: 100%;
    background: #c9252b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 8px 20px;
    margin: 0; }
#section-news .sidebar .box-tab .child li h4 a {
    color: #fff; }
#section-news .content {
    float: right;
    width: calc(100% - 370px);
    padding: 10px 0 0; }
#section-news .content .list-inside {
    display: block;
    float: left;
    width: 100%; }
#section-news .content .list-inside li {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 10px; }
#section-news .content .list-inside li:hover .box-img:before {
    opacity: 1; }
#section-news .content .list-inside li.col-01 {
    height: 533px;
    width: 100%;
    margin: 0; }
#section-news .content .list-inside li.col-02 {
    height: 260px;
    width: calc((100% - 20px) / 2); }
#section-news .content .list-inside li.col-02 .time {
    font-size: 15px;
    padding: 0 5px; }
#section-news .content .list-inside li.col-02 h3 {
    font-size: 25px;
    padding: 20px 25px;
    margin: 0; }
#section-news .content .list-inside li.col-02 h3 a {
    height: 60px; }
#section-news .content .list-inside li.col-03 {
    height: 170px;
    width: calc((100% - 30px) / 3); }
#section-news .content .list-inside li.col-03 .time {
    font-size: 10px;
    padding: 0 5px; }
#section-news .content .list-inside li.col-03 h3 {
    font-size: 17px;
    padding: 10px 15px;
    margin: 0; }
#section-news .content .list-inside li.col-03 h3 a {
    height: 40px; }
#section-news .content .list-inside li .box-img {
    display: block;
    width: 100%;
    height: 100%; }
#section-news .content .list-inside li .box-img:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .list-inside li .box-img:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 110px;
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, #000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #000);
    /* Standard syntax */
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .list-inside li img {
    display: none; }
#section-news .content .list-inside li .category {
    position: absolute;
    color: #002559;
    background: #fff;
    border-radius: 2px;
    font-weight: bold;
    font-size: 15px;
    padding: 0 20px;
    line-height: 20px;
    top: 14px;
    left: 26px;
    z-index: 9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .list-inside li .category:hover {
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
#section-news .content .list-inside li .time {
    color: #022662;
    position: absolute;
    font-size: 20px;
    top: 14px;
    right: 34px;
    direction: ltr;
    font-weight: 700;
    font-family: 'Lato';
    line-height: 1;
    padding: 0 13px;
    background: #fff; }
#section-news .content .list-inside li h3 {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    font-size: 34px;
    padding: 20px 60px 15px 40px;
    line-height: 1;
    font-weight: 700;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .list-inside li h3:hover a {
    color: #c9252b; }
#section-news .content .list-inside li h3 a {
    display: block;
    height: 80px;
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .ads-top, #section-news .content .ads-bottom {
    text-align: center; }
#section-news .content .ads-bottom {
    margin-top: 80px; }
#section-news .content .news-1 h2 {
    font-size: 24px;
    color: #515255;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px; }
#section-news .content .news-1 h2 a {
    color: #515255;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 h2 a:hover {
    color: #c9252b; }
#section-news .content .news-1 h2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3; }
#section-news .content .news-1 .big {
    float: right;
    width: 485px; }
#section-news .content .news-1 .big .box-img {
    display: block;
    width: 100%;
    height: 295px;
    position: relative; }
#section-news .content .news-1 .big .box-img:hover:before {
    opacity: 1; }
#section-news .content .news-1 .big .box-img:hover:after {
    opacity: 1;
    top: 0; }
#section-news .content .news-1 .big .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .big .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .big .box-img img {
    display: none; }
#section-news .content .news-1 .big .caption {
    position: relative; }
#section-news .content .news-1 .big .caption h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0 10px;
    padding-left: 160px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .big .caption h3:hover a {
    color: #c9252b; }
#section-news .content .news-1 .big .caption h3 a {
    color: #515255; }
#section-news .content .news-1 .big .caption .time {
    position: absolute;
    color: #979799;
    font-family: 'Lato';
    top: -3px;
    left: 0;
    direction: ltr;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 2px; }
#section-news .content .news-1 .big .caption .description {
    font-size: 18px;
    color: #b2b2b2;
    font-weight: 700; }
#section-news .content .news-1 .big .caption .read-more {
    font-size: 15px;
    color: #c9252b;
    font-weight: 700; }
#section-news .content .news-1 .small {
    float: left;
    width: calc(100% - 550px); }
#section-news .content .news-1 .small li {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    margin-bottom: 20px; }
#section-news .content .news-1 .small li .box-img {
    width: 130px;
    float: right;
    height: 77px;
    position: relative; }
#section-news .content .news-1 .small li .box-img:hover:before {
    opacity: 1; }
#section-news .content .news-1 .small li .box-img:hover:after {
    opacity: 1;
    top: 0; }
#section-news .content .news-1 .small li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .small li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .small li .box-img img {
    display: none; }
#section-news .content .news-1 .small li .caption {
    position: relative;
    float: left;
    width: calc(100% - 145px); }
#section-news .content .news-1 .small li .caption h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 1px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-1 .small li .caption h3:hover a {
    color: #c9252b; }
#section-news .content .news-1 .small li .caption h3 a {
    color: #515255; }
#section-news .content .news-1 .small li .caption .description {
    font-size: 18px;
    color: #b2b2b2;
    font-weight: 700; }
#section-news .content .news-1 .small li .caption .read-more {
    font-size: 15px;
    color: #c9252b;
    font-weight: 700; }
#section-news .content .news-1 .small li .caption .time {
    color: #979799;
    font-family: 'Lato';
    direction: ltr;
    font-weight: 700;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 4px;
    letter-spacing: 2px; }
#section-news .content .news-2 {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding: 15px;
    margin-top: 25px;
    background: #f4f4f4;
    overflow: hidden; }
#section-news .content .news-2 h2 {
    font-size: 24px;
    color: #515255;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px; }
#section-news .content .news-2 h2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3; }
#section-news .content .news-2 .slider-news-2 {
    float: right;
    width: 100%; }
#section-news .content .news-2 .slider-news-2:hover .prev {
    left: -15px; }
#section-news .content .news-2 .slider-news-2:hover .next {
    right: -15px; }
#section-news .content .news-2 .slider-news-2 .prev, #section-news .content .news-2 .slider-news-2 .next {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: #ddd;
    border: 2px solid #ddd;
    border-radius: 50%;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .prev:hover, #section-news .content .news-2 .slider-news-2 .next:hover {
    color: #fff; }
#section-news .content .news-2 .slider-news-2 .prev:hover i, #section-news .content .news-2 .slider-news-2 .next:hover i {
    opacity: 1; }
#section-news .content .news-2 .slider-news-2 .prev i, #section-news .content .news-2 .slider-news-2 .next i {
    font-weight: bold;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .prev {
    position: absolute;
    top: 0;
    left: -40px;
    bottom: 0;
    margin: auto;
    height: 80px;
    background: #c9252b;
    border-radius: 0;
    border: 0;
    line-height: 80px;
    font-size: 30px;
    width: 30px; }
#section-news .content .news-2 .slider-news-2 .prev i {
    opacity: 0.9; }
#section-news .content .news-2 .slider-news-2 .next {
    position: absolute;
    top: 0;
    right: -40px;
    bottom: 0;
    margin: auto;
    height: 80px;
    background: #c9252b;
    border-radius: 0;
    border: 0;
    line-height: 80px;
    font-size: 30px;
    width: 30px; }
#section-news .content .news-2 .slider-news-2 .next i {
    opacity: 0.9; }
#section-news .content .news-2 .slider-news-2 .item li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 15px; }
#section-news .content .news-2 .slider-news-2 .item li .top {
    padding-top: 7px; }
#section-news .content .news-2 .slider-news-2 .item li.big {
    margin-bottom: 25px; }
#section-news .content .news-2 .slider-news-2 .item li.big .name-category {
    background: #c9252b;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #fff; }
#section-news .content .news-2 .slider-news-2 .item li.big .name-category a {
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li.big .name-category a:hover {
    color: rgba(255, 255, 255, 0.7); }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img {
    width: 100%;
    height: 170px;
    position: relative; }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img img {
    display: none; }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img:hover:before {
    opacity: 1; }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img:hover:after {
    opacity: 1;
    top: 0; }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li.big .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li.big .caption {
    width: 100%; }
#section-news .content .news-2 .slider-news-2 .item li.big .caption .time {
    float: left; }
#section-news .content .news-2 .slider-news-2 .item li.big .caption .read-more {
    float: right; }
#section-news .content .news-2 .slider-news-2 .item li.big h3 {
    max-height: none;
    margin: 10px 0;
    padding-bottom: 3px;
    font-size: 20px; }
#section-news .content .news-2 .slider-news-2 .item li.big h3 a {
    /* height: auto;*/
    margin-bottom: 0;
    padding-bottom: 0;
    height: 47px; }
#section-news .content .news-2 .slider-news-2 .item li.big .top {
    padding: 7px 0 0; }
#section-news .content .news-2 .slider-news-2 .item li .box-img {
    height: 60px;
    width: 100px;
    float: left;
    position: relative; }
#section-news .content .news-2 .slider-news-2 .item li .box-img img {
    display: none; }
#section-news .content .news-2 .slider-news-2 .item li .box-img:hover:before {
    opacity: 1; }
#section-news .content .news-2 .slider-news-2 .item li .box-img:hover:after {
    opacity: 1;
    top: 0; }
#section-news .content .news-2 .slider-news-2 .item li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li .time {
    font-size: 11px;
    font-family: 'Lato';
    color: #979799;
    direction: ltr;
    float: right;
    letter-spacing: 2px; }
#section-news .content .news-2 .slider-news-2 .item li .read-more {
    float: left;
    font-size: 12px;
    color: #c9252b;
    font-weight: 700;
    padding-top: 2px; }
#section-news .content .news-2 .slider-news-2 .item li .top {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
#section-news .content .news-2 .slider-news-2 .item li .caption {
    padding: 0 5px;
    width: calc(100% - 115px);
    float: right; }
#section-news .content .news-2 .slider-news-2 .item li h3 {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 15px;
    width: 100%;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .news-2 .slider-news-2 .item li h3:hover a {
    color: #c9252b; }
#section-news .content .news-2 .slider-news-2 .item li h3 a {
    display: block;
    height: 44px;
    padding-bottom: 3px;
    margin-bottom: 3px;
    color: #515255; }
#section-news .content .news-2 .slider-news-2 .item li .description {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
    font-size: 18px;
    color: #b2b2b2;
    font-weight: bold;
    line-height: 1;
    height: 100px; }
#section-news .content .latest-news {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding-bottom: 30px; }
#section-news .content .latest-news .search-news ul li {
    float: left;
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0; }
#section-news .content .latest-news .search-news ul li:last-child {
    margin: 0; }
#section-news .content .latest-news .search-news ul li select {
    display: block;
    width: 100%;
    padding: 0 15px 0 30px;
    line-height: 40px;
    border: 1px solid #eee;
    height: 40px;
    background: #eee url(../images/arrow-select.png) no-repeat left 13px center;
    -webkit-appearance: none;
    outline: none; }
#section-news .content .latest-news .list-news {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding-top: 20px; }
#section-news .content .latest-news .list-news li {
    display: flex;
    padding: 8px 10px;
    position: relative; }
#section-news .content .latest-news .list-news li:hover span {
    opacity: 1;
    height: 100%; }
#section-news .content .latest-news .list-news li span {
    width: 5px;
    background: #c9252b;
    position: absolute;
    right: -11px;
    height: 7px;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .latest-news .list-news li:nth-child(even) {
    background: #eee; }
#section-news .content .latest-news .list-news li .time {
    float: right;
    width: 60px;
    font-size: 11px;
    color: #979799;
    font-weight: 900;
    direction: ltr;
    font-family: 'Lato';
    position: relative;
    padding-top: 4px; }
#section-news .content .latest-news .list-news li h3 {
    float: left;
    width: calc(100% - 80px);
    margin: 0; }
#section-news .content .latest-news .list-news li h3 a {
    display: block;
    font-size: 14px;
    color: #515255;
    font-weight: 700;
    line-height: 1.4;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news .content .latest-news .list-news li h3 a:hover {
    color: #c9252b; }

/*Section News 2*/
#section-news-2 {
    padding: 10px 0; }
#section-news-2 .sidebar {
    width: 350px;
    float: left; }
#section-news-2 .sidebar .ads-top, #section-news-2 .sidebar .ads-bottom {
    text-align: center; }
#section-news-2 .sidebar .ads-top {
    margin-bottom: 20px; }
#section-news-2 .sidebar .list-post .big-group h3 {
    font-size: 24px;
    color: #515255;
    font-weight: 700;
    margin-top: 10px; }
#section-news-2 .sidebar .list-post .big-group h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3; }
#section-news-2 .sidebar .list-post .big-group ul li {
    height: 210px;
    position: relative; }
#section-news-2 .sidebar .list-post .big-group ul li img {
    display: none; }
#section-news-2 .sidebar .list-post .big-group ul li h4 {
    background: #c9252b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 8px 20px;
    margin: 0; }
#section-news-2 .sidebar .list-post .small-group h3 {
    font-size: 24px;
    color: #515255;
    font-weight: 700;
    margin-top: 30px; }
#section-news-2 .sidebar .list-post .small-group h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3; }
#section-news-2 .sidebar .list-post .small-group ul li {
    background: #ebebeb;
    padding: 10px 20px 10px 26px;
    position: relative; }
#section-news-2 .sidebar .list-post .small-group ul li:nth-child(even) {
    background: #d6d6d6; }
#section-news-2 .sidebar .list-post .small-group ul li:before {
    content: '';
    display: block;
    width: 5px;
    height: calc(100% - 6px);
    margin: 3px;
    background: #c9252b;
    position: absolute;
    top: 0;
    right: 0; }
#section-news-2 .sidebar .list-post .small-group ul li h4 {
    font-size: 14px;
    color: #424242;
    font-weight: 700;
    margin: 0; }
#section-news-2 .sidebar .list-post .small-group-2 {
    margin-bottom: 43px; }
#section-news-2 .sidebar .list-post .small-group-2 h3 {
    font-size: 24px;
    color: #515255;
    font-weight: 700;
    margin-top: 30px; }
#section-news-2 .sidebar .list-post .small-group-2 h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e3e3e3; }
#section-news-2 .sidebar .list-post .small-group-2 ul {
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    padding: 20px 15px 40px 20px; }
#section-news-2 .sidebar .list-post .small-group-2 ul li {
    position: relative; }
#section-news-2 .sidebar .list-post .small-group-2 ul li a {
    font-size: 16px;
    color: #d6d6d6;
    font-weight: 700;
    margin: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news-2 .sidebar .list-post .small-group-2 ul li a:hover {
    color: #c9252b; }
#section-news-2 .sidebar .list-post .small-group-2 ul li a i {
    float: left; }
#section-news-2 .content {
    float: right;
    width: calc(100% - 370px);
    padding: 30px 0 0; }
#section-news-2 .content ul li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 50px; }
#section-news-2 .content ul li .box-img {
    float: right;
    width: 485px;
    height: 295px; }
#section-news-2 .content ul li .box-img img {
    display: none; }
#section-news-2 .content ul li .caption {
    float: left;
    width: calc(100% - 510px); }
#section-news-2 .content ul li .caption h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#section-news-2 .content ul li .caption h3:hover a {
    color: #c9252b; }
#section-news-2 .content ul li .caption h3 a {
    color: #515255; }
#section-news-2 .content ul li .caption .description {
    font-size: 18px;
    color: #b2b2b2;
    padding-left: 40px;
    line-height: 1.3; }
#section-news-2 .content ul li .caption .bottom {
    padding-top: 10px; }
#section-news-2 .content ul li .caption .bottom .time {
    font-size: 11px;
    color: #979799;
    float: left;
    direction: ltr;
    font-weight: 700;
    font-family: 'Lato';
    padding-left: 15px;
    letter-spacing: 2px; }
#section-news-2 .content ul li .caption .bottom .read-more {
    color: #c9252b;
    font-weight: bold;
    font-size: 12px; }

/*Videos*/
#videos {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 20px;
    padding: 40px 0 90px; }
#videos:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); }
#videos h2 {
    font-size: 20px;
    text-align: right;
    direction: ltr;
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: 800; }
#videos h2 a {
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#videos h2 a:hover {
    color: #c9252b; }
#videos h2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 8px 0 30px; }
#videos ul {
    width: 250px;
    float: left;
    border-left: 5px solid #e3e3e3;
    background: #fff;
    position: relative;
    z-index: 3; }
#videos ul li {
    display: block;
    float: left;
    width: 100%;
    padding: 35px 10px 10px 15px;
    height: 120px;
    position: relative;
    cursor: pointer; }
#videos ul li.active, #videos ul li:hover {
    background: #f5f5f5; }
#videos ul li.active:after, #videos ul li:hover:after {
    background: #c9252b; }
#videos ul li:after {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    position: absolute;
    left: -5px;
    top: 0;
    background: transparent;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#videos ul li + li {
    border-top: 1px solid #f5f5f5; }
#videos ul li .box-img {
    float: left;
    width: 77px;
    height: 44px; }
#videos ul li .box-img img {
    display: none; }
#videos ul li h4 {
    width: calc(100% - 88px);
    float: right;
    color: #515255;
    font-size: 12px;
    overflow: hidden; }
#videos .iframe {
    float: right;
    width: calc(100% - 270px);
    height: 480px;
    position: relative;
    z-index: 3; }
#videos .iframe iframe {
    width: 100%;
    height: 100%;
    border: 0; }

/*Photos*/
#photos {
    display: block;
    float: left;
    width: 100%;
    padding: 40px 0;
    /*margin-bottom: 90px;*/
    position: relative; }
#photos:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); }
#photos h2 {
    font-size: 20px;
    text-align: right;
    direction: ltr;
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: 800; }
#photos h2 a {
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#photos h2 a:hover {
    color: #c9252b; }
#photos h2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 8px 0 30px; }
#photos ul {
    display: block;
    float: left;
    width: 100%;
    margin-left: -10px;
    width: calc(100% + 20px);
    position: relative;
    z-index: 3; }
#photos ul li {
    display: inline-block;
    max-width: none;
    padding: 0;
    height: 255px;
    margin: 10px;
    float: left;
    position: relative;
    overflow: hidden;
    pointer-events: visible;
    cursor: pointer; }
#photos ul li:hover .caption {
    top: 0;
    bottom: 0; }
#photos ul li.col-1 {
    width: calc((100% - 80px) / 4); }
#photos ul li.col-1 .caption .box {
    padding: 0 30px; }
#photos ul li.col-2 {
    width: calc((100% - 40px) / 2); }
#photos ul li.col-2 .caption .box {
    padding: 0 90px; }
#photos ul li .box-img {
    width: 100%;
    height: 100%; }
#photos ul li .box-img img {
    display: none; }
#photos ul li .caption {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: -100%;
    color: #fff;
    text-align: right;
    direction: ltr;
    cursor: pointer;
    pointer-events: visible;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#photos ul li .caption .box {
    overflow: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%; }
#photos ul li .caption .box::-webkit-scrollbar {
    display: none; }
#photos ul li .caption .date {
    font-size: 12px;
    text-transform: uppercase; }
#photos ul li .caption h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 4px; }
#photos ul li .caption .text {
    font-size: 12px;
    margin-top: 20px;
    max-height: 145px;
    overflow: hidden; }

/*Videos Gallery*/
#video-gallery {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 20px;
    padding: 20px 0 130px;
    background: url(../images/bg.jpg) no-repeat center/cover; }
#video-gallery:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); }
#video-gallery h2 {
    font-size: 16px;
    font-family: 'Lato';
    direction: ltr;
    color: #fff;
    position: relative;
    z-index: 3;
    font-weight: 800;
    text-align: right; }
#video-gallery h2:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 5px 0 30px; }
#video-gallery ul {
    display: flex;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    position: relative;
    z-index: 3; }
#video-gallery ul li {
    display: inline-block;
    float: left;
    width: calc((100% - 60px) / 4);
    padding: 0;
    position: relative;
    margin-right: 20px; }
#video-gallery ul li:nth-child(4n) {
    margin-right: 0; }
#video-gallery ul li.active .box-img, #video-gallery ul li:hover .box-img {
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.7); }
#video-gallery ul li.active .box-img:before, #video-gallery ul li.active .box-img:after, #video-gallery ul li:hover .box-img:before, #video-gallery ul li:hover .box-img:after {
    opacity: 1; }
#video-gallery ul li .box-img {
    float: left;
    width: 100%;
    height: 144px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 3px transparent; }
#video-gallery ul li .box-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#video-gallery ul li .box-img:after {
    content: '';
    display: block;
    width: 54px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    opacity: 0;
    background: url(../images/play.png) no-repeat center/cover;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#video-gallery ul li .box-img img {
    display: none; }
#video-gallery ul li h4 {
    display: block;
    float: left;
    width: 100%;
    color: #515255;
    font-size: 20px;
    text-align: right;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 0;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#video-gallery ul li h4:hover {
    color: #c9252b; }
#video-gallery ul li p {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 13px;
    color: #fff; }
#video-gallery .iframe {
    width: 100%;
    height: 620px;
    position: relative;
    z-index: 3; }
#video-gallery .iframe iframe {
    width: 100%;
    height: 100%;
    border: 0; }

/*Gallery Blog*/
#gallery-blog {
    display: block;
    float: left;
    width: 100%;
    padding: 20px 0 40px; }
#gallery-blog.blog-home {
    padding-top: 40px; }
#gallery-blog ul {
    display: flex; }
#gallery-blog ul li {
    float: right;
    width: calc((100% - 30px) / 3);
    padding-bottom: 20px;
    margin-right: 15px; }
#gallery-blog ul li:nth-child(even) {
    background: #f4f4f4; }
#gallery-blog ul li:first-child {
    margin-right: 0; }
#gallery-blog ul li .box-img {
    width: 100%;
    height: 295px;
    float: left;
    position: relative; }
#gallery-blog ul li .box-img:hover:before {
    opacity: 1; }
#gallery-blog ul li .box-img:hover:after {
    opacity: 1;
    top: 0; }
#gallery-blog ul li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#gallery-blog ul li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#gallery-blog ul li .box-img img {
    display: none; }
#gallery-blog ul li .time {
    font-size: 11px;
    font-family: 'Lato';
    color: #979799;
    direction: ltr;
    float: left;
    letter-spacing: 2px;
    padding-left: 16px; }
#gallery-blog ul li .read-more {
    float: right;
    font-size: 12px;
    color: #c9252b;
    font-weight: 700;
    padding-top: 2px; }
#gallery-blog ul li .top {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding: 11px 0 0; }
#gallery-blog ul li .caption {
    padding: 0 5px;
    width: 100%;
    float: right; }
#gallery-blog ul li h3 {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 20px;
    width: 100%;
    font-weight: 700;
    margin: 14px 0 21px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#gallery-blog ul li h3:hover a {
    color: #c9252b; }
#gallery-blog ul li h3 a {
    color: #515255; }
#gallery-blog ul li .description {
    font-size: 18px;
    color: #b2b2b2;
    font-weight: bold;
    line-height: 1.25; }

/*News*/
#news {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding: 45px 0;
    background: url(../images/bg-news.jpg) no-repeat center/cover; }
#news .info {
    float: right;
    width: 200px;
    padding-right: 15px;
    padding-top: 30px; }
#news .info .text {
    color: #fff;
    font-size: 23px; }
#news .info strong {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px; }
#news .info .app-mobile a {
    display: block;
    margin-bottom: 20px; }
#news .list-news {
    display: flex;
    float: left;
    width: calc(100% - 200px); }
#news .list-news li {
    float: left;
    width: calc((100% - 60px) / 4);
    margin-right: 15px;
    background: #fff; }
#news .list-news li .box-img {
    display: block;
    width: 100%;
    height: 125px;
    background: no-repeat center /cover;
    position: relative; }
#news .list-news li .box-img img {
    display: none; }
#news .list-news li .box-img:hover:before {
    opacity: 1; }
#news .list-news li .box-img:hover:after {
    opacity: 1;
    top: 0; }
#news .list-news li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#news .list-news li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#news .list-news li .caption {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    background: #fff;
    padding: 5px 10px; }
#news .list-news li .caption .category {
    font-size: 20px;
    font-weight: bold;
    color: #c9252b;
    line-height: 1.3;
    display: block; }
#news .list-news li .caption h4 {
    color: #1e1f1b;
    font-weight: bold;
    letter-spacing: -1.5px;
    line-height: 1;
    margin: 0;
    font-size: 20px;
    padding: 5px 0 8px; }
#news .list-news li .caption h4 a {
    color: #1e1f1b;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#news .list-news li .caption h4 a:hover {
    color: #c9252b; }
#news .list-news li .caption .description {
    font-weight: bold;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 1.2; }
#news .list-news li .caption .time {
    display: block;
    font-size: 11px;
    font-family: 'Lato';
    color: #979799;
    direction: ltr;
    float: left;
    letter-spacing: 2px;
    padding: 5px 0 5px 12px;
    font-weight: 900; }

/*Article*/
.detail-article > .box-img img {
    width: 100%; }
.detail-article .social {
    float: left;
    padding-top: 10px; }
.detail-article .social li {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    line-height: 20px;
    background: #002056;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.detail-article .social li:hover {
    background: #c9252b; }
.detail-article .social li a {
    color: #fff;
    display: block; }
.detail-article .social li a i {
    font-size: 12px; }
.detail-article .action {
    float: left;
    margin-left: 85px;
    line-height: 20px;
    padding-top: 10px; }
.detail-article .action li {
    display: inline-block;
    float: left;
    margin-right: 12px;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.detail-article .action li:hover {
    opacity: 1; }
.detail-article .category {
    float: right;
    line-height: 22px;
    padding: 0 25px 4px;
    background: #c9252b;
    color: #fff;
    font-size: 18px;
    margin-right: 80px;
    margin-top: 7px;
    font-weight: bold;
    letter-spacing: 1.5px; }
.detail-article .date {
    float: right;
    color: #cacaca;
    font-size: 20px;
    direction: ltr;
    font-family: 'Lato'; }
.detail-article .date img {
    margin-left: 11px;
    position: relative;
    top: -4px; }
.detail-article .body-content {
    padding-top: 23px; }
.detail-article .body-content h1 {
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 12px;
    font-size: 32px;
    color: #515255; }
.detail-article .body-content .text {
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    color: #696969; }
.detail-article .body-content .text p {
    margin-bottom: 1.3rem; }
.detail-article .recent-post {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding-top: 42px;
    padding-bottom: 30px; }
.detail-article .recent-post h3 {
    font-size: 22px;
    color: #515255;
    font-weight: bold;
    margin-bottom: 10px; }
.detail-article .recent-post h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    background: #e3e3e3; }
.detail-article .recent-post ul li {
    float: right;
    width: calc((100% - 70px) / 3); }
.detail-article .recent-post ul li + li {
    margin-right: 35px; }
.detail-article .recent-post ul li .box-img {
    display: block;
    height: 165px;
    background: no-repeat center /cover;
    position: relative; }
.detail-article .recent-post ul li .box-img:hover:before {
    opacity: 1; }
.detail-article .recent-post ul li .box-img:hover:after {
    opacity: 1;
    top: 0; }
.detail-article .recent-post ul li .box-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.detail-article .recent-post ul li .box-img:after {
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-rendering: auto;
    opacity: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.detail-article .recent-post ul li .box-img img {
    display: none; }
.detail-article .recent-post ul li .caption {
    padding: 10px 11px 10px 20px; }
.detail-article .recent-post ul li h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.3; }
.detail-article .recent-post ul li h4 a {
    color: #002559;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.detail-article .recent-post ul li h4 a:hover {
    color: #c9252b; }
.detail-article .recent-post ul li .time {
    float: right;
    color: #979799;
    font-weight: 900;
    font-size: 14px;
    direction: ltr;
    font-family: 'Lato';
    letter-spacing: 2px;
    position: relative;
    right: -2px; }
.detail-article .recent-post ul li .read-more {
    display: block;
    float: right;
    width: 100%;
    font-size: 19px;
    color: #c9252b;
    font-weight: bold;
    margin-top: 5px; }

/*Contact Us*/
#contact-us {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding-bottom: 100px; }
#contact-us .gmap {
    height: 380px;
    margin-bottom: 37px; }
#contact-us .left {
    float: left;
    width: calc(100% - 360px); }
#contact-us .left form {
    margin: 0 -10px; }
#contact-us .left form [class^='col-md'] {
    padding: 0 10px; }
#contact-us .left form div {
    margin-bottom: 25px; }
#contact-us .left form input {
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #999;
    outline: none; }
#contact-us .left form input:focus {
    background: #fff; }
#contact-us .left form input[value=""] {
    border: 1px solid #eee;
    background: #eee; }
#contact-us .left form textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #999;
    outline: none;
    resize: none;
    height: 220px; }
#contact-us .left form textarea:focus {
    background: #fff; }
#contact-us .left form textarea[value=""] {
    border: 1px solid #eee;
    background: #eee; }
#contact-us .left form button {
    display: block;
    width: 160px;
    line-height: 38px;
    border-radius: 50px;
    background: #c9252b;
    color: #fff;
    font-size: 20px;
    border: 0;
    letter-spacing: 1.5px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#contact-us .left form button:hover {
    background: #a20e14; }
#contact-us .right {
    float: right;
    width: 340px;
    margin-bottom: 70px; }
#contact-us .right h1 {
    font-size: 20px;
    line-height: 1.4;
    color: #002559;
    font-weight: bold;
    margin: 0 0 50px; }
#contact-us .right .fr-table {
    color: #002559; }
#contact-us .right .fr-table.bold td {
    font-weight: bold;
    font-size: 20px; }
#contact-us .right .fr-table th {
    text-align: right;
    font-size: 20px; }
#contact-us .right .fr-table th, #contact-us .right .fr-table td {
    padding: 2px 10px; }
#contact-us .right .fr-table td {
    font-size: 16px; }
#contact-us .right button {
    margin: 65px 0 25px;
    width: 100%;
    line-height: 36px;
    padding: 0;
    background: #002056;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#contact-us .right button:hover {
    background: #c9252b; }
#contact-us .right button a {
    color: #fff;
    padding: 0 20px;
    display: block; }
#contact-us .right .social {
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    position: relative; }
#contact-us .right .social:after {
    content: attr(name);
    font-size: 16px;
    color: #002559;
    display: block;
    position: absolute;
    right: 102px; }
#contact-us .right .social li {
    display: inline-block;
    margin-left: 10px;
    float: right;
    width: 24px;
    line-height: 24px;
    background: #002056;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#contact-us .right .social li a {
    display: block;
    color: #fff; }
#contact-us .right .social li:hover {
    background: #c9252b; }

/*Footer*/
.page-item:first-child .page-link {
    margin-left: -1px;
    border-radius: 0; }

.page-item:last-child .page-link {
    border-radius: 0; }

/*Footer*/
#footer {
    display: block;
    float: left;
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 37px 0 27px; }
#footer .information {
    float: right;
    width: 300px;
    padding-left: 20px;
    position: relative; }
#footer .information h3 {
    font-size: 20px;
    font-weight: 700;
    padding-left: 20px; }
#footer .information .info {
    font-size: 18px;
    color: #b2b2b2; }
#footer .links {
    float: right;
    width: calc((100% - 500px) / 3);
    padding: 0 20px; }
#footer .links h3 {
    font-size: 20px;
    font-weight: 700;
    padding-left: 20px; }
#footer .links ul li a {
    color: #b2b2b2;
    font-size: 18px;
    line-height: 24px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#footer .links ul li a:hover {
    color: #fff; }
#footer .subcrib {
    float: left;
    width: 200px;
    position: relative;
    direction: ltr; }
#footer .subcrib button {
    width: 160px;
    line-height: 38px;
    border-radius: 50px;
    background: #c9252b;
    color: #fff;
    font-size: 12px;
    font-family: 'Lato';
    border: 0;
    letter-spacing: 1.5px;
    margin-top: 10px;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#footer .subcrib button:hover {
    background: #a20e14; }
#footer .subcrib ul {
    margin-top: 50px;
    margin-bottom: 22px; }
#footer .subcrib ul li {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    background: #b2b2b2;
    line-height: 26px;
    text-align: center;
    margin-right: 11px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#footer .subcrib ul li:hover {
    background: #fff; }
#footer .subcrib ul li a i {
    color: #000; }
#footer .subcrib .copyright {
    font-size: 13px;
    font-family: 'Lato';
    padding: 0 10px;
    color: #b2b2b2; }

/*Navi*/
#box-navi {
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
    opacity: 0;
    visibility: hidden; }
#box-navi.active {
    opacity: 1;
    visibility: visible; }
#box-navi .news-navi {
    float: right;
    width: calc(100% - 420px);
    height: 100vh; }
#box-navi .news-navi .head {
    height: 66px;
    padding: 0 15px;
    background: #03275e; }
#box-navi .news-navi .head .logo {
    display: block;
    float: right;
    width: calc(100% - 40px);
    padding: 10px 0;
    text-align: center; }
#box-navi .news-navi .head .logo a {
    display: table;
    margin: auto; }
#box-navi .news-navi .head .logo .img-logo {
    height: 46px; }
#box-navi .news-navi .head .logo .img-language {
    position: relative;
    top: -5px;
    margin-right: 10px; }
#box-navi .news-navi .head span {
    float: left;
    line-height: 66px;
    cursor: pointer; }
#box-navi .news-navi .list-news {
    display: block;
    float: left;
    width: 100%;
    height: calc(100vh - 66px);
    padding: 45px 20px 30px;
    position: relative; }
#box-navi .news-navi .list-news .intrustion {
    display: none;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 190px;
    padding-right: 20px; }
#box-navi .news-navi .list-news .intrustion .arrow {
    width: 100%;
    text-align: left;
    padding-left: 8px; }
#box-navi .news-navi .list-news .intrustion span {
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
    padding-top: 10px; }
#box-navi .news-navi .list-news .small-slider {
    float: right;
    width: 100%;
    height: 100%;
    max-width: calc(100vh * 1.13); }
#box-navi .news-navi .list-news .small-slider li {
    height: calc((100% - 20px) / 3);
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
    float: left;
    position: relative;
    overflow: hidden;
    /*img{
          display: none;
    }*/ }
#box-navi .news-navi .list-news .small-slider li:hover .box-img:before {
    opacity: 1; }
#box-navi .news-navi .list-news .small-slider li .box-img {
    width: 100%;
    height: 100%;
    display: block; }
#box-navi .news-navi .list-news .small-slider li .box-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#box-navi .news-navi .list-news .small-slider li .box-img:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    height: 110px;
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, #000);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #000);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #000);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #000);
    /* Standard syntax */ }
#box-navi .news-navi .list-news .small-slider li .owl-carousel {
    height: 100%;
    position: relative; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-stage-outer,
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-stage-outer .owl-stage,
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-stage-outer .owl-stage .owl-item {
    height: 100%; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-prev, #box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-next {
    position: absolute;
    bottom: 66px; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-prev:hover i, #box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-next:hover i {
    opacity: 1; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-prev i, #box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-next i {
    color: #fff;
    font-size: 40px;
    opacity: 0.7;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-prev {
    left: 12px; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-next {
    right: 12px; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .child {
    position: relative;
    z-index: 99;
    height: 100%; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel img {
    display: block; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-dots {
    width: 11px;
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    float: left;
    width: 100%; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-dots .owl-dot + .owl-dot {
    margin-top: 7px; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 11px;
    height: 11px;
    background: #fff; }
#box-navi .news-navi .list-news .small-slider li .owl-carousel .owl-dots .owl-dot.active span {
    background: #c9252b; }
#box-navi .news-navi .list-news .small-slider li:first-child {
    width: 100%;
    float: right;
    margin: 0 0 20px;
    height: calc(((100% - 20px) / 3) * 2); }
#box-navi .news-navi .list-news .small-slider li:first-child:after {
    bottom: -10px; }
#box-navi .news-navi .list-news .small-slider li:first-child .category {
    font-size: 20px;
    padding: 0 30px 5px;
    line-height: 22px;
    top: 24px;
    left: 26px; }
#box-navi .news-navi .list-news .small-slider li:first-child .time {
    font-size: 22px;
    top: 24px;
    right: 34px;
    line-height: 27px;
    padding: 0 10px; }
#box-navi .news-navi .list-news .small-slider li:first-child h3 {
    font-size: 26px;
    padding: 20px 40px 30px 40px;
    line-height: 1; }
#box-navi .news-navi .list-news .small-slider li:first-child h3 a {
    height: 65px; }
#box-navi .news-navi .list-news .small-slider li:first-child .parent {
    width: calc(100% - 190px);
    float: right; }
#box-navi .news-navi .list-news .small-slider li:first-child .fr-left {
    float: left;
    width: 140px;
    padding-top: 20px; }
#box-navi .news-navi .list-news .small-slider li:first-child .fr-left .text {
    color: #fff;
    font-size: 23px; }
#box-navi .news-navi .list-news .small-slider li:first-child .fr-left strong {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px; }
#box-navi .news-navi .list-news .small-slider li:first-child .fr-left .app-mobile a {
    display: block;
    margin-bottom: 20px; }
#box-navi .news-navi .list-news .small-slider li:nth-child(2) {
    margin-left: 0; }
#box-navi .news-navi .list-news .small-slider li .category {
    position: absolute;
    color: #002559;
    font-size: 12px;
    background: #fff;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 2px;
    top: 12px;
    left: 15px;
    font-weight: 700;
    z-index: 9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#box-navi .news-navi .list-news .small-slider li .category:hover {
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
#box-navi .news-navi .list-news .small-slider li .time {
    font-size: 14px;
    color: #022662;
    position: absolute;
    top: 11px;
    right: 15px;
    direction: ltr;
    font-weight: 700;
    font-family: 'Lato';
    line-height: 20px;
    padding: 0 7px;
    background: #fff; }
#box-navi .news-navi .list-news .small-slider li h3 {
    font-size: 24px;
    color: #fff;
    padding: 10px 15px 10px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    font-weight: 700; }
#box-navi .news-navi .list-news .small-slider li h3 a {
    display: block;
    color: #fff;
    height: 70px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#box-navi .news-navi .list-news .small-slider li h3 a:hover {
    color: #c9252b; }

#navi {
    float: right;
    width: 420px;
    background: #f9f9f9;
    height: 100vh;
    overflow: auto; }
#navi .head {
    line-height: 40px;
    background: #c9252b;
    padding: 13px 37px 13px 20px;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff; }
#navi .head a {
    color: #fff;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#navi .head a:hover {
    opacity: 0.6; }
#navi .head span {
    display: none;
    float: left;
    margin-top: -1px; }
#navi .head span img {
    width: 20px; }
#navi ul {
    display: block;
    float: left;
    width: 100%;
    height: calc(100vh - 128px);
    overflow: auto; }
#navi ul li {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    padding: 17px 25px 20px 34px;
    background: #f9f9f9;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#navi ul li:hover {
    background: #fff; }
#navi ul li .time {
    font-weight: normal;
    color: #c9252b;
    float: right;
    padding: 10px 0 0;
    font-family: Lato;
    font-size: 13px;
    direction: ltr; }
#navi ul li h4 {
    float: right;
    width: calc(100% - 65px);
    margin: 0;
    padding-right: 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    min-height: 40px;
    overflow: hidden; }
#navi ul li h4 a {
    display: block;
    color: #515356; }
#navi ul li i {
    position: absolute;
    left: 21px;
    line-height: 40px;
    color: #c9252b;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */ }
#navi .view-more {
    border-top: 1px solid #ccc;
    background: #fff;
    display: block;
    float: left;
    width: 100%;
    height: 60px;
    color: #c9252b;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    cursor: pointer; }
#navi .view-more img {
    margin-right: 5px;
    position: relative;
    left: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
#navi .view-more:hover img {
    left: -15px; }

.darknight {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }

#box-navi.active ~ .darknight {
    opacity: 1;
    visibility: visible; }

/*Popup Weather*/
.weather-popup {
    width: 349px;
    height: 378px;
    background: url(../images/bg-weather.png) no-repeat center/cover;
    position: fixed;
    left: 20px;
    bottom: 20px;
    direction: ltr;
    border-radius: 5px;
    padding: 23px 30px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s; }
.weather-popup.active {
    opacity: 1;
    visibility: visible; }
.weather-popup .location {
    display: inline-block;
    font-size: 21px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 24px; }
.weather-popup .unit {
    display: inline-block;
    float: right;
    font-size: 21px;
    font-family: sans-serif; }
.weather-popup .unit .fahrenheit {
    color: #27758f;
    margin-right: 10px; }
.weather-popup .unit .celsius {
    color: #fff; }
.weather-popup .today {
    font-size: 76px;
    color: #fff;
    font-weight: 300;
    font-family: 'Lato';
    padding-left: 14px; }
.weather-popup .today i {
    float: left;
    font-size: 90px;
    padding-right: 18px;
    position: relative;
    top: 5px; }
.weather-popup .today sup {
    font-size: 44px;
    font-weight: normal;
    font-family: sans-serif;
    position: relative;
    top: -30px;
    left: -7px; }
.weather-popup .other {
    position: absolute;
    bottom: 0;
    height: 141px;
    background: #f0f0f0;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 0; }
.weather-popup .other ul {
    display: flex;
    padding: 30px 0; }
.weather-popup .other ul li {
    width: calc(100% / 3);
    text-align: center;
    position: relative; }
.weather-popup .other ul li .icon {
    height: 51px;
    position: relative; }
.weather-popup .other ul li .icon i {
    font-size: 46px;
    margin-bottom: 0;
    color: #656d78; }
.weather-popup .other ul li .day {
    padding-top: 10px;
    text-transform: uppercase;
    color: #aab2bd;
    font-family: sans-serif;
    font-weight: 500; }

/*Responsive*/
@media (max-width: 1200px) {
    #head .top-header .language {
        right: 96px; }
    #head .top-header .weather {
        right: 193px; }
    #head .top-header .go-live {
        left: 315px; }
    #head .top-header .social {
        left: 71px; }

    #slider .big-slider {
        width: 100%; }

    #slider .small-slider {
        width: 100%;
        margin-top: 10px; }

    #head .menu li a {
        font-size: 15.5px; }

    #section-news .content .news-1 .big {
        width: 450px; }

    #section-news .content .news-1 .small {
        width: calc(100% - 470px); }

    #section-news-2 .content ul li .box-img {
        width: 100%;
        height: 350px; }
    #section-news-2 .content ul li .caption {
        width: 100%;
        padding: 15px 5px 0; }

    #section-news-2 .content ul li {
        display: none; }
    #section-news-2 .content ul li:first-child, #section-news-2 .content ul li:nth-child(2) {
        display: block; }

    #section-news .content .news-1 .big,
    #section-news .content .news-1 .small {
        width: 100%; }

    #section-news .content .news-1 .big {
        padding-bottom: 20px; }

    #content.inside #section-news .content .gallery-video li {
        margin: 5px; }
    #content.inside #section-news .content .gallery-video li.col-01, #content.inside #section-news .content .gallery-video li.col-02 {
        width: calc((100% - 25px) / 2); }
    #content.inside #section-news .content .gallery-video li.col-01 .caption .box, #content.inside #section-news .content .gallery-video li.col-02 .caption .box {
        padding: 0 30px; }

    #navi {
        width: 320px; }

    #box-navi .news-navi {
        width: calc(100% - 320px); }

    #box-navi .news-navi .list-news .small-slider li h3 {
        font-size: 26px; }

    #box-navi .news-navi .list-news .small-slider li:first-child h3 {
        font-size: 34px; }

    #box-navi .news-navi .list-news .small-slider li:first-child {
        width: 100%; } }
@media (max-width: 1030px) {
    #head .top-header .language {
        right: 146px; }
    #head .top-header .weather {
        right: 223px; }
    #head .top-header .social {
        left: 71px; }
    #head .navi {
        width: 178px; }

    #box-navi .news-navi .list-news .small-slider li:first-child .fr-left {
        width: 160px; } }
@media (max-width: 992px) {
    #contact-us .right, #contact-us .left {
        width: 100%; }
    #contact-us .right h1 {
        margin: 0 0 10px; }

    #section-news .content .latest-news .search-news ul li {
        width: 100%;
        margin: 0 0 10px; }

    #marquee .container {
        max-width: 100%; }

    #news .info {
        width: 100%;
        display: block;
        padding: 0 0 30px; }
    #news .info .app-mobile a {
        float: right;
        margin-left: 15px; }

    #news .list-news {
        width: 100%; }
    #news .list-news li:first-child {
        margin-right: 0; }

    #section-news .sidebar,
    #section-news-2 .sidebar {
        width: 250px; }

    #section-news .content,
    #section-news-2 .content,
    #content.inside #section-news .content {
        width: calc(100% - 280px); }

    #section-news .content .news-1 .big .box-img {
        height: 235px; }

    #content.inside #section-news .content .slider-inside {
        padding: 0; }
    #content.inside #section-news .content .slider-inside .owl-dots {
        left: 15px; }

    #section-news .content .list-inside li {
        margin: 0 0 10px 0; }
    #section-news .content .list-inside li h3 {
        padding: 8px 25px;
        font-size: 24px; }
    #section-news .content .list-inside li.col-01 {
        height: 300px;
        width: 100%; }
    #section-news .content .list-inside li.col-01 .time {
        font-size: 16px;
        padding: 0 8px; }
    #section-news .content .list-inside li.col-02, #section-news .content .list-inside li.col-03 {
        height: 150px;
        width: 100%; }
    #section-news .content .list-inside li.col-02 .time, #section-news .content .list-inside li.col-03 .time {
        font-size: 15px;
        padding: 0 5px; }
    #section-news .content .list-inside li.col-02 h3, #section-news .content .list-inside li.col-03 h3 {
        font-size: 22px;
        padding: 20px 25px;
        margin: 0; }
    #section-news .content .list-inside li.col-02 .category, #section-news .content .list-inside li.col-03 .category {
        position: absolute;
        color: #002559;
        font-size: 7.3px;
        background: #fff;
        padding: 0 10px;
        line-height: 10px;
        border-radius: 2px;
        top: 7px;
        left: 10px;
        font-weight: 700;
        z-index: 9;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    #section-news .content .list-inside li.col-02 .category:hover, #section-news .content .list-inside li.col-03 .category:hover {
        box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
    #section-news .content .list-inside li.col-02 .time, #section-news .content .list-inside li.col-03 .time {
        font-size: 8.5px;
        color: #022662;
        position: absolute;
        top: 6px;
        right: 15px;
        direction: ltr;
        font-weight: 700;
        font-family: 'Lato';
        line-height: 10px;
        padding: 0 4px;
        background: #fff; }
    #section-news .content .list-inside li.col-02 h3, #section-news .content .list-inside li.col-03 h3 {
        font-size: 15px;
        color: #fff;
        padding: 10px 15px 10px 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        font-weight: 700; }
    #section-news .content .list-inside li.col-02 h3 a, #section-news .content .list-inside li.col-03 h3 a {
        display: block;
        height: 35px;
        color: #fff;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    #section-news .content .list-inside li.col-02 h3 a:hover, #section-news .content .list-inside li.col-03 h3 a:hover {
        color: #c9252b; }

    #photos ul li {
        height: 250px;
        width: calc((100% - 40px) / 2) !important; }
    #photos ul li .caption .box {
        overflow: auto;
        padding: 0 30px !important; }

    #footer .information, #footer .links, #footer .subcrib {
        width: 100%;
        max-width: 400px;
        text-align: center;
        padding: 0;
        margin: 0 auto 20px !important;
        display: table;
        float: none; }
    #footer .information:before, #footer .links:before, #footer .subcrib:before {
        display: none; }

    #footer .links h3 {
        padding: 0; }

    #head {
        position: static;
        margin-top: 70px; }

    #head .head-contain {
        display: none; }

    #header-responsive {
        display: block; }

    #content.has-marquee {
        margin: 0; }

    #content {
        margin-top: 80px; }

    #navi .head {
        padding: 10px 30px 10px 20px;
        font-size: 20px; }
    #navi .head span img {
        max-width: 20px; }

    #navi ul li {
        padding: 15px 30px 15px 20px; }
    #navi ul li + li {
        border-top: 1px solid rgba(255, 255, 255, 0.9); }

    #video-gallery {
        margin: 0;
        padding: 40px 0 50px; }

    #video-gallery ul li {
        width: calc((100% - 20px)/ 2); }
    #video-gallery ul li:nth-child(2n) {
        margin-right: 0; }

    #video-gallery .iframe {
        height: 400px; }

    #content.inside {
        margin-top: 60px; }

    .detail-article .recent-post ul li {
        width: 100%;
        margin: 0 0 15px !important; }

    .detail-article .body-content h1 {
        font-size: 28px; }

    .detail-article .category {
        margin-right: 20px; }

    .detail-article .action {
        margin-left: 20px; }

    #slider .small-slider li, #slider .small-slider li:first-child {
        width: calc((100% - 20px) / 3);
        margin: 0 10px 0 0;
        height: 150px; }
    #slider .small-slider li:last-child, #slider .small-slider li:first-child:last-child {
        margin: 0; }
    #slider .small-slider li .category, #slider .small-slider li:first-child .category {
        position: absolute;
        color: #002559;
        font-size: 7.3px;
        background: #fff;
        padding: 0 10px;
        line-height: 10px;
        border-radius: 2px;
        top: 7px;
        left: 10px;
        font-weight: 700;
        z-index: 9;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    #slider .small-slider li .category:hover, #slider .small-slider li:first-child .category:hover {
        box-shadow: 0 1px 10px rgba(255, 255, 255, 0.7); }
    #slider .small-slider li .time, #slider .small-slider li:first-child .time {
        font-size: 8.5px;
        color: #022662;
        position: absolute;
        top: 6px;
        right: 15px;
        direction: ltr;
        font-weight: 700;
        font-family: 'Lato';
        line-height: 10px;
        padding: 0 4px;
        background: #fff; }
    #slider .small-slider li h3, #slider .small-slider li:first-child h3 {
        font-size: 15px;
        color: #fff;
        padding: 10px 15px 10px 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        font-weight: 700; }
    #slider .small-slider li h3 a, #slider .small-slider li:first-child h3 a {
        display: block;
        height: 35px;
        color: #fff;
        transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s; }
    #slider .small-slider li h3 a:hover, #slider .small-slider li:first-child h3 a:hover {
        color: #c9252b; }

    #box-navi .news-navi .head {
        height: 60px; }
    #box-navi .news-navi .head .logo a img {
        height: 40px; }
    #box-navi .news-navi .head span {
        line-height: 60px; }
    #box-navi .news-navi .list-news {
        padding: 25px 15px 20px;
        height: calc(100vh - 60px); }
    #box-navi .news-navi .list-news .small-slider li {
        height: 170px;
        width: calc((100% - 10px)/2);
        margin: 0; }
    #box-navi .news-navi .list-news .small-slider li h3 {
        font-size: 22px; }
    #box-navi .news-navi .list-news .small-slider li h3 a {
        height: 60px; }
    #box-navi .news-navi .list-news .small-slider li:first-child {
        height: 300px; }
    #box-navi .news-navi .list-news .small-slider li:first-child h3 {
        font-size: 32px;
        padding: 20px 35px; }
    #box-navi .news-navi .list-news .small-slider li:first-child h3 a {
        height: 80px; }
    #box-navi .news-navi .list-news .small-slider li:nth-child(2) {
        margin-right: 10px; }

    #navi ul {
        height: calc(100vh - 111px); }
    #navi .view-more {
        height: 50px;
        font-size: 32px;
        line-height: 38px; }
    #navi .view-more img {
        width: 12px; }

    #box-navi .news-navi .list-news .intrustion {
        position: static;
        width: 100%;
        padding: 0; }
    #box-navi .news-navi .list-news .intrustion span {
        max-width: 170px;
        float: left; }

    #box-navi .news-navi .list-news .small-slider li:first-child {
        width: 100%; }

    #box-navi .news-navi .list-news .small-slider li:first-child .fr-left {
        display: none; }

    #box-navi .news-navi .list-news .small-slider li:first-child .parent {
        width: 100%; } }
@media (max-width: 767px) {
    #box-navi .news-navi {
        display: none; }

    #navi {
        width: 420px; }
    #navi .head span {
        display: block; }

    #news .list-news {
        display: block;
        width: 100%; }
    #news .list-news li {
        width: 100%;
        margin: 0 0 15px; }
    #news .list-news li .box-img {
        height: 250px; }

    #section-news-2 .content ul li .caption .description {
        padding-left: 0; }

    #photos ul li.col-2 .caption {
        padding: 30px; }

    #section-news .content .news-1 {
        padding-top: 30px; }

    #slider .big-slider li {
        height: 300px; }

    #section-news .content, #section-news-2 .content,
    #section-news .sidebar, #section-news-2 .sidebar,
    #content.inside #section-news .content {
        width: 100%;
        margin: 0 0 20px; }

    #section-news .content .ads-bottom {
        margin-top: 0; }

    #section-news-2 .content ul li:nth-child(2) {
        margin-bottom: 0; }

    #photos ul li {
        width: 100% !important;
        height: 250px; }

    #videos .iframe {
        width: 100%;
        height: 300px;
        margin-bottom: 30px; }

    #videos ul {
        width: 100%; }
    #videos ul li {
        height: auto;
        padding: 20px 15px; }

    #slider .big-slider li h3 {
        font-size: 18px; }

    #section-news-2 .content ul li .box-img {
        height: 250px; }

    #photos ul {
        margin: 0;
        width: 100%; }
    #photos ul li {
        margin: 7px 0; }

    #section-news .sidebar .list-post .big-group h3 {
        margin-top: 0px; }

    #gallery-blog ul {
        display: block; }

    #gallery-blog ul li {
        width: 100%;
        margin: 0 0 15px !important; }

    .detail-article .date {
        font-size: 16px;
        padding-top: 5px; }
    .detail-article .date img {
        max-width: 15px;
        top: -1px; }

    .detail-article .category {
        padding: 0 10px;
        font-size: 14px; }

    .detail-article .body-content h1 {
        font-size: 20px; }

    #section-news .content .news-2 .slider-news-2 .item li .description,
    #section-news .content .news-1 .big .caption .description,
    #section-news-2 .content ul li .caption .description,
    .detail-article .body-content .text {
        font-size: 16px; }

    .detail-article .recent-post ul li .box-img {
        height: 250px; } }
@media (max-width: 450px) {
    #news .info {
        padding: 0; }

    #section-news .content .news-1 .big .caption h3 {
        padding: 20px 0 0 0; }

    #contact-us .left form div {
        margin-bottom: 15px; }

    #section-news .content .latest-news .list-news li {
        padding: 10px; }

    #section-news .content .list-inside li h3 a,
    #section-news .content .list-inside li.col-03 h3 a,
    #section-news .content .list-inside li.col-02 h3 a {
        height: 50px; }

    .detail-article .recent-post ul li .box-img {
        height: 180px; }

    #content.article #section-news {
        padding: 0; }

    .detail-article .action {
        margin-left: 10px;
        padding-top: 6px; }

    .detail-article .category {
        margin-right: 10px;
        font-size: 12px;
        line-height: 18px;
        margin-top: 9px; }

    .detail-article .social {
        padding-top: 6px; }
    .detail-article .social li {
        width: 15px;
        line-height: 15px; }
    .detail-article .social li a i {
        font-size: 10px;
        position: relative;
        top: -2px; }

    .detail-article .recent-post {
        padding-bottom: 0; }

    .detail-article .action li img {
        max-width: 10px; }

    #navi {
        width: 100%; }

    #video-gallery .iframe {
        height: 300px; }

    #video-gallery ul li {
        width: calc((100% - 10px)/ 2);
        margin-right: 10px; }
    #video-gallery ul li:nth-child(2n) {
        margin-right: 0; }
    #video-gallery ul li h4 {
        font-size: 19px; }
    #video-gallery ul li p {
        margin-bottom: 15px; }

    #content.inside #section-news .content .gallery-video {
        width: 100%; }

    #content.inside #section-news .content .gallery-video li {
        width: calc(100% - 10px) !important; }
    #content.inside #section-news .content .gallery-video li .box {
        padding: 0 20px; }

    #slider .small-slider li {
        width: calc((100% - 10px) / 2);
        margin: 0 10px 10px 0; }

    #slider .small-slider li:first-child {
        width: 100%;
        margin: 0 0 10px 0; }

    #section-news .content .news-1 .big .box-img {
        height: 200px; } }

/*# sourceMappingURL=style.css.map */