/*---- Style 2 ----*/
#lightgallery li{
	margin-bottom:1.5rem!important;
	display:inline-block;
}
/* tp swiper slider dot */
.tp-swiper-dot {
	line-height: 1;
  }
  .tp-swiper-dot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: var(--tp-grey-3);
	opacity: 1;
	margin: 0 3px;
	position: relative;
  }
  .tp-swiper-dot .swiper-pagination-bullet button {
	font-size: 0;
  }
  .tp-swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-primary);
  }
  .tp-swiper-dot.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-secondary);
  }
  
  .tp-swiper-dot-border {
	line-height: 1;
  }
  .tp-swiper-dot-border .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: transparent;
	opacity: 1;
	margin: 0 3px;
	position: relative;
	border: 1px solid rgba(1, 15, 28, 0.4);
  }
  .tp-swiper-dot-border .swiper-pagination-bullet button {
	font-size: 0;
  }
  .tp-swiper-dot-border .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: linear-gradient(180deg, #E6C244 0%, #B18823 100%);
	  border:0px;
	  width: 30px;
	  border-radius: 10px;
  }
  .tp-swiper-dot-border .swiper-pagination-bullet:hover {
	border-color: var(--tp-common-black);
  }
  .tp-swiper-dot-border.tp-swiper-dot-style-darkRed .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tp-theme-secondary);
  }
  
  .tp-swiper-arrow button {
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 20px;
	text-align: center;
	background-color: transparent;
	color: var(--tp-text-2);
	border: 1px solid rgba(1, 15, 28, 0.1);
	border-radius: 50%;
  }
  .tp-swiper-arrow button:hover {
	background: linear-gradient(180deg, #E6C244 0%, #B18823 100%);
	color: var(--tp-common-white);
  }
  /* tp swiper scrollbar */
  .tp-swiper-scrollbar {
	background-color: #EDEFF2;
	height: 2px;
  }
  .tp-swiper-scrollbar .tp-swiper-scrollbar-drag {
	background: linear-gradient(90deg, #E5C244 0%, #B18823 99.99%, #E3B40F 100%);
	height: 100%;
  }
  .tp-swiper-scrollbar .tp-swiper-scrollbar-drag:hover {
	cursor: pointer;
  }
  .tp-swiper-scrollbar:hover, .tp-swiper-scrollbar:focus {
	-webkit-transform: scaleY(3);
	-moz-transform: scaleY(3);
	-ms-transform: scaleY(3);
	-o-transform: scaleY(3);
	transform: scaleY(3);
  }
  
  /* tp slick arrow */
  .tp-slick-dot .slick-dots li {
	display: inline-block;
	margin: 0 4px;
  }
  .tp-slick-dot .slick-dots li.slick-active button {
	background-color: var(--tp-common-white);
  }
  .tp-slick-dot .slick-dots li button {
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
  }
  .tp-slick-dot-blue .slick-dots li.slick-active button {
	background-color: var(--tp-theme-primary);
  }
  .tp-slick-dot-blue .slick-dots li button {
	background-color: var(--tp-grey-3);
  }
  .swiper-pagination-bullet button{
	display: none;
  }

  .video-container {
    margin: 0 auto;
    width: 100%;
}

.js-video {
    height: auto;
    min-height: 300px;
    width: 100%;
    background: #dedede;
    position: relative;
    margin: 0% auto 5% auto;
    border-radius: 10px;
}

.video-container .video-loader {
    min-height: 300px;
    background: #fff;
    padding-top: 24%;
    text-align: center;
}

.play i {
	position: absolute;
    left: 42%;
    top: 37%;
    color: #f48f36;
    font-size: 56px;
    background: #fff;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    line-height: 66px;
    z-index: 2;
}

.play .fa-play-circle:before {
    content: "\f144";
    margin-left: 5px;
}

.play i:hover {
    color: #000084;
    background: #fff;
}

.video-poster {
    background-repeat: no-repeat !important;
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 300px;
    border-radius: 10px;
    background-size: cover !important;
}

.video-poster:hover {
    box-shadow: 4px 5px 5px #b9b9b9;
}

.play i:hover {
    cursor: pointer;
}

.js-video iframe {
    z-index: 5;
    position: relative;
    border-radius: 10px;
}

#video_container {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: #fff !important;
    min-height: 420px;
}

.video-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #000071;
    font-size: 69px;
    background: #f37d3585;
    height: 65px;
    width: 100%;
    line-height: 10px;
    z-index: 2;
    padding: 20px 0px;
    border-radius: 0px 0px 10px 10px;
}

.video-title h4 {
    -webkit-line-clamp: 1;
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0 0;
    height: 32px;
    line-height: 20px;
    white-space: normal;
    overflow: hidden;
    line: 1;
    text-overflow: ellipsis;
}

.video-title a {
    color: #000000;
}
/* ===================================
    Single Items
====================================== */


.single-items {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.single-items h3 {
    font-size: 3rem;
    margin-bottom: 1.3rem;
}

.single-items h3 a:hover,.single-items h3 a:focus{
    color: inherit;
}

.single-items p{
    margin-bottom: 10px;
}
.parallax{
	height:100vh;
}
.center-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.parallax .parallax-heading{
    font-weight: 800;
    line-height: 80px;
	font-size: 55px;
    font-family: verdana;
    color: #ffffff;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #ff5900,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
		1px 18px 6px rgba(16,16,16,0.4), 
		1px 22px 10px rgb(255 203 3 / 20%), 
		1px 25px 35px rgb(255 82 2 / 20%), 
		1px 30px 60px rgb(255 138 51 / 40%)
}
.parallax-heading-2{
	color: #ffffff;
	font-weight: 700;
    text-shadow: 2px 4px 1px #1028ab;
    line-height: 59px;
    font-size: 34px;
    bottom: 31px;
    position: absolute;
    left: 0;
    right: 0;
}
.parallax-heading-3 {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 2px 4px 1px #1028ab;
    line-height: 59px;
    font-size: 34px;
    position: absolute;
    left: 0;
    right: 0;
}
.btn.btn-transparent-white {
    background: #ffffff;
    border-color: #fe9700;
    color: #f39100 !important;
    border: 3px solid #fe9700;
    font-size: 23px;
    padding: 10px 20px;
    font-weight: 600;
}
.btn.btn-rounded {
    border-radius: 50px;
}
.btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {
    background: #ffffff !important;
    color: #f39100 !important;
    box-shadow: 0px 0px 12px #fe9700;
}
.registration-section::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #16163f;
	opacity: 0.2;
	overflow: hidden;
}
.register-btn-div{
	margin-top: 66px;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
}

@media (max-width:600px){
    .parallax .parallax-heading {
        font-weight: 800;
        line-height: 65px;
        font-size: 38px;
    }
    .parallax-heading-2 {
        line-height: 40px;
        font-size: 20px;
        padding: 0px 10px; 
    }
    .parallax-heading-3 {
        top: 18%;
        line-height: 66px;
        font-size: 34px;
    }
    .register-btn-div {
        margin-top: 0px;
    }
}

@media (max-width:450px){
    
}
@media (max-width:355px){
    
}
