#content-wrapper
{
	margin-top: 56px;
	word-wrap: break-word
}

#footer-wrapper
{
	box-shadow: 1px 15px 15px -15px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 1px 15px 15px -15px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 1px 15px 15px -15px rgba(0,0,0,.2) inset
}

.navbar-brand .img-logo,
.navbar-brand .img-icon
{
	height: 40px
}

/*============================
// topbar
============================*/
.topbar {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #292929;
}
[data-theme=dark] .topbar {
  background-color: #171818;
}

.rt-trending-style-1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rt-treding-slider1 {
  height: 40px;
  text-align: left;
  margin: 0;
}
.rt-treding-slider1 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.rt-trending .trending-title {
  font-size: 0.8125rem;
  color: var(--color-white);
  font-weight: 300;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  position: relative;
  padding-right: 12px;
  margin-right: 10px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-theme=dark] .rt-trending .trending-title {
  color: var(--color-black);
}
[data-theme=dark] .rt-trending .trending-title::after {
  background-color: var(--color-black);
}
.rt-trending .trending-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 17px;
  background-color: var(--color-white);
}
.rt-trending .trending-title .icon {
  font-size: 0.75rem;
  background-image: linear-gradient(45deg, #0034c2, #2962ff);
  color: var(--color-white);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 6px;
}
[data-theme=dark] .rt-trending .trending-title .icon {
  color: var(--color-black);
  background-color: var(--color-primary);
}
.rt-trending .trending-slide-title {
  font-size: 13px;
  color: #e0e0e0;
  position: relative;
  padding-left: 12px;
  margin-bottom: 0;
}
.rt-trending .trending-slide-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #656565;
}
[data-theme=dark] .rt-trending .trending-slide-title {
  color: var(--color-black);
}
[data-theme=dark] .rt-trending .trending-slide-title::after {
  background-color: var(--color-black);
}

.rt-topbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rt-topbar-right .rt-date-style-1 {
  font-size: 0.8125rem;
  color: #bebdbd;
  font-weight: 300;
  line-height: 2.1;
}
.rt-topbar-right .rt-date-style-1 .icon {
  color: var(--color-white);
  margin-right: 5px;
}

.rt-top-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 17px;
  margin-left: 15px;
}
.rt-top-social::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 17px;
  background-color: #474747;
}
.rt-top-social .follow {
  font-size: 0.8125rem;
  text-transform: uppercase;
  margin-right: 12px;
  color: #fff;
}
.rt-top-social a {
  font-size: 0.9rem;
  font-weight: 500;
  color: #bebdbd;
}
.rt-top-social a:hover,
.rt-top-social a:focus {
  color: #fff;
}
.rt-top-social ul.dropdown-menu {
  min-width: 200px;
  top: 4px!important
}
.rt-top-social ul.dropdown-menu a {
  color: #333
}
@media (max-width: 1199px) {
  .rt-top-social {
    padding-left: 0;
    margin-left: 0;
  }
  .rt-top-social::after {
    display: none;
  }
}

.navbar-brand .img-icon,
body.sidebar-expanded .navbar-brand img.img-icon,
body.sidebar-collapsed .navbar-brand img.img-logo,
body.sidebar-collapsed .navbar-brand span.badge
{
	display: none
}

body.sidebar-collapsed .navbar-brand img.img-icon
{
	display: inline-block
}

.modal-header
{
	padding: .25rem 1rem
}

.navbar-collapse .dropdown-menu .nav-link .mdi
{
	float: left;
	margin-top: 3px
}

.navbar-collapse .dropdown-menu .nav-link span
{
	display: block;
	padding-left: 36px
}

.navbar-collapse .dropdown-menu .nav-link.dropdown-toggle
{
	padding-right: 2rem
}

.navbar-collapse .dropdown-menu
{
	top: 56px
}

.navbar-collapse .dropdown-menu .dropdown-menu
{
	top: 0;
	position: relative;
	border-right: 0;
	border-left: 0;
	border-radius: 0
}

.navbar-collapse .dropdown .dropdown .dropdown-toggle::after
{
	position: absolute;
	top: 1rem;
	right: 1rem
}

.navbar-collapse .dropdown-menu::before,
.navbar-collapse .dropdown-menu::after
{
	position: absolute;
	display: inline-block;
	content: ''
}

.navbar-collapse .dropdown-menu::before
{
	top: -9px;
	left: 19px;
	border-right: 9px solid transparent;
	border-bottom: 9px solid var(--bs-border-color-translucent);
	border-left: 9px solid transparent
}

.navbar-collapse .dropdown-menu::after
{
	top: -8px;
	left: 20px;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent
}

.navbar-collapse .dropdown-menu.dropdown-menu-end:before
{
	left: auto;
	right: 19px
}

.navbar-collapse .dropdown-menu.dropdown-menu-end:after
{
	left: auto;
	right: 20px
}

.dropdown-menu .dropdown-header
{
	color: val(--bs-text-muted)!important
}

.dropdown-menu .nav-item
{
	position: relative
}

.dropdown-menu .nav-link
{
	color: var(--bs-dark);
	padding: .25rem 1rem
}

.text-muted
{
	color: #aaa!important
}

a
{
	text-decoration: none
}

.MsoTableGrid
{
	width: 100%
}

.MsoTableGrid tr:first-child td
{
	font-weight: bold
}

.MsoTableGrid td
{
	border: 1px solid #333;
	padding: 5px
}

.article iframe
{
	width: 100%;
	min-height: 360px;
	border-radius: 0.375rem
}

.modal-body > .alert
{
	margin-left: -1rem;
	margin-right: -1rem;
	border-radius: 0;
	border: 0
}

@media (min-width: 992px) and (min-height: 360px)
{
	.navbar-expand-lg .navbar-nav .dropdown-menu
	{
		min-width: 240px
	}
	
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu
	{
		min-width: 238px
	}
	
	.sticky-top
	{
		top: 88px
	}
}

@media (max-width: 991px)
{
	.navbar .navbar-collapse
	{
		overflow-x: hidden;
	}
	
	.navbar .navbar-collapse,
	.navbar .navbar-nav,
	.navbar .nav-item.dropdown,
	.navbar .dropdown-menu.show
	{
		margin-left: -1rem!important;
		margin-right: -1rem!important;
		padding-left: 1rem!important;
		padding-right: 1rem!important
	}

	.navbar-nav .dropdown .dropdown-toggle::after
	{
		position: absolute;
		top: 1rem;
		right: 1rem
	}
	
	.navbar-nav .dropdown-menu
	{
		position: relative;
		top: 0;
		background-color: transparent;
		border: none
	}
	
	.navbar .navbar-nav .dropdown-menu.show
	{
		background: rgba(0, 0, 0, .2)
	}
	
	.navbar .navbar-nav .dropdown-menu .dropdown-menu
	{
		margin-left: 0;
		margin-right: 0
	}

	.navbar .navbar-nav .dropdown-menu::before,
	.navbar .navbar-nav .dropdown-menu::after
	{
		display: none
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-link
	{
		color: var(--bs-nav-link-color)
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-item:hover
	{
		background: transparent
	}
	
	.navbar .navbar-nav .dropdown-menu .nav-link
	{
		padding: .25rem 0!important
	}
	
	.navbar .navbar-nav .nav-link i
	{
		width: 2rem;
		display: inline-block
	}
	
	.sticky-top
	{
		top: 79px
	}
}


/*======================================
// video-section-style-1
======================================*/
.video-section-style-1 {
  position: relative;
}
.video-section-style-1 .video-thumnail-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .video-section-style-1 .video-thumnail-area {
    bottom: 30px;
  }
}
.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 {
  bottom: 0;
}
.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 12px 14px 0px 0px;
  padding: 0;
}
.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {
  border-right: 0;
}
.video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .item.video-slide-thumb {
  padding: 40px;
  border-right: 1px solid #fff;
}
[data-theme=dark] .video-section-style-1 {
  --color-white: #fff;
  --color-black: #000;
}

.video-slider-thumbnail-style-1 {
  position: relative;
  padding-top: 40px;
}
.video-slider-thumbnail-style-1 .swiper-pagination {
  background: rgba(255, 255, 255, 0.25);
  height: 3px;
}

.video-slide {
  min-height: 720px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  padding-top: 165px;
}
.video-slide::after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(59%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.8) 100%);
  z-index: -1;
}
.video-slide .post-title {
  font-size: 2.125rem;
  overflow: hidden;
}
.video-slide .post-title a {
  color: var(--color-white);
}
@media (max-width: 991px) {
  .video-slide .post-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .video-slide {
    min-height: 550px;
    padding-top: 100px;
  }
}
[data-theme=dark] .video-slide {
  --color-white: #fff;
  --color-black: #000;
}

/*=======================================
// video-gallery-style-2
========================================*/
.video-gallery-style-2 {
  background-color: #282828;
}

/*=======================================
// video-gallery-style-2
========================================*/
.top-video-section-style-2 {
  position: relative;
  background-color: #282828;
  overflow: hidden;
  z-index: 2;
}
.top-video-section-style-2 .video-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto 0;
  z-index: -1;
}
.top-video-section-style-2 .circle-shape {
  position: absolute;
  top: -150px;
  right: 60px;
  z-index: -1;
}

/*========================================
// ft-video-section-style-1
======================================*/
.ft-video-section-style-1 {
  position: relative;
  z-index: 1;
  min-height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 100px 0;
}
.ft-video-section-style-1 .ft-video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.ft-video-section-style-1 .ft-video-bg::after {
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-26.05%, rgba(0, 0, 0, 0)), color-stop(73.83%, rgba(0, 0, 0, 0.65)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -26.05%, rgba(0, 0, 0, 0.65) 73.83%);
}
.ft-video-section-style-1 .post-content .post-title {
  color: #fff;
}
.ft-video-section-style-1 .post-content.post-content-lg .post-title {
  font-size: 1.875rem;
}
.ft-video-section-style-1 .post-meta .rt-meta .name {
  color: #d0d0d0;
}

.video-section-style-8 {
  position: relative;
}
.video-section-style-8 .video-thumnail-area {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.video-section-style-8 .video-thumnail-area .swiper-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 0 0;
}
.video-section-style-8 .video-thumnail-area .video-slide-thumb {
  padding: 40px;
}
.video-section-style-8 .video-thumnail-area .rt-post {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-section-style-8 .video-thumnail-area .rt-post .post-img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.video-section-style-8 .video-thumnail-area .swiper-slide-thumb-active .rt-post .post-img img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}


/**
 * Coloring
 */
.bg-salmon
{
	background-color: salmon!important
}

.bg-lightcoral
{
	background-color: lightcoral!important
}

.bg-crimson
{
	background-color: crimson!important
}

.bg-darkred
{
	background-color: darkred!important
}

.bg-coral
{
	background-color: coral!important
}

.bg-tomato
{
	background-color: tomato!important
}

.bg-red
{
	background-color: red!important
}

.bg-orangered
{
	background-color: orangered!important
}

.bg-gold
{
	background-color: gold!important
}

.bg-orange
{
	background-color: orange!important
}

.bg-khaki
{
	background-color: khaki!important
}

.bg-yellow
{
	background-color: #ffd700!important
}

.bg-green
{
	background-color: green!important
}

.bg-springgreen
{
	background-color: springgreen!important
}

.bg-mediumseagreen
{
	background-color: mediumseagreen!important
}

.bg-seagreen
{
	background-color: seagreen!important
}

.bg-olive
{
	background-color: olive!important
}

.bg-cyan,
.bg-aqua
{
	background-color: aqua!important
}

.bg-aquamarine
{
	background-color: aquamarine!important
}

.bg-turquoise
{
	background-color: turquoise!important
}

.bg-cadetblue
{
	background-color: cadetblue!important
}

.bg-darkcyan
{
	background-color: darkcyan!important
}

.bg-teal
{
	background-color: teal!important
}

.bg-lightskyblue
{
	background-color: lightskyblue!important
}

.bg-deepskyblue
{
	background-color: deepskyblue!important
}

.bg-dodgerblue
{
	background-color: dodgerblue!important
}

.bg-cornflowerblue
{
	background-color: cornflowerblue!important
}

.bg-royalblue
{
	background-color: royalblue!important
}

.bg-navy
{
	background-color: navy!important
}

.bg-mediumslateblue
{
	background-color: mediumslateblue!important
}

.bg-slateblue
{
	background-color: slateblue!important
}

.bg-darkslateblue
{
	background-color: darkslateblue!important
}
.bg-pkk-tosca
{
	background-color:#8ec3b3!important
}
.bg-pkk-tosca2
{
	background-color:#4d918f!important
}

.bg-plum
{
	background-color: plum!important
}

.bg-violet
{
	background-color: violet!important
}

.bg-orchid
{
	background-color: orchid!important
}

.bg-fuchsia,
.bg-magenta
{
	background-color: fuchsia!important
}

.bg-purple
{
	background-color: purple!important
}

.bg-indigo
{
	background-color: indigo!important
}

.bg-pink
{
	background-color: pink!important
}

.bg-hotpink
{
	background-color: hotpink!important
}

.bg-mediumvioletred
{
	background-color: mediumvioletred!important
}

.bg-wheat
{
	background-color: wheat!important
}

.bg-tan
{
	background-color: tan!important
}

.bg-peru
{
	background-color: peru!important
}

.bg-chocolate
{
	background-color: chocolate!important
}

.bg-sienna
{
	background-color: sienna!important
}

.bg-brown
{
	background-color: #43291a!important
}

.bg-maroon
{
	background-color: maroon!important
}

.bg-transparent
{
	background-color: transparent!important
}

