/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html, body { overflow-x: hidden !important; overflow-y: visible !important; }
body {font-size: 0.95em;font-family: arial;letter-spacing: 0.15px;}
img {max-width: 100%; height: auto;}


header {box-shadow: revert-layer;background: #076786;}
.topnav {padding: 0.4em 0rem 0.2rem 0rem;color: #fff;background: #033d4f;}
.topnav .icons {margin-top:-4px;}
.topnav .icons a {color: #fff;font-size: 17px;margin-right: 7px;display:inline-block;margin-top: 3px;padding: 0;transition:0.3s;}
.topnav .icons a:hover {transform:scale(1.3);}
.topnav .icons form {float: right;margin-top: 3px;}
.topnav .icons form input {opacity: 1;width:160px;transition: 0.3s;padding: 2px 15px;border-radius:10px;border: none;outline: none;font-size: 0.8rem;}
.topnav .icons form input:focus {opacity: 1;border:0;box-shadow: none;box-shadow:0 0 10px rgba(255,255,255,0.5)}
.topnav a {color: #fff;padding-right: 0.7em;opacity: 1;transition: 0.2s;text-decoration: none;}
.topnav a:hover {color: #076786;opacity: 1;}
.topnav .slogan{margin: 0 2em; }
.topnav .about {display:inline-block;font-size: 0.8rem;}

.logo img{height: 40px;width: auto;margin: 0.8rem 0;transition:0.3s;filter: brightness(0) invert(1);}
.logo a img:hover{opacity:1; transform:scale(1.1);}
.just-mob {display:none;}
.navbar-brand {width: 120px;}
.navbar-brand img {max-width: 100%;}

.header .icon-listing {display: flex; align-items: center; margin-top: 0.5em;}
.header .icon-listing .icon-item {display: flex; align-items: center; margin-left:3em; transition: 0.3s; }
.header .icon-listing .icon-item .info {display: flex; flex-direction: column; color: #666;}
.header .icon-listing .icon-item .info  span:last-child{color: #8badb9;}
.header .icon-listing .icon-item:hover .info, .header .icon-listing .icon-item:hover .info  span:last-child{color: #076786;}
.header .icon {font-size: 3em; font-family: var(--bs-font-sans-serif); color: #076786; display: inline-block; margin-top: -5px; }
.header p {}

.header .ticker {margin-left: 3em;}
.header .ticker a {color: #fff; font-size: 1.2em;}
.header form {flex: auto;}
.header input {
  position:relative;  z-index: 99;  border: none; outline: none; background: #fff; float:right; width:200px; padding:5px 10px; opacity: 0.8; transition: all 0.3s; }
.header input:hover {background: #fff; opacity: 1;}
.header input:focus {background: #fff; opacity: 1; width:250px; transition: all 0.3s; }

.news-ticker {}
.news-ticker a {color:#fff;}
.news-ticker a:hover{color:#fff; text-decoration: underline;}

.logo {float: left;}
.menusection {float:right;margin-top: 0.6rem;font-weight: bold;}


a {color: #111;text-decoration: none;}
a:hover {color: #076786;}
a img {opacity:1; transition: 0.2s;}
a img:hover {opacity: 0.9;}
p {color: #666; }

.btn {font-size: 0.9em}
.btn-warning {color:#fff;}
.posted {font-size: 0.8em;color:#999;margin: 0;height: 1.4em;overflow: hidden;}
.posted .category {margin: 0 0.7em; }
 h2.news-title {margin-bottom: 0.5em;margin-top: -1.2rem;color:#076786;}
 h2.news-title::before {content:"";display:block;width:100%;height: 1px;position:relative;top:0.92em;z-index: 0;border-bottom: 15px solid #076786;border-radius: 0 10px 10px 0;}
 h2.news-title .title {background: #fff;padding-right: 0.7rem;z-index: 2;position: relative;font-weight: bold;font-size: 1.9rem;}
 h2.news-title .more a{float: right;FONT-WEIGHT: 100;top: 10px;position: relative;color: #fff;padding: 4px 0;text-align: center;border-radius: 38px 0 0 0;background: none;font-size: 0.8rem;padding-left: 0.7rem;}
 h2.news-title .more a:hover{opacity: 0.8;}
.pl-1 {padding-left: 1rem;}
.pr-1 {padding-right: 1rem;}
.pr-2 {padding-right: 2rem;}
.pl-2 {padding-left: 2rem;}
.gray-bg {background:#f5f5f5;}
.spacer {height: 3rem;clear: both;}

.exchange table {width:100%}
.exchange td, .timing td {font-weight: normal;}
.exchange td, .timing td {padding: 8px !important;font-size: 11px;font-family: arial;}
.exchange  tr {background: #fff !important}
.flag-usa, .flag-euro, .flag-uae, .flag-iran, .flag-pk, .flag-india, .flag-gbp {vertical-align:middle;width: 24px;height: 19px;background: url(../images/flag-usa.jpg);display: inline-block;background-size: cover !important;border-radius: 5px;border: 1px solid #fff;}
.flag-euro {background: url(../images/flag-euro.jpg)}
.flag-uae {background: url(../images/flag-uae.png)}
.flag-iran {background: url(../images/flag-iran.png)}
.flag-pk {background: url(../images/flag-pk.png)}
.flag-india {background: url(../images/flag-india.png)}
.flag-gbp {background: url(../images/flag-gbp.png)}
.table-striped>tbody>tr:nth-of-type(odd) {background:#f5f5f5;--bs-table-accent-bg:#f5f5f5}

.featured-news {}
.featured-news .item{position: relative; }
.featured-news .item img {width: 100%; height:auto}
.featured-news .item .content {position: absolute;z-index:2;bottom: 0;width: 100%;height: auto;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);color:#fff;padding: 1rem;background: rgba(0, 0, 0, 0.3);} 
.featured-news .item .category {background:#076786;color:#fff;display: inline-block;padding: 3px 10px;text-shadow: none;}
.featured-news .item h3 {font-size: 2.5rem; color:#fff;}

.featured-news .small h3 {font-size: 1.5rem}



.large_news {color: #444;background-repeat: no-repeat;background-position-y: -150%;background-position-x: 128%;background-size: 36%;margin-top: -0.5rem;}
.large-news .first {display: block; position: relative; }

.large_news .first {position: relative;overflow: hidden;height: 100%;}

.large_news .first img {height: auto;position: relative;width: unset;min-width: 100%;transition:0.4s;border-radius: 15px;overflow: hidden;}
.large_news .first img:hover {opacity: 0.9;}

.large_news .text {position: relative;bottom: 0;right: 0;padding-bottom: 1.5rem;width: 100%;margin-top: 1rem;}
.large_news .text .posted {padding-left: 1rem;color: #999;margin: 13px 7%;width: 86%;}
.large_news .text .posted .category {background: none;margin:0;}
.large_news .text p {padding: 0.1rem  0;color: #444;width: 86%;margin-left: 8%;padding: 1rem;}
.large_news .text p a {color: #111;}
.large_news .text p a:hover {color: #076786;}
.large_news .text .intro {padding-top: 0;}
.large_news p {margin-bottom: 0;font-size: 0.88em;line-height: 1.3em;}
.large_news img {width: 100%;height: auto;border-radius: 10px;}
.large_news p.title {font-weight: bold;font-size: 1.6em;min-height:5rem;line-height: 1.1em;background: #fff;width: 86%;margin-left: 7%;padding: 1rem;border-radius: 20px;margin-bottom: 0;padding-top: 1.5rem;box-shadow: 0px -20px 20px rgba(0,0,0,0.1);padding-bottom: 0;margin-top: -3.5rem;}
.large_news .title a {color: #111;}
.large_news .title a:hover{color: #076786;}

.large_news .list {}
.large_news .list .item {display: flex;margin-bottom: 1rem;}
.large_news .list .item a{font-weight: bold;font-size: 0.95em;line-height: 1rem;display: block;}
.large_news .list .item .image{margin-right: 0.7rem;flex-grow: 0;flex-shrink: 0;flex-basis: 39%;margin-bottom: 0.5rem;position: relative;height: fit-content;}
.large_news .list .item .category{position: absolute;border-top: 1rem;color:#fff;padding: 0px 5px;bottom: 0px;left: 0px;font-size: 11px;line-height: 1.1em;width: 100%;border-radius: 0 0 10px 10px;background: linear-gradient(transparent,rgba(0,0,0,0.5));padding-top: 10px;padding-bottom: 5px;}
.large_news .list .item:last-child{margin: 0;}
 .large_news .list .item:last-child .image{margin-bottom: 0;}

.large_news .titles {background: #eee;padding: 0.5rem; transition: 0.3s;}
.large_news .titles:hover h2{border-color:#076786;}
.large_news .titles h2 {padding: 0 1rem 1rem 1rem;border-bottom: 1px solid #333;font-size: 1.5rem;font-weight: bold;}
.large_news .titles p {font-size:13px;}
.large_news .titles .item {display: flex;padding: 0.5rem;align-items: center;border-bottom: 1px solid #fff;transition: 0.3s;}
.large_news .titles .item:last-child{border: none;}
.large_news .titles .item:hover{background: #fff;}
.large_news .titles .item .number {font-weight: bold; font-size: 2.8em; color:#076786; margin-right: 0.8rem; }
.large_news .item .posted {margin: 0;font-size: 12px;margin-top: 5px;}

.large_news .lastnews {margin-bottom:0;}
.large_news .lastnews .image{position:relative;}
.large_news .lastnews img {width:100%;margin: 0 0 0.5rem 0;}
.large_news .lastnews img:hover {opacity: 1}
.large_news .lastnews img.play {width: 6rem;height: 6rem;position: absolute;bottom: 18%;left: 30%; opacity: 0.3; transition: 0.2s}
.large_news .lastnews .image:hover img.play {opacity: 0.5}
.large_news .lastnews p {font-size: 0.9em;margin-bottom: 0.5rem;line-height:1.4em;max-height:4.2em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.large_news .lastnews p a{font-size: 1.33em;font-weight: bold;}
.large_news .lastnews .posted {margin-top:-2.5rem;padding-bottom: 1rem;position: relative;z-index: 1;display: none;}
.large_news .lastnews .category{background: #076786;color:#fff;padding: 1px 6px; }


@media (max-width: 1399.98px) { 
  .large_news .first {position: relative;overflow: hidden;height: 100%;}
 }






.h-news {
    margin-top: 2rem;
}
.h-news .list .item {}
.h-news .list .item img {width: 100%;height: auto;margin-bottom: 1em;border-radius: 15px;}
.h-news .list .item p {color: #666;margin-bottom: 0.5rem;font-size: 0.9em;}
.h-news .list .item a {font-size: 1.1rem;line-height: 1em;}
.h-news .list .item .image {position: relative;}
.h-news .list .item .posted {position: absolute;bottom: 0.7rem;left: 0.8rem;color: #fff;}
.h-news .list .item .posted .category {background: #076786;color:#fff;padding: 1px 6px;margin: 0;border-radius: 7px;}



.first-large-news {}
.first-large-news .inner{padding:0 15px;}
.first-large-news a {color: #222;font-size: 0.9em;font-weight: bold;}
.first-large-news a:hover{color: #076786;}
.first-large-news img {max-width: 100%;height: auto;border-radius: 15px;}
.first-large-news p {margin-bottom: 0.5rem;font-size: 1em;line-height: 1.3em;}
.first-large-news .first {margin-bottom: 0;padding-bottom: 0;}
.first-large-news .first p a{font-weight: bold;font-size: 1em;}
.first-large-news .first .image {position: relative;}
.first-large-news .first img {width: 100%;height: auto;margin-bottom: 0.8rem;border-radius: 15px;}
.first-large-news .first .posted {position: absolute;bottom: 1.5rem;left: 1rem;color: #fff;}
.first-large-news .first .posted .category {background: #076786;color:#fff;padding: 2px 10px;margin: 0;border-radius: 7px;}
.first-large-news .description {font-size: 0.9em;color:#666}
.first-large-news .item {display: flex;margin-top: 0.5rem;padding-top: 1.2rem;}
.first-large-news .item .image {margin-right: 1rem;flex-grow: 0;flex-shrink: 0;flex-basis: 38%;}
.first-large-news .item .image img {max-width: 100%;border-radius: 15px;}
.first-large-news .item:last-child {padding-bottom: 0.5rem;}


.adv {background-color: #f5f5f5;padding-top: 1rem;padding-bottom: 1rem;background-image: url(../images/bg-wave.svg);background-repeat: no-repeat;background-position-y: 205%;background-size: 135%;background-position-x: -88%;}
.adv h2 .title {background: unset;margin: 0;}
.adv img {width: 100%; height: auto; }
.adv h2.news-title {color: #fff;background: #076786;margin: 0;padding-right: 10px;font-size: 1.8rem;padding: 5px;}
.adv h2.news-title .more a {background:#f5f5f5}
.adv h2.news-title::before {border:none;}
.adv .icon-live {display:inline-block;width: 92px;height: 27px;background: url(../images/icon-live.png);background-size: cover;float: left;margin: 6px 0 0 5px;}

.adv img, .adv2 img, .adv3 img {width: 100%; height: auto; transition:0.3s;}
.adv img:hover, .adv2 img:hover, .adv3 img:hover {transform:scale(1.1); opacity:1;}

.listing-news {}
.listing-news .list {}
.listing-news .list .item {display: flex;margin: 0.5rem 0;padding: 1rem 0;}
.listing-news .item .image {margin-right: 1rem;flex-grow: 0;flex-shrink: 0;flex-basis: 25%;}
.listing-news .item p {margin-bottom: 0.5rem}
.listing-news .list .item .description {font-size: 0.9em;color:#666;margin-top:0.5rem}
.listing-news .list .item img{width: 100%;height: auto;border-radius: 15px;}
.listing-news .list .item a {font-weight: bold;font-size: 1.3em;display: block;line-height: 1.3em;}





.small-img-news {}
.small-img-news .list {margin-top: 1.7rem; }
.small-img-news .list .item {margin-bottom: 2.5rem;}
.small-img-news img {float: left;width: 30%;margin-right: 1rem;height:auto;border-radius: 15px;}
.small-img-news a {font-weight: bold; }
.small-img-news p {margin-bottom: 0.4rem; font-size: 15px}
.small-img-news .posted {margin: 0}


.one-img-news {position: relative;}
.one-img-news img {width: 100%; height: auto; }
.one-img-news p {margin:1.5em 0 0 0; }
.one-img-news a {font-weight: bold; }
.one-img-news .posted {margin:0}
.gray-bg h2.news-title .title {background:#f5f5f5;  }


.one-txt-one-img {}
.one-txt-one-img .box {display: flex;background:#eee;}
.one-txt-one-img .box .inner {padding:0 3rem; align-self: center;}
.one-txt-one-img .box h3 {font-size: 2rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #aaa}
.one-txt-one-img .box:first-child{background:#076786; color:#fff;}
.one-txt-one-img .box:nth-child(3n+0){background:#076786;color:#fff;}
.one-txt-one-img .box:nth-child(3n+0) h3, .one-txt-one-img .box:first-child h3{border-bottom: 1px solid rgba(255,255,255,0.3)}
.one-txt-one-img .box:nth-child(3n+0) p, .one-txt-one-img .box:first-child p{color:#fff;opacity: 0.9}

.events {}
.events .item {display: block;}
.events .item:first-child{border-top:none;}
.events .item:last-child{border-bottom: none;}
.events .item h4 {display: flex;}
.events .item h4 i {padding-right: 1rem;}
.events .item h4 a {font-size: 1rem;line-height: 1.4rem;}
.events .posted {font-size: 1rem;display: block;margin: 0;text-align: right;margin-top: -1rem;margin-bottom: 1rem;margin-right: 0.5rem;}
.events a{color:#222;}

.video-bg {background: #252525; height:86%;}

.gallery .col-sm-6 .item {overflow: hidden; text-align: center;}
.gallery .col-sm-6 .item {position: relative; background: #076786; }
.gallery .col-sm-6 .item::after{content: ""; position: absolute; width:0; height:100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 0; transition: 0.8s width ; }
.gallery .col-sm-6:nth-child(odd) .item::after{right: 0; left:unset;  }
.gallery .col-sm-6:nth-child(3n+0) .item::after{height:0; width: 100%; transition: 0.8s; top:unset; bottom:0  }
.gallery .col-sm-6 .item:hover::after{width: 100%; height: 100%;  }
.gallery .col-sm-6 .item:hover img{}
.gallery img {width: 100%; height: auto; transition: 0.4s; }
.gallery h2 {font-size: 2.5em; font-weight: bold;}
.gallery h3 {font-size: 2.5em; color: #076786; font-size: 1.2em;}
.gallery h3::before {content:"::: "; color: #076786; margin-top: -5px;}
.gallery h3::after {content:" _____"; color: #076786; margin-top: -5px;}
.gallery h4 {color: #aaa; margin-bottom: 2em;margin-top: 1em;}
.gallery .item .icon {color: #fff;font-size: 5em;position: absolute;z-index: 1;left: 30%;top: 20%;opacity: 0; transition: 0.3s;}
.gallery .item:hover .icon {opacity: 0.5;}
.gallery .item .icon:hover{opacity: 0.8;}
.gallery .item p {position: absolute; left: 0; bottom: -3em;; background:#111; color: #fff; margin: 0; padding: 10px 0px; width: 100%; transition: 0.3s; opacity:0; z-index: 1; }
.gallery .item:hover  p {opacity: 1; bottom: 0; }
.lightbox-caption {font-size: 2em; }




/* Team */
.team {text-align: center; clear: both; padding: 7rem 0 4rem 0; position: relative; z-index: 0;}
.team h2 {font-size: 2.5em; font-weight: bold; text-align: center;}
.team h3 {font-size: 1.5em;  text-align: center; margin-bottom: 1.5em;margin-bottom: 1.5em;}
.team .dotted {position: absolute;left: 0rem;top: 0;background: url(../images/dotted/dotted6.png) no-repeat;width: 90px;height: 140px;z-index: -1;}

.team .slick-slide {padding: 1rem; position: relative;}
.team .content {color: #555}

.team .name a{margin-bottom: 1.5eem; font-weight: bold; font-size: 1.3em; text-decoration: none;}
.team .name a::after {content: "";width: 90%;height: 1px;background: #004364;display: block;margin-top: 0.5rem;position: absolute;left: 6%;transition: 0.5s;}

.team .crop-box {width: 100%;height: 0;padding-top: 100%;margin-left: 6%;position: relative;}
.team .crop {position: absolute; height: 90%; width: 90%; top: 0; border-radius: 50%;}

.team .item img {width: 94%;height: 94%;border: 2px solid #fff; box-shadow: 0 0 10px #eee; padding: 5px;border-radius: 50%; margin:0;transition: 0.5s;}
.team .item:hover img {border-color:#076786; }

.team p.title {color: #999; font-size: 1em; font-weight: bold; margin:1em 0 1em 0;}
.team .item:hover  p.title{color:#076786 }

.team .item .icons a{font-size: 1.2em;border: 1px solid;padding: 3px;margin: 2px;}
.team .item .icons a:hover{background: #076786; color: #fff}


.contact-section {}
.contact-section .contact-inner{}
.contact-section input, .contact-section textarea {font-size: 1em; display: block; padding: 5px; border: 1px solid #ccc; width: 100%; margin:10px 0px; border-radius: 5px;}
.contact-section input:focus-visible, .contact-section textarea:focus-visible {border: 1px solid #076786;box-shadow: 0 0 5px #ddd;outline: none;}
.contact-section input:hover, .contact-section textarea:hover {border:1px solid #076786;}
.contact-section input[type="submit"]{width:130px;border: none; padding: 10px; font-weight: bold;}
.contact-section input[type="submit"]:hover{background: #e56f27; color: #fff}

.contact-section .list {margin:2rem 3rem 0 0;}
.contact-section .list .item{border-top: 1px solid #ddd; border-image:linear-gradient(to right, #f9f9f9, #ddd, #f9f9f9) 30 !important; padding: 13px 0px; display: flex; transition: 0.3s;}
.contact-section .list .item:hover{background:linear-gradient(to right, #fff, #f5f5f5, #fff);;}
.contact-section .list .item i {display: inline-block;font-size: 2em;color: #076786;margin-right: 1rem;}
.contact-section .list .icons i{color: unset; }
.contact-section .list .icons a:hover{color: #e56f27; }
.contact-section .list .item .icon {font-size: 1.8em;margin: 5px;border: 1px solid;border-radius: 8px;padding: 4px;font-size: 1.5em;}
.contact-section .list .item b {display:block;}


.page-inner {font-size: 1.1em;line-height: 1.5em;color: #222;}
.page-inner p {color: #444;}
.page-inner img {width: 55%;height: auto;float: left;margin-right: 1.5rem;}
.page-inner h3 {font-size: 1.3rem;}
.page-inner .listing img {width: 100%;height: auto;}
.page-inner .listing .row {margin: 1rem 0 2rem 0;}
.page-inner .news-all {font-weight: bold;}

#paginator ul {margin:30px auto 20px auto;width:100%;height:50px;padding-top:15px; border-top:1px solid #eee; text-align:center; }
#paginator ul li {color:#888;display:inline;margin:10px 3px;padding:0px;font-size:1rem;}
#paginator a, #paginator span {text-decoration: none; padding:5px 15px;background:#f5f5f5; color:#ccc;border:1px solid #aaa; border-radius:1em; font-weight:bold;}
#paginator a {color:#222; background: #fff;}
#paginator a:hover {text-decoration:none;background:#eee;}
.modal {z-index:9999}
.carousel-control-next, .carousel-control-prev {width:11%}

.video{position:relative;}
.video img,.videos-list .list .video img {width:100%;height:auto;margin:0;float: none;border-radius: 20px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.video img:hover{box-shadow: 0 0 8px rgba(0,0,0,0.4) ;}
.video img.play2,.videos-list .list .video img.play2 {position: absolute;z-index:11;top: 18%;left: 32%;width: 130px;height: 130px;transition:0.3s;opacity:0.8;right: unset;box-shadow: none;}
.video img.play2:hover {opacity:1;}
.video h4 {margin: 1rem;height: 4.5rem;font-size:1.2rem;}

.videos-list {background:#252525;padding-bottom: 2rem;padding-top: 1rem;}
.videos-list .video{background:#333;border-radius: 20px;}
.videos-list h2.news-title{text-align:center;}
.videos-list h2.news-title::before{display:none;}
.videos-list h2.news-title .title {background:#252525;padding-left:10px;color: #fff;font-size: 2.2rem;}
.videos-list a {color:#ddd;transition:0.3s;}
.videos-list a:hover {color:#fff;}
.videos-list h2.news-title .more a{display:block;float:none;width: 200px;margin: 0 auto;margin-bottom: 2rem;color: #076786;}

.column-news-list {margin-left: 2.5rem;background: #eee;padding: 2rem;display: inline-block; font-size:82%; line-height:1.5em; margin-top:1rem;}
.column-news-list .item {padding-bottom: 0.8rem; margin-bottom: 1rem; border-bottom: 1px dotted #ccc;}
.column-news-list p {margin: 0;}
.column-news-list h2.news-title .title {background: #eee}


@keyframes footerbg{
  0% {background: url(../images/map-dotted.png) no-repeat 0% 0% #111; }
  50% {background: url(../images/map-dotted.png) no-repeat 100% 0% #111; }
  100% {background: url(../images/map-dotted.png) no-repeat 0% 0% #111; }
}
.footer {clear: both; background: url(../images/map-dotted.png) no-repeat 0% 0% #111; animation: footerbg 30s linear infinite; color: #ccc; padding: 4rem 0rem 0rem 0rem; border-top: solid 2rem #111; transition: 20s;}
.footer .footer-top{text-align: left;margin-top: 3rem;}
.footer .footer-top img {height: 55px;filter: brightness(0) invert(1);transition: 0.3s}
.footer .footer-top img:hover {filter:none}
.footer .footer-top .link-list{margin-top:1rem;margin-left:-10px;margin-right:-10px}
.footer .footer-top .link-list a{display:inline-block;margin:10px;color: #ccc;}
.footer h3 {margin-bottom: 2rem;color: #fff;}
.footer h3::after {content: ""; width: 40px; height: 2px; background: #076786;display: block;margin-top: 0.5rem; transition: 0.5s;}
.footer .col-lg-3:hover  h3::after{width: 65%;}
.footer a, .footer p {color: #eee;text-decoration: none;}
.footer a:hover {color: #fff;text-decoration: underline;}
.footer .category {font-weight: bold;}
.footer ul {margin: 0; padding: 0; }
.footer ul li {margin-bottom: 1em; list-style: none; }
.footer ul li::before{content: "";color: #333;font-weight: bold;margin-right: 5px;width: 5px;height: 5px;display: inline-block;background: #076786;margin-bottom: 3px;margin-right: 10px;}
.footer ul li:hover::before{background:#fff}
.footer .item {margin-bottom: 0;}
.footer .icon {color:#555}
.footer .icon:hover{color: #076786}
.footer .icon a:hover{border-color:#076786}
.footer .item .icon {font-size: 2em;vertical-align: middle;color: #fff;}
.footer .about-list .icon {font-size: 1.8em;margin: 6px 0px;border: 1px solid;border-radius: 8px;padding: 4px;font-size: 1.5em;margin: 10px 2px;}

.footer .btn {color: #111;background:none;padding:5px 15px;border: 1px solid #333;}
.footer .search p {font-size: 20px;}
.footer .search input {padding:5px 15px;height: 3rem;margin: 0;border-radius: 0;border: 1px solid #ccc;float: left;width: 72%;border-right: 0;}
.footer .search input:focus {border:1px solid #222; outline: 0}
.footer .search .btn {background: #076786;color:#fff;width: 28%;border: none;border: 2px solid #fff;padding-left: 0;padding-right: 0;text-align: center;}
.footer .search .btn:hover{opacity:0.9}
.footer .end {padding:1rem 0rem;margin-top: 1rem;border-top: 1px solid #333;text-align: center;}
.footer .end .copyright {padding-top: 0.5rem; }
.footer .end .icon {font-size: 1.3rem; margin:5px; }
.footer .end a {color: #fff;}

.footer .logo {height: auto;float:none;width: 200px;filter: brightness(0) invert(1);}
.footer .icons {display: inline-block;margin: 0 1rem;}
.footer .icons a{display: inline-block;font-size: 20px;margin: 1px;margin-top: 1rem;border: 1px solid;padding: 4px;border-radius: 0;width: 40px;height: 40px;transition: 0.3s}
.footer .icons a:hover {border-color:#076786}
.footer .icons a i {padding-top: 0px;display: block;}

/* RESPONSIVE CSS
-------------------------------------------------- */

/*  X-Large devices  */
@media (max-width: 1399.98px) { 
  .slideshow .carousel-item {height: 30rem;}
 }


/*  Large devices  */
@media (max-width: 1199.98px) { 
  .slideshow .carousel-item {height: 29rem;}
 }


/*  Medium devices  */
@media (max-width: 991.98px) {
    .sm-clean a {padding:14px; font-size:92%;}
  .header .icon-listing {margin-top: 1em;}
  .header .icon-listing .icon-item {margin-left:2em; font-size:0.7em;}
  .header .icon { font-size: 2.5em;}
  .header .icon i { vertical-align: middle; }
  .slideshow .carousel-item {height: 18rem; }
  .slideshow .carousel-caption {top:1rem; width:45%; left:10%; }
  .about-top .r-dotted {top: 55rem; width: 11%;height: 14%;}
  .about-top .text, .faq .text {padding:2rem !important;}
  .no-mob {display: none; }
  .large_news .list, .large_news .titles {margin: 2rem 0;}
  .first-large-news .item .image {display: none; }
  .adv iframe {height: auto; min-height: 15rem;}
  .small-img-news img {float:unset; width:100%; margin:0 0 1rem 0}
  .small-img-news .list {display: flex; margin-left:-0.7rem; margin-right:-0.7rem; }
  .small-img-news .list>* {padding:0 0.7rem}
  .sm-clean > li:last-child a {margin:0}
  .sm-clean > li:first-child a {margin:0; }
  .large_news .titles p {font-size: 1em;}
  .column-news-list {margin:0;}
 }

 /*  Small devices  */
@media (max-width: 767.98px) {
  .topnav .container {display:block !important; text-align:center;}
  .logo img {margin: 1.6rem 0 0.3rem -1.6rem;}
  .large_news .text .intro {}
  .large_news .first img {height:auto;}
  .one-txt-one-img {margin-top:3rem;}
  .one-txt-one-img .box .inner {padding:5rem 3rem;}
  .slideshow {background: #fffaeb;}
  .about-top .r-dotted {top:43rem; width:15%; height:21%; }
  .slideshow .carousel-item {height: 30rem;}
  .slideshow .carousel-caption {top:18rem; left: 1em; width: 95%; padding: 0; }
  .header input {width:100px; border-radius:20px;}
  .menusection {margin-top: -3.2rem;margin-bottom: 0;padding-bottom:1rem;float: right;padding-left:1rem;width: 100%;padding-right: 1rem;text-align: right;}
  .large_news .list .item p {font-size: 1.1rem;}
  .large_news .list .item .posted {font-size:1rem; margin-top:0.5rem;}
  h2.news-title .more a {font-size: 0.9rem;top: 3px;}
  .large_news .lastnews img.play {width:10rem; height:10rem;}
  .large_news .lastnews p, .first-large-news p, .h-news .list .item p, .first-large-news p {font-size: 1.1rem;max-height:auto;}
  .small-img-news .list {display:block;}
  .small-img-news .list .item {float:right; width:49.5%;}
  .small-img-news img {margin:1rem 0 0.5rem 0;}
  .header input:focus{width:150px;}
  .topnav a {opacity: 1; }
  .topnav form {display:none}
  .large_news .title {font-size: 1.3em;}
  .large_news .list .item {margin: 1rem !important;}
  .large_news .titles {padding: 1.5rem;margin: 3rem 1rem 1rem 1rem; width: 92%;}
  .h-news .list .item {display: block; margin-top:1rem;}
  h2.news-title, .footer h3{margin-top: 3.5rem; }
  .spacer {height: 0}
  .video-bg {height: auto;}
  .col-sm-6 {width:50%}
  .footer {padding: 2rem 1rem 1rem 1rem; margin-top:5rem;}
  .footer .last{padding-top: 5rem;}
  .footer .end {text-align: center;}
  .column-news-list {margin: 3rem 0rem 4rem 0rem;}
  .page-inner {margin-top: 1.5rem;padding: 1rem;}
  .page-inner .listing img {margin-bottom: 0}
  .page-inner .listing .row {margin-bottom: 3rem;}
  .page-inner h1 {font-weight: bold;}
  .footer .logo {display:block;margin:0 auto;}
  .footer .icons {margin:0 auto; margin-bottom:2rem; text-align:center;}
  .footer .search {margin-top:2rem; }
  .footer .contact-list {margin-bottom: 2rem;}
  .h-news, .exchange, .weather {margin:1rem;}
  .videos-list .h-news{margin:2rem 0 0 0;padding:2rem;}
  .large_news .list .item a {line-height:1.4rem;}
  .footer .footer-top img{margin-right:10px}
}

/* X-Small devices */
@media (max-width: 575.98px) {
    .topnav .about {margin-left:5px; padding-left:1px;}
  .topnav .icons a {margin-right:0;}
  .logo {float: none !important; margin-bottom:0; text-align: center;}
  .just-mob {display:inline-block;}
  .header .search-button{position: absolute;float:left;left: 1rem;top: 5.2rem;}
  .header .search-button i{font-size: 1.5rem;color: #fff;}
  .header .search-button input {position: absolute;z-index: 99;outline: none;background: #fff;padding:0;border:0;opacity: 0.8;transition: all 0.3s;width:0px !important;left: 0;top: 1.7rem;}
  .header .search-button input.active {width: 90vw !important; padding:5px 10px;border: 2px solid #076786;}
  .sm-clean a {font-size:100%;}
  .slideshow .carousel-item {height: 27rem;}
  .slideshow .carousel-caption {top:11.5rem; left: 1em; width: 95%; padding: 0; }
  .feature-four .item {width: 49.8%}
  .about-top img {width: 96%; margin-top: 2rem; }
  .about-top .img::after {bottom: -1rem; right: 0rem; }
  .feature-four .item {margin-bottom: 0;}
  .featured-six .item {border: 0; border-bottom: 1px solid #ccc !important;}
  .about-top .r-dotted {top: 36rem; width: 8%;height: 5%;}
  .faq .text .icon{font-size: 10em; right: 0; bottom: 0;  }
  .faq .dotted{width:19%; height:8%; left: 0;}
  .faq .list {margin: 5%; }
  .gallery .col-lg-3 {margin: 1%; padding: 0; overflow: hidden; width: 48%;}
  .gallery .item {margin: 0; }

  .news .list {margin:0;}
  .news p {margin: 0; }
  .news .posted {font-size: 0.8em; }
  .news .list .item .image {width: 35%; margin-right: 1em;  }
  .news .list .item {margin-bottom: 2em;border-top: 1px dashed #aaa;margin-top: 1.5rem;padding-top: 2rem;margin-bottom: 0;}
  .consult-banner p {margin-bottom: 1em;}
  .news h3 {font-size: 1.3em; }
  .consult-banner .btn {display: block; margin: 5px auto; }
  .summary-bg {padding: 8rem 2rem; }
  .summary-bg p {width: unset;}
  .large_news .first {height:auto;margin-top: 1rem;}
  .page-inner img {width:100%; margin:0 0 1.5rem 0; float:none;}
}