/*
CTC Separate Stylesheet
Updated: 2020-11-27 15:00:01
*/

/**
----RESET - 
**/
h5, h4, h3{
	margin: 10px 0;
}
p, h1, h2, h3, h4, h5, h6{
	line-height: normal
}

/**
----SHOP - 
**/
#nm-quickview, #nm-quickview-slider{
    background-color: #000;
}

/**
----HOME - LOGO KS/INDIEGOGO
**/
.logo-fixed-starter {
	display: flex;
    padding: 40px 30px;
    width: 30%;
     position: relative;
     z-index: 99;
     float: right;
}

/**
----HOME - PARALLAX BANNER
**/
.landing-page-header, .banner-wrapper{
    background-color: #000;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 99;
}
.home .nm-header-placeholder{
	display: none !important;
}
.banner-wrapper{
    background-color: #000;
    position: relative;
    width: 100%;
    height: 100vh;
}

.banner-wrapper #scene,
#scene .parallax-layer{
	height:100vh;
	width:100%;
	background-repeat:no-repeat;
	background-position: center top;
	background-size:cover;
}
/*.banner-wrapper #scene {
    background-image: url("https://lagimcardgame.com/wp-content/uploads/2021/09/lagim_new_banner_2.jpg");
    position: relative;
    overflow: hidden;
	display: none;
}*/

#scene .parallax-layer1{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('./images/Live in Kickstarter.jpg');

    -webkit-animation: zoomin 270s;
    animation: zoomin 270s;
    -webkit-transform: scale(1,1); 
    transform: scale(1,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes zoomin {
    100% {
        -webkit-transform: scale(2,2); 
    }
}

@keyframes zoomin {
    100% {
        transform: scale(2,2); 
    }
}
#scene .parallax-layer2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-image: url('./images/lagim-banner-bg-layer2.png');
	-webkit-animation: zoomnext 200s;
    animation: zoomnext  200s;
    -webkit-transform: scale(1,1); 
    transform: scale(1,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes zoomnext {
    100% {
        -webkit-transform: scale(1.5, 1.5); 
    }
}

@keyframes zoomnext {
    100% {
        transform: scale(1.5, 1.5); 
    }
}

.home .nav-wrapper{
	height:auto;
	width:100%;
	padding:10%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
	overflow-y:scroll
}
.home .banner-wrapper .text-container {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
/*     background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(50%, transparent), to(#000)); */
/*     background: linear-gradient(to bottom, #000 0%, transparent 50%, #000 100%); */
	display: none;
}
.home .banner-wrapper .text-container .text-content{
	width: 100%;
	font-size: 21px;
	line-height: 30px;
	color: #fff;
    text-align: center;
    padding: 40px; 

}
@media screen and (min-width: 995px){
    .home .banner-wrapper .text-container .text-content{
    width: 60%;
    }
	
	
}
.home .banner-wrapper .text-container .text-content p,
.home .banner-wrapper .text-container .text-content h2{
	color: #fff;
	margin-top: 20px; 
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
	font-size: 21px;
	line-height: 30px;
}
.home .banner-wrapper .text-container .text-content img{
    width: 170px;
    height: auto;
}
#LagimStory {
    width: 100%    !important;
    height: auto   !important;
    position: fixed;
    top: 50px;
}



.feature-display{
    position: relative;
}
.feature-display .story-snippet-container{
    position: fixed;
    top: 100vh;
    left:0;
    z-index: 0;
    width: 100%    !important;
    height: 650px   !important;
    overflow: hidden;
}
.section-subscribe, .blog-snippet{
    position: relative;
    /*z-index: 99;*/
    background-color: black;
}
.feature-display .post{
    position: relative;
/*     z-index: 99; */
}

/**
----HOME SUBSCRIBE SECTION
**/
.section-subscribe{
    background-image: url('./images/newsletter_section.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-self: stretch;
}
.section-subscribe .container{
    width: 90%;
    margin: 0 auto;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.section-subscribe .container .col{
    -ms-flex-preferred-size: 49.98%;
    flex-basis: 49.98%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.section-subscribe .container .col-subscribe{
    background-image: url('./images/form_background.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 90%;
}
.section-subscribe .container .col-subscribe .col__wrapper .wpcf7{
    margin-top: 240px;
}
.section-subscribe .container .col .col__wrapper .text-caption{
    padding-top: 20%;
    padding-left: 40px;
    padding-right: 40px;
}
.section-subscribe .container .col .col__wrapper .large-title{
	font-family: 'Lusitana', sans-serif;
    font-size: 54px;
    line-height: 60px;
}
.section-subscribe .container .col .col__wrapper .lead{
    font-size: 24px;
    line-height: normal;
    color: #dbc58d;
}
.section-subscribe .container .col .col__wrapper .text-caption img{
    float: right;
    width: 250px;
    height: auto;
}
.section-subscribe.mobile-subscribe{
    display: none;
}
@media screen and (max-width: 992px){
    .section-subscribe{
        display: none;
    }
    .section-subscribe.mobile-subscribe{
    display: none;
    }
}
.mobile-subscribe{ 
    height: 100%;
    padding: 100px 0;
}
.mobile-subscribe .container{
    max-width: 600px;
    display: block !important;
    height: 100%;
}
.mobile-subscribe .col-subscribe{
    background-image: url('./images/form_background-mobile.png') !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100% !important;
    padding: 60px 30px;
    height: auto;
    transform: translateY(-100px);
    clear: both;
}
.mobile-subscribe .col-subscribe form{
    margin: 20px auto 0 auto;
}
.mobile-subscribe .container .col .col__wrapper .text-caption img{
    float: right;
    width: 160px;
    height: auto;
    position: relative;
    z-index: 99;
    margin-top: -30px;
}
.mobile-subscribe{
    background-image: url('./images/newsletter_section_mobile.jpg');
    padding: 0;
}
/** HOME - SUBSCRIPTION FORM **/
.section-subscribe form{
    width: 300px;
    color: #120302;
    box-sizing: border-box;
}
.wpcf7-not-valid-tip{
    color: #63180b !important;
    margin-left: 10px !important;
}
.form-container span:not(:last-child) input[type]{
    border-top: none;
    border: none;
    background-color: transparent;
    background-image: url('./images/textinput_line.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
.form-container ::placeholder{
    color: #201811;
    opacity: 1; /* Firefox */
    font-size: 18px;
}

.form-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #201811;
    font-size: 18px;
}

.form-container ::-ms-input-placeholder { /* Microsoft Edge */
    color: #201811;
    font-size: 18px;
}

.form-container input[type="submit"], .col__wrapper .text-caption .btn-shop{
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
    height: 40px;
    width: 120px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: transparent;
    outline: none;
    cursor: pointer;
    background-color: rgb(66,18,11,0.87);
    text-align: center;
    color: #fff;
    margin-top: -10px;
    font-weight: bold;
    float: right;
}

.section-subscribe form.sent .form-container{
    display: none;
}
.section-subscribe form.invalid .wpcf7-response-output{
    display: inline-block;
    margin-left: 50px;
    margin-top: 10px;
    text-align: right;
}
.section-subscribe form.sent .wpcf7-response-output{
    font-family: 'Lusitana',sans-serif;
    display: inline-block;
    padding-left: 80px;
    font-size: 30px;
    line-height: 35px;
}
.mobile-subscribe form.invalid .wpcf7-response-output{
    display: block;
    margin-left: 0;
    margin-top: -10px;
    margin-bottom: 20px;
    padding-left: 0;
    text-align: left;
    line-height: normal;
    font-size: 13px;
}
.mobile-subscribe form.sent .wpcf7-response-output{
    display: block;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
    font-size: 28px;
    line-height: 30px;
}
.mobile-subscribe form{
    width: 260px;
    padding: 0 10px;
    color: #120302;
    box-sizing: border-box;
}
.section-subscribe form .ajax-loader.is-active, 
.section-subscribe form .is-active, 
.section-subscribe .submitting .ajax-loader{
    display: block;
    position: relative;
    z-index: 9999;
    width: 20px;
    height: 20px;
	border: 1px solid black;
    margin-left: 50px;
    animation: formload 5s linear infinite; 
}
@keyframes formload { 
        0% {
			-ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }  
  
        100% { 
			-ms-transform: rotate(360deg);
            transform: rotate(360deg);
        } 
}
/**
----FEATURES 
**/
.center-wrapper{
    margin: 0 auto;
}

/**
----BLOG SNIPPET
**/
.blog-snippet{
  /*background-color: #000;*/
  padding: 100px 0;
}
.feature-post {
    padding: 20px 0;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;

}
.feature-thumbnail img {
    width: 100%;
}
.feature-text {
    max-width: 100%;
    -moz-transform: translate(0, -100px);
    -webkit-transform: translate(0, -100px);
    -o-transform: translate(0, -100px);
    transform: translate(0, -100px);
    background-image:none;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 71%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 71%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% 150px;
    padding: 100px 14.58%;
 
}
.feature-text .title {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 20px;
}
@media screen and (min-width: 995px){
    .feature-post {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 20px 0;
    }
    .feature-thumbnail img {
    width: 700px;
    }
    .feature-text {
        max-width: 600px;
        -moz-transform: translate(-70px, 0);
        -webkit-transform: translate(-70px, 0);
        -o-transform: translate(-70px, 0);
        transform: translate(-70px, 0);
        background-image:url('./images/gradientblack.png');
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 150px 100%;
        padding: 20px 40px 20px 100px;
     
    }
    .feature-text .title {
        font-size: 60px;
        line-height: 65px;
        margin-bottom: 20px;
    }
	
}

/**
----HEADER NAVIGATION
**/
.home .nm-header{
    background-color: transparent !important;
    border-bottom: none;
}
.home .nm-header-logo{
    display: block;
}

#nm-header {
	display: block;
}

@media screen and (max-width: 995px){
    .home .horizontal-menu{
        display: none;
    }
}
@media screen and (min-width: 995px){
   .home .nm-header {
    display: none;
    }
    .horizontal-menu ul, .horizontal-menu {
        display: flex;
        justify-content: space-between;

    }
    .horizontal-menu {
        position: absolute;
        left: 0;
        bottom: 0;
        box-sizing: border-box;
        width: 100%;
        z-index: 99999;
        height: 100px;
        padding: 12px 60px 0 60px;
        background-image: url('./images/gradientblack-horizontal.png');
        background-color: black;
        background-position: center;
        background-repeat: repeat-x;
        background-size: contain;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
		top: 0;
		display:none;
    }
    .horizontal-menu ul li a {
        display: inline-block;
        padding: 15px 20px;
		font-size: 15px;
    }
    #lagim-logo-header {
        width: 100px;
        height: auto;
        opacity: 1;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }
    .horizontal-menu.affix, .story-snippet-container.affix {
        
        position: fixed;
        top: 0;
        bottom: auto;
        right: 0;
        transform: translateY(0px);
    }
    .horizontal-menu.affix #lagim-logo-header {
        opacity: 100;
    } 
}

/**
	--- FOOTER
**/
.widget-background{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 700px;
    left: 0;
    bottom: 0;
    background-image:url('./images/barrio-cut.jpg');
    background-position: center 40px;
    background-repeat: no-repeat;
    background-size: cover;
    
}
.nm-footer-widgets,
.nm-footer-bar-inner{
    background-color: transparent !important;
}
.nm-footer{
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(50%, transparent), to(#000));
    background: linear-gradient(to bottom, #000 0%, transparent 50%, #000 100%);
}
.nm-footer .nm-footer-widgets-inner, .nm-footer .nm-footer-block-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.nm-footer .nm-footer-block-grid {
    max-width: 700px;
}
.nm-footer .nm-footer-widgets-inner .textwidget, .nm-footer .nm-footer-widgets-inner .widget_text {
    text-align: center;
}
.nm-footer .nm-footer-widgets-inner .widget {
    padding-bottom: 0;
}
.nm-footer .nm-footer-widgets-inner .textwidget h1, .nm-footer .nm-footer-widgets-inner .textwidget h2, .nm-footer .nm-footer-widgets-inner .textwidget h3 {
    font-size: 32px;
}
.nm-footer .nm-footer-block-grid #menu-social-media-footer {
    display: flex;
    justify-content: center;
}
.nm-footer-bar-left {
    display: flex;
    width: 100%;
    justify-content: center;
}
.social-icon a img {
    width: 50px;
    height: 50px;
    margin: 1rem;
}
.copyright-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-top: 80px;
    justify-content: center;
    align-items: center;
}
.copyright-container div {
    display: flex;
    max-width: 400px;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    padding: 0 40px;
}

@media screen and (min-width: 994px){
    .copyright-container, .copyright-container div {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    text-align: left;
    padding: 0;
    }
}

.copyright-container #lagim-logo-footer {
    width: 50px;
    height: auto;
    margin: 1rem;
}
.copyright-container small {
    font-size: .7rem;
    line-height: .98rem;
    font-family: sans-serif;
}
.copyright-container #fictionminds-logo-footer {
    width: 60px;
    height: auto;
    margin: 1rem;
}
#nm-footer-bar-menu li a {
    font-size: .7rem;
    font-family: sans-serif;
}
@media screen and (max-width: 767px), all {
    .nm-footer-bar .menu {
    txt-align: center;
    }
}
@media screen and (min-width: 320px) and (max-device-width : 480px) {
	.logo-fixed-starter {
    width: 55%;
    padding: 0 15px;
    position: relative;
    top: 70%;
    }
    .banner-wrapper #scene,
	#scene .parallax-layer {
    height: 25vh;
    background-size: cover;
    }
    #scene > div.logo-fixed-starter > div > a > img{
    position: absolute;
    right: -40px; 
    width: 90px;
    }

    .landing-page-header, .banner-wrapper {
    /*height: 210px;*/
	height: 100vh;
    }
    .banner-wrapper {
    height: 25vh;
    }
    .wpb_wrapper h2 {
    font-size: 20px;
    }
    .vc_empty_space {
    height: 80px !important;
    }
    #LagimStory {
    width: 600px !important;
    height: 500px !important;
    top: 190px;
    }
    .feature-text .title {
    font-size: 20px;
    line-height: 29px;
    margin-top: 70px;
    }
    .blog-snippet {
    padding-bottom: 10px;
    }
    .feature-text {
    padding-bottom: 10px; 
    }
    .feature-post {
    padding-bottom: 0;
    }
	
	.wpb_wrapper {
		text-align-last: center;
		margin-top:30px;
	}
	
	.product-promos {
		display: block;
	}
	
	.product-container {
		padding-bottom: 30px;
	}
	
	#login-form-content {
		padding-top: 30px;
	}
	
	.sub-login-content, .login-sub-header-content {
		padding: 0 30px;
	}
	
	body > div.nm-page-overflow > div.nm-page-wrap > div > div.nm-row > div {
		padding: 0;
	}
	
	.register-sub-header-content {
		padding: 60px 30px 0 30px;
	}
	
	.woocommerce-LoginNow {
		padding: 15px 0 0 30px;
	}
	
	.sub-register-content {
		padding: 0 30px 30px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.logo-fixed-starter {
    width: 40%;
    padding: 15px 0 30px 70px;
    position: relative;
    top: 65%;
    }
    .banner-wrapper #scene,
	#scene .parallax-layer {
    height: 30vh;
    }
    .landing-page-header, .banner-wrapper {
    height: 30vh;
    }
	.banner-wrapper {
    height: 30vh;
    }
    #LagimStory {
    height: 500px !important;
    top: 340px;
    }
    .col-sm-offset-0 {
    width: 100%;
    }
    .blog-snippet {
    padding-bottom: 0;
    }
    .feature-text {
    padding-bottom: 0;
    padding-top: 200px;
    }

    #scene > div.logo-fixed-starter > div > a > img{
        position: absolute;
        right: -30px; 
        width: 150px;
        }
		
	#post-14 > div.nm-row.nm-row-full.vc_row.wpb_row.vc_custom_1609516566504 > div > div > div > div:nth-child(2) > div.nm_column.nm_column_inner.col-sm-6.col-lg-offset-3.col-md-offset-3.col-sm-offset-3.vc_col-sm-6.vc_col-lg-offset-3.vc_col-md-offset-3.vc_col-sm-offset-3 {
		margin-left: 15%;
		width: 70%;
	}
	
	.product-promos {
		display: block;
	}
	
	.product-container {
		padding-bottom: 30px;
	}
	
	body > div.nm-page-overflow > div.nm-page-wrap > div > div.nm-row > div {
		padding: 0;
	}
	
	.woocommerce-LoginNow {
		padding: 25px 0 0 50px;
	}
	
	.register-sub-header-content {
		padding: 60px 50px 0 50px;
	}
	.sub-register-content {
		padding: 0 50px;
	}
}

/**
	--- PAGE
**/
.card_row table tr td{
	padding-right: 15px;
}
.card_row table{
	margin-top: 20px;
	margin-bottom: 30px;
}

/*WOOCOMMERCE PAGE*/

/*.woocommerce-page .nm-page-wrap-inner {
    background-color: #000;
}

.woocommerce-page .nm-page-wrap {
    background-color: #000;
}*/

#customer_details h3, label, .woocommerce-privacy-policy-text,
.nm-checkout-product-name,
.nm-checkout-product-total,
.order-total,
.order_details,
.woocommerce-thankyou-order-details li strong, 
.cart-collaterals,
.woocommerce-customer-details,
.woocommerce-customer-details h2 {
    color: #000000 !important;
}

.input-text, .cart-subtotal, .nm-shipping-th-title, .woocommerce-Price-amount .amount,
.payment_box p {
    color: #7C7C7C!important;
}

#payment .payment_methods {
    border: 0px solid #eee !important
}

#payment .payment_methods li {
    border-bottom: 1px solid #eee !important;
}

/*--- Collectible Figures ---*/


.section-figure {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/background-2-update.png');
    background-size: 100%;
	padding: 0 100px;
	background-repeat: no-repeat;
	height: 100vw;
	display: none;
	
}

#collectible-banner {
	line-height: 0;
}

#sarangay-figure {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Sarangay.png');
    height: 85vh;
    background-size: 99%;
	background-repeat: no-repeat;
	display: grid;
    align-items: center;
	padding: 0;
}

#nuno-figure {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Nuno.png');
    height: 85vh;
    background-size: 99%;
	background-repeat: no-repeat;
	display: grid;
    align-items: center;
	padding: 0;
}

#mangkukulam-figure {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Mangkukulam.png');
    height: 85vh;
    background-size: 99%;
	background-repeat: no-repeat;
	display: grid;
    align-items: center;
	padding: 0;
}

#mambabarang-figure {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Mambabarang.png');
    height: 85vh;
    background-size: 99%;
	background-repeat: no-repeat;
	display: grid;
    align-items: center;
	padding: 0;
}

.figure-details{
	justify-self: center;
    padding-left: 290px;
	padding-bottom: 60px;
}

#nuno-figure > div.figure-details {
	justify-self: center;
    padding-left: 260px;
}

.figure-pre-order {
	justify-self: center;
	background-color: #B59C80;
	padding: 5px 15px;
	margin-left: 310px;
}

#collection-figure > div.nuno-figure.col-md-6 > div.figure-pre-order {
	margin-left: 340px;
}

#collection-figure > div.mangkukulam-figure.col-md-6 > div.figure-details,
#collection-figure > div.mambabarang-figure.col-md-6 > div.figure-details {
	padding-left: 375px;
}

.figure-details h3 {
	color: #B59C80;
	font-size: 18px;
}

div.figure-details > ul > li {
	font-weight: 600;
}

div.figure-details > ul > li:nth-child(4) {
	padding-bottom: 25px;
}

.background-banner {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Group-98.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 17vh;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 35%;
}

.background-banner h3 {
    text-align: center;
	font-size: 20px;
	color: #000000;
	font-weight: 600;
	text-shadow: 0.1px 0px 1px red;
}

#figure-title h3 {
	text-align: center;
	font-size: 25px;
	color: #000000;
	font-weight: 600;
}


.figure-pre-order a {
	font-size: 12px;
    font-weight: 600;
    color: #ffffff;
}

#header-title {
	text-align-last: center;
	position: relative;
	bottom: 50px;
}

#smoke-background {
	padding: 0;
}

#smoke-background > video {
	width: 100vw;
    object-fit: cover;
    height: 850px;
    opacity: 0.3;
}

.col-md-8 {
	max-width: 100%;
}

#mangkukulam-figure > div.figure-details,
#mambabarang-figure > div.figure-details
 {
	padding-left: 345px;
}


#collection-figure > div.nuno-figure.col-md-6,
#collection-figure > div.mambabarang-figure.col-md-6 {
	padding: 5px;
	
}

#collection-figure > div.sarangay-figure.col-md-6,
#collection-figure > div.mangkukulam-figure.col-md-6 {
	padding: 5px;
	
}

#collection-figure {
	padding: 0 100px;
}
body{
	line-height: normal;
}
body > div.nm-page-overflow > div.nm-page-wrap > div > section.collection-section {
	padding-top: 35px;
}

#figure-title {
background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Group-98.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20vh;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 35%;
	position: absolute;
    top: 39%;
}

.title-banner {
	text-align-last: center;
}

.title-header {
	text-align: center;
    width: 65%;
	box-shadow: 0px 0px 25px 45px rgb(0 0 0 / 70%);
}

body > div.nm-page-overflow > div.nm-page-wrap > div > section.collection-section > img {
	display: none;
}


.bakunawa-figure {
	padding: 0 105px;
}

#smoke-background-banner {
	padding: 0;
}

/*------PARALLAX COLLECTIBLE-----*/
.parallax-collectible {
	/* The image used */
  background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/lagim-collectible-update.jpg');

  /* Full height */
  height: 100vh; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.collectible-smoke-parallax {
	line-height: 0;
	opacity: 0.3;
	width: 100%;
	height: 100vh;
}

.collectible-smoke-parallax video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}


/*--- Expansion Pack ---*/

.background-giant {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Giants-Banner.png');
    background-size: contain;
	background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
	display: flex;
}

.giant-pack-text {
	align-self: center;
    padding: 100px;
}

section.background-giant > div > div:nth-child(3) > p {
	margin-top: 25px;
}

.background-dwarfs {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Dwarfs-Banner.png');
    background-size: contain;
	background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
	display: flex;
}

.dwarfs-pack-text {
	align-self: center;
    padding: 100px;
}

section.background-dwarfs > div > div:nth-child(3) > p {
	margin-top: 25px;
}

.background-lakas {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Lakas-Banner.png');
    background-size: contain;
	background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
	display: flex;
}

.lakas-pack-text {
	align-self: center;
    padding: 100px;
}

section.background-lakas > div > div:nth-child(3) > p {
	margin-top: 25px;
}

.background-hiwaga-kontra {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Hiwaga-Background.png');
    background-size: contain;
	background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
	display: flex;
}

.lakas-pack-hiwaga-kontra {
	align-self: center;
    padding: 100px;
}

section.background-hiwaga-kontra > div > div:nth-child(3) > p {
	margin-top: 25px;
}

.background-hiwaga-kontra-background img {
	padding: 15px;
}

.hiwaga-kontra-pack-text {
	align-self: center;
	padding: 100px;
}

.expansion-pack-title h3 {
	width: 75%;
	color: #CA791D;
}

.expansion-pack-details p {
	width: 75%;
}


.col-md-6.giant-pack-text > div:nth-child(2) > p,
.col-md-6.dwarfs-pack-text > div:nth-child(2) > p,
.col-md-6.lakas-pack-text > div:nth-child(2) > p,
.col-md-6.hiwaga-kontra-pack-text > div:nth-child(2) > p

{
	padding-bottom: 25px
}

.expansion-pack-title,
.expansion-pack-details {
	display: flex;
	justify-content: center;
}

.expansion-pack-details a {
	padding: 10px 20px;
    background-color: #B59C80;
    color: #ffffff;
	
}

/*--- sample ----*/
.expansion-pack-giant {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Giants-Background-1.png');
    background-size: cover;
	background-repeat: no-repeat;
}

.expansion-pack-giant-sub {
	display: flex;
}

.giant-pack-image img {
	object-fit: cover;
    height: 75vh;
	display: block;
}

.giant-pack-title, .giant-pack-details, .btn-pre-order {
	display: flex;
	justify-content: center;
}

.giant-pack-title h3, .giant-pack-details p, .btn-pre-order a {
	width: 50%;
}



.expansion-pack-dwarf {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Dwarfs-Background-1.png');
    background-size: cover;
	background-repeat: no-repeat;
}

.expansion-pack-dwarf-sub {
	display: flex;
}

.dwarf-pack-image img {
	object-fit: cover;
    height: 75vh;
}

.dwarf-pack-title, .dwarf-pack-details, .btn-pre-order {
	display: flex;
	justify-content: center;
}

.dwarf-pack-title h3, .dwarf-pack-details p, .btn-pre-order a {
	width: 50%;
}

.dwarf-pack-text {
	align-self: center;
    padding: 100px;
}


.expansion-pack-lakas {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Lakas-Background-1.png');
    background-size: cover;
	background-repeat: no-repeat;
}

.expansion-pack-lakas-sub {
	display: flex;
}

.lakas-pack-image img {
	object-fit: cover;
    height: 75vh;
}

.lakas-pack-title, .lakas-pack-details, .btn-pre-order {
	display: flex;
	justify-content: center;
}

.lakas-pack-title h3, .lakas-pack-details p, .btn-pre-order a {
	width: 50%;
}

.lakas-pack-text {
	align-self: center;
    padding: 100px;
}


.expansion-pack-hiwaga-kontra {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/Hiwaga-Background-1.png');
    background-size: cover;
	background-repeat: no-repeat;
}

.expansion-pack-hiwaga-kontra-sub {
	display: flex;
}

.hiwaga-kontra-pack-image img {
	object-fit: cover;
    height: 75vh;
}

.hiwaga-kontra-pack-title, .hiwaga-kontra-pack-details, .btn-pre-order {
	display: flex;
	justify-content: center;
}

.hiwaga-kontra-pack-title h3, .hiwaga-kontra-pack-details p, .btn-pre-order a {
	width: 50%;
}

.hiwaga-kontra-pack-text {
	align-self: center;
    padding: 100px;
}


.background-giant,
.background-dwarfs,
.background-lakas,
.background-hiwaga-kontra {
	display: none;
}

.expansion-pack-background {
	padding: 0;
}

.giant-pack-image,
.lakas-pack-image {
	padding: 0;
	display: flex;
    justify-content: flex-start;
}

.dwarf-pack-image,
.hiwaga-kontra-pack-image {
	padding: 0;
	display: flex;
    justify-content: flex-end;
}


.expansion-pack-smoke {
	line-height: 0;
	position: absolute;
    top: 0;
	opacity: 0.3;
	width: 100%;
}

.expansion-pack-smoke video {
	width: 100%;
}

.giant-pack-text > div.expansion-pack-title,
.giant-pack-text > div:nth-child(2),
.giant-pack-text > div:nth-child(3) {
	display: flex;
    justify-content: flex-end;
}

.dwarfs-pack-text > div.expansion-pack-title,
.dwarfs-pack-text > div:nth-child(2),
.dwarfs-pack-text > div:nth-child(3) {
	display: flex;
    justify-content: flex-start;
}

.lakas-pack-text > div.expansion-pack-title,
.lakas-pack-text > div:nth-child(2),
.lakas-pack-text > div:nth-child(3) {
	display: flex;
    justify-content: flex-end;
}

.hiwaga-kontra-pack-text > div.expansion-pack-title,
.hiwaga-kontra-pack-text > div:nth-child(2),
.hiwaga-kontra-pack-text > div:nth-child(3) {
	display: flex;
    justify-content: flex-start;
}

.deck-ks-edition {
	align-self: center;
    padding: 100px;
}

.expansion-deck-ks-edition-text  p {
	width: 65%;
	margin-bottom: 20px;
}

.expansion-deck-ks-edition-button {
	margin: 15px 0;
}

.expansion-deck-ks-edition-sub {
	background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/expansion-pack-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	display: flex;
}

.expansion-deck-ks-edition-title h3 {
	color: #CA791D;
}

.expansion-deck-ks-edition-button a {
	padding: 10px 20px;
    background-color: #B59C80;
	color: #ffffff;
}

.expansion-deck-ks-edition-title-sub ul {
	color: #B59C80;
}

.deck-ks-edition-image img {
	display:none;
}

/*------PARALLAX-----*/
.parallax {
	/* The image used */
  background-image: url('https://lagimcardgame.com/wp-content/uploads/2022/08/lagim-expansion-pack.jpg');

  /* Full height */
  height: 100vh; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.expansion-pack-smoke-parallax {
	line-height: 0;
	opacity: 0.3;
	width: 100%;
	height: 100vh;
}

.expansion-pack-smoke-parallax video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

/*--- HOVER -----*/


.giant-pack-image img.hover,
.dwarf-pack-image img.hover,
.lakas-pack-image img.hover,
.hiwaga-kontra-pack-image img.hover {
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .2s;
	height: 75vh;
}

.giant-pack-image:hover img.hover,
.dwarf-pack-image:hover img.hover,
.lakas-pack-image:hover img.hover,
.hiwaga-kontra-pack-image:hover img.hover {
	opacity: 100%;
	transition: opacity 1s;
}



@media only screen and (min-width: 320px) and (max-device-width: 480px)  {
	
	#scene > div.lagim-slider {
		display: none;
	}
	
	#scene > div.lagim-slider-mobile {
		display: block;
	}
	
	
	#scene > div.lagim-slider-mobile > video {
		position: absolute;
		top: 0;
		height: 100vh;
		opacity: 0.3;
		pointer-events: none;
	}
	
	#smoke-background > img {
		height: 80vh;
		width: 100%;
		object-fit: cover;
	}
	
	#collection-figure {
		padding: 0 25px;
	}
	
	.bakunawa-figure {
		padding: 5px 30px 0;
	} 
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	body > div.nm-page-overflow > div.nm-page-wrap > div > section.collection-section {
		margin-top: 650px;
	}
	
	
	/*--- Expansion Pack ---*/
	
	.giant-pack-text {
		padding: 0 40px;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		display: block;
		text-align: left;
	}
	
	.expansion-pack-title h3 {
		width: 100%;
		font-size: 20px;
		text-align: center;
	}
	
	.expansion-pack-details p {
		width: 100%;
		text-align: center;
	}
	
	.dwarfs-pack-text, .lakas-pack-text, .hiwaga-kontra-pack-text {
		padding: 0 40px;
	}
	
	.deck-ks-edition {
		padding: 40px 40px 0;
	}
	
	/*--- Expansion Pack Take 2 ---*/
	
	.expansion-pack-background img {
		height: 43vh;
		object-fit: cover;
		width: 100%;
	}
	
	
	.expansion-pack-giant {
		margin: 35px 0 70px;
	}
	
	.expansion-pack-dwarf {
		margin: 0 0 70px;
	}
	
	.expansion-pack-lakas {
		margin: 0 0 70px;	
	}
	
	.expansion-pack-hiwaga-kontra
	{
		margin: 0 0 70px;
	}
	
	.expansion-pack-giant-sub,
	.expansion-pack-lakas-sub {
		flex-flow: wrap-reverse;
	}
	
	.expansion-pack-dwarf-sub,
	.expansion-pack-hiwaga-kontra-sub {
		display: block;
	}
	
	.giant-pack-image,
	.dwarf-pack-image,
	.lakas-pack-image,
	.hiwaga-kontra-pack-image{
		padding: 0;
	}
	
	
	.dwarf-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: auto;
	}
	
	.giant-pack-image img,
	.lakas-pack-image img{
		height: auto;
		position: relative;
		left: -20px;
	}
	
	.col-md-6.giant-pack-text > div:nth-child(2) > p, .col-md-6.dwarfs-pack-text > div:nth-child(2) > p, 
	.col-md-6.lakas-pack-text > div:nth-child(2) > p, .col-md-6.lakas-pack-text > div:nth-child(2) > p {
		text-align: center;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 20px;
		
	}
	
	.expansion-deck-ks-edition-text p {
		width: 100%;
	}
	
	.expansion-deck-ks-edition-sub {
		background-image: none;
		display: block;
	}
	
	.deck-ks-edition-image {
		padding: 0;
	}
	
	.deck-ks-edition-image img {
		display: block;
		object-fit: cover;
		width: 100%;
		height: 35vh;
		object-position: 0%;
	}
	
	/*---- PARALLAX-----*/
	.parallax {
		width: 100%;
		height: 55vh;
		background-image:url('https://lagimcardgame.com/wp-content/uploads/2022/08/expansion-pack.jpg');
	}
	
	.expansion-pack-smoke-parallax,
	.expansion-pack-smoke-parallax video{
		height: 55vh;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: auto;
	}
	
	.section-banner {
		display: none;
	}
	
	body > div.nm-page-overflow > div.nm-page-wrap > div > section.section-mobile-banner {
		display: block;
	}
	
	#smoke-background-mobile-banner {
		padding: 0;
	}
	
	#smoke-background-mobile-banner > video {
		position: absolute;
		bottom: 0;
		height: 100vh;
		opacity: 0.3;
	}
	
	#metaslider_966 > ul > li.slide-1453.ms-image.flex-active-slide > a > img,
	#metaslider_966 > ul > li.slide-1453.ms-image > a > img{
		height: 100vh;
		object-fit: cover;
	}
	
	.woocommerce-slider-myaccount {
		display: block;
	}
	
	
}

@media only screen and (min-width: 481px) and (max-device-width: 700px) {
	
	#scene > div.lagim-slider-mobile > video {
		position: absolute;
		top: 0;
		height: 100vh;
		opacity: 0.3;
		pointer-events: none;
	}
	
	#smoke-background > img {
		height: 100vh;
		width: 100%;
		object-fit: cover;
	}
	
	#collection-figure {
		padding: 0 15px;
	}
	
	.bakunawa-figure {
		padding: 5px 30px 0;
	} 
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.giant-pack-text {
		padding: 0 40px;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		display: block;
		text-align: center;
	}
	
	.expansion-pack-title h3, .expansion-pack-details p {
		width: 100%;
		text-align: center;
	}
	
	.dwarfs-pack-text, .lakas-pack-text {
		padding: 0 40px;
	}
	
	/*--- Expansion Pack Take 2 ---*/
	
	.expansion-pack-giant,
	.expansion-pack-dwarf,
	.expansion-pack-lakas,
	.expansion-pack-hiwaga-kontra {
		margin: 35px 0;
	}
	
	.expansion-pack-giant-sub,
	.expansion-pack-lakas-sub {
		flex-flow: wrap-reverse;
	}
	
	.expansion-pack-dwarf-sub,
	.expansion-pack-hiwaga-kontra-sub {
		display: block;
	}
	
	.giant-pack-image,
	.dwarf-pack-image,
	.lakas-pack-image,
	.hiwaga-kontra-pack-image{
		padding: 0;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: auto;
	}
	
	/*--- Expansion Pack Take 2 ---*/
	
	.expansion-pack-giant {
		margin: 35px 0 110px;
	}
	
	.expansion-pack-dwarf {
		margin: 0 0 110px;
	}
	
	.expansion-pack-lakas {
		margin: 0 0 110px;	
	}
	
	.expansion-pack-hiwaga-kontra
	{
		margin: 0 0 110px;
	}
	
	.expansion-pack-giant-sub,
	.expansion-pack-lakas-sub {
		flex-flow: wrap-reverse;
	}
	
	.expansion-pack-dwarf-sub,
	.expansion-pack-hiwaga-kontra-sub {
		display: block;
	}
	
	.giant-pack-image,
	.dwarf-pack-image,
	.lakas-pack-image,
	.hiwaga-kontra-pack-image{
		padding: 0;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: auto;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: auto;
	}
	
	.expansion-deck-ks-edition-sub {
		background-image: none;
		display: block;
	}
	
	.deck-ks-edition-image {
		padding: 0;
	}
	
	.deck-ks-edition-image img {
		display: block;
		object-fit: cover;
		width: 100%;
		height: 35vh;
		object-position: 0%;
	}
	
	.deck-ks-edition {
		padding: 50px;
	}
	
	.hiwaga-kontra-pack-text {
		padding: 0 40px;
	}
	
	/*---- PARALLAX-----*/
	.parallax {
		background-size: auto 60%;
		width: 100%;
		height: 55vh;
	}
	
	.expansion-pack-smoke-parallax,
	.expansion-pack-smoke-parallax video{
		height: 55vh;
	}
	
}

@media only screen and (min-width: 702px) and (max-width: 1019px) {
	
	.section-banner {
		height: 430px;
	}
	
	.bakunawa-figure {
		padding: 5px 50px 0;
	} 
	
	#collection-figure {
		padding: 0 45px;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.giant-pack-text {
		padding: 0 70px;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		display: block;
		text-align: center;
	}
	
	.expansion-pack-title h3 {
		width: 100%;
		font-size: 28px;
		text-align: center;
	}
	
	.expansion-pack-details p {
		width: 100%;
		font-size: 20px;
		text-align: center;
	}
	
	.dwarfs-pack-text, .lakas-pack-text {
		padding: 0 70px;
	}
	
	.expansion-pack-details a {
		font-size: 18px;
	}
	
	/*--- Expansion Pack Take 2 ---*/
	
	.expansion-pack-giant {
		margin: 35px 0 70px;
	}
	
	.expansion-pack-dwarf {
		margin: 0 0 70px;
	}
	
	.expansion-pack-lakas {
		margin: 0 0 70px;	
	}
	
	.expansion-pack-hiwaga-kontra
	{
		margin: 0 0 70px;
	}
	
	.expansion-pack-giant-sub,
	.expansion-pack-lakas-sub {
		flex-flow: wrap-reverse;
	}
	
	.expansion-pack-dwarf-sub,
	.expansion-pack-hiwaga-kontra-sub {
		display: block;
	}
	
	.giant-pack-image,
	.dwarf-pack-image,
	.lakas-pack-image,
	.hiwaga-kontra-pack-image{
		padding: 0;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: auto;
	}
	
	.col-md-6.giant-pack-text > div:nth-child(2) > p, 
	.col-md-6.dwarfs-pack-text > div:nth-child(2) > p, 
	.col-md-6.lakas-pack-text > div:nth-child(2) > p, 
	.col-md-6.lakas-pack-text > div:nth-child(2) > p {
		padding-bottom: 35px;
		padding-top: 10px;
	}
	
	.expansion-deck-ks-edition-title h3 {
		text-align: left;
		font-size: 28px;
	}
	
	.expansion-deck-ks-edition-title-sub p {
		text-align: center;
		font-size: 20px;
	}
	
	.expansion-deck-ks-edition-button {
		text-align: left;
		font-size: 20px;
	}
	
	.expansion-deck-ks-edition-text p {
		width: 100%;
		text-align: left;
		font-size: 20px;
	}
	
	
	.expansion-deck-ks-edition-sub {
		background-image: none;
		display: block;
	}
	
	.expansion-deck-ks-edition-title-sub ul {
		text-align: left;
	}
	
	.deck-ks-edition-image {
		padding: 0;
	}
	
	.deck-ks-edition-image img {
		display: block;
		object-fit: cover;
		width: 100%;
		height: 35vh;
		object-position: 0%;
	}
	
	/*---- PARALLAX-----*/
	.parallax {
		background-size: auto 70%;
		width: 100%;
		height: 70vh;
	}
	
	.expansion-pack-smoke-parallax,
	.expansion-pack-smoke-parallax video{
		height: 70vh;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: auto;
	}

	#metaslider_955 > ul > li.slide-1332.ms-image.flex-active-slide > a > img {
		height: 42vh;
	}
}

@media only screen and (min-width: 1020px) and (max-width: 1140px) {
	
	.section-banner {
		height: auto;
	}
	
	.bakunawa-figure {
		padding: 5px 45px 0;
	}
	
	#collection-figure {
		padding: 0 40px;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.expansion-pack-title h3 {
		font-size: 18px;
		width: 85%;
	}
	
	.expansion-pack-details p {
		width: 85%;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		justify-content: end;
	}
	
	.expansion-pack-details a {
		font-size: 12px;
	}
	
	.giant-pack-text,
	.dwarfs-pack-text,
	.lakas-pack-text {
		padding: 0 100px 100px;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: 65vh;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 18px;
	}
	
	.expansion-deck-ks-edition-text p {
		width: 75%;
	}
	
	.expansion-deck-ks-edition-button a {
		font-size: 12px;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height:65vh;
	}
	
}

@media only screen and (min-width: 1141px) and (max-width: 1300px) {
	.section-banner {
		height: auto;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.expansion-pack-title h3 {
		font-size: 23px;
		width: 80%;
	}
	
	.expansion-pack-details p {
		font-size: 18px;
		width: 80%;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		justify-content: flex-start;
	}
	
	.background-lakas > div > div.expansion-pack-title,
	.background-lakas > div > div:nth-child(2),
	.background-lakas > div > div:nth-child(3){
		justify-content: end;
	}
	
	.background-giant > div > div.expansion-pack-title,
	.background-giant > div > div:nth-child(2),
	.background-giant > div > div:nth-child(3) {
		justify-content: end;
	}
	
	.background-dwarfs > div > div.expansion-pack-title,
	.background-dwarfs > div > div:nth-child(2),
	.background-dwarfs > div > div:nth-child(3){
		justify-content: flex-start;
	}
	
	.expansion-pack-details a {
		font-size: 12px;
	}
	
	.giant-pack-text,
	.dwarfs-pack-text,
	.lakas-pack-text {
		padding: 0 100px 100px;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: 65vh;
	}
	
	.giant-pack-text > div.expansion-pack-title,
	.giant-pack-text > div:nth-child(2),
	.giant-pack-text > div:nth-child(3)
	{
		justify-content: end;
	}
	
	.lakas-pack-text > div.expansion-pack-title,
	.lakas-pack-text > div:nth-child(2),
	.lakas-pack-text > div:nth-child(3) {
		justify-content: end;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 23px;
	}
	
	.expansion-deck-ks-edition-title-sub p {
		font-size: 18px;
	}
	
	.expansion-deck-ks-edition-text p {
		width: 85%;
		font-size: 18px;
	}
	
	.expansion-deck-ks-edition-button a {
		font-size: 12px;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: 65vh;
	}
	
	#nm-login-popup-wrap {
		padding: 0;
		margin-top: 5%;
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1550px) {
	#metaslider_955 > ul > li.slide-1332.ms-image > a > img {
		height: 120vh;
	}
}

@media only screen and (min-width: 1551px) and (max-width: 1650px) {
	#smoke-background-banner {
		padding: 0;
	}
	
	.section-banner {
		height: auto;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: 65vh;
	}
	
	.giant-pack-text > div.expansion-pack-title,
	.giant-pack-text > div:nth-child(2),
	.giant-pack-text > div:nth-child(3)
	{
		justify-content: end;
	}
	
	.lakas-pack-text > div.expansion-pack-title,
	.lakas-pack-text > div:nth-child(2),
	.lakas-pack-text > div:nth-child(3) {
		justify-content: end;
	}
	
	.expansion-pack-title h3 {
		font-size: 30px;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 30px;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: 65vh;
	}

	#metaslider_955 > ul > li.slide-1332.ms-image.flex-active-slide > a > img {
		height: 134vh;
	}
	
	#nm-login-popup-wrap {
		padding: 0;
		margin-top: 5%;
	}
}

@media only screen and (min-width: 1651px) and (max-width: 1800px) {
	.section-banner {
		height: auto;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.expansion-pack-title h3 {
		font-size: 23px;
		width: 60%;
	}
	
	.expansion-pack-details p {
		font-size: 18px;
		width: 60%;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		justify-content: flex-start;
	}
	
	.background-lakas > div > div.expansion-pack-title,
	.background-lakas > div > div:nth-child(2),
	.background-lakas > div > div:nth-child(3){
		justify-content: end;
	}
	
	.background-giant > div > div.expansion-pack-title,
	.background-giant > div > div:nth-child(2),
	.background-giant > div > div:nth-child(3) {
		justify-content: end;
	}
	
	.background-dwarfs > div > div.expansion-pack-title,
	.background-dwarfs > div > div:nth-child(2),
	.background-dwarfs > div > div:nth-child(3){
		justify-content: flex-start;
	}
	
	.expansion-pack-details a {
		font-size: 12px;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: 65vh;
	}
	
	.giant-pack-text > div.expansion-pack-title,
	.giant-pack-text > div:nth-child(2),
	.giant-pack-text > div:nth-child(3)
	{
		justify-content: end;
	}
	
	.lakas-pack-text > div.expansion-pack-title,
	.lakas-pack-text > div:nth-child(2),
	.lakas-pack-text > div:nth-child(3) {
		justify-content: end;
	}
	
	.expansion-pack-title h3 {
		font-size: 30px;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 30px;
	}
	
	.expansion-deck-ks-edition-text p {
		font-size: 18px;
		width: 60%;
	}
	
	.expansion-deck-ks-edition-title-sub {
		font-size: 18px; 
	}
	
	.expansion-deck-ks-edition-button a {
		font-size: 18px;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: 65vh;
	}
	
	.expansion-pack-details a {
		font-size: 18px;
	}
	
	#metaslider_955 img {
		height: 134vh;
	}
	
	#nm-login-popup-wrap {
		padding: 0;
		margin-top: 5%;
	}
}


@media only screen and (min-width: 1801px) and (max-width: 2050px) {
	.section-banner {
		height: auto;
	}
	
	#collection-figure img {
		width: 100%
	}
	
	.bakunawa-collection-section img {
		width: 100%
	}
	
	/*--- Expansion Pack ---*/
	
	.expansion-pack-title h3 {
		font-size: 23px;
		width: 60%;
	}
	
	.expansion-pack-details p {
		font-size: 18px;
		width: 60%;
	}
	
	.expansion-deck-ks-edition-text p {
		font-size: 18px;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		justify-content: flex-start;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: 75vh;
	}
	
	.giant-pack-text > div.expansion-pack-title,
	.giant-pack-text > div:nth-child(2),
	.giant-pack-text > div:nth-child(3)
	{
		justify-content: end;
	}
	
	.lakas-pack-text > div.expansion-pack-title,
	.lakas-pack-text > div:nth-child(2),
	.lakas-pack-text > div:nth-child(3) {
		justify-content: end;
	}
	
	.expansion-pack-details a {
		font-size: 12px;
	}
	
	.expansion-pack-title h3 {
		font-size: 30px;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 30px;
	}
	
	#scene > div.lagim-slider > video {
		object-fit: cover;
		height: 115vh;
	}

	#metaslider_955 img {
		height: 115vh;
		object-position: bottom;
	}

	#nm-login-popup-wrap {
		padding: 0;
		margin-top: 3%;
	}
	
}

@media only screen and (min-width: 2051px) and (max-width: 2305px) {
	
	.section-banner {
		height: auto;
	}
	
	#smoke-background > img {
		width: 100%;
	}
	
	#collection-figure img {
		width: 100%;
	}
	
	.bakunawa-collection-section img {
		width: 100%;
	}
	
	/*--- Expansion Pack ---*/
	
	.expansion-pack-title h3 {
		font-size: 23px;
		width: 60%;
	}
	
	.expansion-pack-details p {
		font-size: 18px;
		width: 60%;
	}
	
	.expansion-deck-ks-edition-text p {
		font-size: 18px;
	}
	
	.expansion-pack-title, .expansion-pack-details {
		justify-content: flex-start;
	}
	
	.giant-pack-image img,
	.dwarf-pack-image img,
	.lakas-pack-image img,
	.hiwaga-kontra-pack-image img{
		height: auto;
	}
	
	.giant-pack-text > div.expansion-pack-title,
	.giant-pack-text > div:nth-child(2),
	.giant-pack-text > div:nth-child(3)
	{
		justify-content: end;
	}
	
	.lakas-pack-text > div.expansion-pack-title,
	.lakas-pack-text > div:nth-child(2),
	.lakas-pack-text > div:nth-child(3) {
		justify-content: end;
	}
	
	.expansion-pack-details a {
		font-size: 12px;
	}
	
	.giant-pack-text {
		padding: 0 100px 100px;
	}
	
	.expansion-pack-title h3 {
		font-size: 30px;
	}
	
	.expansion-deck-ks-edition-title h3 {
		font-size: 30px;
	}
	
	.giant-pack-image img.hover, .dwarf-pack-image img.hover, .lakas-pack-image img.hover, .hiwaga-kontra-pack-image img.hover {
		height: auto;
	}
	
}

/*--- SLIDER -----*/
#metaslider_955 img {
    width: 100%;
    object-fit: cover;
}

.lagim-slider-mobile {
	display: none;
}


}

@media only screen and (min-width: 320px) and (max-device-width: 480px) {
	
	.lagim-slider {
		display: none;
	}
	
	.lagim-slider-mobile {
		display: block;
	}
	
	#scene > div.lagim-slider-mobile > video {
		position: absolute;
		top: 0;
		opacity: 0.5;
		height: 100vh;
		pointer-events: none;
	}
	
	.section-banner {
		display: none;
	}
	
	body > div.nm-page-overflow > div.nm-page-wrap > div > section.section-mobile-banner {
		display: block;
	}
	
	#smoke-background-mobile-banner {
		padding: 0;
	}
	
	#smoke-background-mobile-banner > video {
		position: absolute;
		bottom: 0;
		height: 100vh;
		opacity: 0.3;
		pointer-events: none;
	}
	
	#collection-figure > div.sarangay-figure.col-md-6 > img {
		margin-top: 30px;
	}
	
	.lagim-slider {
		display: none;
	}
	
	.lagim-slider-mobile {
		display: block;
	}
}

@media only screen and (min-width: 481px) and (max-device-width: 700px) {
	.lagim-slider {
		display: none;
	}
	
	.lagim-slider-mobile {
		display: block;
	}
	
	#collection-figure > div.sarangay-figure.col-md-6 > img {
		margin-top: 30px;
	}
	
	.section-banner {
		display: none;
	}
	
	body > div.nm-page-overflow > div.nm-page-wrap > div > section.section-mobile-banner {
		display: block;
	}
	
	#smoke-background-mobile-banner {
		padding: 0;
	}
	
	#smoke-background-mobile-banner > video {
		position: absolute;
		bottom: 0;
		height: 100vh;
		opacity: 0.3;
		pointer-events: none;
	}
	
	
}

.section-mobile-banner {
	display: none;
}

.section-figure-banner {
	display: none;
}

#scene > div.lagim-slider > video {
	position: absolute;
    top: 0;
    opacity: 0.3;
    width: 100%;
	pointer-events: none;
}

#smoke-background-banner > video {
	position: absolute;
    bottom: 0;
    opacity: 0.3;
    width: 100%;
	pointer-events: none;
}

.products li.outofstock .nm-shop-loop-thumbnail > a:after {
	content: "SOLD OUT" !important;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 9px;
    font-weight: 600;

}

#post-14 > div.nm-row.nm-row-full.vc_row.wpb_row.vc_custom_1609516566504 > div > div > div > div:nth-child(2) > div:nth-child(4) > div > div > a > span.nm_btn_title {
	color: #000000;
	font-weight: 600;
}

/* Lagim Pre-Order */

.preorder-form-section{
	display:flex;
	justify-content: center;
	align-items: center;
	/* background: #0e0e0e; */
	height: 100%;
	width: 100%;
}
.preorder-form-container{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/* background: #1d1d1d;
	box-shadow: -5px -5px 5px 3px rgb(0 0 0); */
	/* height: 80vh;
	width: 40vw; */
}
.preorder-form-header-container{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.preorder-form-header{
	font-family: 'Lusitana,sans-serif'!important;
	color: #CA791D;
	font-size: 35px;
	font-weight: 400;
	text-align: center;
	width: 55%;
	margin: 5% 0 0 0;
}
.preorder-form-subheader{
	font-family: 'Antic'!important;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 10px 0 0 0;
}
.preorder-contactform-container{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#wpcf7-f1323-o1 > form{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.preorder-name, .preorder-address, .preorder-city, .preorder-state, .preorder-postal, .preorder-email, .preorder-number {
	height: 40px;
	padding: 0 15px;
	width: 100%;
	color: #000;
	font-weight: 400;
	font-family: 'Antic'!important;
}
p{
	margin: 12px 0;
}
.preorder-input-container{
	padding: 5% 0 10% 0;
}
#wpcf7-f1323-o1 > form > div.preorder-input-container > p:nth-child(9){
	display: flex;
	justify-content: center;
	align-items: center;
}
.preorder-submit{
	width: 85%!important;
	font-family: 'Antic'!important;
}
div.wpcf7, .wpcf7{
	margin: 0!important;
}
span.wpcf7-form-control-wrap{
	/* padding: 10px 15px; */
	width: 100%;
}
#wpcf7-f1323-o1 > form > div.preorder-input-container > p:nth-child(8){
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 0 0 0;
}
input::placeholder{
	color:#000;
	font-weight: 400;
	opacity: 0.6;
}

/* Error Contact Form 7 */
.wpcf7 form.invalid .wpcf7-response-output {
    position: relative;
	bottom: 30px;
    color: red;
    border: 2px solid red;
    width: 100%;
    text-align: center;
}
/* Success Contact Form 7 */
.wpcf7 form.sent .wpcf7-response-output {
    position: relative;
	bottom: 30px;
    color: #46b450;
    width: 100%;
    border: 2px solid #46b450;
    text-align: center;
}
/* Error Field Contact Form 7 */
.wpcf7-not-valid-tip {
    color: white!important;
    font-weight: normal;
    display: block;
    width: fit-content;
    background: #dc3232;
	margin-left: 0px!important;
}

/* Mobile Screen Size */
@media only screen and (min-width: 320px) and (max-device-width: 480px) {
	.preorder-form-container{
		width: 90%;
	}
	.preorder-form-header{
		margin: 15% 0 0 0;
		font-size: 25px;
		width: 85%;
	}
	.preorder-form-subheader{
		font-size: 14px;
	}
	span.wpcf7-form-control-wrap{
		padding: 5px 0;
	}
	.preorder-input-container{
		padding: 10% 0 20% 0;
	}
}
/* Above Phone Size */
@media only screen and (min-width: 481px) and (max-width: 701px) {}
/* Tablet Screen Size */
@media only screen and (min-width: 702px) and (max-width: 1019px) {
	.preorder-form-container{
		width: 75%;
	}
	.preorder-form-header{
		margin: 15% 0 0 0;
		font-size: 30px;
		width: 90%;
	}
	.preorder-form-subheader{
		font-size: 20px;
	}
	span.wpcf7-form-control-wrap{
		padding: 5px 0;
	}
	.preorder-input-container{
		width: 75%;
		padding: 5% 0 15% 0;
	}
}


/* Contact Us */

.contact-us-section{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	object-fit: cover;
	background: url('images/contactbg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 10% 0;
}
.contact-us-fog-container{
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.contact-us-fog-img{
	height: 100%;
	width: 100%;
	opacity: 0.7;
	object-fit: contain;
}

.contact-us-form-container{
	/* height: 70%; */
	position: relative;
	width: 35%;
	border-radius: 18px;
	background: #000000d1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	z-index: 9;
}
.contact-us-header-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	bottom: 65px;
}
.contact-us-header{
	width: 90%;
}
.contact-us-subheader{
	font-family: 'Antic'!important;
	font-size: 20px;
	font-weight: normal;
	color: #B59C80;
	text-align: center;
	width: 75%;
}
.contact-us-input-field{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}
.contact-us-name, .contact-us-email, .contact-us-message{ 
	width: 100%;
	color: #000;
	background: #fff;
	font-weight: 400;
	height: 50px;
	opacity: 1;
	font-family: 'Antic'!important;
}
.contact-us-message::placeholder{
	color: #000;
}
#wpcf7-f1327-o1 > form > div.contact-us-input-field > input{
	width: 80%;
	height: 50px;
}
.contact-us-message{
	height: 100px;
}
#wpcf7-f1327-o1{
	width: 75%;
	position: relative;
	bottom: 40px;
}
#wpcf7-f1327-o1 > form > div.contact-us-input-field > p{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* Mobile Screen Size */
@media only screen and (min-width: 320px) and (max-device-width: 480px) {
	.contact-us-section{
		padding: 35% 0;
	}
	.contact-us-fog-container{
		display: none;
	}
	.contact-us-form-container{
		width: 90%;
	}
	.contact-us-header-container{
		bottom: 30px;
	}
	.contact-us-subheader{
		width: 100%;
		font-size: 14px;
	}
	#wpcf7-f1327-o1{
		bottom: 10px;
		width: 90%;
	}
	.contact-us-name, .contact-us-email,#wpcf7-f1327-o1 > form > div.contact-us-input-field > input{
		height: auto;
	}
	span.wpcf7-form-control-wrap{
		padding: 0;
	}
	
	#metaslider_966 > ul > li.slide-1370.ms-image.flex-active-slide > img {
		height: 100vh;
	}
	
	#customer_details,
	#order_review .place-order{
		padding: 25px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 701px) {
	.contact-us-section{
		padding: 35% 0;
	}
	.contact-us-fog-container{
		display: none;
	}
	.contact-us-form-container{
		width: 90%;
	}
	.contact-us-header-container{
		bottom: 30px;
	}
	.contact-us-subheader{
		width: 100%;
		font-size: 14px;
	}
	#wpcf7-f1327-o1{
		bottom: 10px;
		width: 90%;
	}
	.contact-us-name, .contact-us-email,#wpcf7-f1327-o1 > form > div.contact-us-input-field > input{
		height: auto;
	}
	span.wpcf7-form-control-wrap{
		padding: 0;
	}
}

/* Tablet Screen Size */
@media only screen and (min-width: 702px) and (max-width: 1019px) {
	.contact-us-section{
		padding: 25% 0;
	}
	.contact-us-form-container{
		width: 90%;
	}
	.contact-us-name, .contact-us-email,.contact-us-message,#wpcf7-f1327-o1 > form > div.contact-us-input-field > input{
		font-size: 18px!important;
	}
	span.wpcf7-form-control-wrap{
		padding: 0;
	}
}
@media only screen and (min-width: 1020px) and (max-width: 1140px) {
	.contact-us-form-container{
		width: auto;
	}
}
@media only screen and (min-width: 1141px) and (max-width: 1300px) {
	.contact-us-form-container{
		width: auto;
	}
}
/* .contact-us-contain {
	padding: 0 60px;
}

.contact-us-description  {
	width: 60%;
}

.contact-us-description h3 {
	color: #CA791D;
	margin-bottom: 20px;
}

#wpcf7-f1327-o1 > form > div.contact-form > span:nth-child(1) > input,
#wpcf7-f1327-o1 > form > div.contact-form > span:nth-child(3) > input,
#wpcf7-f1327-o1 > form > div.contact-form > span:nth-child(5) > div > input,
#wpcf7-f1327-o1 > form > div.contact-form > span:nth-child(7) > input {
	width: 100%;
	color: #000000;
}

#wpcf7-f1327-o1 > form > div.contact-form > input {
	width: 50%;
} */

#order_review .shop_table tbody .product-name,
.woocommerce-Price-amount {
	color: #000000;
}