.navbar-default .navbar-toggle, .navbar-default .navbar-toggle {

    z-index: 2;

}



/*section-I edit by bomb 11/12/66 */



.product-pricing > .row{

    justify-content: center;

    align-items: center;

}



.section.-I{

    position: relative;

    overflow: hidden;

}



.product-pricing{

    position: relative;

    z-index: 1;

}







.object .object01{

    position: absolute;

    top: 0px;

    

}



.object .object02{

    position: absolute;

    top: 0px;

    right: 0px;

}



/* .object .object03{

    position: absolute;

    top: -100px;

} */



.product-pricing h1{

    text-align: center;

    color: #1A9A8C;

    font-size: 80px;

    margin-top: 100px;

    margin-bottom: 0;

}



/* .product-pricing .product-img {

    padding-left: 20%;

    text-align: center;

} */



/* head */



nav .navbar-collapse .navbar-nav{

    font-size: 24px;

}



.button-main button {

    background-color: #169A8B;

    color: #fff;

    border-radius: 7px;

    padding: 5px;

    margin: -5px 2px;

    border: none;

}



.button-main a:hover{   

    border-color:transparent !important;



}

.navbar-custom li a.active{

    border-bottom: 6px solid rgba(23,154,139,1);

}





/* banner*/



.tgp-banner{

    margin-top: 100px;

}



.bannerslider img{

    width: 100%;

}



.bannerslider{

    position: relative;

}



.choice{

    position: fixed;

    margin: 100px -50px 0px 0px;

    padding: 10px;

    z-index: 20;

    right: 30px;

    top: 180px;

}



.choice img{

    width: 55%;

}



.choice li{

    margin-top: 10px;

}



.product-img-II img{

    max-width: 600px;

}



/* section II */



.tickets-crad{

    margin-top: 80px;

}



.tickets-crad h3{

    font-size: 50px;

    color: #2D2D2D;

}



.tickets-crad p{

    color: #000000;

    margin-top: 20px;

    font-size: 20px;

    line-height: 1.4em;

}



.tickets-crad .qr-img{

    border-radius: 25px;

    background-color: white;

}



.tickets-crad .ine-frame {

    display: flex;

    background-color: #2D2D2D;

    width: max-content;

    padding: 15px;

    border-radius: 50px;

    color: white;

    font-size: 20px;

    align-items: center;

    margin-top: 20px;

}



.tickets-crad .line-img {

    width: 40px;

    text-align: start;

    margin-right: 10px;



}

















/* .product-img-III {

    background-color: #ffffff;

    margin: 71px 50px 79px 305px;

    padding: 25px 20px;

    border-radius: 40px;

    box-shadow: 0 0 20px 10px rgba(0,0,0,0.1);

} */



body .section.-I{

    font-family: 'Prompt', sans-serif;

}



body .section.-II{

    font-family: 'Prompt', sans-serif;

}



/* Itemlist */

.item-list {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



.item-list:before,

.item-list:after {

    content: " ";

    display: table;

}



.item-list:after {

    clear: both;

}









/*section-II edit by Manow 11/12/66 */

.section.-III .block-limited-card{

    font-family: 'Prompt', sans-serif;

    color: #169A8B;

    font-size: 40px;

}



.naya-sec{

    background-image: url(../images/img/naya-2/bgsec02.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: bottom center;

}



.section.-III .text-center{

    padding: 10px;

}

.section.-III .block-limited-card .limited-imgI{

    margin-top: -10px;

    margin-left: 15px;

}



/* .section.-II .limited{

    background-image: url(../images/img/naya-2/bgsec3.png);

    width: 100%;

    top: 100%;



} */

/* มะนาว 11.12 แก้ไข ส่วน H ปรับตัวอักษร */



nav{

	font-family: 'DB_Helvethaica_x45';

	text-transform:uppercase;

	font-size:20px;

	font-weight:normal;

	position:relative;

	z-index:999999;

	

}



footer .footer-bar{

    color: #fff;

    background-color: #2D2D2D

}



.section.-V .tattoo-sce{

    background-image: url(../images/img/naya-2/footer-bg.png);

}



.section.-V .row{

    align-items: center;

}



.limited-tshirt .slider{

    margin-bottom: 50px;

}



.limited-tshirt .slider .slick-dots li {

    width: 100px;

    height: 13px;

    transition: all 200ms ease-out;

}



.limited-tshirt .slider .slick-dots li.slick-active {

    width: 200px;

}



.limited-tshirt .slider .slick-dots li.slick-active button {

    background-color: #169A8B;

}



.limited-tshirt .slider .slick-dots li button{

    background: #F1F1F1;

    width: 100%;

    height: 13px;

    border-radius: 10px;

    transition: all 200ms ease-out;

}



.limited-tshirt .slider .slick-dots li button:before{

    color: transparent;

}

/* gps */

.sec-gps .img-gps iframe{

    width: 2025px;

    height: 700px;

    border: 0;

}

/* section IV V */



.section.-IV{

    overflow: hidden;

}



.section.-V{

    overflow: hidden;

}



footer p{

    line-height: 1.4em;

}

/* add css by ohm2 14/12/23 */

.modal-tatto .modal-dialog {width: auto; max-width: 1440px;}
.modal-tatto .modal-dialog {position: relative; padding: 0 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2));}
.modal-tatto .modal-dialog .modal-close {position: absolute; right: -20px; top: -20px; width: 35px; height: 35px; background-color: #179a8b; outline: none; border: none; border-radius: 50%;}
.modal-tatto .modal-dialog .modal-close  img {filter: brightness(0) invert(1); width: 22px;}
.modal-tatto .modal-dialog .modal-content {width: 100%;}
.modal-tatto .modal-dialog .cover {padding-bottom: 45%; border-radius: 4px;}
figure.cover{position: relative; overflow: hidden; margin: 0;}
figure.cover img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media (max-width: 1440px) {
	.modal-tatto .modal-dialog .modal-close {right: 0; top: 0; z-index: 9; border-radius: 0; border-top-right-radius: 3px;}
	.modal-tatto .modal-body { padding: 0; }
	.modal-tatto .modal-content {border: none;}
}

@media (max-width: 991px) {
	.modal-tatto .modal-dialog {padding: 0;}
	.modal-tatto .modal-dialog .cover {padding-bottom: 50%;}
	.modal-tatto .modal-dialog .modal-close { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; }
	.modal-tatto .modal-dialog .modal-close img {width: 20px;}
}

@media (max-width: 767px) {
	.modal-tatto .modal-dialog .cover {padding-bottom: 90%;}
}