*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
font-family: 'Quicksand';
src: url("../css/fonts/quicksand-v12-latin-regular.eot");
src: 
url("../css/fonts/quicksand-v12-latin-regular.woff") format("woff"),
url("../css/fonts/quicksand-v12-latin-regular.woff2") format("woff2"),
url("../css/fonts/quicksand-v12-latin-regular.svg") format("svg"),
url("../css/fonts/quicksand-v12-latin-regular.ttf") format("truetype");
}

@font-face {
font-family: 'FontAwesome';
src: url("../css/fonts/fa-brands-400.eot");
src: 
url("../css/fonts/fa-brands-400.woff") format("woff"),
url("../css/fonts/fa-brands-400.woff2") format("woff2"),
url("../css/fonts/fa-brands-400.svg") format("svg"),
url("../css/fonts/fa-brands-400.ttf") format("truetype"),
url("../css/fonts/fa-regular-400.eot"),
url("../css/fonts/fa-regular-400.woff") format("woff"),
url("../css/fonts/fa-regular-400.woff2") format("woff2"),
url("../css/fonts/fa-regular-400.svg") format("svg"),
url("../css/fonts/fa-regular-400.ttf") format("truetype"),
url("../css/fonts/fa-solid-900.eot"),
url("../css/fonts/fa-solid-900.woff") format("woff"),
url("../css/fonts/fa-solid-900.woff2") format("woff2"),
url("../css/fonts/fa-solid-900.svg") format("svg"),
url("../css/fonts/fa-solid-900.ttf") format("truetype");
}

body,html{
  scroll-behavior: smooth;
  position: relative;
  overflow-x:hidden;
  height: 100%;
}
body{
	font-size: 16px;
	color: #333;
	line-height: 20px;
  font-family: 'Quicksand', sans-serif;
  background: #eef7fd;
  overflow-x: hidden;
  min-height: 100%;
}

i:before{
  font-family: FontAwesome;
}

.body{min-height: 100%;overflow:hidden;}

.body.container-fluid{padding: 0;}
.body .container,.body.container-fluid{height: inherit;}
body.site{
	border-top: none !important;
	padding: 0;
  background: #eef7fd !important;
  height: 100%;
}
ul{list-style: none;}
a:hover{text-decoration: none;}
a:focus{outline: none;}
.navigation .menu> li> a{
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.navigation .nav > li > a{min-width: 120px;}

.language_menu{
  position: absolute;
  top: 25px;
  z-index: 100;
  right: 140px;
}

.home .language_menu{
  top: 8px;
  right: 115px;
}
.home .language_menu .lang-inline{
  margin-right: 10px;
}

.desc.banner_active {
    position: absolute;
    color: #fff;
    left: 50%;
    display: flex;
    flex-direction: row;
    background: #0000006b;
    width: 55%;
    padding: 15px;
    top: 55%;
    transform: translate(-50%, -50%);
}
.desc.banner_active .caption{margin-left:15px;}
.banner .carousel-inner-wrapper .slick-dots{

    background: #0000008c;
    border-radius: 50px;
    padding: 12px 25px 0px;
    /* width: 100%; */
    height: 25px;
}

.banner .carousel-inner-wrapper .carousel-item{height:100vh;}
.banner .carousel-inner-wrapper .carousel-item .slick-dots{display:none;}
body.home div.mod-languages a{
  color: #fff;
}
.body div.mod-languages a{
  color: #333;
}
.banner{
	position: relative;
  height: 100vh;
  overflow: hidden;
}
.side_nav{
	position: fixed;
  z-index: 100;
  height: 100vh;
  left: 0;
  width: 105px;
  text-align: center;
  background: rgba(255,255,255,0.95);
}
#aside{
	position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index:1;
  right: -108px;
  transition: 0.3s ease all;
  height: 100vh;
  margin-top: 88px;
}
.home #aside{right: 0;display: block;z-index: 3;
  margin-top: 0;
}
#content{width: 100%;}
#content{padding: 30px; padding-left:115px;}
.side_nav .header-inner{
  display: inline-block;
}

.side_nav .header{
  padding: 10px 0 5px;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
}
.side_nav .navigation{
  height: 60%;
  align-items: flex-end;
}
.side_nav .navigation,.social_share{
  display: flex;
  justify-content: center;
}
.social_share{
  align-items: start;
  height: 40%;
}
.side_nav .navigation .menu> li{min-height: 110px;padding: 10px 0;}
.side_nav .navigation .menu >li a,.body .osgalery-cat-tabs li a,.visible-home .navigation .menu a{
  font-size: 14px;
  color: #8e8e8e;
  font-weight: 400;
  position: relative;
  transition: 0.3s ease all;
}
.side_nav .navigation .menu >li.parent a,.moduletable_menu .nav li.parent .nav-child li a,.footer_menu .menu li.parent .nav-child li a{pointer-events: none;}
.side_nav .navigation .menu >li.parent.show_menu a,.moduletable_menu .nav li.parent.show_menu .nav-child li a,.footer_menu .menu li.parent.show_menu .nav-child li a{pointer-events: inherit;}
.side_nav .navigation .menu >li> a:after ,.body .osgalery-cat-tabs li a:after,.body .osgalery-cat-tabs li a.active:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #19486a;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.body .osgalery-cat-tabs li a.active:after{visibility: visible;bottom: 0;}
.side_nav .navigation .menu li:hover a:after,.body .osgalery-cat-tabs li:hover a:after,.body .osgalery-cat-tabs li a.active:after{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.moduletable_menu .nav >li> a{
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding: 45px 10px 20px;
  text-align: center;
  transform: scale(1);
  transition: 0.3s ease all;
  width: 100px;
  height: 12.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 12px;

}
.body .item-101{display: none;}
.moduletable_menu >.nav> li > a:hover{
  transform: scale(0.95);
}
.moduletable_menu >.nav> li a:before{
  position: absolute;
  top: 19%;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
}
.moduletable_menu .nav li a:hover,.moduletable_menu .nav li a:focus,.moduletable_menu .nav li a:active{background: transparent;}
.moduletable_menu .nav li.parent .nav-child,.navigation .menu li.parent .nav-child,.footer_menu .menu li.parent .nav-child{
  position: absolute;
  left: -18px;
  opacity: 0;
  transition: 0.8s ease all;
  background: #00689d;
  bottom: 0;
  width: 0;
  z-index: 5;
}
.navigation .menu li.parent .nav-child,.navigation .menu li.parent.show_menu > .nav-child,.footer_menu .menu li.parent.show_menu> .nav-child{
  top: 0 !important;
  bottom: unset !important;
}
.navigation .menu li.parent .nav-child.show_menu{
  width: 100%;
  opacity: 1;
}
.navigation .menu li.parent > .nav-child,.navigation .menu li.parent.show_menu > .nav-child,.footer_menu .menu li.parent.show_menu> .nav-child{left: 125px}
.moduletable_menu .menu li.parent.show_menu >.nav-child,.navigation .menu li.parent.show_menu > .nav-child,.footer_menu .menu li.parent.show_menu> .nav-child{
  opacity: 1;
  left: -245px;
  width: 228px;
}
.footer_menu .menu li.parent.show_menu> .nav-child{
  width: 250px; 
}
.footer_menu .menu li.parent> .nav-child{
  left: 0;
}
.footer_menu .menu li.parent.show_menu> .nav-child,.footer_menu .menu li.parent .nav-child{
  bottom: unset !important;
  top: -117px !important;
  left: 0;
}
.navigation .menu li.parent.show_menu > .nav-child{
  left: 125px;
}
.moduletable_menu .menu li.parent.show_menu >.nav-child:after,.navigation .menu li.parent.show_menu >.nav-child:after,.footer_menu .menu li.parent.show_menu> .nav-child:after{
  content: '';
  position: absolute;
  bottom: 9px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #00689d;
}
.footer_menu .menu li.parent.show_menu> .nav-child:after{
  transform: rotate(90deg);
  right: unset;
  left: 10px;
  bottom: -14px;
}
.navigation .menu li.parent .nav-child:after{left: -10px;transform: rotate(180deg);}
.moduletable_menu .menu li.show_menu:nth-child(3) >.nav-child:after{border-left: 10px solid #4c9e38;}
.moduletable_menu .menu li.show_menu:nth-child(5) >.nav-child:after{border-left: 10px solid #fd6a25;}
.moduletable_menu .menu li.show_menu:nth-child(6) >.nav-child:after{border-left: 10px solid #dd1367;}
.moduletable_menu .menu li.show_menu:nth-child(8) >.nav-child:after{border-left: 10px solid #53759e;}
.moduletable_menu .nav li.parent .nav-child li a,.side_nav .navigation .menu li .nav-child li a,.footer_menu .menu li.parent .nav-child li a,.visible-home .menu li.parent .nav-child li a{
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  text-decoration: none;
  top: 0;
  color: #fff;
  display: block;
  text-align: center;
  overflow: hidden;
  transition: 0.3s ease all;
  white-space: nowrap;
}
.moduletable_menu >.nav> li:first-child >a{
  display: none;
} 
.moduletable_menu >.nav> li:nth-child(2) >a:before{
  content: url(../images/menu/Committee.png);
}
.moduletable_menu >.nav> li:nth-child(7) >a:before{
  content: url(../images/menu/Websoye.png);
}
.moduletable_menu >.nav> li:nth-child(5) >a:before{
  content: url(../images/menu/Infograph.png);
}
.moduletable_menu >.nav> li:nth-child(4) >a:before{
  content: url(../images/menu/Dataset.png);
}
.moduletable_menu >.nav> li:nth-child(6) >a:before{
  content: url(../images/menu/Resources.png);
}
.moduletable_menu >.nav> li:nth-child(8) >a:before{
  content: url(../images/menu/News.png);
}
.moduletable_menu >.nav> li:nth-child(3) >a:before{
  content: url(../images/menu/Parliament.png);
}
.moduletable_menu >.nav> li:nth-child(9) >a:before{
  content: url(../images/menu/UN.png);
}
.moduletable_menu .nav li:nth-child(2) a{background: #0997d9;}
.moduletable_menu .nav li:nth-child(3) a{background: #4c9e38;}
.moduletable_menu .nav li:nth-child(4) a{background: #00689d;}
.moduletable_menu .nav li:nth-child(5) a{background: #fd6a25;}
.moduletable_menu .nav li:nth-child(6) a{background: #dd1367;}
.moduletable_menu .nav li:nth-child(7) a{background: #fcc30b;}
.moduletable_menu .nav li:nth-child(8) a{background: #53759e;}
.moduletable_menu .nav li:nth-child(9) a{background: #fd6a25;}
.moduletable_menu .nav li.parent .nav-child li a:hover,.side_nav .navigation .menu li .nav-child li a:hover,.footer_menu .menu li.parent> .nav-child li a:hover{background: #fff;color: #00689d;}
.body .moduletable_menu .nav li:nth-child(3) .nav-child li a:hover{background: #fff;color: #4c9e38;}
.body .moduletable_menu .nav li:nth-child(5) .nav-child li a:hover{background: #fff;color: #fd6a25;}
.body .moduletable_menu .nav li:nth-child(6) .nav-child li a:hover{background: #fff;color: #dd1367;}
.body .moduletable_menu .nav li:nth-child(8) .nav-child li a:hover{background: #fff;color: #53759e;}
/*banner starts*/
.banner .djslider,.banner .djslider-in {
  width: 100%;
  margin-left: 0;
}
.body .carousel-inner-wrapper .carousel-item{position: relative;}
.body .carousel-inner-wrapper .slick-slide.slick-active .desc{
  animation: move 2s ease;
}
@keyframes move{
  from{left: 10%;}
  to{left: 0;}
}
.body .banner .djslider-default .slide-desc,.body .carousel-inner-wrapper .slick-slide .desc{
  position: absolute;
  right: 0 !important;
  top: 50%;
  bottom: unset !important;
  z-index: 3;
  width: 55% !important;
  left: 0 !important;
  margin: auto;
  z-index: 0;
  transform: translateY(-50%);
  background: rgba(000,000,000,0.30);
  padding: 20px;
}
body.home button.slick-arrow {
  position: absolute;
  top: 78%;
  left: 24%;
  transform: translate(-25%,-85%);
  z-index: 3;
  background: url(../images/prev.png) no-repeat;
  border: none;
  text-decoration: none;
  width: 38px;
  height: 38px;
  text-indent: -9999em;
}
body.home button.slick-next.slick-arrow{
  right: 21%;
  left: unset;
  background: url(../images/next.png) no-repeat;
}
.body button.slick-arrow:focus{outline: none;}
.body .banner .slide-desc-bg-default{
  background: rgba(000,000,000,0.30);
}
.body .banner .slide-desc-text-default{padding: 20px;}
.body .banner .djslider-default .slide-desc .slide-text div.image,.body .carousel-inner-wrapper .slick-slide .desc >div.image{
  float: left;
  padding-right: 35px;
  position: relative;
  margin-right: 35px;
  max-width: 170px;
}
.body .carousel-inner-wrapper .slick-slide .desc >div.caption{
  width: 75%;
}
.body .banner .djslider-default .slide-desc .slide-text >div:after,.body .carousel-inner-wrapper .slick-slide .desc >div.image:after{
  content: '';
  border-bottom: 1px solid #fff;
  width: 1px;
  height: 75%;
  background: rgba(255,255,255,0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.body .banner .djslider-default .slide-desc .slide-text h3,.body .banner .djslider-default .slide-desc .slide-text p,.body .carousel-inner-wrapper .slick-slide .desc h3,.body .carousel-inner-wrapper .slick-slide .desc p{margin: 0;color: #fff;}
.body .banner .djslider-default .slide-desc .slide-text h3,.body .carousel-inner-wrapper .slick-slide .desc h3{
  margin-bottom: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  font-family: 'Quicksand' , sans-serif;
}
.body .banner .djslider-default .slide-desc .slide-text,.body .carousel-inner-wrapper .slick-slide .desc{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
/*.body .banner .djslider-default .slide-desc .slide-text p,.body .carousel-inner-wrapper .slick-slide .desc p{width: 85%;}*/
.banner .djslider-default .navigation-container{top: 58% !important;}
.banner .djslider-default .navigation-container .prev-button{
  left: 20%;
}
.banner .djslider-default .navigation-container .next-button{right: 20%;}
.banner .djslider-default .navigation-container .next-button:focus,.banner .djslider-default .navigation-container .next-button:active,.banner .djslider-default .navigation-container .prev-button:focus,.banner .djslider-default .navigation-container .prev-button:active{
  border: none;
  outline: none;
}
.banner .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers,.banner .carousel-inner-wrapper .slick-dots{
  top: 78%;
  left: 50%;
  transform: translate(-50%, -85%);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.banner .carousel-inner-wrapper .slick-dots button{
    text-indent: -9999em;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #444;
    border: 2px solid #fff;
    margin: 0 3px;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0.5;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.banner .carousel-inner-wrapper .slick-dots li.slick-active button{background: #fff;opacity: 1;}
.banner .carousel-inner-wrapper .slick-dots button:focus{outline: none;}
.banner .djslider-default.img-vcenter img.dj-image{top: 0;transform: none;}
.body .banner .slick-slide .carousel-item> img{
    width: 100%;
    object-fit: cover;
    height: 100vh;
  }
/*end*/
/*footer menu*/
.home .footer{
  bottom: 0;
}
.footer {
  position: absolute;
  text-align: center;
  z-index: 2;
  margin: auto;
  width: 100%;
  background: #fff;
  padding: 14px 0;
  left: 0;
  right: 0;
}
.footer ul{display: inline-block;}
.footer .menu >li{float: left;}
.home #content{display: none;}
.footer_menu .menu > li >a{font-size: 15px;padding-right: 45px;margin-right: 40px;transition: 0.3s ease all;border-bottom: 0;}
.footer_menu .menu> li:last-child >a{margin-right: 0;}
.footer_menu .menu> li:first-child >a{
  color: #3f7e44;
  background: url(../images/visual.png) no-repeat top 4px right;
}
.footer_menu .menu >li:nth-child(2) >a{color: #0a97d9;background: url(../images/weather-info.png) no-repeat top 4px right;}
.footer_menu .menu >li:nth-child(3)> a{color: #134366;background: url(../images/air-pollution.png) no-repeat top 4px right;}
.footer_menu .menu >li:nth-child(4) >a{color: #dd1166;background: url(../images/calender.png) no-repeat top 4px right;}
.footer_menu .menu >li:nth-child(5) >a{color: #fd6a25;background: url(../images/disaster.png) no-repeat top 4px right;}
.footer_menu .menu >li> a:hover,.category_wrapper:hover{
  transform: translateY(-3px);
}
.body .djslider-default ul.djslider-in > li{height: 100vh !important;}
/*end*/

.body #content{padding-left: 105px;}


iframe#data{
  height: 486px;
  width: 100%;
}

.body #content{padding:0;padding-left: 105px;}
.body #content .inside_header {
  padding: 25px 30px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
  background: #eef7fd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.body #content .inside_header .links{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.body #content .inside_header .links h4{
  font-family: inherit;
  font-weight: 600;
}
.body #content .inside_header .links a,#myCarousel .carousel-control,.body #content .inside_header .links button,#myCarousel .carousel-inner .slick-arrow{
  border: 1px solid #d1d1d1;
  padding: 7px 10px;
  background: transparent;
  margin-right: 5px;
}
.body .pagination .pagination_link,.body .pagination .paginationLink{
  margin-right: 5px;
}
.pagination_link.active{
  background-color: #ffff;
}
.body .pagination .pagination_link:last-child,.body .pagination .paginationLink:last-child {
  margin-right: 0px;
}
.body #content .inside_header .links button:last-of-type{
  margin-right: 20px;
}
.body #content .inside_header .links button:focus{outline: none;}
.inside_header .language_bar{
      display: inline-block;
}
.inside_header .language_bar a{
  color: #313131;
  margin-right: 20px;
}
.body .main_wrapper{
  background: rgba(255,255,255,0.3);
  padding: 30px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  margin: 15px 0;
}
.body #myCarousel .carousel-control,#myCarousel .carousel-inner .slick-arrow{
  position: absolute;
  background-image: none;
  bottom: unset;
  width: auto;
  top: 50%;
  transform: translate(-50%); 
}
#myCarousel .carousel-inner{
  overflow: visible;
}
#myCarousel .carousel-inner .slick-arrow{
  text-indent: -9999px;
  width: 35px;
  height: 35px;
  z-index: 2;
}
#myCarousel .carousel-inner .slick-prev{
  background: url(../images/carousel-prev.png) no-repeat center center;
  left: -7px;
}
#myCarousel .carousel-inner .slick-next{
  background: url(../images/carousel-next.png) no-repeat center center;
  right: -48px;
}
/*.category_filter{
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
}*/
.category_filter legend{
  color: #187523;
  font-weight: 600;
  border: none;
  display: flex;
  align-items: center;
}
.category_filter legend img{
  width: 15px;
  margin-right: 10px;
  object-fit: contain;
}
.category_wrapper {
  background: #fff;
  border-radius: 10px;
  min-height: 223px;
  position: relative;
  margin-bottom: 20px;
  transition: 0.3s ease all;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}
.category_wrapper .cat{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: auto;
  word-break: break-word;
  width: 80%;
  text-align: center;
}
.category_wrapper .cat img{
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
.category_wrapper.news_portal .cat img{
  width: 100%;
  object-fit: contain;
  height: 60px;
  overflow: hidden;
}
.category_wrapper.news_portal{
  min-height: 155px;
}
.category_wrapper .cat span{
  color: #313131;
  font-size: 16px;
  font-weight: 600;
}
.category_wrapper:hover .cat span{color: #00689d;}
.category_filter [type="radio"]:checked,
.category_filter [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.category_filter [type="radio"]:checked + label,
.category_filter [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #313131;
    font-weight: 400;
    font-size: 15px;
}
.category_filter [type="radio"]:checked + label:before,
.category_filter [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #8a8a8a;
    border-radius: 100%;
    background: #fff;
}
.category_filter [type="radio"]:checked + label:after,
.category_filter [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #8a8a8a;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.category_filter [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.category_filter [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.filter_section >label,.filter_section p{margin-right: 10px;}
.filter_section p{display: inline-block;}
.filter_section >label{color: #7a7a7a;}
.aside.active{
  right: 0 !important;
  z-index: 3 !important;
}
.navbar.navbar-dark .navbar-toggler {
    color: #000;
}
.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    width: 80%;
}
.animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #313131 !important;
}
.animated-icon3 span {
    background: #f3e5f5;
}
.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}
.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
}
.navbar-toggler{
  background: transparent;
  border: none;
  display: flex;
}
.navbar-toggler:focus{
  outline: none;
  border: none;
}
.hamburger_menu{
  display: inline-block;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
}
.hamburger_menu p{
  margin: 0 10px 0;

}
body.home .body{margin-bottom: 0;}

/*added by shrimon*/
.page-header{
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding: 0;
    line-height: 20px;
    margin-top: 0;
}

.page-header h1{
    color: #313131;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    padding: 0 15px;
    margin-top: 0;
}

#calender{
    overflow: hidden;
}

#calender iframe {
    height: 1142px;
    width: 100%;
    margin-top: -240px;
    border: none;
}

#loader{
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    align-items: center;
    margin: 20px 0;
}


/*end added*/

}
#myCarousel .carousel-control{
  top: 50%;
  bottom: unset;
  width: auto;
  transform: translate(-50%);
}
#myCarousel .left.carousel-control{left: -10px;}
#myCarousel .right.carousel-control{right: -39px;}
/*end*/

/*listing page*/
.listings_section .list a,.blog .items-row .item{
  padding: 15px 25px 15px 25px;
  display: block;
  border-left: 3px solid transparent;
  transition: 0.5s ease all;
  border-bottom: 1px solid #e7e7e7;
  background: url(../images/link.png) no-repeat bottom 16px left;
}
.listings_section .list:hover a,.blog .items-row .item:hover{
  border-left: 3px solid #19486a;
  background: url(../images/hover-link.png) #fff no-repeat bottom 16px left 20px;
  padding: 15px 25px 15px 45px;
}
.listings_section .list:hover a,.blog .items-row .item:hover a{color: #19486a;}
.listings_section .list a,.blog .items-row .item a,.blog .items-row .item .page-header, .blog .items-row .item p{
  color: #313131;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block; 
}
.listings_section .list a{
  font-weight: 600;
}
.listings_section .list a:active,.listings_section .list a:focus{
  text-decoration: none;
}
.listings_wrapper .list_row:last-child .list{
  border-bottom: none;
}
.listings_section .list >p{margin-bottom: 0;}
.listings_section .list >p.title,.blog .items-row .item .page-header h2{
  margin-left: -30px;
  color: #313131;
  font-weight: 600;
  margin-bottom: 5px;
}
.listings_section .row:nth-last-of-child {display: none;}
/*end*/
/*gallery starts*/
.page-header h2{
  margin: 0;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 500;
  line-height: 16px;
}
#phocagallery .pswp__caption__center{max-width: 100%;}
[class^=os-gallery-album-tabs-main], [class^=os-gallery-all-in-one-main], [class^=os-gallery-tabs-main] .os-cat-tab-images,[class^=os-gallery-tabs-main] .os-cat-tab-images .img-block{overflow:visible !important;}
[class^=os-gallery-tabs-main] .img-block.none-effect .os-gallery-caption p,[class^=os-gallery-tabs-main] .img-block.none-effect:hover .os-gallery-caption p{display: none;}
.body .os-cat-tab-images .os-gallery-img-title{
  position: absolute !important;
  bottom: 0;
  text-align: left !important;
  color: #fff !important;
  padding: 10px 20px !important;
  line-height: 20px !important;
  font-size: 14px !important;
  background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.1));
  font-weight: 400 !important;
  width: 100%;
}
.body .osgalery-cat-tabs{
  margin-bottom: 20px;
  padding: 0 !important;
  border-bottom: 1px solid #e2e2e2;
}
.body .osgalery-cat-tabs li a:after{bottom: 0;}
.body .osgalery-cat-tabs li a{
  padding: 0 20px;
  font-size: 15px;
  font-weight: 600;
  color: #313131;
}
.body .osgalery-cat-tabs li a.active,.body .osgalery-cat-tabs li a:hover{background: transparent;}
.body .main_wrapper .os-cat-tab-images .img-block,.body #pg-msnr-container .pg-cv-box{
  width: 31.95% !important;
  margin: 0 !important;
  margin-right: 20px !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  max-width: 31.95%;
  margin-bottom: 20px !important;
}
.body .main_wrapper .os-cat-tab-images .img-block:nth-child(3n){
  margin-right: 0 !important;
}
/*end*/

/*contact us starts*/
.body .visforms .visform label{
  width: 100%;
}
.body .visforms .visform .inputbox ,.body .visforms .visform textarea,#searchForm .btn-toolbar #search-searchword,.category_filter .select_filter{
  width: 100%;
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 14px;
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 10px;
  transition: 0.3s ease all;
}
.category_filter .select_filter{
  padding: 5px;
}
.category_filter .select_filter:focus{
  outline: none;
}
#searchForm .btn-toolbar #search-searchword{
  width: auto;
}
.body .visforms .visform input:focus, .body .visforms .visform textarea:focus {
  outline: none;
}
.body .visforms .visform .visBtnCon{text-align: left !important;}
.body .visforms .visform .btn,#searchForm .btn-toolbar .btn  {
  background: transparent;
  padding: 6px 25px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #999;
}
#searchForm .btn-toolbar .btn {
  margin-top: 7px;
}
#searchForm .btn-toolbar .btn:focus,#searchForm .btn-toolbar .btn:active,#searchForm .btn-toolbar #search-searchword:active,#searchForm .btn-toolbar #search-searchword:focus{
  outline: none;
}
.body .visform:not(.bt4mcindividual) p.errorcontainer{
  padding-top: 0;
  margin-top: 0;
  margin-bottom: -40px;
}
/*end*/
/*local portal page starts*/
@media (min-width: 992px){
  .span4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.blog .items-row .item .page-header, .blog .items-row .item p{
  border: none;
  margin: 0;
}
 .blog .items-row .item .page-header h2{
  font-size: 16px;
  font-family: inherit;
  margin-left: 0;
 }
.blog .items-row .item{
  padding: 15px 25px 15px 0;
  background: none;
}
.blog .items-row .item:hover{
  padding: 15px 25px 15px 25px;
  background: #fff;
}
.blog .items-row .item .item-image img{
  width: 15px;
  height: 15px;
  object-fit: contain;
  margin-right: 10px;
}
/*end*/
/*iframe css*/
#infographics, #inside_iframe_wrapper{
  overflow: hidden;
  /*height: 100vh;*/
}

#inside_iframe_wrapper iframe,#inside_iframe_wrapper.data_npc iframe,#inside_iframe_wrapper.resources_npc iframe,#infographics iframe,#inside_iframe_wrapper.data_others iframe, #inside_iframe_wrapper.resources_others iframe{
  width: 100%;
  height: 150vh;
  border: none;
}

#infographics iframe{
  margin-top: -230px;
}

#inside_iframe_wrapper.data_others iframe, #inside_iframe_wrapper.resources_others iframe{
  margin-top: -145px;
}

#inside_iframe_wrapper.resources_npc iframe{
  margin-top: -222px;
}

#inside_iframe_wrapper.data_npc iframe{
  margin-top: -290px;
}
#inside_iframe_wrapper.map iframe{
  height: 600px;
}
.hamburger_menu.visible-mobile,iframe footer {display: none;}
/*end*/

/*social media css*/
/*.social ul {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
.social ul li {
  list-style: none;
}

.social ul li a {
  width: 23px;
  height: 23px;
  background-color: #fff;
  text-align: center;
  line-height: 22px;
  font-size: 11px;
  margin: 0 10px;
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 12px;
}

.social ul li:last-child a{
  margin-bottom: 0;
}

.social ul li a .icon {
  position: relative;
  color: #fff;
  transition: .5s;
  z-index: 3;
}

.social ul li a:hover .icon {
  color: #fff;
  transform: rotateY(360deg);
}

.social ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: .5s;
  z-index: 2;
}

.social ul li a:hover i:before{
  color: #262626;
}

.social ul li a:hover:before {
  top: 0;
}

.social ul li:nth-child(1) a{
  background: #3b5999;
}

.social ul li:nth-child(2) a{
  background: #55acee;
}

.social ul li:nth-child(3) a {
  background: #0077b5;
}

.social ul li:nth-child(4) a {
  background: #dd4b39;
}
/*end*/
.home_language_bar{
  display: none;
}
.home .home_language_bar {
  display: block;
  position: absolute;
  top: 20px;
  right: 10%;
  z-index: 1; 
}
.home .home_language_bar a{
  color: #fff;
}
.visible-home{
  display: none;
}
/*responsive css*/
@media only screen and (min-width: 1440px){
  #infographics iframe{
    margin-top: -215px;
  }
  #inside_iframe_wrapper.resources_npc iframe {
    margin-top: -228px;
  }
  #inside_iframe_wrapper.data_others iframe, #inside_iframe_wrapper.resources_others iframe {
    margin-top: -154px;
  }
} 
@media only screen and (min-width: 992px) and (max-width: 1200px){
  .body .banner .djslider-default .slide-desc .slide-text div, .body .carousel-inner-wrapper .slick-slide .desc >div{
    padding-right: 15px;
    margin-right: 15px;
  }
  
  .body .banner .djslider-default .slide-desc .slide-text h3, .body .carousel-inner-wrapper .slick-slide .desc h3{font-size: 16px;}
  .body .banner .djslider-default .slide-desc .slide-text p, .body .carousel-inner-wrapper .slick-slide .desc p{font-size: 14px;}
  .body button.slick-arrow{top: 60%;}
  .banner .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers, .banner .carousel-inner-wrapper .slick-dots{top: 88%;}

  .category_wrapper{min-height: 165px;}
  .category_wrapper .cat a{font-size: 15px;}
  .moduletable_menu .nav >li> a{
    padding: 64px 0 21px;
    width: 93px;
    height: 83px;
  }
  .moduletable_menu >.nav> li a:before{
    top: 21px;
  }
  body .un_resources .section img{
    height: 110px;
  }
  #infographics iframe{
    margin-top: -235px;
  }
  #inside_iframe_wrapper.data_npc iframe {
    margin-top: -272px;
  }
} 
@media only screen and (max-width: 768px){
  .home .hamburger_menu{
    position: absolute;
    top: 4%;
    right: 13px;
    z-index: 100;
  }
  .side_nav .header{
    padding: 4px 0 0;
  }
 
  .home .aside.active{right: 0 !important;}
  .home .side_nav{
    position: absolute;
    width: auto;
    text-align: left;
    height: auto;
    padding: 0 10px;
    width: 100%;
    background: #fff;
  }
  .home .header{
    float: left;
    margin-right: 10px;
  }
  #aside{
    margin-top: 55px;
  }
  .home #aside{
    /*margin-top: 63px;*/
    /*top: 290px;*/
    right: -108px;
    padding-top: 100px;
  }
  .body .header img{
    width: 90%;
  }
  .body .main_wrapper .os-cat-tab-images .img-block, .body #pg-msnr-container .pg-cv-box{width: 100% !important;max-width: 100%;}
  .hamburger_menu p{text-indent: -9999em;}
  .home .navigation{width: auto;display: block;}
  .home .side_nav .navigation .menu> li{display: inline-block;min-height: auto;}
  .home .navigation .menu> li> a{transform: none;}
  .home .navigation .menu li.parent.show_menu >.nav-child:after,.side_nav .navigation .menu >li a:after{content: none;}
  .home .hamburger_menu.visible-mobile{display: block;}
  .body .carousel-inner-wrapper .slick-slide .desc{width: 100% !important;top: 60%;transform: translateY(-60%);}
  .body button.slick-arrow{transform: translate(-25%,-80%);}
  .banner .djslider-default .navigation-container-custom, .djslider-default .navigation-numbers, .banner .carousel-inner-wrapper .slick-dots,body.home button.slick-arrow{top: 80%;}
  .side_nav .navigation .navbar{display: none !important;}
  .side_nav .header{border-bottom: none;}
  .navigation .nav > li > a{min-width: auto;}
  .side_nav .navigation .menu >li a, .body .osgalery-cat-tabs li a{padding: 10px 5px 0;font-size: 13px;}
  .body .banner .djslider-default .slide-desc .slide-text div.image, .body .carousel-inner-wrapper .slick-slide .desc >div.image{
    display: none;
  }
  body.home .slick-slide img{
    /*width: 60px;*/
    /*overflow: hidden;*/
    /*height: 70px;*/
  }
  .desc.banner_active{width:95%;}
  #content{padding-left:30px;}
  body.home button.slick-arrow{display:none;}
  .body .banner .djslider-default .slide-desc .slide-text h3, .body .carousel-inner-wrapper .slick-slide .desc h3{font-size: 16px;}
  .body .banner .djslider-default .slide-desc .slide-text p, .body .carousel-inner-wrapper .slick-slide .desc p{
    font-size: 13px;
    width: 100%;
    line-height: 17px
  }
  .footer{
    padding: 10px;
    text-align: center;
  }
  .footer .menu >li{
    display: inline-block;
    float: none;
  }
  .footer_menu .menu li a{
    font-size: 13px;
    margin-right: 0;
    padding-right: 40px;
  }
  .body .main_wrapper{padding: 15px;}
  .body #content .inside_header{
    padding: 10px 0 10px 56px;
    display: block;
  }
  .body #content .inside_header .links{
    width: 60%;
  }
  .body #content .inside_header .text-right{
    width: 40%;
  }
  .body #content .inside_header .text-right,body #content .inside_header .links{
    float: left;
  }
  .category_filter legend,.page-header h2{font-size: 16px;}
  .page-header h2{margin-bottom: 15px;}
  .category_filter [type="radio"]:checked + label, .category_filter [type="radio"]:not(:checked) + label{font-size: 14px;}
  .category_wrapper{min-height: 150px;}
  .side_nav .navigation, .social_share {
    text-align: center;
    display: none;
  }
  .social ul li a{margin-bottom: 0;}
  .side_nav{
    width: 60px;
    height: 100%;
  }
  .body #content{
    padding: 0;
  }
  .side_nav .navigation .menu> li{
    min-height: 85px;
  }
  .body #content .inside_header .links a, #myCarousel .carousel-control, .body #content .inside_header .links button{
    padding: 5px;
  }
  .body #content .inside_header .links h4,.inside_header .language_bar a,.home .home_language_bar a{
    font-size: 14px;
  }
  .inside_header .language_bar a{
    margin-right: 0;
  }
  .body #content .inside_header .links button:last-of-type{margin-right: 10px;}
  #content .container-fluid{
    padding-right: 10px;
    padding-left: 10px;
  }
  .body .main_wrapper{
    margin: 10px 0;
  }
  .home .home_language_bar{
    right: 16%;
  }
  .home .home_language_bar a{
    color: #262626;
  }
  .navigation .menu li.parent.show_menu > .nav-child{
    left: 74px;
    top: -19px !important;
  }
  .footer_menu .menu >li:nth-child(2) >a,.footer_menu .menu> li:first-child >a,.footer_menu .menu >li:nth-child(3)> a,.footer_menu .menu >li:nth-child(4) >a,.footer_menu .menu >li:nth-child(5) >a{
    background-position: top 12px right 10px;
    background-size: 15%;
  }
  .footer_menu .menu> li:first-child >a{
    background-size: 10%;
  }
  .footer_menu .menu >li:nth-child(3)> a{
    background-position: top 3px right 10px;
  }
  .footer_menu .menu >li:nth-child(5)> a{
    background-size: 23%;
  }
  .filter_section{
    text-align: left;
  }
  .filter_section p{
    display: block;
  }
  .visible-home,.visible-home .social_share{
    display: block;
  }
  .visible-home .social ul li{
    float: left;
  }
  .side_nav{
    height: auto;
    position: absolute;
  }
  .visible-home .navigation .menu a{
    transform: none;
    background: none;
  }
  .home .language_menu,.language_menu {
    top: 20px;
    right: 53px;
  }
  .language_menu{
    top: 8px;
  }
  .animated-icon1, .animated-icon2, .animated-icon3{
    top: 6px;
  }
  .language_menu div.mod-languages li{
    margin-right: 0;
  }
  .moduletable_menu .nav >li> a{
    /*padding: 48px 0 25px;*/
    padding: 55px 0 25px;
  }
  .moduletable_menu >.nav> li a:before{
    top: 21px;
  }
  body .un_resources {
    text-align: center;
  }
  body .un_resources .section img{
    width: 50%;
    height: auto;
  }
  .banner .carousel-inner-wrapper .slick-dots{
    top: 85%;
  }
  #infographics iframe{
    margin-top: -254px;
  }
  #inside_iframe_wrapper.data_npc iframe {
    margin-top: -255px;
  }
  .visible-home .menu li.parent >a{pointer-events: none;}
  .visible-home .menu li.parent.show_menu .nav-child,.visible-home .menu li.parent .nav-child{
    top: unset !important;
    left: 0 !important;
    bottom: 35px !important;
  }
  .footer_menu .menu li.parent.show_menu> .nav-child:after,.visible-home .menu li.parent.show_menu> .nav-child:after{
    content: none;
  }
  .body button.slick-arrow{
    left: 10%;
  }
  .body button.slick-next.slick-arrow{
    right: 10%;
  }
  .body .banner .djslider-default .slide-desc .slide-text, .body .carousel-inner-wrapper .slick-slide .desc{
    display: block;
  }
  .body #myCarousel .carousel-inner .slick-arrow{
    display: none !important;
  }
  .footer_menu .menu li.parent .nav-child,.footer_menu .menu li.parent.show_menu .nav-child{
    top: -99px !important;
    left: -79px;
  }
  body.home div.mod-languages a{
    color: #333;
  }
  .footer .language_menu{
    display: block;
    position: static;
  }
  .footer .language_menu .sustainable_link{
    font-size: 14px;
    padding: 10px;
    margin: 0;
    display: block;
  }
  .home .language_menu{
    top: 17px;
  }
  .body .carousel-inner-wrapper .slick-slide .desc >div.caption {
    width: 100%;
  }
  .body .language_menu .search input.active{
    width: 200px;
  }
  .home .footer{
    bottom: unset;
  }
  .aside.active{
    z-index: 100 !important;
  }
  .home .aside.active{
    z-index: 3 !important;
  }
}
@media only screen and (max-width: 425px){
  #infographics iframe {
    margin-top: -340px;
  }
  .language_menu{
    top: 10px;
  }
  .home .language_menu {
    top: 19px;
  }
}
@media only screen and (max-width: 375px){
  #infographics iframe {
    margin-top: -380px;
  }
}
@media only screen and (max-width: 320px){
  #infographics iframe {
    margin-top: -420px;
  }
  .body button.slick-next.slick-arrow{
    right: 5%;
  }
}
/*end*/

/*loader starts*/
.loader {
   position: fixed;
   z-index: 99999;
   height: 100%;
   width: 100%;
   background: #fff;
}
 .loader .auto-center {
   height: 100%;
   display: inline-block;
   vertical-align: middle;
}
 .loader .loader_wrapper {
   display: inline-block;
   width: 100%;
   vertical-align: middle;
   text-align: center;
}
.loader .loader_wrapper .loader_image{
  animation: rotate 9s ease-in-out infinite;
  margin-bottom: 5px;
}
@keyframes rotate{
  0%{
    transform: rotate(0deg);
  }
  50%{
    transform: rotate(180deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate{
  0%{
    transform: rotate(0deg);
  }
  50%{
    transform: rotate(180deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

/*end*/

/* my css -shreetu */
li.hidden-phone {
    display: inline-block;
    padding: 10px;
    }
li.active.hidden-phone {
    border: 1px solid #d1d1d1 !important;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}

li.hidden-phone a {
    color: #333;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
}
p.counter.pull-right {
    display: none;
}
ol.nav.nav-tabs.nav-stacked {
    display: none;
}
/*scroll bars*/
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,104,157,0.4);
  background-color: #f5f5f5;
  border-radius: 10px;
}

body::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,104,157,0.4);
  background-color: rgba(0,104,157,0.9);
}
/*end*/

.un_resources{
  background: #fff;
  padding: 10px 15px;
}
.un_resources .section img{
  width: 100%;
  object-fit: contain;
  margin: 5px 0;
}
h5.visible-xs{
  font-weight: 600;
  margin-bottom: 15px;
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 5px;
}
.language_menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.language_menu .sustainable_link{
  color: #fff;
  padding: 10px 15px;
  background: #00689d;
  margin-right: 10px;
}
.language_menu .search label{
  display: none;
}
.language_menu .search input{
  position: absolute;
  top: 0;
  right: 0 !important;
  box-sizing: border-box;
  width: 0px;
  height: 34px;
  padding: 0px 10px;
  outline: none;
  font-size: 14px;
  border-radius: 50px;
  color: #29313a;
  border: 1px solid rgba(51, 51, 51, 0.2);
  transition: all 0.8s ease;
}
.language_menu .search img{
  padding: 10px;
  background: #00689d;
  cursor: pointer;
  text-align: center;
  line-height: 80px;
  transition: all 0.8s ease;
  z-index: 1;
  position: relative;
}
.language_menu .search input.active{
  width: 350px;
  right: 100px;
}
body div.mod-languages ul{
  margin-right: 10px;
}
@media (min-height: 1024px), (min-width: 1280px) {
iframe#data {
    height: 826px;
    width: 100%;
}
}
@media (min-height: 1080px), (min-width: 1920px) {
iframe#data {
    height: 882px;
    width: 100%;
}
}


.rnOuter {
    background: #ae1313;
    overflow: hidden;
    position:relative; 
    height:100vh;  
    
}

.rnInner {
    width: 50%;
    position: absolute;
    top:-10%;   bottom: 0; left: 0;
    margin: auto;
    transform-style: preserve-3d;
    transition: transform 12s ease;
    transform-origin: -120% top;
    
}

.rnInner1 {
    width: 50%;
    position: absolute;
    top:-10%; right: 0;  bottom: 0; 
    margin: auto;
    transform-style: preserve-3d;
    transition: transform 10s ease;
    transform-origin: 120% top;
    
}

.rnUnit {
    width: 12vw;
    height: 120vh;
    background: 
        repeating-linear-gradient(to left, #e61919 4vw, #8a0f0f 8vw, #f07575 10vw);
    
    background-size:  100% 100%; 
    display:inline-block;   
    transform-origin: 0 0%;
    transform: rotate(3deg);
    animation: rnUnit 2s ease infinite;
}

@keyframes rnUnit {
    50% {
        transform: rotate(-3deg) ;
    }
}

.rnInner .rnUnit:nth-child(1) {
    animation-delay: -0.1s;
}
.rnInner .rnUnit:nth-child(2) {
    animation-delay: -0.2s;
}
.rnInner .rnUnit:nth-child(3) {
    animation-delay: -0.3s;
}
.rnInner .rnUnit:nth-child(4) {
    animation-delay: -0.4s;
}
.rnInner .rnUnit:nth-child(5) {
    animation-delay: -0.5s;
}
.rnInner .rnUnit:nth-child(6) {
    animation-delay: -0.6s;
}
.rnInner .rnUnit:nth-child(7) {
    animation-delay: -.7s;
}
.rnInner .rnUnit:nth-child(8) {
    animation-delay: -.8s;
}

.rnInner1 .rnUnit:nth-child(1) {
    animation-delay: -0.1s;
}
.rnInner1 .rnUnit:nth-child(2) {
    animation-delay: -0.2s;
}
.rnInner1 .rnUnit:nth-child(3) {
    animation-delay: -0.3s;
}
.rnInner1 .rnUnit:nth-child(4) {
    animation-delay: -0.4s;
}
.rnInner1 .rnUnit:nth-child(5) {
    animation-delay: -0.5s;
}
.rnInner1 .rnUnit:nth-child(6) {
    animation-delay: -0.6s;
}
.rnInner1 .rnUnit:nth-child(7) {
    animation-delay: -.7s;
}
.rnInner1 .rnUnit:nth-child(8) {
    animation-delay: -.8s;
}



.aoTable {
    display: table;
    width: 100%;
    height: 100vh;  
    text-align: center;
}
.aoTableCell {
    color:#fff;
    display: table-cell;
    vertical-align: middle;
    transition:color 3s ease;
}



 .rnInner.rnInneradd {
    transform-origin: -120% top;
    
    transform: scaleX(0);
    
    
}


 .rnInner1.rnInneradd {
    transform-origin: 120% top;
    
    transform: scaleX(0);
    
    
}

.rnOuter.rnOuteradd{
  background: #fff;
  transition: 5s all;
}

.rnOuter.rnOuteradd.fadeoutloader{
  opacity: 0;
  transition:7s ease-out;
}

.digo-logo{
  position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 105px;
    padding: 10px;
    height: 90px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 999;
    transform: translateY(-50%);
}

.com_content .osgalery-cat-tabs li{
     display: inline-block;
   height: 95px;
   margin: 0;
   overflow: hidden;
   /* background: #efefef; */
   padding: 0;
}
.com_content .osgalery-cat-tabs li a{
   margin: 10px 5px;
   height: 100%;
   align-items: center;
   line-height: 24px;
   background: #efefef;
   display: flex;
   justify-content: center;
}
.com_content .osgalery-cat-tabs li a.active:after{
 bottom: 10px;
}
.com_content .osgalery-cat-tabs li:hover a:after{
 bottom: 10px;
}
.body .osgalery-cat-tabs{
 overflow:hidden;
}

.body .osgalery-cat-tabs li a.active, .body .osgalery-cat-tabs li a:hover{
  background: #e0e0e0;
}
 /*.loader{display: none ;}*/
 /*.view-featured .loader{display: block;}*/