::-moz-selection{
	background-color:#FF8F00;
	color:#fff	}
	
::selection{
	background-color:#FF8F00;
	color:#fff	}
	
::-webkit-input-placeholder{
	color:#777777;
	font-weight:300	}
	
:-moz-placeholder{
	color:#777777;
	opacity:1;
	font-weight:300	}
	
::-moz-placeholder{
	color:#777777;
	opacity:1;
	font-weight:300	}
	
:-ms-input-placeholder{
	color:#777777;
	font-weight:300}
	
::-ms-input-placeholder{
	color:#777777;
	font-weight:300}

}
body{
	color:#777;
	font-family:"Poppins",sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.625em;
	position:relative;
    font-display: swap
}
	 #mobile-nav-toggle {
  display:none ;          /* kunci: desktop tidak tampil */
  }
	
ol,ul{
	margin:0;
	padding:0;
	list-style:none}

select{
	display:block}
	
figure{
	margin:0}

a{
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s}

iframe{
	border:0}

a,a:focus,a:hover{
	text-decoration:none;
	outline:0}
	
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus{
	text-decoration:none;
	outline:0}
	
.card-panel{
	margin:0;
	padding:60px}
	
.btn i,.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i{
	font-size:1em;
	line-height:inherit}
	
.gray-bg{
	background:#f9f9ff}
	
h1,h2,h3,h4,h5,h6{
	font-family:"Poppins",sans-serif;
	color:#222;
	line-height:1.2em !important;
	margin-bottom:0;
	margin-top:0;
	font-weight:600;
	font-display: swap}
	
.h1,.h2,.h3,.h4,.h5,.h6{
	margin-bottom:0;
	margin-top:0;
	font-family:"Poppins",sans-serif;
	font-weight:600;
	color:#222}

h1,.h1{
	font-size:36px}
	
h2,.h2{
	font-size:30px}
	
h3,.h3{
	font-size:24px;
	color:#ffff;
	margin-bottom:10px
	}
	
	
h4,.h4{
	font-size:18px}
	
h5,.h5{
	font-size:16px}
	
h6,.h6{
	font-size:14px;
	color:#222}
	
td,th{
	border-radius:0px}

.clear::before,
.clear::after{
	content:" ";
	display:table}
	
.clear::after{
	clear:both}
	
.fz-11{
	font-size:11px}
	
.fz-12{
	font-size:12px}
	
.fz-13{
	font-size:13px}
	
.fz-14{
	font-size:14px}
	
.fz-15{
	font-size:15px}
	
.fz-16{
	font-size:16px}
	
.fz-18{font-size:18px}

.fz-30{font-size:30px}

.fz-48{font-size:48px !important}

.fw100{font-weight:100}
.fw300{font-weight:300}
.fw400{font-weight:400 !important}
.fw500{font-weight:500}
.f700{font-weight:700}
.fsi{font-style:italic}
.mt-03{margin-top:3px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-22{margin-top:22px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mt-80{margin-top:80px}
.mt-100{margin-top:100px}
.mt-120{margin-top:120px}
.mt-150{margin-top:150px}
.ml-0{margin-left:0 !important}
.ml-5{margin-left:5px !important}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-30{margin-left:30px}
.ml-50{margin-left:50px}
.mr-0{margin-right:0 !important}
.mr-5{margin-right:5px !important}
.mr-15{margin-right:15px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}
.mr-30{margin-right:30px}
.mr-50{margin-right:50px}
.mb-0{margin-bottom:0px}
.mb-0-i{margin-bottom:0px !important}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-90{margin-bottom:90px}
.mb-100{margin-bottom:100px}
.pt-0{padding-top:0px}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}
.pt-120{padding-top:120px}
.pt-150{padding-top:150px}
.pt-170{padding-top:170px}
.pb-0{padding-bottom:0px}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:70px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}
.pb-120{padding-bottom:120px}
.pb-150{padding-bottom:150px}
.pr-30{padding-right:30px}
.pl-30{padding-left:30px}
.pl-90{padding-left:90px}
.p-40{padding:40px}
.float-left{float:left}
.float-right{float:right}
.text-italic{font-style:italic}
.text-white{color:#fff}
.text-white-header{
	color:#fff;
	font-family: "Reey-Regular";
	font-size: 35px
	}
.text-black{color:#000}
.transition{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.section-full{padding:100px 0}
.section-half{padding:75px 0}
.text-center{text-align:center}
.text-left{text-align:left}
.text-rigth{text-align:right}
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
.flex-grow{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-left{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}
.flex-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}
.flex-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
.flex-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}
.space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}
.flex-column{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-cell{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.display-table{display:table}
.light{color:#fff}
.dark{color:#222}
.relative{position:relative}
.overflow-hidden{overflow:hidden}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
.container.fullwidth{width:100%}
.container.no-padding{padding-left:0;padding-right:0}
.no-padding{padding:0}
.section-bg{background:#f9fafc}
@media (max-width: 767px){.no-flex-xs{display:block !important}}.row.no-margin{margin-left:0;margin-right:0}.sample-text-area{background:#fff;padding:100px 0 70px 0}.sample-text{margin-bottom:0}.text-heading{margin-bottom:30px;font-size:24px}.typo-list{margin-bottom:10px}
@media (max-width: 767px){.typo-sec{margin-bottom:30px}}
@media (max-width: 767px){.element-wrap{margin-top:30px}}b,sup,sub,u,del{color:#FF8F00}h1{font-size:36px}
h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}h1,h2,h3,h4,h5,h6{line-height:1.5em}.typography h1,.typography h2,.typography h3,.typography h4,
.typography h5,.typography h6{color:#777}
.button-area{background:#fff}.button-area 
.border-top-generic{padding:70px 15px;border-top:1px dotted #eee}
.button-group-area .genric-btn{margin-right:10px;margin-top:10px}
.button-group-area .genric-btn:last-child{margin-right:0}
.genric-btn{display:inline-block;outline:none;line-height:40px;padding:0 30px;font-size:.8em;text-align:center;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.genric-btn:focus{outline:none}
.genric-btn.e-large{padding:0 40px;line-height:50px}
.genric-btn.large{line-height:45px}
.genric-btn.medium{line-height:30px}
.genric-btn.small{line-height:25px}
.genric-btn.radius{border-radius:3px}
.genric-btn.circle{border-radius:20px}
.genric-btn.arrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.genric-btn.arrow span{margin-left:10px}
.genric-btn.default{color:#222;background:#f9f9ff;border:1px solid transparent}
.genric-btn.default:hover{border:1px solid #f9f9ff;background:#fff}
.genric-btn.default-border{border:1px solid #f9f9ff;background:#fff}
.genric-btn.default-border:hover{color:#222;background:#f9f9ff;border:1px solid transparent}
.genric-btn.primary{color:#fff;background:#FF8F00;border:1px solid transparent}
.genric-btn.primary:hover{color:#FF8F00;border:1px solid #FF8F00;background:#fff}
.genric-btn.primary-border{color:#FF8F00;border:1px solid #FF8F00;background:#fff}
.genric-btn.primary-border:hover{color:#fff;background:#FF8F00;border:1px solid transparent}
.genric-btn.success{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.success:hover{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border{color:#4cd3e3;border:1px solid #4cd3e3;background:#fff}
.genric-btn.success-border:hover{color:#fff;background:#4cd3e3;border:1px solid transparent}
.genric-btn.info{color:#fff;background:#38a4ff;border:1px solid transparent}
.genric-btn.info:hover{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
.genric-btn.info-border{color:#38a4ff;border:1px solid #38a4ff;background:#fff}
.genric-btn.info-border:hover{color:#fff;background:#38a4ff;border:1px solid transparent}
.genric-btn.warning{color:#fff;background:#f4e700;border:1px solid transparent}
.genric-btn.warning:hover{color:#f4e700;border:1px solid #f4e700;background:#fff}
.genric-btn.warning-border{color:#f4e700;border:1px solid #f4e700;background:#fff}
.genric-btn.warning-border:hover{color:#fff;background:#f4e700;border:1px solid transparent}
.genric-btn.danger{color:#fff;background:#f44a40;border:1px solid transparent}
.genric-btn.danger:hover{color:#f44a40;border:1px solid #f44a40;background:#fff}
.genric-btn.danger-border{color:#f44a40;border:1px solid #f44a40;background:#fff}
.genric-btn.danger-border:hover{color:#fff;background:#f44a40;border:1px solid transparent}
.genric-btn.link{color:#222;background:#f9f9ff;text-decoration:underline;border:1px solid transparent}
.genric-btn.link:hover{color:#222;border:1px solid #f9f9ff;background:#fff}
.genric-btn.link-border{color:#222;border:1px solid #f9f9ff;background:#fff;text-decoration:underline}.genric-btn.link-border:hover{color:#222;background:#f9f9ff;border:1px solid transparent}
.genric-btn.disable{color:#222,0.3;background:#f9f9ff;border:1px solid transparent;cursor:not-allowed}
.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #FF8F00}
@media (max-width: 991px){.progress-table-wrap{overflow-x:scroll}}
.progress-table{background:#f9f9ff;padding:15px 0px 30px 0px;min-width:800px}
.progress-table .serial{width:11.83%;padding-left:30px}
.progress-table .country{width:28.07%}
.progress-table .visit{width:19.74%}
.progress-table .percentage{width:40.36%;padding-right:50px}
.progress-table .table-head{display:flex}
.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage{color:#222;line-height:40px;text-transform:uppercase;font-weight:500}.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}
.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage{display:flex;align-items:center}
.progress-table .table-row .country img{margin-right:15px}
.progress-table .table-row .percentage .progress{width:80%;border-radius:0px;background:transparent}
.progress-table .table-row .percentage .progress .progress-bar{height:5px;line-height:5px}
.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}
.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}
.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}
.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}
.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.single-gallery-image:hover{opacity:.8}
.list-style{width:14px;height:14px}
.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}
.unordered-list li:before{content:"";position:absolute;width:14px;height:14px;border:3px solid #FF8F00;background:#fff;top:4px;left:0;border-radius:50%}
.ordered-list{margin-left:30px}
.ordered-list li{list-style-type:decimal-leading-zero;color:#FF8F00;font-weight:500;line-height:1.82em !important}
.ordered-list li span{font-weight:300;color:#777}
.ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#FF8F00;font-weight:500;line-height:1.82em !important}
.ordered-list-alpha li span{font-weight:300;color:#777}
.ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#FF8F00;font-weight:500;line-height:1.82em !important}.ordered-list-roman li span{font-weight:300;color:#777}
.single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}.single-input:focus{outline:none}
.input-group-icon{position:relative}
.input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}
.input-group-icon .icon i{color:#797979}
.input-group-icon .single-input{padding-left:45px}
.single-textarea{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px;height:100px;resize:none}.single-textarea:focus{outline:none}
.single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-primary:focus{outline:none;border:1px solid #FF8F00}
.single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-accent:focus{outline:none;border:1px solid #eb6b55}
.single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}.single-input-secondary:focus{outline:none;border:1px solid #f09359}
.default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.default-switch input+label{position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#FF8F00;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
.default-switch input:checked+label{left:19px}
.single-element-widget{margin-bottom:30px}
.primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.primary-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
.primary-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
.primary-switch input:checked+label:after{left:19px}
.primary-switch input:checked+label:before{background:#FF8F00}
.confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
.confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.confirm-switch input+label:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;border-radius:8.5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}.confirm-switch input+label:after{content:"";position:absolute;top:1px;left:1px;width:15px;height:15px;border-radius:50%;background:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
.confirm-switch input:checked+label:after{left:19px}
.confirm-switch input:checked+label:before{background:#4cd3e3}
.primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}
.primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.primary-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.primary-checkbox input:checked+label{background:url(../img/elements/primary-check.png) no-repeat center center/cover;border:none}.confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.confirm-checkbox input:checked+label{background:url(../img/elements/success-check.png) no-repeat center center/cover;border:none}.disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-checkbox input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}.disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}.disabled-checkbox input:checked+label{background:url(../img/elements/disabled-check.png) no-repeat center center/cover;border:none}.primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.primary-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.primary-radio input:checked+label{background:url(../img/elements/primary-radio.png) no-repeat center center/cover;border:none}.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.confirm-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}.disabled-radio input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:8px;cursor:pointer;border:1px solid #f1f1f1}.disabled-radio input:disabled{cursor:not-allowed;z-index:3}.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}.default-select{height:40px}.default-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:20px;padding-right:40px}.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.default-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:20px}.default-select .nice-select .list .option.selected{color:#FF8F00;background:transparent}.default-select .nice-select .list .option:hover{color:#FF8F00;background:transparent}.default-select .current{margin-right:50px;font-weight:300}.default-select .nice-select::after{right:20px}
@media (max-width: 991px){.left-align-p p{margin-top:20px}}.form-select{height:40px;width:100%}.form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}.form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}.form-select .nice-select .list .option{font-weight:300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:28px;min-height:28px;font-size:12px;padding-left:45px}.form-select .nice-select .list .option.selected{color:#FF8F00;background:transparent}.form-select .nice-select .list .option:hover{color:#FF8F00;background:transparent}.form-select .current{margin-right:50px;font-weight:300}.form-select .nice-select::after{right:20px}
.header-top{font-size:12px;padding:15px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
@media (max-width: 991px){.header-top{display:none}}.header-top a{color:#fff}.header-top ul li{display:inline-block;margin-left:15px}
.header-top .header-top-right{text-align:right}
.header-top .header-top-right a{color:#fff;font-weight:400;margin-left:10px;padding:6px 12px}
.header-top .header-top-right .icons{display:none}
@media (max-width: 820px){.header-top .header-top-right{padding-right:15%}.header-top .header-top-right .icons{display:inline-block}
.header-top .header-top-right .btns{display:none}}.header-top .menu-social-icons{padding-left:10px}
.header-top .menu-social-icons a{color:#fff !important;margin-right:15px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.header-top .menu-social-icons a:hover{color:#FF8F00 !important}
.top-head-btn{background:#FF8F00;padding:9px 26px}
.main-menu{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;padding:12px 30px;background:#fff;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
@media (max-width: 991px){.container.main-menu{max-width:100% !important}}
.container.main-menu .row{
  position: relative; /* jadi patokan absolute */
}
#header{padding:0px 0px 24px 0px;position:fixed;left:0;top:0;right:0;transition:all 0.5s;z-index:997}
@media (max-width: 991px){#header{padding:0px 0px 0px 0px}}#header.header-scrolled{transition:all 0.5s;box-shadow:-21.213px 21.213px 30px 0px rgba(158,158,158,0.3);background-color:#fff;height:84px}
#header.header-scrolled .header-top{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;display:none}
@media (max-width: 673px){#logo{margin-left:20px}}#header #logo h1{font-size:34px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:3px}#header #logo h1 a,#header #logo h1 a:hover{color:#000;padding-left:10px;border-left:4px solid #FF8F00}
#header #logo img{padding:0;margin:0}

@media (max-width: 768px){#header #logo h1{font-size:28px}#header #logo img{max-height:40px}}
.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu ul{position:absolute;display:none;top:100%;right:0;z-index:99}
.nav-menu li{position:relative;white-space:nowrap}
.nav-menu>li{float:left}.nav-menu li:hover>ul,.nav-menu li.sfHover>ul{display:block}
.nav-menu ul ul{top:0;right:100%}
.nav-menu ul li{min-width:180px}
.sf-arrows .sf-with-ul{padding-right:30px}.sf-arrows .sf-with-ul:after{content:"\f107";position:absolute;right:15px;font-family:FontAwesome;font-style:normal;font-weight:normal}.sf-arrows ul .sf-with-ul:after{content:"\f105"}
@media (max-width: 991px){

  /* biar nav ikut alur normal, tidak mengambang */
  .main-menu{
    position:absolute;        /* tetap absolute */
  margin-left:auto;
  margin-right:auto;
  left:0;
  right:0;
  min-height:72px;          /* TAMBAH */
  padding:12px 16px;        /* mobile lebih ramping */
  background:#fff;
  }

  /* hilangkan padding bawah header yang bikin layout aneh saat fixed */
  #header{
   padding:0;
    min-height:72px;
  }

  /* cadangan: pastikan logo tidak lebih tinggi dari header */
  #header #logo img{
    max-height: 40px !important;
    height: auto !important;
    display: block !important;
  }
}

@media (max-width: 991px){#nav-menu-container{display:none}  .container.main-menu .row{ position:relative; }
#mobile-nav-toggle{ 
display:block !important;   
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  z-index:999;
  border:0;
  background:none;
  font-size:38px;
  outline:none;
  cursor:pointer;}}
.nav-menu a{padding:0 8px 0px 8px;text-decoration:none;display:inline-block;color:#663300;font-weight:500;font-size:12px;text-transform:uppercase;outline:none}
.nav-menu>li{margin-left:10px}
.nav-menu ul{margin:30px 0 0 0;padding:10px;box-shadow:0px 0px 30px rgba(127,137,161,0.25);background:#fff}
.nav-menu ul li{transition:0.3s}
.nav-menu ul li a{padding:5px 10px;color:#333;transition:0.3s;display:block;font-size:12px;text-transform:none}
.nav-menu ul li:hover>a{color:#3f432a}.nav-menu ul ul{margin-right:10px;margin-top:0}


@media (max-width: 991px){#mobile-nav-toggle{display:inline}
#nav-menu-container{display:none}}#mobile-nav{position:fixed;top:0;padding-top:18px;bottom:0;z-index:998;background:rgba(0,0,0,0.8);left:-260px;width:260px;overflow-y:auto;transition:0.4s}#mobile-nav ul{padding:0;margin:0;list-style:none}#mobile-nav ul li{position:relative}#mobile-nav ul li a{color:#fff;font-size:13px;text-transform:uppercase;overflow:hidden;padding:10px 22px 10px 15px;position:relative;text-decoration:none;width:100%;display:block;outline:none;font-weight:700}#mobile-nav ul li a:hover{color:#fff}#mobile-nav ul li li{padding-left:30px}#mobile-nav ul .menu-has-children i{position:absolute;right:0;z-index:99;padding:15px;cursor:pointer;color:#fff}#mobile-nav ul .menu-has-children i.fa-chevron-up{color:#FF8F00}#mobile-nav ul .menu-has-children li a{text-transform:none}#mobile-nav ul .menu-item-active{color:#FF8F00}#mobile-body-overly{width:100%;height:100%;z-index:997;top:0;left:0;position:fixed;background:rgba(0,0,0,0.7);display:none}body.mobile-nav-active{overflow:hidden}body.mobile-nav-active #mobile-nav{left:0}body.mobile-nav-active #mobile-nav-toggle{color:#fff}
.section-gap{padding:60px 0}
.section-title{padding-bottom:30px}.section-title h2{margin-bottom:20px}
.section-title p{font-size:16px;margin-bottom:0}
@media (max-width: 991.98px){.section-title p br{display:none}}
.alert-msg{color:#008000}
.primary-btn{background:#FF8F00;line-height:42px;padding-left:30px;padding-right:30px;
border-radius:25px;border:none;color:#fff;display:inline-block;font-weight:500;position:relative;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;cursor:pointer;position:relative}
.primary-btn:focus{outline:none}
.primary-btn span{color:#fff;position:absolute;top:50%;transform:translateY(-60%);right:30px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.primary-btn:hover{color:#fff}
.primary-btn:hover span{color:#fff;right:20px}
.primary-btn.white{border:1px solid #fff;color:#fff}
.primary-btn.white span{color:#fff}
.primary-btn.white:hover{background:#fff;color:#FF8F00}
.primary-btn.white:hover span{color:#FF8F00}
.primary-btn.squire{border-radius:0px !important;border:1px solid transparent}
.primary-btn.squire:hover{border:1px solid #fff;background:transparent;color:#fff}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
@media (min-width: 768px) 
{.banner-area{
/*width: 100%;height: 100%;*/
background:url(../img/banner-bg.webp) center;
background-size:100% auto;
background-attachment:fixed}}
@media (max-width: 767px) 
{.banner-area{
background:url(../img/bghp.webp) center;
background-size:100% auto;
    
}
}
/*@media (max-width: 767.98px){.banner-area .fullscreen{height:700px !important}}*/
.banner-area .primary-btn{padding-left:30px;padding-right:30px}
.banner-area .overlay-bg{background-color:rgba(4,9,30,0.25)}
.banner-content{text-align:center}
.banner-content h1{
	color:#fff;
	font-size:72px;
	font-weight:700;
	line-height:1em;
	margin-top:20px;
	padding:2px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #FF8F00;
	border-top:1px solid #FF8F00}
@media (max-width: 1024px){.banner-content h1{font-size:62px}}
@media (max-width: 991px){.banner-content h1{font-size:50px}}
@media (max-width: 414px){.banner-content h1{font-size:25px}}
.banner-content p{max-width:900px;
padding-top:30px;

}

.banner-content h6{color:#fff;letter-spacing:2px;font-weight:400;font-size:14px}.banner-img{text-align:right}
@media (max-width: 767px){.banner-img{width:60%;text-align:center;margin-left:auto;margin-right:auto}}
.home-about-area .primary-btn:hover{color:#FF8F00;border-color:#FF8F00}
.home-about-area h1{padding:20px 0px}
.home-about-area h6{color:#FF8F00;font-weight:400}
.home-about-area p span{color:#222}
.home-about-area .about-img{
	position:absolute;
	right:0;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform:translateY(-100%)}
@media (min-width: 1700px){.home-about-area .about-img{
	width:26%;
	height: 14%;
	padding-right: 4%;
	padding-bottom: 0%}}	
@media (max-width: 995px){.home-about-area .about-img{display:none}}
.item-category-area{background:#f9f9ff}.item-category-area .single-cat-item{text-align:center}
.item-category-area .single-cat-item .thumb img{
	max-height: 250px;
	object-fit: cover;
	border-radius:90px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	}
.item-category-area .single-cat-item h4{padding:20px 0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.item-category-area .single-cat-item:hover h4{color:#FF8F00}
.item-category-area .single-cat-item:hover .thumb img{transform:scale(1.07)}
@media (max-width: 991px){.item-category-area .single-cat-item{margin-bottom:30px}}
.item-category-area .primary-btn{border-radius:0px;border:1px solid #FF8F00}.item-category-area .primary-btn:hover{background:transparent;border-color:#FF8F00;color:#FF8F00}
.about-video-left h6{color:#FF8F00;font-weight:400;letter-spacing:2px;font-size:12px}
.about-video-left h1{padding:20px 0}
@media (max-width: 413px){.about-video-left h1 br{display:none}}
.about-video-left p span{font-weight:600;color:#222}
.about-video-left .primary-btn{margin-top:25px;background-color:#222;border:1px solid transparent;text-transform:capitalize;border-radius:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.about-video-left .primary-btn:hover{background-color:transparent;color:#FF8F00;border-color:#FF8F00}
@media (max-width: 991px){.about-video-left{padding-bottom:100px}}
.about-video-right{background:url(../img/video-bg.jpg) no-repeat center;background-size:cover;height:330px}
.about-video-right .overlay-bg{background-color:rgba(0,0,0,0.5)}
.about-video-right .play-btn{z-index:2}
.review-area{background:url(../img/review-bg.jpg) center;background-size:cover;color:#fff}
.review-area h4{color:#fff}.review-area .overlay-bg{background:rgba(4,9,30,0.5)}
.review-area .owl-carousel .owl-item img{width:auto !important}
.review-area .owl-dots{text-align:center;bottom:5px;margin-top:20px;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.review-area .owl-dot{height:10px;width:10px;display:inline-block;background:rgba(127,127,127,0.5);margin-left:5px;margin-right:5px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.review-area .owl-dot.active{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;background:#FF8F00}
.single-review .title{margin:20px 0}
.single-review .star{margin-left:30px}
.single-review .star .checked{color:orange}
@media (max-width: 414px){.single-review{padding:15px}}
.blog-area h1{text-align:center;margin-bottom:25px;font-weight:600;text-transform:capitalize}
.blog-area p{margin-bottom:45px;text-align:center}
.single-blog .thumb{overflow:hidden}
.single-blog .thumb img{width:100%}
.single-blog h4{text-transform:uppercase;font-weight:600;margin-top:35px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.single-blog a{color:#222}
.single-blog .name{font-size:13px;font-weight:100}
.single-blog p{text-align:left;margin-top:15px}
.single-blog .bottom{padding:10px 0;border-bottom:1px solid #eee}
.single-blog .bottom span{margin-left:10px}
@media (max-width: 991px){.single-blog .meta{margin-top:20px}}
@media (max-width: 768px){.single-blog{margin-bottom:30px}}
@media (max-width: 767px){.single-blog .meta{margin-top:0px}}
.single-blog .f-img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-blog:hover{cursor:pointer}
.single-blog:hover h4{color:#FF8F00}
.single-blog:hover .f-img{cursor:pointer;transform:scale(1.05)}

@media (min-width: 768px) 
{.footer-area{/*background:#04091e;*/
background:url(../img/footer-bg.webp) center;background-size: 100% auto;background-attachment:fixed;padding-top:50px}}
@media (max-width: 767px) 
{.footer-area{
background:url(../img/footer-bg1.webp)}}
.footer-area h6{margin-bottom:25px;font-size:18px;font-weight:600;color:#663300}.footer-area p{color:#663300}
.copy-right-text i,.copy-right-text a{color:#FF8F00}
.footer-social a{font-size:30px;padding-right:25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.footer-social a:hover i{color:#3f432a}
.footer-social i{color:#663300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
@media (max-width: 991.98px){.footer-social{text-align:left}}
.single-footer-widget input{border:none;width:80% !important;font-weight:300;background:#f9f9ff;padding-left:20px;border-radius:0;font-size:13px;padding:9.5px 18px}
.single-footer-widget input:focus{background:#f9f9ff;box-shadow:none}
.single-footer-widget .click-btn{color:#FF8F00;color:#fff;padding:9.5px 18px;font-weight:300;border-radius:0;z-index:9999;cursor:pointer}
.single-footer-widget .info{position:absolute;margin-top:20%;color:#fff;font-size:12px}
.single-footer-widget .info.valid{color:green}
.single-footer-widget .info.error{color:red}
.single-footer-widget .click-btn{background-color:#FF8F00;color:#fff;border-radius:0;border-top-left-radius:0px;border-bottom-left-radius:0px;padding:8px 12px;border:0;
font-size:14px;font-weight:900}
.single-footer-widget ::-moz-selection{background-color:#191919 !important;color:#777}
.single-footer-widget ::selection{background-color:#191919 !important;color:#777}
.single-footer-widget ::-webkit-input-placeholder{color:#777;font-weight:300}
.single-footer-widget :-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget ::-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget :-ms-input-placeholder{color:#777;font-weight:300}
.single-footer-widget ::-ms-input-placeholder{color:#777;font-weight:300}
@media (max-width: 991.98px){.single-footer-widget{margin-bottom:30px}}
@media (max-width: 800px){.social-widget{margin-top:30px}}
.footer-text{padding-top:10px; padding-left:15px;color:#000!important;}
.footer-text a,.footer-text i{color:#FF8F00}.whole-wrap{background-color:#fff}
.generic-banner{margin-top:60px;background-color:#FF8F00;text-align:center}
.generic-banner .height{height:600px}
@media (max-width: 767.98px){.generic-banner .height{height:400px}}
.generic-banner .generic-banner-content h2{line-height:1.2em;margin-bottom:20px}
@media (max-width: 991.98px){.generic-banner .generic-banner-content h2 br{display:none}}
.generic-banner .generic-banner-content p{text-align:center;font-size:16px}
@media (max-width: 991.98px){.generic-banner .generic-banner-content p br{display:none}}
.generic-content h1{font-weight:600}.about-generic-area{background:#fff}.about-generic-area p{margin-bottom:20px}
.white-bg{background:#fff}.section-top-border{padding:50px 0;border-top:1px dotted #eee}
.switch-wrap{margin-bottom:10px}
.switch-wrap p{margin:0}
.link-nav{margin-top:10px;margin-bottom:0px}
@media (min-width: 768px){
.about-banner{background:url(../img/top-banner.webp) center}}
@media (max-width: 767px) 
{
.about-banner{background:url(../img/top-banner1.webp) center
}}
.about-content{margin-top:138px;padding:50px 0px;text-align:center}
@media (max-width: 767px){.about-content{margin-top:70px}}
.about-content h1{font-size:48px;font-weight:600}
.about-content a{color:#fff;font-weight:300;font-size:14px}
.about-content .lnr{margin:0px 10px;font-weight:600}
.menu-list-area{background:url(../img/pattern-bg.jpg)}
.menu-list-area .menu-cat{margin-bottom:80px}
.menu-list-area .menu-cat .nav-pills .nav-item{background-color:#fff;margin:10px}
.menu-list-area .menu-cat .nav-pills .nav-item a{font-size:16px;font-weight:500;padding:8px 30px;border-radius:0px;color:#222}
.menu-list-area .menu-cat .nav-pills .nav-item .active{background-color:#FF8F00;color:#fff}.menu-list-area .single-menu-list{margin-bottom:20px;padding:20px;border-radius:10px;background-color:#fff;box-shadow:0px 10px 30px 0px rgba(182,136,52,0.1);z-index:9999}
.menu-list-area .single-menu-list h4{margin-bottom:20px}
.menu-list-area .single-menu-list p{max-width:670px;margin-bottom:0px}.menu-list-area .single-menu-list .title{max-width:670px}
.menu-list-area .single-menu-list .price-size{text-align:center}
@media (max-width: 991px){.menu-list-area .single-menu-list .price-size{margin-top:20px}}
.menu-list-area .single-menu-list .price-size .s-price span{font-size:18px;font-weight:600;color:#FF8F00}
.menu-list-area .bg-img{position:absolute;right:0;-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%)}
.team-area .single-team{padding:10px}
.team-area .thumb{position:relative}
.team-area .thumb div{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(209,171,127,0.8);color:#fff;opacity:0;transition:opacity 0.5s}
.team-area .thumb div i{color:#fff;font-size:20px;padding:10px;z-index:2}
.team-area .thumb img{display:block;width:100%}
.team-area .thumb div span{display:block;position:absolute;bottom:30px;left:20px;text-transform:uppercase;font-size:18px;font-weight:600;letter-spacing:3px}
.team-area .thumb div p{display:block;position:absolute;bottom:10px;left:20px;font-weight:100}
@media (max-width: 768px){.team-area .thumb div p{bottom:-15px}}
.team-area .thumb:hover div{opacity:1;cursor:pointer}
.contact-page-area .map-wrap{margin-bottom:120px}
@media (max-width: 991px){.contact-page-area .map-wrap{margin-bottom:70px}}
.contact-page-area .contact-btns{font-size:18px;font-weight:600;text-align:center;padding:40px;color:#fff;margin-bottom:30px}
.contact-page-area .contact-btns:hover{color:#fff}
.contact-page-area .form-area input{padding:15px}
.contact-page-area .form-area input,.contact-page-area .form-area textarea{border-radius:0;font-size:12px}
.contact-page-area .form-area textarea{height:190px;margin-top:0px;padding:15px}
.contact-page-area .form-area .genric-btn{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;border-radius:0 !important;font-size:14px;text-transform:uppercase !important}
.contact-page-area .form-area .genric-btn:hover{border:1px solid #FF8F00;color:#FF8F00 !important}
.contact-page-area .single-contact-address{
	color: #777;
	margin-bottom:8px
	}
.contact-page-area .single-contact-address h5{
	font-weight:300;
	font-size:16px;
	margin-bottom:5px
	}
.contact-page-area .single-contact-address .lnr{
	font-size:30px;
	font-weight:500;
	color:#777;
	margin-right:30px
	}
.contact-page-area .single-contact-address:hover .lnr{
	color:#FF8F00
	}
.contact-page-area .single-contact-address:hover {
	color:#FF8F00
	}
.contact-page-area .single-contact-address:hover h5{
	color:#FF8F00
	}
.blog-home-banner{background:url(../img/blog/blog-home-banner.jpg) bottom;background-size:cover;padding:130px 0px}
.blog-home-banner .primary-btn{border-radius:0px;background:#fff;color:#222;font-weight:600;border:1px solid transparent;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.blog-home-banner .primary-btn:hover{background:transparent;border-color:#fff;color:#fff}
.blog-home-banner .overlay-bg{background:rgba(0,0,0,0.5)}
.blog-page{background:#f9f9ff}.blog-header-content h1{max-width:500px;margin-left:auto;margin-right:auto}
@media (max-width: 414px){.blog-header-content h1{font-size:30px}}
.blog-header-content p{margin:20px 0px}
.top-category-widget-area{background-color:#f9f9ff}
.top-category-widget-area .single-cat-widget{position:relative;text-align:center}
.top-category-widget-area .single-cat-widget .overlay-bg{background:rgba(0,0,0,0.85);margin:7%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.top-category-widget-area .single-cat-widget img{width:100%}
.top-category-widget-area .single-cat-widget .content-details{top:32%;left:0;right:0;margin-left:auto;margin-right:auto;color:#fff;bottom:0px;position:absolute}
.top-category-widget-area .single-cat-widget .content-details h4{color:#fff}
.top-category-widget-area .single-cat-widget .content-details span{display:inline-block;background:#fff;width:60%;height:1%}.top-category-widget-area .single-cat-widget:hover .overlay-bg{background:rgba(209,171,127,0.85);margin:7%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
@media (max-width: 991px){.top-category-widget-area .single-cat-widget{margin-bottom:50px}}
.post-content-area{background-color:#f9f9ff}.post-content-area .single-post{margin-bottom:50px}
.post-content-area .single-post .meta-details{text-align:right;margin-top:35px}
@media (max-width: 767px){.post-content-area .single-post .meta-details{text-align:left}}
.post-content-area .single-post .meta-details .tags{margin-bottom:30px}
.post-content-area .single-post .meta-details .tags li{display:inline-block;font-size:14px}
.post-content-area .single-post .meta-details .tags li a{color:#222;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.post-content-area .single-post .meta-details .tags li a:hover{color:#FF8F00}
@media (max-width: 1024px){.post-content-area .single-post .meta-details{margin-top:0px}}
.post-content-area .single-post .user-name a,.post-content-area .single-post .date a,.post-content-area .single-post .view a,.post-content-area .single-post .comments a{color:#777;margin-right:10px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.post-content-area .single-post .user-name a:hover,.post-content-area .single-post .date a:hover,.post-content-area .single-post .view a:hover,.post-content-area .single-post .comments a:hover{color:#FF8F00}
.post-content-area .single-post .user-name .lnr,.post-content-area .single-post .date .lnr,.post-content-area .single-post .view .lnr,.post-content-area .single-post .comments .lnr{font-weight:900;color:#222}
.post-content-area .single-post .feature-img img{width:100%}.post-content-area .single-post .posts-title h3{margin:20px 0px}
.post-content-area .single-post .excert{margin-bottom:20px}.post-content-area .single-post .primary-btn{background:#fff !important;color:#222 !important;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;border-radius:0px !important}
.post-content-area .single-post .primary-btn:hover{background:#FF8F00 !important;color:#fff !important}
.blog-pagination{padding-top:60px;padding-bottom:120px}
.blog-pagination .page-link{border-radius:0}
.blog-pagination .page-item{border:none}.page-link{background:transparent;font-weight:400}
.blog-pagination .page-item.active .page-link{background-color:#FF8F00;border-color:transparent}
.blog-pagination .page-link{position:relative;display:block;padding:0.5rem 0.75rem;margin-left:-1px;line-height:1.25;color:#777;border:none}
.blog-pagination .page-link .lnr{font-weight:600}.blog-pagination .page-item:last-child .page-link,.blog-pagination .page-item:first-child .page-link{border-radius:0}.blog-pagination .page-link:hover{color:#fff;text-decoration:none;background-color:#FF8F00;border-color:#eee}
.sidebar-widgets{padding-bottom:120px}.widget-wrap{background:#fafaff;padding:20px 0px;border:1px solid #eee}
@media (max-width: 991px){.widget-wrap{margin-top:50px}}
.widget-wrap .single-sidebar-widget{margin:30px 30px;padding-bottom:30px;border-bottom:1px solid #eee}
.widget-wrap .single-sidebar-widget:last-child{border-bottom:none;margin-bottom:0px}
.widget-wrap .search-widget form.search-form input[type=text]{color:#fff;padding:10px 22px;font-size:14px;border:none;float:left;width:80%;border-bottom-left-radius:20px;border-top-left-radius:20px;background:#FF8F00}
.widget-wrap .search-widget ::-webkit-input-placeholder{color:#fff}
.widget-wrap .search-widget ::-moz-placeholder{color:#fff}
.widget-wrap .search-widget :-ms-input-placeholder{color:#fff}
.widget-wrap .search-widget :-moz-placeholder{color:#fff}
.widget-wrap .search-widget form.search-form button{float:left;width:20%;padding:10px;background:#FF8F00;color:white;font-size:17px;border:none;cursor:pointer;border-bottom-right-radius:20px;border-top-right-radius:20px}
.widget-wrap .search-widget form.search-form::after{content:"";clear:both;display:table}
.widget-wrap .user-info-widget{text-align:center}.widget-wrap .user-info-widget a h4{margin-top:40px;margin-bottom:5px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.widget-wrap .user-info-widget .social-links li{display:inline-block;margin-bottom:10px}
.widget-wrap .user-info-widget .social-links li a{color:#222;padding:10px;font-size:14px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.widget-wrap .user-info-widget .social-links li a:hover{color:#FF8F00}
.widget-wrap .popular-post-widget .popular-title{background:#FF8F00;color:#fff;text-align:center;padding:12px 0px}
.widget-wrap .popular-post-widget .popular-post-list{margin-top:30px}
.widget-wrap .popular-post-widget .popular-post-list .thumb img{width:100%}
.widget-wrap .popular-post-widget .single-post-list{margin-bottom:20px}
.widget-wrap .popular-post-widget .single-post-list .details{margin-left:12px}.widget-wrap .popular-post-widget .single-post-list .details h6{font-weight:600;margin-bottom:10px}
.widget-wrap .popular-post-widget .single-post-list .details p{margin-bottom:0px}.widget-wrap .ads-widget img{width:100%}
.widget-wrap .post-category-widget .category-title{background:#FF8F00;color:#fff;text-align:center;padding:12px 0px}
.widget-wrap .post-category-widget .cat-list li{padding-top:15px;padding-bottom:8px;border-bottom:2px dotted #eee;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.widget-wrap .post-category-widget .cat-list li p{font-weight:300;font-size:14px;margin-bottom:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.widget-wrap .post-category-widget .cat-list li a{color:#777}
.widget-wrap .post-category-widget .cat-list li:hover{border-color:#FF8F00}.widget-wrap .post-category-widget .cat-list li:hover p{color:#FF8F00}.widget-wrap .newsletter-widget .newsletter-title{background:#FF8F00;color:#fff;text-align:center;padding:12px 0px}
.widget-wrap .newsletter-widget .col-autos{width:100%}.widget-wrap .newsletter-widget p{text-align:center;margin:20px 0px}
.widget-wrap .newsletter-widget .bbtns{background:#FF8F00;color:#fff;font-size:12px;font-weight:400;padding:8px 20px;border-radius:0}.widget-wrap .newsletter-widget .input-group-text{background:#fff;border-radius:0px;vertical-align:top}.widget-wrap .newsletter-widget .input-group-text i{color:#ccc;margin-top:-1px}
.widget-wrap .newsletter-widget .form-control{border-left:none !important;border-right:none !important;border-radius:0px;font-size:13px;color:#ccc;padding:9px;padding-left:0px}.widget-wrap .newsletter-widget .form-control:focus{box-shadow:none;border-color:#ccc}.widget-wrap .newsletter-widget ::-webkit-input-placeholder{font-size:13px;color:#ccc}
.widget-wrap .newsletter-widget ::-moz-placeholder{font-size:13px;color:#ccc}.widget-wrap .newsletter-widget :-ms-input-placeholder{font-size:13px;color:#ccc}.widget-wrap .newsletter-widget :-moz-placeholder{font-size:13px;color:#ccc}.widget-wrap .newsletter-widget .text-bottom{margin-bottom:0px}.widget-wrap .tag-cloud-widget .tagcloud-title{background:#FF8F00;color:#fff;text-align:center;padding:12px 0px;margin-bottom:30px}.widget-wrap .tag-cloud-widget ul li{display:inline-block;border:1px solid #eee;background:#fff;padding:4px 14px;margin-bottom:10px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.widget-wrap .tag-cloud-widget ul li:hover{background:#FF8F00}
.widget-wrap .tag-cloud-widget ul li:hover a{color:#fff}.widget-wrap .tag-cloud-widget ul li a{font-size:12px;color:black}
.single-post-area{padding-top:80px;padding-bottom:80px}.single-post-area .meta-details{margin-top:20px !important}
.single-post-area .social-links li{display:inline-block;margin-bottom:10px}.single-post-area .social-links li a{color:#222;padding:7px;font-size:14px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.single-post-area .social-links li a:hover{color:#FF8F00}.single-post-area .quotes{margin-top:20px;padding:30px;background-color:#fff;box-shadow:-20.84px 21.58px 30px 0px rgba(176,176,176,0.1)}.single-post-area .arrow{position:absolute}
.single-post-area .arrow .lnr{font-size:20px;font-weight:600}.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}
.single-post-area .navigation-area{border-top:1px solid #eee;padding-top:30px}.single-post-area .navigation-area .nav-left{text-align:left}.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}
.single-post-area .navigation-area .nav-left .thumb img{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}
@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}.single-post-area .navigation-area .nav-right{text-align:right}.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}
.single-post-area .navigation-area .nav-right .thumb img{
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
	}
.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}.comments-area{background:#fafaff;border:1px solid #eee;padding:50px 20px;margin-top:50px}
@media (max-width: 414px){.comments-area{padding:50px 8px}}.comments-area h4{text-align:center;margin-bottom:50px}.comments-area a{color:#222}.comments-area .comment-list{padding-bottom:30px}.comments-area .comment-list:last-child{padding-bottom:0px}.comments-area .comment-list.left-padding{padding-left:25px}
@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}.comments-area .comment-list .single-comment .date{font-size:11px}.comments-area .comment-list .single-comment .comment{font-size:10px}}.comments-area .thumb{margin-right:20px}.comments-area .date{font-size:13px;color:#cccccc}.comments-area .comment{color:#777777}.comments-area .btn-reply{background-color:#fff;color:#222;padding:8px 30px;display:block;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.comments-area .btn-reply:hover{background-color:#FF8F00;color:#fff}.comment-form{text-align:center;background:#fafaff;border:1px solid #eee;padding:50px 20px;margin-top:50px}.comment-form h4{text-align:center;margin-bottom:50px}.comment-form .name{padding-left:0px}
@media (max-width: 991px){.comment-form .name{padding-right:0px}}.comment-form .email{padding-right:0px}
@media (max-width: 991px){.comment-form .email{padding-left:0px}}.comment-form .form-control{padding:10px;background:#fff;border:none;border-radius:0px;width:100%;font-size:13px;color:#777777}.comment-form .form-control:focus{box-shadow:none;border:1px solid #eee}.comment-form 
::-webkit-input-placeholder{font-size:13px;color:#777}.comment-form ::-moz-placeholder{font-size:13px;color:#777}.comment-form 
:-ms-input-placeholder{font-size:13px;color:#777}.comment-form 
:-moz-placeholder{font-size:13px;color:#777}
.comment-form .primary-btn{border-radius:0px !important;border:1px solid transparent}
.comment-form . warna-menu{color:#FF8F00 !important} 
.primary-btn:hover{background:transparent;border-color:#FF8F00 !important;color:#FF8F00 !important}


.center {
  display: inline-block;
  margin-left: 54px;
  margin-right: auto;
  width: 30%;
}

.footer-h4 {
color:#FFF; 
margin-left:38px;
}
.footer-h42 {
color:#FFF;
 margin-left:73px;
}




.navbar-footer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	position: relative;
	width: 100%;
	height: 60px;
	/*border-bottom: 1px solid hsla(0, 0%, 70%, 0.2);*/
	z-index: 1;
}

.container-footer {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	width: 100%;
	max-width: 1500px;
	justify-content:space-between;
}

/*
	The left and right nav containers also need to be flex containers
*/
.left-container,
.right-container {
	display: flex;
	flex-flow: row nowrap;
	width: 300px;
	z-index: 1;
}

/*
	So we can set them to their respective sides and maintain the space between them
*/
.left-container {
	justify-content: space-between;
}

.right-container {
	justify-content: space-between;
}

/*
	Set the UL's display to flex so we can space the links out.
	Use align-itmes to vertically center the links inside of it's container.
*/
.nav-left	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	flex-basis: 170px;
	align-items: flex-start;
	color: #FF8F00;
}
.nav-right {
	padding-top: 15px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	flex-basis: 175px;
	align-items: flex-start;
	color: #FF8F00;
}



/*
	Comment out each property and see how
	It affects the user feedback on a button press
*/


.nav-left a, .nav-right a
{padding:0 8px 0px 8px;text-decoration:none;display:inline-block;color:#663300;font-weight:500;font-size:15px;text-transform:uppercase;outline:none}


.nav-left a:hover,.nav-right a:hover {
	color: #3f432a;
}

ul {
	list-style: none;
}

body {
	padding: 0;
	margin: 0;
}

.footer-social-wa a{font-size:30px;padding-right:25px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.footer-social-wa a:hover i{color:#3f432a}
.footer-social-wa i{margin-bottom:25px;color:#663300;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
@media (max-width: 991.98px){.footer-social-wa{text-align:left}}


.no-wa {
	color: #663300;
	font-size:20px;
	padding-left:15px;
}
.no-wa:hover{color:#3f432a}



#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content1 {
  margin: auto;
  display: block;
  width: 25%;
  padding-top: 100px;
  max-height:1000px!important;
  max-width: 700px;
  max-width:1000px;
}

/* Caption of Modal Image */
#caption1 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content1, #caption1 {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close1 {
  position: absolute;
  top: 130px;
  right: 240px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close1:hover,
.close1:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content1 {
    width: 85%;
  }
  .close1{
  top: 160px;
  right: 60px;
  }
  .bgtextnew{
  width: 39%!important;
  margin-left: 30%!important;
  }
}

.bgtextnew{
 background-color:#FF8F00;
 padding: 0.5%;
 width:30%;
 margin-left:35%;
}

.floatwa{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-floatwa{
	margin-top:16px;
}
.floatmap{
	margin-bottom:65px;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .floatwa {
    right: 5%;
  }
}

  .img-logos{
	  /*width: 140px;*/
	  /*height: 60px;*/
	  padding:0;
  margin:0;
  max-height:50px;   /* TAMBAH */
  display:block;     /* TAMBAH */
  }
  
  @media only screen and (max-width: 991px){
	  .img-logos{margin-left: 8px}
  .flex-rowcontact{
  flex-direction:column !important;
  display: flex !important;
  }
  .foto-kontak1{
	  width: 115px!important; height: 115px!important;
	margin-left:30px;
	margin-bottom:20px;
  }
  .margin-left-kontak{
	margin-left:45px;
  }
  .foto-kontak2{
	  width: 115px!important; height: 115px!important;
	margin-left:18px;
	margin-bottom:20px;
  }
  .foto-kontak-maps{
	  padding-top:0px!important;
  }

  }
  
.foto-kontak1{
width: 142px; height: 142px; border-radius:10px;
}
.foto-kontak2{
width: 142px; height: 142px; border-radius:30px;
}

.mantauimgdus{
width: 300px!important;;height: 250px!important;object-fit: fill!important;
}
.mantauimg1{
	width:300px!important;height: 250px!important;
}
  @media only screen and (max-width: 991px){
	  .mantauimgdus{
	width: 145px!important;;height: 140px!important;
}
 .mantauimg1{
	width: 160px!important;;height: 175px!important;object-fit:fill!important;
  }
  @media (max-width: 768px){
  .home-about-area .container{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
   .home-about-area .content-wrap{
   margin-right: 5px;}
   .home-about-area .primary-btn{
    margin-bottom: 24px;
	
  }
  .home-about-area{
    padding-bottom: 36px; /* coba 36–48px */
  }
  .home-about-area h1{
    margin-bottom: 18px; /* jarak ke paragraf */
  }

  .home-about-area p{
    margin-top: 0;
    margin-bottom: 14px;
  }
  .home-about-area p{
    line-height: 1.65;
  }
  .primary-btn:active{
  transform: translateY(0) !important;
  box-shadow: 0 3px 8px rgba(255,143,0,0.25) !important;
		}
 .modal-content {
    width: 90%;
    max-height: 85vh;
    margin: 10% auto;
    padding: 12px;
    overflow-y: auto;
    border-radius: 8px;
  }
  .modal-content img {
  width: 100%;
  height: auto;
  display: block;
}
 #myModal.modal{
    padding: 12px;
	background-color: rgba(0,0,0,0.65); 
  }

  /* box */
  #myModal .modal-content{
    width: 96% !important;
    max-width: 520px;
    max-height: 90vh !important;
    margin: 4vh auto !important;
    padding: 10px !important;
    overflow-y: auto !important;
    border-radius: 10px;
	margin-top: 80px !important;   /* turunkan modal */
    margin-bottom: 40px !important;
  }

  /* image inside modal */
  #myModal .modal-content img{
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* close button */
  #myModal .close{
    position: absolute;
    top: 8px;
	right: 9px;
	font-size: 26px;
    z-index: 5;
    background: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    line-height: 1;
  }
}
.home-about-area .primary-btn{
	border-radius: 6px !important;
	padding: 14px 26px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	box-shadow: 0 6px 14px rgba(255, 143, 0, 0.25) !important;
  }
  .primary-btn:hover{
  background: #e67f00 !important;
  transform: translateY(-1px) !important;
}
.close {
  position: sticky;
  top: 0;
  background: #fff;
  padding: 4px 6px;
  z-index: 10;
}

/* CTA button polish: radius + shadow tipis */
.primary-btn.squire{
  border-radius: 8px !important; /* bisa 6px kalau mau lebih kotak */
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* Hover halus (opsional) */
.primary-btn.squire:hover{
  box-shadow: 0 8px 20px rgba(0,0,0,0.16) !important;
  transform: translateY(-1px) !important;
}
@media (max-width: 768px){

  /* H1 utama */
  .banner-area h1{
    line-height: 1.15;
    margin-bottom: 10px;
  }

  /* Subheading */
  .banner-area h3,
  .banner-area .subheading{
    line-height: 1.3;
    margin-bottom: 12px;
    letter-spacing: 0.5px;
  }

  /* Tagline */
  .banner-area p,
  .banner-area .tagline{
    line-height: 1.4;
    margin-bottom: 18px;
  }

  /* CTA Hero */
  .banner-area .primary-btn{
    margin-top: 6px;
  }
}

.gift-badge{
   display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#fff3d6;
  border:1px solid rgba(0,0,0,.06);
  font-size:13px;
  color:#333;
}

.desc-short{
  color:#666;
  font-size:13px;
  line-height:1.5;
  margin-bottom:10px;
}

.meta-small{
  font-size:12px;
  color:#777;
  margin-top:-6px;
}


.tag-favorit{
  font-size:12px;
  padding:3px 8px;
  border-radius:999px;
  background:#ffe3e3;
  border:1px solid rgba(0,0,0,.06);
  margin-left:6px;
}

/* Biar foto seragam dan tidak bikin layout lompat-lompat */
.single-cat-item .thumb{
  overflow:hidden;
  border-radius:14px;
}

.single-cat-item .thumb img{
  width:100%;
  height:auto;
  display:block;
  transition: transform .25s ease;
}

/* Hover kecil (tanpa popup) */
.single-cat-item:hover .thumb img{
  transform: scale(1.02);
}

/* Placeholder blur tipis saat belum keload */
img.lazyload{
  filter: blur(6px);
  transform: scale(1.01);
}
img.lazyloaded{
  filter: none;
  transform: none;
}

.single-cat-item .thumb{
  text-align: center;
  min-height: 180px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.single-cat-item .thumb img{
  display: block;
  margin: 0 auto;
   max-width: 90%;
  height: auto;
}
#mobile-body-overly {
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);
}
#mobile-nav ul li {
  padding: 12px 20px;
}

#mobile-nav ul li a {
  font-size: 15px;
  letter-spacing: 0.2px;
}

.footer-sky{
  position: relative;
  overflow: hidden;
  color:#fff;
}

.footer-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  z-index:0;
}

.footer-inner{
  position:relative;
  z-index:1;
}

.footer-logo{
  display:block;
  margin:0 0 10px;
}

.footer-title{
  color:#fff;
  margin-bottom:12px;
}

.footer-tagline{
  font-size:14px;
  color:rgba(255,255,255,.85);
  margin:10px 0 14px;
  line-height:1.5;
}

.footer-copy{
  font-size:12px;
  color:rgba(255,255,255,.75);
  margin:0;
}

.footer-menu{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 18px;
}

.footer-menu a{
  color:#fff;
  font-size:14px;
  text-decoration:none;
  opacity:.92;
}

.footer-menu a:hover{
  opacity:1;
  text-decoration:underline;
}

.footer-social-wa a{
  display:inline-flex;
  gap:10px;
  align-items:center;
  color:#fff;
  text-decoration:none;
  margin-bottom:14px;
}

.footer-social{
  display:flex;
  gap:14px;
  align-items:center;
}

.footer-social a{
  color:#fff;
  font-size:18px;
  opacity:.9;
}

.footer-area {
  position: relative;
  color: #fff;
}

.footer-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 0;
}

.footer-area > .container {
  position: relative;
  z-index: 1;
}
.footer-area h6,
.footer-area h5 {
  color: #fff;
}

.footer-area p {
  color: rgba(255,255,255,.75);
}

.footer-area a {
  color: rgba(255,255,255,.9);
  text-decoration: none;
}

.footer-area a:hover {
  color: #FF8A00;
}
.footer-area .navbar-footer a {
  font-size: 14px;
  font-weight: 500 !important;
  letter-spacing: .2px;
}

.footer-area .no-wa {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}

.footer-area .fa-whatsapp {
  color: #25D366;
}
.footer-social a {
  color: rgba(255,255,255,.9);
  font-size: 18px;
}
.footer-social-wa {
  margin-top: 14px;
}

.footer-social-wa a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.footer-social a:hover {
  color: #FF8A00;
}
.footer-area .single-footer-widget {
  margin-bottom: 28px;
}
.footer-text {
  font-size: 12px;
  opacity: .75;
  margin-top: 10px;
}
.footer-social a:hover{ opacity:1; }

/* 1) Rapikan blok lokasi: jarak antar card */
.contact-page-area .single-contact-address {
  padding: 14px 0;
  margin-bottom: 22px;
}

/* 2) Pastikan row kontak tidak “nabrak” dan wrap rapi */
.contact-page-area .flex-rowcontact {
  align-items: flex-start;
  gap: 12px;
}

/* 3) Samakan ukuran & bentuk foto toko (Parepare / Maros) */
.contact-page-area .foto-kontak1,
.contact-page-area .foto-kontak2 {
  width: 100%;
  max-width: 140px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* 4) Konten kanan: jarak kiri lebih konsisten */
.contact-page-area .margin-left-kontak {
  margin-left: 0 !important; /* override yang lama */
}

/* 5) Hierarki teks: lebih enak di-scan di HP */
.contact-page-area .contact-details h4 {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 8px;
}

.contact-page-area .contact-details h5 {
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 8px;
}

.contact-page-area .contact-details p {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 10px;
}

/* 6) Link “Petunjuk Arah di Maps” terlihat jelas (biar seperti tombol link) */
.contact-page-area .contact-details a p {
  margin-top: 6px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* 7) Map section: rapikan jarak atas & ukuran di mobile */
.foto-kontak-maps {
  padding-top: 28px !important;
}

/* Kalau iframe map kamu tidak punya class, kita target iframe di section ini */
.foto-kontak-maps iframe {
  width: 100%;
  height: 280px; /* dari 350 jadi lebih pendek di HP */
  border: 0;
  border-radius: 10px;
}


.contact-page-area .single-contact-address {
  padding-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
}

.contact-page-area .single-contact-address:last-child {
  border-bottom: none;
}

.contact-page-area .foto-kontak1,
.contact-page-area .foto-kontak2 {
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* =========================================
   RESPONSIVE: layar kecil
   ========================================= */
@media (max-width: 576px) {
  /* bikin kolom foto lebih pas */
  .contact-page-area .flex-rowcontact .col-md-5 {
    flex: 0 0 42%;
    max-width: 42%;
  }

  .contact-page-area .flex-rowcontact .contact-details {
    flex: 0 0 58%;
    max-width: 58%;
  }
}

/* =========================================
   RESPONSIVE: layar medium ke atas (desktop aman)
   ========================================= */
@media (min-width: 992px) {
  .contact-page-area .foto-kontak1,
  .contact-page-area .foto-kontak2 {
    max-width: 180px;
    border-radius: 12px;
  }

  .foto-kontak-maps iframe {
    height: 360px;
  }
}

<iframe height="280"></iframe>
@media (max-width: 575px){
  .footer-menu{ grid-template-columns:1fr; }
}