/*
 Theme Name:   Banpu
 Author:       Tananes Niyamosoth
 Template:     Printf
 Version:      1.0
*/

#map { width: 100%; top:0; overflow: auto; position: fixed !important; background-image: url(../assets/img/group-operation-map/site-bg.jpg); background-size:100% 100%; background-position:center; overflow:hidden; width:100%; height:100%; }
#map .we-pp { display: none; width:100px !important; height:0px; }
#map .we-pp .we-pp-close { display: none; }
#map .we-pp .we-pp-wrapper .we-pp-content { margin:0; height: 0px; }
#map .we-pp .we-pp-wrapper, #map .we-pp-tip { background:none; box-shadow:none; -webkit-box-shadow:none; height: 0px; }
#map .we-pp-tip-cont { display:none; }
#map .gop-icon { position: absolute; cursor:pointer; width:100% }
#map .gop-icon img { display:block; width:40px; height:40px; margin:0 auto; cursor:pointer; }
#map .gop-icon label { display:block; position:relative; top:-5px; color:#fff; line-height:10px; font-size:9px; text-align:center; font-weight: 500; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); cursor:pointer; }
#map .gop-icon.no-detail { cursor:default; }
#map .gop-icon.no-detail img { cursor:default; }
#map .gop-icon.no-detail label { cursor:default; }
#map .dec-icon { position: relative; }
#map .dec-icon img { width:40px; height:40px; }
#map .country-name-icon { position: relative; }
#map .country-name-icon img { width: auto; height:25px; }

.page-template-page-globe { position:fixed; overflow:hidden; width:100%; height:100%; background-image: url(../assets/img/group-operation-map/site-bg.jpg); background-size:100% 100%; background-position:center; }
.widget.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language { position: relative; z-index: 1; }
.page-template-page-globe .widget.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a {color: #fff; text-shadow: 1px 1px 4px #000; }
.page-template-page-globe .widget.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {text-shadow: none; }
.page-template-page-globe .home-icon { width:43px; position:relative; top:8px; }
.page-template-page-globe .search-form { display: contents; }
.page-template-page-globe #content { padding-bottom:200px; height:93%; }
.page-template-page-globe #content { background:none; }
.page-template-page-globe .site-action { border-bottom:none; }
.page-template-page-globe .site-action a { color:#fff; position: relative; z-index: 1; }
.page-template-page-globe .site-action .wpml-ls-current-language a { text-shadow: none; }
.page-template-page-globe #banpu-nav { display:none; }
.page-template-page-globe #banpu-gom-nav { float:left; width:27%; max-width:415px; padding:40px 50px 0px; color:#fff; position:absolute; z-index:100; }
.page-template-page-globe #banpu-gom-nav .gom-nav-menu { padding:14px 12px; background:#483387; width:42.5px; height:42.5px; }
.page-template-page-globe #banpu-gom-nav .gom-nav-menu hr { border-top:2px solid #fff; border-bottom:none; margin:0 0 4px; }
.page-template-page-globe #banpu-gom-nav .gom-nav-menu h2 { color:#fff; font-size:30px; }
.page-template-page-globe #banpu-gom-nav .site-logo { height: 50px; margin-left: 25px; position:relative; }
.page-template-page-globe #banpu-gom-nav .site-logo img { max-height: 100%; position: relative; top:-5px;  }
.page-template-page-globe #banpu-gom-nav .breadcrumb { font-size:10px; margin-top:10px; margin-bottom:10px; background:none; padding-left:0; text-shadow: 1px 1px 4px #000; }
.page-template-page-globe #banpu-gom-nav .page-title { margin-top:25px; }
.page-template-page-globe #banpu-gom-nav .page-title h2 { font-size:26px; line-height:36px; text-shadow: 1px 1px 4px #444; }
.page-template-page-globe #banpu-gom-nav .country-links { margin-top:25px; border-left:1px solid rgba(255,255,255,0.3); }
.page-template-page-globe #banpu-gom-nav .country-links .country-item { display:block; padding:5px 10px; width:220px; margin:0px 0; }
.page-template-page-globe #banpu-gom-nav .country-links .country-item.selected { border-left:3px solid #47338f; opacity:0.9; background-image: linear-gradient(131deg, rgba(227, 224, 238, 0.7) 25%, rgba(224, 221, 236, 0.6) 33%, rgba(218, 213, 232, 0.5) 43%, rgba(208, 201, 226, 0.4) 57%, rgba(195, 185, 218, 0.3) 72%, rgba(188, 176, 214, 0.2) 79%); }
.page-template-page-globe #banpu-gom-nav .country-links .country-item.selected a { color:#47338f; text-shadow: none; }
.page-template-page-globe #banpu-gom-nav .country-links .country-item a { color:#fff; font-size:12px; font-weight:500; cursor:pointer; text-shadow: 1px 1px 4px #000; }
.page-template-page-globe .cesium-credit-imageContainer { display:none; }
.page-template-page-globe .cesium-credit-textContainer { display:none; }

.map-location-details .right-box { background-image: linear-gradient(to bottom, #47338f, rgba(78, 48, 148, 0.3) 115%); border-radius:10px; padding:10px 10px; width:300px; position:absolute; z-index:100; right:55px; top:85px; margin-bottom:60px; max-height: calc(100vh - 125px); overflow: auto; }
.map-location-details .right-box .touchslider-viewport { overflow-y:auto; overflow-x:hidden; }
.map-location-details .right-box .arrow-slide.mobile { display:none; }
.map-location-details .right-box .item { display:none; }
.map-location-details .right-box .item .title { text-align:left; color:#fff; padding-top:10px; padding-left:15px; padding-bottom: 15px; }
.map-location-details .right-box .item .show-content { display:block; }
.map-location-details .right-box .item .details-box { display:block; border-radius:10px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.99) -3%, rgba(255, 255, 255, 0.96) 26%, rgba(255, 255, 255, 0.88) 69%, rgba(255, 255, 255, 0.8) 103%); padding:15px 0; margin-bottom:12px; }
.map-location-details .right-box .item .touchslider-item:last-child .details-box { margin-bottom: 0; }
.map-location-details .right-box .item .details-box .energy-header { color:#47338f; font-size:12px; padding-left:30px; font-weight:500; margin-bottom:0px; }
.map-location-details .right-box .item .details-box .info { margin-bottom:0px; display:flex; }
.map-location-details .right-box .item .details-box.other .icon { margin:0 auto; text-align:center; } 
.map-location-details .right-box .item.our_operation .details-box .info .icon { }
.map-location-details .right-box .item.our_operation .details-box .info .text { padding:10px 0 5px; font-size:10px; border-bottom:1px solid #6600cc; }
.map-location-details .right-box .item.our_operation .details-box .info:last-child .text { border-bottom:0; } 
.map-location-details .right-box .item.our_operation .details-box .info .text .sub-title { font-size:11px; line-height:12px; color:#00aeef; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail  { margin:4px 0; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail .field { color:#4d4d4d; line-height:12px; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail .value { display:flex; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail .value .number { color:#1eb0ed; padding-left:0; font-size:18px; width:auto; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail .value .unit { color:#000000; font-weight:500; position:relative; top: 8px; width:auto; padding-left:5px; font-size: 11px; padding-bottom: 7px; }
.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail:last-child .value .number { color:#47338f; font-weight:500; }
.map-location-details .right-box .item.our_operation .btn { margin:0px; padding:0px 0px 10px 0px; display:flex; }
.map-location-details .right-box .item.our_operation .btn a { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background: linear-gradient(271deg, rgba(142, 4, 98, 1), rgba(72, 47, 146, 0.8)); font-size:10px; font-weight:500; border-radius:20px; padding: 5px 0px; color: #fff; position:relative; left:-10px; width: 100px; height: 20px; display:block; text-align:center; cursor:pointer; height:24px; } 
.map-location-details .right-box .item.our_operation .btn a:hover { text-decoration:none; background:#210e5a; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box { display:none; padding-top:5px; padding-left:10px; padding-right:10px; background-image:linear-gradient(to bottom, #fff, rgba(222, 246, 255, 1), rgba(220,228,250, 0)); text-align:center; border-radius:7px 7px 0 0; border-top: 2px solid #eeeeee; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .close-expanded-box { margin-bottom:5px; } 
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .close-expanded-box a { text-align:center; color:#6600cc; font-size:24px; cursor:pointer; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box div { padding-left:0; padding-right:0px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box { background:#fff; border-radius:7px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2); width:100%; margin-bottom:0px; padding-bottom:7px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation  { padding:13px 10px; display:flex; padding-right:10px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col:first-child { width:25%; text-align:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-opt { width:35%; text-align:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-opt .in-opt-tab { background-image: linear-gradient(to left, #00aeef, #0f94dc, #482f92); color:#fff; font-size:9px; font-weight:500; border-radius:11px; height:20px; padding:3px 9px; float:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-opt .in-opt-tab:lang(th) { font-size:8px; width: 125px; padding:5px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-dev { width:45%; text-align:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-dev .in-dev-tab { background:#adadad; color:#fff; font-size:9px; font-weight:500; border-radius:11px; height:20px; padding:3px 9px; margin-left:7px; float:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col.in-dev .in-dev-tab:lang(th) { font-size:8px; width: 95px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .operation .item-col .th { height:33px; padding:3px 5px; float:none; text-align:center; border-radius:70px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row { display:flex; align-items:flex-start; padding:0 10px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row::after { clear:both; } 
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col:first-child { width:25%; text-align:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col .total-text { color:#6600cc; font-size:9px; font-weight:500; text-align:left; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-opt { text-align:right; width:35%; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-opt .number { color:#00aeef; font-size:14px; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-opt .unit { font-size:10px; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-dev { text-align:right; width:45%; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-dev .number { font-size:14px; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .white-box .tgc-row .item-col.in-dev .unit { font-size:10px; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row { display:flex; align-items:center; border-bottom:1px solid #47338f; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row::after { clear:both; } 
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row:last-child { border-bottom:none; } 
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .item-col { width:33.33%; text-align:left; padding-left:10px; padding-right:10px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .icon { }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .icon .name { color:#47338f; font-size:10px; font-weight:500; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-opt { text-align:right; padding-right:27px; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-opt .number { color:#00aeef; font-size:14px; font-weight:500; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-opt .unit { font-size:9px; font-weight:500; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-dev { text-align:right; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-dev .number { font-size:14px; font-weight:500; display:block; }
.map-location-details .right-box .item.our_operation .more-detail-expanded-box .gct-row .in-dev .unit { font-size:9px; font-weight:500; display:block; }
.map-location-details .right-box .item.group_operation_map .details-box .info .field { color:#000; }
.map-location-details .right-box .item.group_operation_map .details-box .info .value { color:#482f92; }
.map-location-details .right-box .item.group_operation_map .details-box .info .field { font-size:10px; padding-bottom:10px; }
.map-location-details .right-box .item.group_operation_map .details-box .info .value { font-size:11px; color:#482f92; font-weight:500; padding-bottom:10px; }
.map-location-details .right-box .item .touch-slider-nav-item { display:none; }
.map-location-details .right-box .item .details-box .box-remark { font-size:9px; border-top:1px solid #6600cc; margin:0px 15px 0; padding:10px 0 5px; }
.map-location-details .right-box .close-right-box { position:absolute; top:15px; right:15px; width:26px; height:26px; display:block; cursor:pointer; }
.map-location-details .right-box .item .gom-photo { width:100%; margin-bottom:0px; }
.map-location-details .right-box .item .gom-photo img { border-radius: 10px; }

.page-template-page-globe .right-box div::-webkit-scrollbar { display: none; }

#footbar { position:absolute; height: 200px; }
#footbar.site-footbar { z-index:9; margin-top:-25px; }

.modal.gom-modal .modal-dialog {
    max-width: 80%;
    margin: 7.5% auto;
	border-radius: 20px;
	overflow: hidden;
}

.modal.gom-modal .modal-dialog .modal-header {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 0;
    border: none;
	padding: 0;
}

.modal.gom-modal .modal-dialog .modal-header .close {
	margin: 0;
	opacity: 1;
	cursor: pointer;
}

.modal.gom-modal .modal-dialog .modal-body {
    padding: 0;
}

.modal.gom-modal .modal-dialog .modal-body img {
    border-radius: 10px;
}

.modal.gom-modal .modal-dialog .close img {
	width: 40px;
	height: 40px;
}

#gom-detail-slide-bottom-popup  { display:none; }
.we-pm-icon { background-image: url(../assets/img/group-operation-map/country-marker.png); }
.disabled-landscape { display:none; }

@media screen and (max-width: 780px) and (orientation:portrait) {
	#map .we-pp {width: 70px !important; }
	#map .gop-icon label {font-size: 7px; }
	#map .gop-icon img {width: 35px; height: 35px; }
	#map .dec-icon img { width:35px; height:35px; display: none; }
	#map .country-name-icon img { height:20px; }
	.page-template-page-globe .widget.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a {color: #707070; text-shadow: none; }
	.page-template-page-globe .widget.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {color: #fff; }
	.page-template-page-globe .home-icon { display: none; }
	.page-template-page-globe #banpu-gom-nav { width:100%; padding:40px 20px 75px; }
	.page-template-page-globe #banpu-gom-nav .site-logo { display:none; }
	.page-template-page-globe #banpu-gom-nav .gom-nav-menu { display:none; }
	.page-template-page-globe #banpu-gom-nav .breadcrumb { margin-top:0px; margin-bottom:0px; }
	.page-template-page-globe #banpu-gom-nav .page-title { margin-top:5px; }
	.page-template-page-globe #banpu-gom-nav .page-title h2 { font-size:18px; font-weight:400; margin-bottom: 0px; }
	.page-template-page-globe #banpu-gom-nav .page-title h2 br { display:none; }
	.page-template-page-globe #banpu-gom-nav .country-links { border-left:none; display:flex; flex-wrap: nowrap; margin-top:0px; white-space:nowrap; overflow-x: auto; overflow-y: hidden; }
	.page-template-page-globe #banpu-gom-nav .country-links .country-item	 { flex:0 0 auto; width: auto; }
	.page-template-page-globe #banpu-gom-nav .country-links .country-item.selected { border-left:none; border-bottom: 3px solid #47338f; }
	#gom-detail-slide-bottom-popup { display:block; position:absolute; bottom:0; width:100%; border-radius:20px 20px 0 0; cursor:pointer; overflow:hidden; }
	#gom-detail-slide-bottom-popup .gom-detail-header { background:#47338f; padding:25px 40px 10px; text-align:center; }
	#gom-detail-slide-bottom-popup .gom-detail-header .arrow-expand img { width:20px; }
	#gom-detail-slide-bottom-popup .gom-detail-header .gom-detail-title { color:#fff; font-size:18px; margin-top:15px; }
	#gom-detail-slide-bottom-popup .gom-detail-body { display:none; }
	#gom-detail-slide-bottom-popup .gom-detail-body .touchslider .touchslider-viewport { width:100%; height:200px !important; overflow:hidden; }
	.map-location-details .right-box	{ position:fixed; top:unset; bottom:0; left:0; right:0; width: 100%; right:0; height:auto; display:block; border-radius:20px 20px 0 0; margin-bottom:0; text-align:center; z-index:899; overflow-y: scroll; overflow-x: hidden; max-height:87%; padding: 5px 10px; }
	.map-location-details .right-box .item .details-box { max-height: 56vh; overflow-y: auto; overflow-x: hidden; }
	.map-location-details .right-box .arrow-slide.mobile { display:block; margin:7px 0 0px; height:20px; width:100%; }
	.map-location-details .right-box .arrow-slide.mobile .arrow-slide-content.close-box { display:none; }
	.map-location-details .right-box .arrow-slide.mobile .arrow-slide-content img { width:14px; }
	.map-location-details .right-box .touchslider-viewport { height: 100% !important; }
	.map-location-details .right-box .item .title { font-size:13px; text-align:center; padding:5px 15px 10px; }
	.map-location-details .right-box .item .show-content { display:none; height:490px; }
	.map-location-details .right-box .item .touch-slider-nav-item { display:block; position:absolute; bottom:5px; width:100%; margin-left: -10px; }
	.map-location-details .right-box .item .touch-slider-nav-item span.touchslider-nav-item { width:12px; height:12px; opacity:0.6; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.4); background-color:#fff; display:inline-block; border-radius:12px; margin:0 7px; }
	.map-location-details .right-box .item .touch-slider-nav-item span.touchslider-nav-item.touchslider-nav-item-current { background-color:#00aeef; }
	.map-location-details .right-box .item.our_operation .details-box .info .text { text-align: left; }
	.map-location-details .right-box .item.our_operation .details-box .info .text .business-detail .value { margin-top: 5px; }
	.map-location-details .right-box .item .details-box .box-remark { text-align: left; }
	.map-location-details .right-box .item .gom-photo { width:100%; margin-bottom:0; }
	.map-location-details .right-box .close-right-box { top: 8px; }
}

@media screen and (max-width: 1024px) and (orientation:landscape) {
	.disabled-landscape { 
		display:flex;
		width:100%;
		height:100%;
		position:fixed;
		z-index:101;
		background:#fff;
		align-items: center;
	}
	
	.disabled-landscape label { 
		width: 100%;
		text-align: center;
	}
	
	.page-template-page-globe #masthead {
		display: none !important;
	}	
	.page-template-page-globe #banpu-gom-nav {
		width: 55%;
		padding: 40px 30px 75px;
	}	
	.page-template-page-globe #banpu-gom-nav .gom-nav-menu {
		display:inline-block;
	}	
	.page-template-page-globe #banpu-gom-nav .site-branding {
		left: 105px;
		top: 80px;
	}	
	.page-template-page-globe #banpu-gom-nav .site-logo {
		display:inline-block;
		position: relative;
		top:-5px;
	}	
	.page-template-page-globe #banpu-gom-nav .breadcrumb {
		margin-top: 65px;
	}	
	.map-location-details .right-box {
		right: 15px;
		min-height: 285px;
		height: auto;
	}
	.map-location-details .right-box .item .details-box {
		max-width: 282px;
	}
}

@media screen and (max-width: 1230px) and (min-width: 769px) {
	.page-template-page-globe #masthead { display: none !important; }
	.page-template-page-globe .site-branding { position: relative; top:unset; left:unset; -webkit-transform:unset; transform:unset; display:flex !important; }
	.page-template-page-globe #banpu-gom-nav { padding: 40px 0px 75px 30px}
}