@font-face {
    font-family: 'Montserrat-Black';
	src: url('/../../fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-BlackItalic';
	src: url('../../fonts/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
	src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-BoldItalic';
	src: url('../../fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
	src: url('../../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
	src: url('../../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
	src: url('../../fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ExtraLightItalic';
	src: url('../../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Italic';
	src: url('../../fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
	src: url('../../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-LightItalic';
	src: url('../../fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
	src: url('../../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-MediumItalic';
	src: url('../../fonts/Montserrat-MediumItalic.ttf')  format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
	src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
	src: url('../../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
	src: url('../../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Thin';
	src: url('../../fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat-ThinItalic';
	src: url('../../fonts/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

.navbar-container {
    max-width:100% !important;
    padding:2.5% 0 0 0 !important;
    position:absolute;
    z-index: 1;
}

.fixed-container {
    position:fixed !important;
}

.navbar-container a {
    color:grey !important;
    text-decoration: none !important;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: calc(0.5vw + 0.5vh + .5vmin) !important;;
}

.nav-title {
    padding-left:3%;
    display:inline-block;
    vertical-align: middle;
}

.qr-code-section {
    position:fixed;
    z-index: 1;
    right:3%;
    top: 19%;
}

.qr-code-section img{
    width:8.1vw;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.homepage-section {
    color:white;
    position: absolute;
    top: 80%;
    left: 50%;
    overflow-y:hidden;
    transform: translate(-50%, -50%);
}

.homepage-section .main-title {
    padding-bottom: 2%;
}

.homepage-section h1{
    font-size: calc(2.1vw + 2.1vh + .5vmin) !important;
}

.homepage-section p{
        font-size: calc(0.5vw + 0.5vh + .5vmin) !important;
        line-height: 180%;
}

.homepage-section img {
    height:8vh
}

.central {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.about-section {
    color:white;
}

.about-section {
    padding:10% 12% 0 15%;
}

.about-section .first-section {
    padding-bottom:1.5%;
}

.about-section .second-section {
    padding-top:1%;
    padding-right:2%;
}

.about-section .second-section p {
    font-size: calc(0.4vw + 0.4vh + .5vmin) !important;
    font-weight: bold;
}

.about-section h1{
    font-size: calc(1.4vw + 1.4vh + .5vmin) !important;
}

.about-section .third-section {
    padding-top:3%;
}

.about-section .third-section .third-section-column {
    padding:0 7% 0 0;
}

.about-section .third-section h2{
    min-height:calc(3vw + 3vh + .5vmin) !important;
    font-size: calc(0.8vw + 0.8vh + .5vmin) !important;
}

.about-section .third-section p{
    font-size: calc(0.4vw + 0.4vh + .5vmin) !important;
}

.about-section .third-section .maxis-p{
    padding-top:0;
}

.category-section {
    color:white;
    padding:7% 12% 0 13%;
}

.category-section .main-img-box {
    height: 80vh;
    overflow-y: scroll;
}

.category-section .main-img-box::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .category-section .main-img-box {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.category-section .inner-img-box {
    padding-right:3%;
    padding-top:3%;
    overflow:hidden;
    position:relative;
}

.category-section .inner-img-box img {
        min-height:45vh;
        max-height: 45vh;
}

.category-section .bottom-left {
    position: absolute;
    bottom: 5%;
    left: 5%;
    z-index:999;
}

.category-section h1{
    font-size: calc(0.9vw + 0.9vh + .5vmin) !important;
    font-weight:bold;
    text-decoration: none;
    color:white;
}

.category-section .black-background{
    width:35.23vw;
    height:8vh;
    position: absolute;
	bottom: 0;
	background-color: black;
    z-index:998;
    opacity:90%;
}

.category-section .scroll-down{
    position:absolute;
    bottom:10%;
    right:7%;
}

.category-section .scroll-down-text {
    position:absolute;
    bottom:5%;
    right:6%;
    font-weight: bold;
    font-size: calc(0.3vw + 0.3vh + .5vmin) !important;
}

.category-section .scroll-down-arrow {
    position:absolute;
    bottom:30%;
    right:60%;
}

.arrow-1 {
    width:3vw;
    height:2.5vh;
    display: flex;
    transform: rotate(90deg);
  }
  .arrow-1:before {
    content: "";
    background: currentColor;
    width:1vw;
    clip-path: polygon(0 1vh,calc(100% - 2vh) 1vh,calc(100% - 2vh) 0,100% 50%,calc(100% - 2vh) 100%,calc(100% - 2vh) calc(100% - 1vh),0 calc(100% - 1vh));
    animation: a1 1.5s infinite linear;
  }
  @keyframes a1 {
    90%,100%{flex-grow: 1}
  }

.category-section .scroll-down img{
    height:6vh;
    width:3vw;
}

/* Category Show */
.category-show-section .first-section{
    padding:10% 0 0 12%;
}

.category-show-section .first-section .back-to-home{
    z-index:-1;
}

.category-show-section .first-section span{
    font-size: calc(0.6vw + 0.6vh + .5vmin) !important;
}

.category-show-section .first-section .fa-chevron-left{
    font-size: calc(0.4vw + 0.4vh + .5vmin) !important;
}


.category-show-section .first-section .category-title{
    padding:15% 10% 0 0;
    color:white;
    text-align:center;
    text-justify: inter-word;
}

.category-show-section .first-section .category-title .black-background {
    padding: 10% 0 10% 0;
    background-color: black;
}

.category-show-section .first-section .category-title h1{
    font-size: calc(1.3vw + 1.3vh + .5vmin) !important;
    text-decoration: underline;
}

.category-show-section .first-section .category-title p{
    padding: 2% 11% 0 11%;
    font-size: calc(0.5vw + 0.5vh + .5vmin) !important;
}

.category-show-section .first-section .category-title ul {
    padding: 0 10% 0 10% !important;
    margin: 0 !important;
}

.category-show-section .second-section {
    padding: 12% 10% 0 0;
}

.category-show-section .thumbnail-main {
    overflow:hidden;
    position:relative;
    height:70vh;
    overflow-y:scroll;
}

.category-show-section .second-section .thumbnail-box{
    padding-right:7%;
    overflow:hidden;
    position:relative;
}

.category-show-section .second-section .thumbnail-box img{
    max-height:25vh;
}

.category-show-section .second-section a{
    text-decoration: none;
    color:white;
}

.category-show-section .second-section h2 {
    font-size: calc(0.35vw + 0.35vh + .5vmin) !important;
    font-weight: bold;
    padding:4% 0 8% 0;
    color:white;
}

.category-show-section .thumbnail-main::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .category-show-section .thumbnail-main {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  .category-show-section .scroll-down{
    position:absolute;
    bottom:10%;
    right:5%;
}

.category-show-section .scroll-down-text {
    position:absolute;
    bottom:5%;
    right:4.2%;
    font-weight: bold;
    font-size: calc(0.3vw + 0.3vh + .5vmin) !important;
    color:white;
}

.category-show-section .scroll-down-arrow {
    color:white;
    position:absolute;
    bottom:30%;
    right:60%;
}

.arrow-1 {
    width:3vw;
    height:2.5vh;
    display: flex;
    transform: rotate(90deg);
  }
  .arrow-1:before {
    content: "";
    background: currentColor;
    width:1vw;
    clip-path: polygon(0 1vh,calc(100% - 2vh) 1vh,calc(100% - 2vh) 0,100% 50%,calc(100% - 2vh) 100%,calc(100% - 2vh) calc(100% - 1vh),0 calc(100% - 1vh));
    animation: a1 1.5s infinite linear;
  }
  @keyframes a1 {
    90%,100%{flex-grow: 1}
  }

.category-show-section .scroll-down img{
    height:6vh;
    width:3vw;
}

.category-show-section .thumbnail-box {
    position: relative;
}

.category-show-section .thumbnail-box .playBtn {
    position: absolute;
    left: 36%;
    top: 26%;
}

.category-show-section .second-section .video-overlay{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,1);
    z-index: 2;
    overflow-y: scroll;
  }

.category-show-section .second-section .video-overlay .video-wrapper{
    padding-top:4%;
}

.category-show-section .second-section .video-overlay .video-text{
    padding-left: 19%;
    padding-right: 18%;
}

.category-show-section .second-section .video-overlay h3{
    color:white;
    font-size: calc(0.9vw + 0.9vh + .5vmin) !important;
    font-weight: bold;
}

.category-show-section .second-section .video-overlay p{
    color:white;
    font-size: calc(0.3vw + 0.3vh + .5vmin) !important;
    font-weight: bold;
}

.category-show-section .second-section .close-overlay{
    position:absolute;
    top:3%;
    left:78.2%;
    z-index: 5;
}

.category-show-section .second-section .close-overlay button{
    background: none;
	color: white;
	border: none;
}

.category-show-section .second-section .close-overlay p{
    font-size: calc(0.6vw + 0.6vh + .5vmin) !important;
}