@charset "UTF-8";

/* CSS Document */

@import url("../css/font.css");
@import url("../css/reset.css");

/*Start header*/


/*Start first-nav*/

.first-nav {
    background: #283593;
    padding: 10px 0px;
}
ul.first-nav-list li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    margin-right: 20px;
}
ul.first-nav-list {
    float: left;
}
a.english-v {
    float: right;
    color: #fff;
}
ul.first-nav-list li span {
    font-size: 12px;
    padding-left: 10px;
}
a.english-v span {
    padding-left: 10px;
    font-size: 12px;
}
select.form-control {
    direction: ltr;
    margin-bottom: 20px;
}
a.go-archive {
    background: #03a9f4;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
}
.archive {
    cursor: pointer;
}

/*End first-nav*/


/*Start second-nav*/

.marquee {
    direction: ltr;
    overflow: hidden;
}
.second-nav {
    background: #3f51b5;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14), 0px 4px 8px 0px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    height: 43px;
}
ul.social li {
    float: left;
    background: #fff;
    padding: 16px 10px;
    margin: 0px 5px;
    transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    margin-top: -3px;
}
ul.social li a {
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    display: block;
}
span.latest-title {
    background: #03a9f4;
    float: left;
    padding: 11px 15px;
    color: #fff;
    font-size: 16px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-left: 4px #fff solid;
}
div#latest-news-js {
    padding: 12px 0px;
}
div#latest-news-js a {
    color: #fff;
}
div#latest-news-js a strong {
    padding: 0px 20px;
    color: #03a9f4;
}
a.facebook {
    color: #4e69a2;
}
a.twitter {
    color: #55acee;
}
a.google-plus {
    color: #d73d32;
}
a.instagram {
    color: #125688;
}
a.youtube {
    color: #cc181e;
}
a.rss {
    color: #f58432;
}
a.search {
    color: #03a9f4;
}
ul.social li:hover {
    background: #03a9f4;
}
ul.social li:hover a {
    color: #fff;
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(3, 169, 244, 0.9);
    z-index: 999999;
}
.overlay .overlay-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
}
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s, -webkit-transform 0.4s ease-in-out;
}
.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}
#trigger-overlay {
    cursor: pointer;
}
.overlay-container {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
a.advanced-search-link {
    background: #fff;
    padding: 15px;
    display: block;
    width: 35%;
    text-align: center;
    margin: 20px auto;
    color: #3f51b5;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.advanced-search-link:hover {
    color: #fff;
    background: #3f51b5;
}
.form-horizontal .control-label {
    text-align: left;
    color: #fff;
    padding-bottom: 10px;
}
.advanced-search button.btn.btn-default {
    color: #3f51b5;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border: 0px;
    padding: 10px 20px;
}
.advanced-search button.btn.btn-default:hover {
    color: #fff;
    background: #3f51b5;
}

/*End second-nav*/


/*Start navbar*/

nav.navbar {
    background: #03a9f4;
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
}
.navbar-nav>li {
    border-right: 1px #22b3f5 solid;
    border-left: 1px #0394d6 solid;
}
.navbar-nav>li:first-child a {
    border-left: 1px #0394d6 solid;
}
.navbar-nav>li:first-child {
    border-left: 1px #22b3f5 solid;
}
.navbar-nav>li:last-child a {
    border-right: 1px #0394d6 solid;
}
.navbar-nav>li:last-child {
    border-right: 1px #22b3f5 solid;
}
.navbar-nav>li:hover, .navbar-nav>li.active {
    background: #3f51b5;
    margin-top: -5px;
    padding-top: 5px;
    border-right: 1px #3f51b5 solid;
    border-left: 1px #3f51b5 solid;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.navbar-nav>li:hover a {
    color: #fff !important;
}
.navbar-nav>li:hover a {
    border: 0px !important;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: transparent;
    color: #fff;
}
.navbar-nav>li.dropdown.open {
    background: #3f51b5;
    margin-top: -5px;
    padding-top: 5px;
    border-right: 1px #3f51b5 solid;
    border-left: 1px #3f51b5 solid;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.navbar-nav>li>.dropdown-menu {
    border: 0px;
    margin-left: -1px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0px;
    background: #3f51b5;
}
ul.dropdown-menu li a {
    border: 0px !important;
    color: #fff;
}
.navbar-nav>li>.dropdown-menu li a:hover {
    color: #000 !important;
}

/*End navbar*/


/*Start Topstory*/

a.topstory-thump {
    position: relative;
    display: block;
}
a.topstory-thump span {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    height: 34px;
    display: block;
    overflow: hidden;
    opacity: 0;
    color: #212121;
}
a.topstory-thump.active:before,
a.topstory-thump:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    border-radius: 5px;
}
a.topstory-thump img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.topstory-thump.active span {
    opacity: 1;
}
a.topstory-thump:hover span {
    opacity: 1;
}
a.topstory-block {
    position: relative;
    display: block;
}
span.topstory-section {
    position: absolute;
    background: #03a9f4;
    padding: 5px 15px;
    color: #fff;
    left: 10px;
    top: 10px;
    border-radius: 5px;
    z-index: 9;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.topstory-text {
    position: absolute;
    z-index: 9;
    bottom: 0px;
    background: rgba(255, 255, 255, .9);
    margin: 0px 20px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    width: calc(100% - 40px);
}
a.topstory-block img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
#topstory .item {
    padding: 5px;
}
.topstory-text span {
    text-align: center;
    display: block;
    font-size: 18px;
    color: #212121;
    padding-bottom: 10px;
}
.topstory-text p {
    font-size: 14px;
    font-family: tahoma;
    color: #a9a9a9;
    line-height: 25px;
    display: none;
    text-align: left;
}
a.topstory-block:hover .topstory-text p {
    display: block;
}
a.topstory-thump {
    margin-bottom: 17px;
}
.topstory-area {
    background: #363f45;
    margin-top: 50px;
    padding: 30px 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.topstory-main {
    position: relative;
}
.topstoryPrevBtn {
    position: absolute;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 16px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    color: #3f51b5;
    cursor: pointer;
}
.topstoryNextBtn {
    position: absolute;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 16px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    color: #3f51b5;
    cursor: pointer;
}

/*End Topstory*/


/*Start news-section-1*/

.section-header-full {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    background: #fff;
    overflow: hidden;
}
.section-header-full i {
    float: right;
    color: #03a9f4;
    padding: 8px 0px;
}
span.section-header-name {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 10px 40px;
    display: block;
    float: left;
    background: #3f51b5;
    color: #fff;
    font-size: 18px;
    border-left: 4px #03a9f4 solid;
}
a.news-section-1-block {
    display: block;
    border-bottom: 1px #e0e0e0 solid;
}
a.news-section-1-block img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.news-section-1-block span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    margin: 20px 0px;
}
.news-section-1NextBtn,
.news-section-1PrevBtn {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.news-section-1-gp {
    position: relative;
}
.news-section-1PrevBtn {
    left: -45px;
}
.news-section-1NextBtn {
    right: -45px;
}
.section-header-normal i {
    margin-right: 10px;
}
.news-img {
    position: relative;
    display: block;
    /* overflow: hidden; */
}
.news-img-hover {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background: rgba(3, 169, 244, 0.8);
    border-radius: 5px;
    opacity: 0;
}
.news-img-hover i {
    padding-right: 10px;
}
a.news-section-1-block:hover .news-img-hover {
    opacity: 1;
}
.news-img-hover span {
    font-size: 14px !important;
    height: auto !important;
    padding: 0px !important;
    text-align: left !important;
    border: 0px !important;
    color: #fff !important;
}
a.news-section-1-block:hover > span {
    color: #3f51b5;
}

/*End news-section-1*/


/*Start video-section*/

div#video-section a.topstory-block:hover .topstory-text {
    background: rgba(255, 64, 129, .8);
}
div#video-section a.topstory-block:hover .topstory-text span {
    color: #fff;
}
a.topstory-block i.fa {
    position: absolute;
    z-index: 9;
    font-size: 28px;
    color: #03a9f4;
    top: 10px;
    left: 10px;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16), 0px 2px 10px rgba(0, 0, 0, 0.12);
}
.video-sectionPrevBtn,
.video-sectionNextBtn {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.video-section-container {
    position: relative;
}
.video-sectionPrevBtn {
    left: 15px;
}
.video-sectionNextBtn {
    right: 15px;
}
.video-section-container .topstory-text span {
    padding-bottom: 0px;
}
div#video-section .item {
    padding: 5px 0px;
}
div#video-section .owl-dots {
    text-align: center;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 10px 0px;
    margin-top: 20px;
}
div#video-section .owl-dot {
    text-align: center;
    display: inline-block;
    padding: 0px 5px;
}
div#video-section .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    background: #3f51b5;
}
div#video-section .owl-dot.active span {
    background: #03a9f4;
}

/*End video-section*/


/*Start news-section-2*/

a.news-section-2-block img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.news-section-2-block span {
    font-size: 18px;
    line-height: 32px;
    height: 51px;
    overflow: hidden;
}
a.news-section-2-block p {
    font-family: tahoma;
    color: #9a9a9a;
    line-height: 29px;
    margin-top: 10px;
    height: 92px;
    display: block;
    overflow: hidden;
    border-bottom: 1px #eaeaea solid;
}
a.news-section-2-block {
    display: block;
    /* border-bottom: 1px #eaeaea solid; */
    overflow: hidden;
}
a.news-section-2-block:hover .news-img-hover {
    opacity: 1;
}

/*End news-section-2*/


/*Start news-section-3*/

a.news-block-3 img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.news-block-3 span {
    font-size: 18px;
    line-height: 32px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    display: block;
    padding: 20px 0px;
    border-bottom: 1px #eaeaea solid;
}
a.news-block-3:hover .news-img-hover {
    opacity: 1;
}
a.news-block-3:hover > span {
    color: #3f51b5;
}
a.news-section-2-block:hover span {
    color: #3f51b5;
}

/*End news-section-3*/


/*Start news-section-4*/

a.news-block-4 .news-img {
    float: left;
    width: 30%;
    margin-right: 15px;
}
a.news-block-4 .news-img img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
a.news-block-4:hover .news-img-hover {
    opacity: 1;
}
a.news-block-4 {
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px #eaeaea solid;
    overflow: hidden;
}
a.news-block-4 > span {
    height: 61px;
    display: block;
    overflow: hidden;
}
img.img-responsive {
    width: 100%;
}
.logo {
    width: auto !important;
}
a.news-block-4:hover > span {
    color: #3f51b5;
}
.news-section-5 a.news-block-3 span {
    height: 166px;
    font-size: 16px;
}

/*End news-section-4*/


/*Start news-section-3s*/

a.news-block-3.news-block-3s span {
    font-size: 16px;
    height: 163px;
}
.news-section-carousel-gp {
    position: relative;
}
.news-section-carouselPrevBtn,
.news-section-carouselNextBtn {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
.news-section-carouselNextBtn {
    right: 25px;
}
.news-section-carouselPrevBtn {
    left: 25px;
}

/*End news-section--3s*/


/*Start news-section-carousel-2*/

div#news-section-carousel-2 .owl-dots {
    text-align: center;
    display: inline-block;
    width: calc(100% - 30px);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 10px 0px;
    margin-top: 20px;
    margin-left: 15px;
}
div#news-section-carousel-2 .owl-dot {
    text-align: center;
    display: inline-block;
    padding: 0px 5px;
}
div#news-section-carousel-2 .owl-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    background: #3f51b5;
}
div#news-section-carousel-2 .owl-dot.active span {
    background: #03a9f4;
}
span.news-section-carousel-2PrevBtn,
span.news-section-carousel-2NextBtn {
    position: absolute;
    bottom: 8px;
    z-index: 9;
    display: block;
    cursor: pointer;
    color: #03a9f4;
}
span.news-section-carousel-2NextBtn {
    right: 30px;
}
span.news-section-carousel-2PrevBtn {
    left: 30px;
}
div#news-section-carousel a.news-block-3 {
    display: block;
    border-bottom: 1px #eaeaea solid;
}

/*End news-section-carousel-2*/


/*Start #gallerySlider*/

#gallerySlider .rsNav.rsThumbs.rsThumbsHor {
    width: 100%;
    margin-right: 0px;
    height: 100%;
}
#gallerySlider .rsThumbsContainer {
    width: 100% !important;
    transform: initial !important;
    direction: rtl;
    float: left;
}
#gallerySlider .rsNavItem.rsThumb {
    width: calc(50% - 15px);
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-bottom: 10px;
    height: auto;
    margin-top: 30px;
}
#gallerySlider .rsDefault .rsTmb {
    display: block;
}
#gallerySlider .rsDefault .rsThumb img {
    border-radius: 5px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
#gallerySlider .rsThumbsArrow {
    display: none !important;
}
#gallerySlider .rsNavItem.rsThumb:nth-child(odd) {
    margin-right: 0px !important;
}
#gallerySlider .rsNavItem.rsThumb:nth-child(even) {
    margin-left: 0px !important;
}
#gallerySlider .rsThumb.rsNavSelected {
    background: rgba(255, 255, 255, .9) !important;
    border-radius: 5px !important;
}
#gallerySlider .rsNavItem.rsThumb img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
#gallerySlider .rsThumb.rsNavSelected:before {
    content: "\f0aa";
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 9;
    font-size: 24px;
    color: #03a9f4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div#gallerySlider a.topstory-block:hover .topstory-text {
    background: rgba(3, 169, 244, 0.8);
}
div#gallerySlider a.topstory-block:hover .topstory-text span {
    color: #fff;
}

/*End #gallerySlider*/


/*Start .most-recent*/


.sidebar-sectionNextBtn,.sidebar-sectionPrevBtn {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

.sidebar-section-gp {
    position: relative;
}

.sidebar-sectionNextBtn {
    right: 15px;
}

.sidebar-sectionPrevBtn {
    left: 15px;
}
/*End .most-recent*/

/*Srart article*/

a.article-block {
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px #eaeaea solid;
    margin-top: 30px;
}
a.article-block img {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    float: left;
}
a.article-block span {
    padding: 10px;
    display: block;
    float: left;
    width: calc(100% - 67px);
}
a.article-block p {
    position: absolute;
    right: 0;
    bottom: 5px;
    color: #03a9f4;
}
.bx-wrapper {
    max-width: 100% !important;
}

.articles .bx-viewport {
    height: 392px !important;
}
.articles .bx-controls-direction {}

.articles .bx-controls {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    padding: 10px 0px;
    border-radius: 5px;
    margin-top: 30px;
    position: relative;
}

.articles .bx-pager {
    overflow: hidden;
    text-align: center;
}

.articles .bx-pager-item {
    text-align: center;
    display: inline-block;
    margin: 0px 5px;
    line-height: 7px;
}

.articles .bx-pager-item a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    background: #3f51b5;
    text-indent: -99999px;
}

.articles a.bx-prev:before {
    content: "\f062";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.articles a.bx-next:before {
    content: "\f063";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.articles a.bx-next {
    right: 10px;
}

.articles a.bx-prev, .articles a.bx-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #03a9f4;
}

.articles a.bx-prev {
    left: 10px;
}
/*End article*/

/*Start Poll*/
.progress-bar {
    background: #03a9f4 !important;
}

.progress.margin-top2 {
    background: #3f51b5;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
a.vote-poll {
    margin: auto;
    text-align: center;
    display: block;
    background: #03a9f4;
    width: 30%;
    padding: 10px 0px;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    font-size: 16px;
    margin-top: 10px;
}
h4.text-center.poll-title {
    margin-bottom: 20px;
}
/*End Poll*/

/*Start one-post*/
.one-post-first {
    width: 100%;
    margin-bottom: 10px;
}

.one-post-first img {
    float: left;
    width: 30%;
    margin-right: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}

.one-post-first span {
    display: block;
    font-size: 14px;
}

.one-post-first p {
    display: block;
    color: #03a9f4;
    padding-top: 5px;
}

a.one-post-sec {
    display: block;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 10px;
    margin-top: 30px;
    border-radius: 5px;
}

p.one-post-dec {
    font-family: tahoma;
    color: #9a9a9a;
    line-height: 29px;
}

a.one-post-more {
    background: #03a9f4;
    width: 100%;
    display: block;
    padding: 5px 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    margin-top: 20px;
    border-radius: 5px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
a.article-block:hover span{color:#3f51b5}

a.vote-poll:hover {
    background: #3f51b5;
}

a.one-post-more:hover {
    background: #3f51b5;
}
a.one-post-more span {padding-right: 10px;}
/*End one-post*/

/*Start video-section-2*/
.video-section-2 .bx-wrapper {
    direction: ltr;
    margin-top: 30px;
    position: relative;
}

.video-slider-2-thump a {
    margin-top: 26px;
    display: block;
}

.video-slider-2-thump a img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
.video-section-2 a.bx-prev:before {
    content: "\f060";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.video-section-2 a.bx-next, .video-section-2 a.bx-prev {
    position: absolute;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    padding: 12px 16px;
    border-radius: 50%;
    top: 44%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
}

.video-section-2 a.bx-next:before {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.video-section-2 a.bx-next {
    left: 15px;
}

.video-section-2 a.bx-prev {
    right: 15px;
}
/*End video-section-2*/

/*Start footer*/
.footer-bg {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    background: #3f51b5;
    overflow: hidden;
    height: 43px;
}

span.copy-right {
    float: left;
    display: block;
    padding: 12px 0px;
    color: #fff;
    margin-right: 10px;
}

ul.footer-links li {
    display: inline-block;
    margin: 0px 10px;
}

ul.footer-links {
    float: left;
    padding: 12px 0px;
}

ul.footer-links li a {
    color: #fff;
}
.oncloud {
    padding: 9px 0px;
    float: left;
    margin-right: 20px;
}
.footer-border {
    width: 100%;
    height: 4px;
    background: #f43d7b;
    margin-top: 4px;
}

footer {
    margin-top: 50px;
}
.section-header-full.section-header-normal {
    border-radius: 5px 0px 0px 5px;
}
a.logo-link {
    float: left;
    margin-right: 30px;
}
/*End footer*/
body.fixed-header .second-nav {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 99;
}
body.fixed-header-2 nav.navbar {
    width: 100%;
    position: fixed;
    top: 53px;
    margin-top: 0px !important;
    z-index: 99;
}
body.fixed-header.fixed-header-2 .fixed-ads-left, body.fixed-header.fixed-header-2 .fixed-ads-right{
    top: 113px;
}
/*Start ads*/
.fixed-ads-left {
    position: fixed;
    left: 15px;
    top: 332px;
    z-index: 999;
}
.fixed-ads-right {
    position: fixed;
    right: 15px;
    top: 332px;
    z-index: 999;
}
.left-section-ad,
.right-section-ad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/*End ads*/

/*Start cat-page*/
.topstory-area2 .topstoryNextBtn, .topstory-area2 .topstoryPrevBtn {
    top: 43%;
}
.navbar-nav>li.active a {
    background: transparent !important;
    color: #fff !important;
}
/*End cat-page*/

/*Start our-programs*/
#slider-programs .owl-dots {
    text-align: center;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 10px 0px;
    margin-top: 20px;
}

#slider-programs .owl-dot {
    text-align: center;
    display: inline-block;
    padding: 0px 5px;
}
#slider-programs .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    background: #3f51b5;
}
#slider-programs .owl-dot.active span {
    background: #03a9f4;
}

.slider-programs-gp {
    position: relative;
}

.slider-programsNextBtn,.slider-programsPrevBtn {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #3f51b5;
    cursor: pointer;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

.slider-programsNextBtn {
    right: 15px;
}

.slider-programsPrevBtn {
    left: 15px;
}
/*End our-programs*/

/*Start post-page*/
.post-details-fild {
    float: left;
    margin-right: 20px;
}
.post-details-fild span {
    float: left;
    margin-right: 10px;
    color: #3f51b5;
}
 .post-details-fild p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    float: left;
}
.post-details .row .col-xs-6:last-child .post-details-fild {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}
figure.post-first-pic {
    display: block;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
figure.post-first-pic img {
    display: block;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
figure.post-first-pic figcaption {
    text-align: center;
    padding: 10px 0px;
    display: block;
}
.post-text {
    font-size: 16px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.87);
}
.post-carousel .owl-dots {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
}
.post-carousel .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-flex;
    background: #d32f2f;
    margin: 5px;
}
.post-carousel .owl-dot.active {
    background: #2196f3;
}
div#post-arrow-r, div#post-arrow-l {
    position: absolute;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    background: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    color: #3f51b5;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99;
}
span.img-desc {
    position: absolute;
    z-index: 9;
    bottom: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 10px;
    border-radius: 5px;
}
div#post-carousel .item {
    padding: 5px;
}
.post-carousel-item {
    position: relative;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

div#post-arrow-r {
    left: 30px;
}

div#post-arrow-l {
    right: 30px;
}
article {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    border-radius: 0px 0px 5px 5px;
    display: block;
    overflow: hidden;
    margin: 0px 15px;
    padding-bottom: 15px;
}

.post-title {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    padding: 10px 0px;
    padding-left: 10px;
    display: block;
    float: left;
    background: #3f51b5;
    color: #fff;
    width: 100%;
    border-left: 4px #03a9f4 solid;
}

.post-title h1 {
    font-size: 22px;
}
.post-text a {
    color: #03a9f4;
}
/*End post-page*/
a.custom-page-carousel-t img {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}

a.custom-page-carousel-t {
    display: block;
    margin-top: 30px;
}

a.go-to-main-page {
    background: #03a9f4;
    width: 100%;
    display: block;
    padding: 5px 0px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
    margin-top: 20px;
    border-radius: 5px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

a.go-to-main-page i {
    padding-right: 10px;
}
.video-slider-2-thump a span {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    height: 34px;
    display: block;
    overflow: hidden;
    opacity: 0;
    color: #212121;
}

.video-slider-2-thump a {
    position: relative;
    display: block;
}

.video-slider-2-thump a:focus:before, .video-slider-2-thump a:hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    border-radius: 5px;
}
.video-slider-2-thump a:focus span, .video-slider-2-thump a:hover span{opacity:1;}
a.topstory-block:hover .topstory-text {
    background: rgba(3, 169, 244, 0.8);
}

a.topstory-block:hover .topstory-text span,a.topstory-block:hover .topstory-text p {
    color: #fff;
}
.one-post-sec-2 .one-post-first img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.one-post-sec-2 .one-post-first {
    height: 83px;
}
.one-post-sec-2 .one-post-first span {
    margin-top: 17px;
}
ul.social {
    float: right;
}
.video-section-custom {
    position: relative;
}
.video-section-custom .news-img i.fa.fa-youtube-play {
    position: absolute;
    z-index: 9;
    font-size: 28px;
    left: 10px;
    top: 7px;
    color: #03a9f4;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16), 0px 2px 10px rgba(0, 0, 0, 0.12);
}
.section-header-full a:hover span.section-header-name {
    background: #03a9f4;
    border-left: 4px #03a9f4 solid;
}

.section-header-full a:hover i.fa {
    color: #3f51b5;
}