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

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

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

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

h1, h2 {
    font-family: 'Nunito-ExtraBold';
	font-weight: bold;
}

h3, h4, h5, h6 {
    font-family: 'Nunito-Bold';
	font-weight: bold;
}

p, small {
	font-family: 'Lato-Medium';
	font-weight: normal;
}

/* New CSS (home page) */
#scroll-up img {
	display: none;
	/* ada di core css */
}

.momversity-home-new{
	background-image: url(../images/momversity/2025/bg-homebanner.jpg);
    background-size: cover;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100vh !important;
    color: #fff;
    position: relative;
	background-position: center left;
}

.momversity-home-new .content .logo{
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
	padding-top: 40px;
}

.momversity-home-new .content img{
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
}

.momversity-home-new .content .btn{
	display: block;
    margin: 0 auto !important;
    width: max-content;
    font-size: 16px;
    padding: 10px 10px 8px 10px;
    border-radius: 10px;
    text-align: center;
    color: white;
    background-color: #2298d6;
}

.momversity-home-new .content p{
	display: block;
	margin: 0 auto;
	width: max-content;
    padding: 20px 10px 1px 10px;
    border-radius: 10px;
	text-align: center;
	color: white;
}

.momversity-home-new .content p a{
	color: #2298d6;
}

.btn-share {
	width: 30%;
}

.pemenang {
	background-image: url(../images/momversity/2025/bg-pemenang.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.pemenang .content{
	text-align: center;
}

.pemenang h1{
	margin-bottom: 35px;
	color: #2298d6;
}

.pemenang .content p a{
	color: #2298d6;
	float: right;
	padding-right: 30px;
	font-weight: 900;
}

.pemenang .content img{
	display: block;
	margin: 0 auto;
	margin-top: -65px !important;
}

.roadshow {
    background-image: url(../images/momversity/2025/bg-roadshow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.roadshow h1{
	margin-top: 50px;
	padding-bottom:  0px !important;
	margin-bottom:  0px !important;
	color: #2298d6;
}

.roadshow .rocket{
	position: absolute;
	bottom: 0;
	margin-bottom: -65px;
	left: 30px;
}

.roadshow .vr{
	position: absolute;
	top: 40px;
	margin-bottom: -65px;
	right: 100px;
	width: 150px;
}

.roadshow .content{
	margin-top: -60px !important;
}

.cara-ikutan {
    background-color: white;
}

.cara-ikutan h1{
	color: #2298d6;
	padding-top: 40px;
	text-align: left;
}

.cara-ikutan .text-content{
	text-align: left;
	font-size: 15px;
	margin-top: 15px;
}

.cara-ikutan h4{
	margin-top: 20px;
	padding-bottom:  0px !important;
	margin-bottom:  0px !important;
	color: #2298d6;
	font-size: 20px;
}

.cara-ikutan .content{
	text-align: center;
	padding: 0px 0px 40px 0px;
}

.cara-ikutan .content img {
	display: block;
	margin: 0 auto;
}

.momversity-2025 {
    background-color: white;
}

.momversity-2025 .content{
	text-align: center;
	padding:0px 0px 110px 0px;
	position: relative;
}

.event {
	background-image: url(../images/momversity/2025/bg-event.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 50px;
    height: 600px;
}

.event .content{
	text-align: center;
	padding: 40px 0px 40px 0px;
}

.event h1{
	margin-bottom: 35px;
	color: #2298d6;
}

.event .content p a{
	color: #2298d6;
	float: right;
	padding-right: 30px;
	font-weight: 900;
}

.event .content img{
	display: block;
	margin: 0 auto;
}

.galeri {
	background-image: url(../images/momversity/2025/bg-gallery.png);
	background-size: cover;
	background-position: top center;
    background-repeat: no-repeat;
	margin-top: -40px;
}

.galeri h1{
	margin-top: 125px;
}

.galeri .content{
	text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}

.card-instagram {
    display: block !important;
    background-color: white;
    border-radius: 5px;
    padding: 15px;
    padding-bottom: 30px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.card-instagram .instagram-media {
    width: 100%;
    min-width: 100% !important;
}

.card-instagram-name {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
}

.card-tiktok {
    display: block !important;
    background-color: white;
    border-radius: 5px;
    padding-bottom: 25px;
    padding-top: 1px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.card-tiktok-name {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #e95a93;
    border-color: #e95a93;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ffebf2;
    background: #ffebf2;
    color: #e95a93;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../images/momversity/2025/prev.png);
	background-size: cover;
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../images/momversity/2025/next.png);
	background-size: cover;
}


.thankyou-section{
	background: #ffebf2;
	width:100%;
	text-align: center;
	color: #615d84;
	background-image: url(../images/momversity/2025/bg-thanks.png);
	background-size: cover;
	background-position: bottom;
	background-color: #fffafc;
	background-repeat: no-repeat;
}

.thankyou {
	width: 70%;
	margin: 20px 0px;
}

.confetti .confetti-r {
	position: absolute;
	right: 0;
	top: 200px;
}

.confetti .confetti-l {
	position: absolute;
	left: 0;
	top: 200px;
}

.confetti .confetti-m {
	position: absolute;
	bottom: 0;
}

/* New CSS (home page) // */

.sp-arrow-down {
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    transition: ease 1s;
    -webkit-animation: bouncey 1s linear infinite;
    animation: bouncey 1s linear infinite;
}

#charNum{
	float: right;
    font-size: 12px;
    margin-right: 5px;
}

p{
	word-break: break-word;
}

a:hover{
	text-decoration: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

.error{
	float:left;
}


.momversity-section-one{
	background: #ffebf2;
	text-align: center;
	padding: 40px 10px 0px 10px;
	color: #615d84;
	background-image: url(../images/momversity/2025/bg-register.png);
	width:100%;
	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center;
}

.momversity-section-one h2{
	color: #009FDC;
}

.momversity-section-two{
	background: #ffebf2;
	width:100%;
	padding-top: 40px;
}

.momversity-speaker-info{
    margin-top: 30px;
}

.momversity-speaker{
	text-align: center;
    margin-bottom: 40px;
}

.momversity-speaker img{
	width: 90%;
    border-radius: 10px;
    margin-top: 20px;
	border: 2px solid #e8b5bf;
}

.frame-video{
	background-image: url(../images/momversity/bg-video-coming-polos.png);	
	height:414px;
	width:647px;
	margin-left: -80px;
	padding: 72px 50px 20px 85px;
}

.frame-video iframe{
	width: 505px;
	height: 284px;
}

.momversity-menu img{
	margin-top: 10px;	
	margin-left: 10px;
}

.banner-text{
	
	font-size:20px;
	
}

.blue-text{
	color:#5888c4;
}

.pink-text{
	color:#e15896;
}


.momversity-cta-caption{
	color: #615d84;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
	margin-bottom: 15px;
}

a.momversity-link{
	color: #615d84;
	text-decoration: underline;
}
a.momversity-link:hover{
	color: #ff90bf;
}	

.logo-momversity{
	margin-top: 20px;
}

.logo-momandbaby{
	width: 230px;
}

.momversity-campaign-name{
	width:480px;
	display: inline-block;
	margin-right: 185px;
	margin-top:-50px;
	margin-bottom:40px;
}

.caption-theme{
	padding-top:45px;
}

.bg-theme{
	background-image: url(../images/momversity/tema-bg.jpg);	
	height:93px;
	width:443px;
	
}

.momversity-theme-background{
	background-image: url(../images/momversity/bg-tema.png);	
	height:149px;
	width:640px;
	margin:0 auto;
	margin-top: -30px;
	color:#35a3e0;
	font-size:22px;
	font-weight:bold;
	padding-top: 83px;
}

.momversity-section-three{
	background-color:#ffebf2;
	width:100%;
	padding:42px 20px 42px 20px;
	text-align: center;
}

.MBM-date{
	font-weight: bold;
	color: #e15896;
	font-size: 18px;
}
	
.MBM-title-big{
	font-size: 55px;
    color: #5888c4;	
	line-height: 55px;
}

.MBM-caption-big{
	font-size: 36px;
    color: #5888c4;
    line-height: 36px;
}

.MBM-video{
	margin-top: 50px;
	text-align: center;
}

.momversity-section-fourth{
	background-color:#fff5f8;
	width:100%;
	padding:42px 20px 42px 20px;
	text-align: center;
}

.white-bg{
	background-color: #ffffff;
    padding: 3px 10px;
    border-radius: 1rem;
	font-size: 80%;
	color: #35a3e0;
}

.host-name{
	color: #e95a93;
	font-size: 18px;
	line-height: 1.3em;
	display: block !important;
}

.host-title{
	color: #e95a93;
    line-height: 1.3;
    font-size: 12px;
    display: block;
}

.src-title{
	color:#e95a93;
	font-size:24px;
	font-weight:bold;
}

.src-title.white-bg{
	background-color: #ffffff;
    padding: 6px 25px;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    display: inline-block;
	font-size:28px;
}

.src-name{
	font-weight:bold;
	font-size: 18px;
}

.src-desc{
	padding-top:10px;
	padding-bottom:10px;
}

.src-btn{
	background:#b8a7cc;
	display:inline-block;
	padding:10px;
	color:#fff;
	--webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0;
	font-weight: bold;
}

.src-btn:hover{
	color:#fff;
	text-decoration:none;		
}

.src-btn-active{
	background:#ff90bf;
	display:inline-block;
	padding:10px;
	color:#fff;
	--webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0;
	font-weight: bold;
}

.src-btn-active:hover{
	color:#fff;
	text-decoration:none;		
}

.src-next{
	color:#ec7bae;
	font-size:20px;
	font-weight:bold;
	margin-top:50%;
	display:inline-block;
}

.play-btn{
	background: url('../images/momversity/btn-play-video.png');
	display:inline-block;
	width: 114px;
	height: 28px;
	margin: 10px 0;
}

.next-border{
	border:1px solid #ec7bae;
}


.momversity-image-src{
	background-color:#fff;
	display:inline-block;
	width:95%;
	border-radius: 30px;
    border: 4px solid #e8b5bf;
	padding:20px;
	min-height:560px;
	text-align:center;
	color:#ab6dae;
}

.momversity-image-src p{
	width: 100%;
    margin: 10px auto;
}

.momversity-image-src img{
	margin-top:5px;
	margin-bottom:5px;
}

.coming-soon{
	background: rgba(255,235,242,0.95);
	border-radius: 10px;
	border: 1px solid #fca6c4;
	width: 350px;
    min-height: 100%;
    position: absolute;
    padding: 0;
	padding-top:45%;
    margin: 0;
	text-align:center;
	color: #ec7bae;
	font-size: 30px;
    font-weight: bold;
}

.momversity-image-frame{
	background-color:#ffffff;
	display:inline-block;
	width:100%;
	margin-top:30px;
	border-radius: 10px;
	padding:20px;
	min-height: 465px;
}

.momversity-image-frame img{
	padding-bottom:25px;
}

.momversity-image-photo{
	background-color:#ffffff;
	display:inline-block;		
	border-radius: 10px;
	padding:25px;
}

.momversity-image-label{
	background:#fca6c4;
	color:#ffffff;
	display:inline-block;
	padding:3px 8px 1px 8px;
	float:left;
	font-size:12px;
	border-radius:4px;
	margin-right: 5px;
	margin-bottom: 2px;
}

.momversity-image-desc{
	text-align: left;
	margin: 15px 0 0 0;
	min-height: 85px;
}

.momversity-image-desc a{
	color: #333;
}

.momversity-image-desc a:hover{
	color: #ff90bf;
}

.momversity-image-user{
	font-weight:bold;
	text-align: left;
	line-height:1em;
	color: #333;
}

.momversity-image-vote{
	float:right;
	text-align: right;
	margin-right:10px;
}

.momversity-result-title{
	text-align: left;
	margin: 15px 0;
}

.icon-love{
	background-image: url(../images/momversity/icon-love.png);
	display:block;
	width:28px;
	height:28px;
	float:left;
	cursor: default;
}

.icon-winner{
	background-image: url(../images/momversity/icon-winner.png);
	display:block;
	width:28px;
	height:28px;
	float:left;
	cursor: default;
}

.icon-star{
	background-image: url(../images/momversity/icon-star.png);
	display:block;
	width:28px;
	height:28px;
	float:left;	
	cursor: default;
}

.momversity2-section-title{		
	background-color:#ffffff;
	padding:6px 33px 6px 33px;
	border-radius: 2rem;
	display:inline-block;
	color:#ab6dae;	
	text-align:center;
	font-size:17px;
}

.momversity-section-title{		
	background-color:#ffffff;
	padding:6px 33px 6px 33px;
	border-radius: 2rem;
	display:inline-block;
	margin: 0 auto;
	color:#ab6dae;	
	text-align:center;
	font-size:17px;
	margin:0 auto;
}

.momversity-popular-icon{
	margin-top:60px;
}

.theme-label{
	color:#35a3e0;
}

.momversity-filter-bar{
	margin-top:60px;
	width:100%;
}

.momversity-filter-bar .momversity-filter-bar-center{
	width:100%;
}

.btn-winner{
	background-image: url(../images/momversity/btn-pemenang.png);
	display:inline-block;
	width:92px;
	height:48px;		
	background-size: cover;
	z-index: 10;
	position: relative;
}

.btn-check{
	background-image: url(../images/momversity/btn-check.png);
	display:inline-block;
	width:92px;
	height:48px;		
	background-size: cover;
	z-index: 10;
	position: relative;
}

.btn-star{
	background-image: url(../images/momversity/btn-star.png);
	display:inline-block;
	width:92px;
	height:48px;		
	background-size: cover;
	z-index: 10;
	position: relative;
}

.btn-love{
	background-image: url(../images/momversity/btn-love.png);
	display:inline-block;
	width:92px;
	height:48px;		
	background-size: cover;
	z-index: 10;
	position: relative;
}

.show-all{
	margin-top:45px;
}

.btn-std{
	background:#6fbbe8;
	color:#ffffff;
	padding:10px 20px;
	border-radius:2rem;
	font-weight: bold;
	margin-right: 5px;
	font-family: 'Nunito';
}

.btn-std:hover{
	background:#ff90bf;
	color:#fff;
	text-decoration:none;		
}

.btn-std-large{
	background: linear-gradient(180deg, #A5B7FB 0%, #67B1F7 26.64%, #B156D7 100%);
	color:#ffffff;
	width: 200px;
	padding:12px 15px;
	border-radius:99px;
	font-weight: bold;
	margin-right: 5px;
	font-size: 20px;
	display: inline-block;
    margin-bottom: 15px !important;
}

.btn-std-large:hover{
	background:#ff90bf;
	color:#fff;
	text-decoration:none;		
}

.btn-std-small{
	background:#e95a93;
	color:#ffffff;
	padding:5px 10px;
	border-radius:2rem;
	font-weight: bold;
	margin-right: 5px;
	font-size: 12px;
}

.btn-std-small:hover{
	background:#ff90bf;
	color:#fff;
	text-decoration:none;		
} 

.filter-input{
	height:51px;
	width:191px;
	float:left;
	border:none !important;
	border-radius: 45px 0 0 45px !important;
	padding-left:25px;
	color:#ccc;
	font-style:italic;
}

.filter-select{
	height:51px;
	width:241px;
	float:left;
	border:none !important;
	border-radius: 45px 0 0 45px !important;
	background: url(../images/momversity/btn-drop.png) no-repeat right #fff;
	background-position-x: 190px;
	--webkit-appearance: none;
	padding-left:25px;
	color:#ccc;
}

.mobile-filter-select{
	display:none;
}

.btn-src{
	background-image: url(../images/momversity/btn-src.png);
	display:block;
	width:51px;
	height:51px;
	float:left;
	background-size: cover;
}

.filter-button{
	float:right;
}

.form-group-indent-inside{
	margin-left: 115px;
}

.panel-login{
	position:fixed !important;
	padding: 1rem 0.5rem 1rem 0.5rem;
	z-index: 99;
	top: 100px !important;
	right:0 !important;
	background: #fff;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	width: 200px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

.info-zoom{
	margin-right: 20px;
    margin-top: 5px;
    display: block;
}


.slider-momversity .slick-prev{
	top: 45%;
	left: -50px;
}

.slider-momversity .slick-next{
	top: 45%;
	right: -50px;
}

.slick-track{
	margin: 0 auto;
}

.form-group label{
	font-weight: bold;
}

.table-submission{
	background: #fff;
}

.card-gallery iframe{
	margin: 0 auto !important;
	margin-top: 10px !important;
}


@media (max-width: 767px) {
	/* momversity page new mobileres */

	.momversity-home-new {
		height: auto !important;
        margin-top: 50px;
        color: #fff;
        position: relative !important;
        background: none;
	}

	.momversity-home-new .content .logo{
		width: 150px;
		padding-bottom: 15px;
		padding-top: 20px;
		display: block;
		margin: 0 auto;
	}
	
	.hero-img{
		width: 90%;
	}
	
	.cara-ikutan .content img {
		padding: 0;
        width: 100px;
	}
	
	.thankyou-section .container {
		padding: 20px;
	}

	.thankyou {
		width: 100%;
		margin: 20px 0px;
	}

	.btn-share {
		width: 100%;
	}

	.mb-auto, .my-auto {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	.cara-ikutan .text-content b {
		font-size: 18px !important;
	}

	.pemenang h1 {
		font-size: 20px;
	}

	.pemenang .content p a {
		float: none;
		padding-right: 0px;
	}
	
	.pemenang .content img {
		margin-top: 0 !important;
	}	

	.roadshow h1 {
		margin: 0 auto;
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
	}
	
	.roadshow .content{
		margin-top: 0 !important;
	}

	.cara-ikutan h1 {
		margin: 0 auto;
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
	}
	
	.cara-ikutan h4{
		height: auto !important;
	}

	.cara-ikutan .row {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	
	.event{
		height: auto;
	}
	
	.galeri {
		background-position: top right;
        background-size: 125%;
		background-repeat: repeat-y;
	}
	
	.galeri h1{
		margin-top: 40px;
		font-size: 24px;
		padding: 15px;
	}
	
	.card-instagram {
        width: 100%;
        margin-bottom: 30px !important;
    }
	
	.momversity-2025 h1 {
		font-size: 16px;
	}

	.bg-yt {
		background-image: url(../images/momversity/2025/bg-yt-m.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		margin: 4px 5px 5px 20px;
		padding-left: 0px !important;
		position: relative;
		width: 100%;
		height: fit-content;
		padding: 12px 100px 100px 100px;
	}


	.momversity-2025 .content .iframe {
		width: 85%;
		height: 270px;
		margin: 35px 0px 45px 0px;
	}

	.drone {
		left: 10%;
		position: absolute;
		top: -70px;
		width: 155px;
	}

	.card-instagram iframe {
		min-width: auto !important;
	}
		
	.cara-ikutan {
		background-image: none;
	}
	
	.cara-ikutan .content .title h1 {
		font-size: 24px;
	}
	
	.carousel {
		background-image: none;
		padding: 10px;
	}
		
	.carousel h1 {
		font-size: 24px;
		padding: 15px;
	}
	
	
	
	/* momversity page new mobileres */

	
	.nobr{
		display: none;
	}
	
	.momversity-menu img{
		margin-left: 0;
		margin-top: 5px;
	}
	
	.momversity-section-logo{
		margin-top:0; 
		margin-bottom: 1rem;
		padding-top: 50vh;
		display: none;
	}
	
	.MBM-cta{
		position: absolute;
		left: 0;
		right: 0;
		top: 410px;
	}
	
	.MBM-date{
		position: absolute;
		left: 0;
		right: 0;
		top: 390px;
		font-weight: bold;
		color: #e15896;
		font-size: 12px;
	}
	
	.MBM-title-big {
		font-size: 36px;
		color: #5888c4;
		line-height: 36px;
	}
	
	.MBM-caption-big {
		font-size: 24px;
		color: #5888c4;
		line-height: 28px;
	}
	
	.momversity-cta-caption{
		font-size: 16px;
		margin-bottom: 1rem;
	}
	
	.momversity-image-src{
	    width: 80%;
		margin: 0 auto;
		display: block;
	}
	
	.slider-momversity .slick-next {
		top: 45%;
		right: -20px;
	}
	
	.slider-momversity .slick-prev {
		top: 45%;
		left: -20px;
	}
	
	.momversity-home-three{
		padding: 20px;
		text-align: center;
		height: auto;
		background: #FCE6E9;
	}
	
	.momversity-speaker {
		margin-top: 40px;
	}
	
	.logo-momversity {
		margin-top: 15px;
	}
	.logo-momandbaby {
		width: 200px;
	}
	.momversity-campaign-name{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.momversity-theme-background{
		width: 100%;
		height: 80px;
		background-size: cover;
		padding-top: 40px;
		margin-top: 0;
	}
	.momversity-filter-bar .momversity-filter-bar-center{
		margin: 0 auto;
	}
	.filter-select{
		background-position-x: 100%;
		margin-bottom: 10px;
		width: 100%;
		height: 30px;
		background-size: contain;
	}
	.filter-input{
		margin-bottom: 10px;
		width: 100%;
		height: 30px;
		border-radius: 45px !important;
	}
	.filter-bar{
		float: none !important;
		margin-top:20px;
		margin-right: 0;
	}
	.btn-src{
		width: 30px;
		height: 30px;
		margin-left: -30px;
	}
	.btn-star, .btn-love, .btn-winner, .btn-check{
		width: 65px;
		height: 34px;
	}
	.col-form-label{
		text-align: left;
	}
	.form-group-indent-inside{
		margin-left: 0;
	}
	.croppie-container .cr-boundary{
		width:300px !important;
		height:300px !important;
	}
	.card-body{
		width: 75px !important;
		height: 34px !important;
		padding: 5px !important;
		font-size: 11px;
	}
	.panel-login{
		/*display: none;*/
	}
	.accordion.width .card {
		width: auto !important;
	}
	
	.frame-video {		
		display: none;
	}
	.coming-soon{
		display: none;
	}
	.src-title{
		font-size: 18px;
	}
	.caption-theme {
		padding-top: 5px;
	}
	
	.src-title.white-bg{
		font-size: 20px;
	}
	.host-img{
		width: 85%;
	}
	.host-name {
		font-size: 12px;
		line-height: 1.2em;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.host-title {
		line-height: 1.2em;
		font-size: 10px;
	}
	.webinar-date{
		margin-top: 1em !important;
	}
	.webinar-date span{
		font-size: 14px;
	}
	
	.table-submission {
		background: #fff;
		width: 100%;
		word-break: break-word;
	}
	
	.card-gallery{
		padding: 0;
	}
}



/* ===== LOGIN BUTTON ===== */
.loginBtn {
  box-sizing: border-box;
  position: relative;
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
  cursor: pointer;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
  background-color: #4C69BA;
  background-image: linear-gradient(#4C69BA, #3B55A0);
  font-family: 'Nunito';
  text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
  border-right: #364e92 1px solid;
  background: url('../images/icon/icon_facebook.png') 6px 6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
  background-color: #5B7BD5;
  background-image: linear-gradient(#5B7BD5, #4864B1);
}


/* Google */
.loginBtn--google {
  font-family: 'Nunito';
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('../images/icon/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}
	
	
/* ======= BROWSE FILE ======= */
.file-btn {
    position: relative;
	color:#fff !important;	
}
.file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	cursor: pointer;
}

.actions {
    padding: 75px 0;
}
.actions button {
    margin-right: 5px;
}

.upload-demo {
	height: 350px;
}

.upload-demo .upload-demo-wrap,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none;
}
.upload-demo.ready .upload-demo-wrap {
    display: block;
}
.upload-demo.ready .upload-result {
    display: inline-block;    
}
.upload-demo-wrap {
    width: 300px;
    height: 300px;
}

.upload-msg {
    padding: 50px;
    width: 300px;
	height:300px;
    border: 1px solid #ced4da;
	border-radius: .75rem;
}	


/* ======= PAGINATION ======= */
.page-item{
	margin: 0 5px;
}
.page-link{
	padding: 0.25rem 0.5rem;
	border-radius: 0.25em;
}

/* ======== ACCORDION ======== */
.card{
	background: #fff;
	border: none;
    border-radius: 5px !important;
}
.card-header{
	border: none;
	padding: 0;
	background: none;	
}
.accordion { 
	text-align: center; 
	margin: 0;
} 
  
.accordion.width { 
	display: flex; 
} 
  
.accordion.width .card { 
	flex-direction: row; 
	min-width: min-content; 
	width: 92px;
} 
  
.accordion.width .card .card-header { 
	cursor: pointer; 
	writing-mode: vertical-rl; 
} 
  
.card-body { 
	width: 100px;
    height: 45px;
    padding: 10px 12px;
    color: #fff;
    margin-left: -2px;
    line-height: 1.2em;
} 

.card-body a{
	color: #fff;
}
  
.collapsing.width { 
	transition: width 0.5s ease; 
	height: auto; 
	width: 10px; 
}