.data-filter {
    background: hsla(0,0%,100%,.6);
    border: 1px solid hsla(0,0%,100%,.7);
    border-radius: 10px;
    left: 12px;
    margin: 0;
    padding: 13px;
    position: absolute;
    right: 12px;
    top: -45px;
    font-family: "Nunito", sans-serif;
}
.data-filter .filter-border {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px 4px #00000006;
    -webkit-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
}
.data-filter #datepicker{

}
.data-filter .submenu {
    display: none;
    position: absolute;
    bottom: 76px;
}
.data-filter .submenu {
    padding: 10px;
    border-radius: 10px;
	background: #ffffff;
	border: 2px solid #ededed;
}
.ui-widget.ui-widget-content,
.ui-widget-content{
    border: none;
}
.data-filter .submenu:after, .data-filter .submenu:before {
	top: 100%;
	right: 18px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.data-filter .submenu:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.data-filter .submenu:before {
	border-color: rgba(237, 237, 237, 0);
	border-top-color: #ededed;
	border-width: 13px;
	margin-left: -13px;
}

.data-filter .dropdown {
    color: #555;
    position: relative;
    text-align: left;
}
.data-filter .sr-only {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.data-filter .filter-border .selects {
    cursor: pointer;
    padding: 5px;
    position: relative;
}
.data-filter .filter-border .selects.brs:before {
    background: #ededed;
    content: "";
    height: 50px;
    position: absolute;
    right: -20px;
    top: 7px;
    width: 1px;
}
.data-filter .btndatepick{
    text-decoration: none;
    position: relative;
}
.data-filter .filter-border .selects b {
    color: #db3536;
    display: block;
    font-weight: 800;
    font-size: 14px;
    margin-top: 4px;
}
.data-filter .filter-border .sumbits {
    background: #db3536;
    border-radius: 0 8px 8px 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 18px;
    text-align: center;
    text-decoration: none;
}
.data-filter .filter-border .sumbits:hover {
    background: #790707;
    box-shadow: 3px 0 5px 4px #206a6133;
    -webkit-box-shadow: 3px 0 5px 4px rgba(32,106,97,.2);
    -moz-box-shadow: 3px 0 5px 4px rgba(32,106,97,.2);
}
.data-filter input#search {
    padding: 2px 2px 2px 32px;
    border: none;
    width: calc(100% - 60px);
}
.data-filter .absolute.inset-y-0 input{
    padding: 15px;
}
.data-filter::-ms-input-placeholder { /* Edge 12-18 */
    color: #7e7e7e;
}
.data-filter.dropdown {
    cursor: pointer;
}
.data-filter::placeholder {
    color: #7e7e7e;
}
.data-filter .absolute.inset-y-0 {
    top: 3px;
    left: 10px;
    position: absolute;
}
.data-filter .btndatepick span{
    display: block;
    padding-left: 23px;
    font-size: 12px;
    color: #7e7e7e;
    margin-top: 7px;
}
.data-filter .submenu[data-id="1"]{
    min-width: 400px;
    padding: 20px;
    background: #fff;
    width: 100%;
    border-radius: 7px;
    box-shadow: 0 0 5px 4px #00000006;
    -webkit-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
    position: absolute;
    top: 70px;
    left: 10px;
}
.submenu[data-id="1"]:after, .submenu[data-id="1"]:before {
	bottom: 100%;
	right: 16px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.submenu[data-id="1"]:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.submenu[data-id="1"]:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #f4f4f4;
	border-width: 8px;
	margin-left: -8px;
}
.data-filter .btndatepick svg{
    position: absolute;
    top: 34px;
    left: 5px;
    width: 18px;
    color: #898989;
}
.data-filter .absolute.inset-y-0.left-0.flex.items-center.pl-3.pointer-events-none svg{
    width: 16px;
    color: #7e7e7e;
}
.relative{
    position: relative;
}
.ml-20 {
    margin-left: 20px!important;
}
.ui-datepicker{
    width: auto;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    display: block;
    padding: 8px 12px;
    text-align: center;
}
.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
    border-radius: 3px;
    min-height: 20px;
    margin-bottom: 5px;
}
@keyframes skeleton-loading {
0% {
    background-color: hsl(200, 20%, 80%);
}
100% {
    background-color: hsl(200, 20%, 95%);
}
}
.skeleton-text {
    width: 100%;
    height: 0.7rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}
.skeleton-text__body {
    width: 75%;
}
.skeleton-footer {
    width: 30%;
}
.strListData .slick-slide{
    height: auto;
}
.strListData h3{
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.strListData .list-product {
    min-height: 340px;
}
.strListData .list-product .box-product:hover{
    background: #fff;
}
.strListData .list-product .box-product {
    border-radius: 5px;
    background: #f9f9f9;
    box-shadow: 0 0 5px 4px #00000006;
    -webkit-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
    -moz-box-shadow: 0 0 5px 4px rgba(0,0,0,.025);
    margin: 0px;
    max-width: 330px;
    min-height: 300px;
    padding-bottom: 2px;
}
.strListData .list-product .box-product .product-img {
    min-height: 190px;
    position: relative;
}
.strListData .list-product .box-product .product-img .topabsolute {
    left: 10px;
    position: absolute;
    top: 10px;
}
.strListData .list-product .box-product .product-img span.avail {
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 10px;
}
.strListData .list-product .box-product .product-img p.labels-black {
    background: rgba(0,0,0,.51);
    bottom: 0;
    color: #fff;
    font-size: 11px;
    left: 0;
    padding: 7px 10px;
    position: absolute;
    right: 0;
}
.strListData .list-product .box-product .property-name {
    color: #db3536;
    font-family: Nunito,sans-serif;
    font-size: 14px;
    padding: 12px 15px 0;
    text-transform: uppercase;
}
.strListData .list-product .box-product .property-name a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #db3536;
    display: -webkit-box;
    overflow: hidden;
}
.strListData .list-product .box-product .product-name {
    font-family: Inter,sans-serif;
    min-height: 25px;
    padding: 5px 15px 0;
}
.strListData .list-product .box-product .product-name b, .strListData .list-product .box-product .product-name p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 60px;
    min-height: 40px;
    overflow: hidden;
}
.strListData .list-product .box-product .product-price {
    display: block;
    font-size: 18px;
    padding: 10px 15px 0;
    position: relative;
}

.strListData .list-product .box-product:hover .product-sumbits{
    background: #db3536;
    color: #fff;
}
.strListData .list-product .box-product .product-sumbits {
    border: 1px solid #db3536;
    border-radius: 3px;
    color: #db3536;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 10px;
    outline: 0!important;
    padding: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.strListData .list-product .box-product .product-img span.avail[data-name="caTersedia"],
.strListData .list-product .box-product .product-img span.avail[data-name="caTersedia Ruang Usaha"] {
    background: #067409;
}
.strListData .list-product .box-product .product-img span.avail[data-name="caTidak tersedia"] {
    background: #900606;
}
.strListData .list-product .box-product .product-img span.avail {
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 10px;
}
.strListData .list-product h3 {
    font-size: 20px;
}
.strListData h3 span {
    background: #efbf5b;
    border-radius: 5px;
    color: #fff;
    margin-right: 3px;
    padding: 3px 10px;
}
.lbsl-slider {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
}
.lbsl-slider b {
    display: block;
    font-size: 40px;
    color: #fff;
    display: block;
    font-size: 50px;
    text-shadow: 1px 0 2px #999;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
}
.height100{
    height: 200px;
}
.slider-label img{
    width: 100%;
}
.containers{
    max-width: 1500px;
    width: 97%;
    margin: 0 auto;
}
.homepage {
    position: relative;
    padding-bottom: 85px;
}
.homepage .headers .pull-lefts {
    float: left;
}
.homepage .headers .pull-rights {
    float: right;
}
.homepage .headers .pull-rights a.stracc[data-id="1"]{
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5NiA5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qze2ZpbGw6I0ZGRjhGQTt9Cgkuc3Q0e3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDV7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDZ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDd7ZmlsbDojMjMxRjIwO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDh7ZmlsbDojRkYwRDVDO30KCS5zdDl7ZGlzcGxheTppbmxpbmU7fQoJLnN0MTB7ZmlsbDpub25lO3N0cm9rZTojMDBEOEU5O3N0cm9rZS13aWR0aDowLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3QxMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQ4RTk7c3Ryb2tlLXdpZHRoOjAuMjU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDEye2ZpbGw6bm9uZTtzdHJva2U6IzAwRDhFOTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MTN7ZmlsbDpub25lO3N0cm9rZTojMDBEOEU5O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+PGcgaWQ9ImJhbmFuYSIvPjxnIGlkPSJMYXllcl8xMiIvPjxnIGlkPSJncmFwZSIvPjxnIGlkPSJhc3Nhc2luIi8+PGcgaWQ9ImdvbGQiLz48ZyBpZD0ibWFnZV9hc3MiLz48ZyBpZD0iZmlnaHRlciIvPjxnIGlkPSJTVVBQT1JUIi8+PGcgaWQ9Im1hcmtzbWFuIi8+PGcgaWQ9IkpVTkdMRSIvPjxnIGlkPSJUQU5LIi8+PGcgY2xhc3M9InN0MCIgaWQ9ImNyZWRpdGNhcmQiLz48ZyBjbGFzcz0ic3QwIiBpZD0iQ0FLRSIvPjxnIGNsYXNzPSJzdDAiIGlkPSJUT1BJIi8+PGcgY2xhc3M9InN0MCIgaWQ9IlNQQVRVIi8+PGcgY2xhc3M9InN0MCIgaWQ9IlNFVFRJTkciLz48ZyBjbGFzcz0ic3QwIiBpZD0iQ0FSVCIvPjxnIGNsYXNzPSJzdDAiIGlkPSJrMyIvPjxnIGNsYXNzPSJzdDAiIGlkPSJjb21wdXRlciIvPjxnIGNsYXNzPSJzdDAiIGlkPSJwaG9uZSIvPjxnIGNsYXNzPSJzdDAiIGlkPSJsb2NhdGlvbiIvPjxnIGlkPSJrb3BlciI+PGcgaWQ9IkxheWVyXzI5Ii8+PGc+PHBhdGggY2xhc3M9InN0NCIgZD0iTTQ4LjUsMjUuM2MwLjcsMCwxLDAuMywxLDAuM2wwLDE4LjhjMCwwLjEtMC40LDAuNC0xLDAuNGgtMC4xYy0wLjYsMC0wLjktMC4zLTEtMC4zbDAtMTguOSAgICBDNDcuNSwyNS41LDQ3LjksMjUuMyw0OC41LDI1LjN6Ii8+PHBhdGggY2xhc3M9InN0NCIgZD0iTTQ4LDc0LjRjLTExLjYsMC0yMS4xLTkuNS0yMS4xLTIxLjFjMC04LjMsNC4zLTE1LjUsMTEuMi0xOWMwLjEsMCwwLjItMC4xLDAuMy0wLjFjMC4xLDAsMC4xLDAsMC4yLDAgICAgYzAuMiwwLjEsMC4zLDAuMiwwLjQsMC40YzAuMSwwLjIsMC4xLDAuNCwwLDAuNWMtMC4xLDAuMi0wLjIsMC4zLTAuNCwwLjRjLTYuNCwzLjItMTAuNCwxMC0xMC40LDE3LjdjMCwxMC45LDguOCwxOS43LDE5LjcsMTkuNyAgICBzMTkuNy04LjgsMTkuNy0xOS43YzAtNy43LTQtMTQuNC0xMC4zLTE3LjdjLTAuMy0wLjItMC41LTAuNi0wLjMtMC45YzAuMi0wLjMsMC42LTAuNSwwLjktMC4zYzYuOCwzLjUsMTEuMSwxMC43LDExLjEsMTguOSAgICBDNjkuMSw2NSw1OS42LDc0LjQsNDgsNzQuNHoiLz48L2c+PC9nPjxnIGNsYXNzPSJzdDAiIGlkPSJndWlkZSIvPjxnIGlkPSJNQUdJQ0FMIi8+PGcgaWQ9InBoaXNpY2FsIi8+PGcgaWQ9Im1hbmdvIi8+PGcgaWQ9Im9yYW5nZSIvPjwvc3ZnPg==') center center no-repeat;
    background-size:90% auto;
    background-position: 2px 0px;
}
.homepage .headers .pull-rights a.stracc[data-id="0"]{
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iSWNvbiI+PHBhdGggZD0iTTQuOTYsMjcuOTk5bDAuMDUxLDAuMDAxbDAuMDQzLC0wLjAwNGMwLjE5MSwtMC4wMjQgMC45NTcsLTAuMTcxIDAuOTU3LC0wLjk5NmMtMCwtNC45NzEgNC4wMjksLTkgOSwtOWMwLjY2MSwtMCAxLjMyNywtMCAxLjk4OCwtMGM0Ljk3LC0wIDksNC4wMjkgOSw5bC0wLDBjLTAsMC4wMjEgMCwwLjA0MSAwLjAwMiwwLjA2MWMwLjAxNSwwLjMyNSAwLjE1MywwLjUzNyAwLjMyMywwLjY3NmMwLjE3OCwwLjE2NCAwLjQxNSwwLjI2MyAwLjY3NSwwLjI2M2MtMCwwIDEsLTAuMDU3IDEsLTFjLTAsLTYuMDc1IC00LjkyNSwtMTEgLTExLC0xMWMtMC42NjEsLTAgLTEuMzI3LC0wIC0xLjk4OCwtMGMtNi4wNzUsLTAgLTExLDQuOTI1IC0xMSwxMWMtMCwtMC4wNSAwLjAwMywtMC4wOTIgMC4wMDgsLTAuMTI3Yy0wLjAwNSwwLjA0MSAtMC4wMDgsMC4wODQgLTAuMDA4LDAuMTI3Yy0wLDAuNTM1IDAuNDIsMC45NzIgMC45NDksMC45OTlaIi8+PHBhdGggZD0iTTE1Ljk5NCwzLjk4OGMtMi43NjMsLTAgLTUuMDA2LDIuMjQzIC01LjAwNiw1LjAwNmMtMCwyLjc2MyAyLjI0Myw1LjAwNiA1LjAwNiw1LjAwNmMyLjc2MywwIDUuMDA2LC0yLjI0MyA1LjAwNiwtNS4wMDZjMCwtMi43NjMgLTIuMjQzLC01LjAwNiAtNS4wMDYsLTUuMDA2Wm0tMCwyYzEuNjU5LC0wIDMuMDA2LDEuMzQ3IDMuMDA2LDMuMDA2YzAsMS42NTkgLTEuMzQ3LDMuMDA2IC0zLjAwNiwzLjAwNmMtMS42NTksMCAtMy4wMDYsLTEuMzQ3IC0zLjAwNiwtMy4wMDZjLTAsLTEuNjU5IDEuMzQ3LC0zLjAwNiAzLjAwNiwtMy4wMDZaIi8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 60% auto;
}
.homepage .headers .pull-rights a.stracc{
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 5px;
}
.homepage .headers .pull-rights a.stracc[data-id="0"]:hover{
    background:#fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxMDAlIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iSWNvbiI+PHBhdGggZD0iTTQuOTYsMjcuOTk5bDAuMDUxLDAuMDAxbDAuMDQzLC0wLjAwNGMwLjE5MSwtMC4wMjQgMC45NTcsLTAuMTcxIDAuOTU3LC0wLjk5NmMtMCwtNC45NzEgNC4wMjksLTkgOSwtOWMwLjY2MSwtMCAxLjMyNywtMCAxLjk4OCwtMGM0Ljk3LC0wIDksNC4wMjkgOSw5bC0wLDBjLTAsMC4wMjEgMCwwLjA0MSAwLjAwMiwwLjA2MWMwLjAxNSwwLjMyNSAwLjE1MywwLjUzNyAwLjMyMywwLjY3NmMwLjE3OCwwLjE2NCAwLjQxNSwwLjI2MyAwLjY3NSwwLjI2M2MtMCwwIDEsLTAuMDU3IDEsLTFjLTAsLTYuMDc1IC00LjkyNSwtMTEgLTExLC0xMWMtMC42NjEsLTAgLTEuMzI3LC0wIC0xLjk4OCwtMGMtNi4wNzUsLTAgLTExLDQuOTI1IC0xMSwxMWMtMCwtMC4wNSAwLjAwMywtMC4wOTIgMC4wMDgsLTAuMTI3Yy0wLjAwNSwwLjA0MSAtMC4wMDgsMC4wODQgLTAuMDA4LDAuMTI3Yy0wLDAuNTM1IDAuNDIsMC45NzIgMC45NDksMC45OTlaIi8+PHBhdGggZD0iTTE1Ljk5NCwzLjk4OGMtMi43NjMsLTAgLTUuMDA2LDIuMjQzIC01LjAwNiw1LjAwNmMtMCwyLjc2MyAyLjI0Myw1LjAwNiA1LjAwNiw1LjAwNmMyLjc2MywwIDUuMDA2LC0yLjI0MyA1LjAwNiwtNS4wMDZjMCwtMi43NjMgLTIuMjQzLC01LjAwNiAtNS4wMDYsLTUuMDA2Wm0tMCwyYzEuNjU5LC0wIDMuMDA2LDEuMzQ3IDMuMDA2LDMuMDA2YzAsMS42NTkgLTEuMzQ3LDMuMDA2IC0zLjAwNiwzLjAwNmMtMS42NTksMCAtMy4wMDYsLTEuMzQ3IC0zLjAwNiwtMy4wMDZjLTAsLTEuNjU5IDEuMzQ3LC0zLjAwNiAzLjAwNiwtMy4wMDZaIi8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 60% auto;
    border: 1px solid #888;
}
.list-single-main-media {
    position: relative;
}
.transparants{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
    left: 0;
    right: 0;
}
p.address {
    padding: 5px 16px 1px 16px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #555;
    font-size: 12px;
    min-height: 42px;
}
.homepage .headers .pull-rights a.stracc[data-id="1"]:hover{
    background:#fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTYgOTY7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA5NiA5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZGlzcGxheTpub25lO30KCS5zdDF7ZmlsbDojRkZGRkZGO30KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qze2ZpbGw6I0ZGRjhGQTt9Cgkuc3Q0e3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDV7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDZ7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDd7ZmlsbDojMjMxRjIwO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDh7ZmlsbDojRkYwRDVDO30KCS5zdDl7ZGlzcGxheTppbmxpbmU7fQoJLnN0MTB7ZmlsbDpub25lO3N0cm9rZTojMDBEOEU5O3N0cm9rZS13aWR0aDowLjI1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3QxMXtmaWxsOm5vbmU7c3Ryb2tlOiMwMEQ4RTk7c3Ryb2tlLXdpZHRoOjAuMjU7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDEye2ZpbGw6bm9uZTtzdHJva2U6IzAwRDhFOTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MTN7ZmlsbDpub25lO3N0cm9rZTojMDBEOEU5O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+PGcgaWQ9ImJhbmFuYSIvPjxnIGlkPSJMYXllcl8xMiIvPjxnIGlkPSJncmFwZSIvPjxnIGlkPSJhc3Nhc2luIi8+PGcgaWQ9ImdvbGQiLz48ZyBpZD0ibWFnZV9hc3MiLz48ZyBpZD0iZmlnaHRlciIvPjxnIGlkPSJTVVBQT1JUIi8+PGcgaWQ9Im1hcmtzbWFuIi8+PGcgaWQ9IkpVTkdMRSIvPjxnIGlkPSJUQU5LIi8+PGcgY2xhc3M9InN0MCIgaWQ9ImNyZWRpdGNhcmQiLz48ZyBjbGFzcz0ic3QwIiBpZD0iQ0FLRSIvPjxnIGNsYXNzPSJzdDAiIGlkPSJUT1BJIi8+PGcgY2xhc3M9InN0MCIgaWQ9IlNQQVRVIi8+PGcgY2xhc3M9InN0MCIgaWQ9IlNFVFRJTkciLz48ZyBjbGFzcz0ic3QwIiBpZD0iQ0FSVCIvPjxnIGNsYXNzPSJzdDAiIGlkPSJrMyIvPjxnIGNsYXNzPSJzdDAiIGlkPSJjb21wdXRlciIvPjxnIGNsYXNzPSJzdDAiIGlkPSJwaG9uZSIvPjxnIGNsYXNzPSJzdDAiIGlkPSJsb2NhdGlvbiIvPjxnIGlkPSJrb3BlciI+PGcgaWQ9IkxheWVyXzI5Ii8+PGc+PHBhdGggY2xhc3M9InN0NCIgZD0iTTQ4LjUsMjUuM2MwLjcsMCwxLDAuMywxLDAuM2wwLDE4LjhjMCwwLjEtMC40LDAuNC0xLDAuNGgtMC4xYy0wLjYsMC0wLjktMC4zLTEtMC4zbDAtMTguOSAgICBDNDcuNSwyNS41LDQ3LjksMjUuMyw0OC41LDI1LjN6Ii8+PHBhdGggY2xhc3M9InN0NCIgZD0iTTQ4LDc0LjRjLTExLjYsMC0yMS4xLTkuNS0yMS4xLTIxLjFjMC04LjMsNC4zLTE1LjUsMTEuMi0xOWMwLjEsMCwwLjItMC4xLDAuMy0wLjFjMC4xLDAsMC4xLDAsMC4yLDAgICAgYzAuMiwwLjEsMC4zLDAuMiwwLjQsMC40YzAuMSwwLjIsMC4xLDAuNCwwLDAuNWMtMC4xLDAuMi0wLjIsMC4zLTAuNCwwLjRjLTYuNCwzLjItMTAuNCwxMC0xMC40LDE3LjdjMCwxMC45LDguOCwxOS43LDE5LjcsMTkuNyAgICBzMTkuNy04LjgsMTkuNy0xOS43YzAtNy43LTQtMTQuNC0xMC4zLTE3LjdjLTAuMy0wLjItMC41LTAuNi0wLjMtMC45YzAuMi0wLjMsMC42LTAuNSwwLjktMC4zYzYuOCwzLjUsMTEuMSwxMC43LDExLjEsMTguOSAgICBDNjkuMSw2NSw1OS42LDc0LjQsNDgsNzQuNHoiLz48L2c+PC9nPjxnIGNsYXNzPSJzdDAiIGlkPSJndWlkZSIvPjxnIGlkPSJNQUdJQ0FMIi8+PGcgaWQ9InBoaXNpY2FsIi8+PGcgaWQ9Im1hbmdvIi8+PGcgaWQ9Im9yYW5nZSIvPjwvc3ZnPg==') center center no-repeat;
    background-size:90% auto;
    border: 1px solid #888;
    background-position: 2px 0px;
}
.homepage .headers .pull-rights a.account:hover{
    border: 1px solid #888;
    background:#fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9IjEiIGlkPSJfMSI+PHBhdGggZD0iTTQ0MS4xMywxNjYuNTJoLTM3MmExNSwxNSwwLDEsMSwwLTMwaDM3MmExNSwxNSwwLDAsMSwwLDMwWiIvPjxwYXRoIGQ9Ik00NDEuMTMsMjc5LjcyaC0zNzJhMTUsMTUsMCwxLDEsMC0zMGgzNzJhMTUsMTUsMCwwLDEsMCwzMFoiLz48cGF0aCBkPSJNNDQxLjEzLDM5Mi45MmgtMzcyYTE1LDE1LDAsMSwxLDAtMzBoMzcyYTE1LDE1LDAsMCwxLDAsMzBaIi8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 60% auto;
}
.homepage .headers .pull-rights a.account{
    width: 40px;
    margin: 5px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBkYXRhLW5hbWU9IjEiIGlkPSJfMSI+PHBhdGggZD0iTTQ0MS4xMywxNjYuNTJoLTM3MmExNSwxNSwwLDEsMSwwLTMwaDM3MmExNSwxNSwwLDAsMSwwLDMwWiIvPjxwYXRoIGQ9Ik00NDEuMTMsMjc5LjcyaC0zNzJhMTUsMTUsMCwxLDEsMC0zMGgzNzJhMTUsMTUsMCwwLDEsMCwzMFoiLz48cGF0aCBkPSJNNDQxLjEzLDM5Mi45MmgtMzcyYTE1LDE1LDAsMSwxLDAtMzBoMzcyYTE1LDE1LDAsMCwxLDAsMzBaIi8+PC9nPjwvc3ZnPg==') center center no-repeat;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-size: 60% auto;
}
.homepage .headers .pull-rights a.list:hover{
    background: #fff;
    text-decoration: none;
}
.homepage .headers .pull-rights a.list:before{
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PGcgaWQ9Im9mZmljZSI+PHBhdGggZD0iTTEyLjUsMTNoLTFhMSwxLDAsMCwwLDAsMmgxQTEsMSwwLDAsMCwxMi41LDEzWiIvPjxwYXRoIGQ9Ik0xMi41LDloLTFhMSwxLDAsMCwwLDAsMmgxQTEsMSwwLDAsMCwxMi41LDlaIi8+PHBhdGggZD0iTTEyLjUsNWgtMWExLDEsMCwwLDAsMCwyaDFBMSwxLDAsMCwwLDEyLjUsNVoiLz48cGF0aCBkPSJNOC41LDEzaC0xYTEsMSwwLDAsMCwwLDJoMUExLDEsMCwwLDAsOC41LDEzWiIvPjxwYXRoIGQ9Ik04LjUsOWgtMWExLDEsMCwwLDAsMCwyaDFBMSwxLDAsMCwwLDguNSw5WiIvPjxwYXRoIGQ9Ik04LjUsNWgtMWExLDEsMCwwLDAsMCwyaDFBMSwxLDAsMCwwLDguNSw1WiIvPjxwYXRoIGQ9Ik0xNi41LDEzaC0xYTEsMSwwLDAsMCwwLDJoMUExLDEsMCwwLDAsMTYuNSwxM1oiLz48cGF0aCBkPSJNMTYuNSw5aC0xYTEsMSwwLDAsMCwwLDJoMUExLDEsMCwwLDAsMTYuNSw5WiIvPjxwYXRoIGQ9Ik0xNi41LDVoLTFhMSwxLDAsMCwwLDAsMmgxQTEsMSwwLDAsMCwxNi41LDVaIi8+PHBhdGggZD0iTTIyLDIxSDIxVjJhMSwxLDAsMCwwLTEtMUg0QTEsMSwwLDAsMCwzLDJWMjFIMmExLDEsMCwwLDAsMCwySDIyQTEsMSwwLDAsMCwyMiwyMVpNMTAsMjFWMTloNHYyWm02LDBWMThhMSwxLDAsMCwwLTEtMUg5YTEsMSwwLDAsMC0xLDF2M0g1VjNIMTlWMjFaIi8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 100% auto;
    width: 15px;
    content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    height: 20px;
}
.homepage .headers .pull-rights a.list{
    margin-top: 0px;
    border-radius: 15px;
    padding: 14px 20px 14px 40px;
    position: relative;
    font-size: 16px;
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    margin-right: 10px;
    color: #222;
}
.homepage .headers .pull-rights a{
    float: left;
    display: inline-block;
    color: #888;
    font-size: 14px;
}
.homepage .headers .pull-rights{
    position: relative;
    margin-top: 5px;
}
.homepage .headers .pull-rights .submenu{
    display: none;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    position: absolute;
    top: 56px;
    right: 0;
    min-width: 300px;
    max-width: 340px;
    min-height: 300px;
    z-index: 2;
    width: 100%;
    background: #fff;
}
.homepage .hero-message h1{
    margin: 0;
}
.homepage .headers{
    padding: 20px 0;
}
.homepage .headers .pull-lefts img{
    max-width: 350px;
    width: 100%;
}
.homepage .hero-message {
    display: block;
    font-size: 40px;
    color: #fff;
    top: 0;
    width: 60%;
    position: absolute;
    display: block;
    font-size: 30px;
    text-shadow: 1px 0 2px #999;
    font-weight: bold;
    padding: 50px 80px;
    font-family: "Nunito", sans-serif;
    text-align: left;
}
.homepage .backgrounds:before {
    background: linear-gradient(90deg,rgb(21 21 21 / 70%) 10.67%,rgb(56 52 54 / 70%) 95.35%);
    content: "";
    filter: blur(32px);
    left: 0;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 90%;
    margin: 0 auto;
    z-index: 1;
}
.homepage:after{
    bottom: 150px;
    left: 300px;
    content: "";
    position: absolute;
    width: 200px;
    height: 100px;
    background:url('../img/arrow.webp') center center no-repeat;
    background-size: 100% auto; 
}
.homepage .backgrounds{
    position: relative;
}
.homepage .backgrounds img{
    width: 100%;
    border-radius: 30px;
}
.homepage .searchs .submits:hover{
    background: #ba2a2a;
    box-shadow: 0 8px 24px rgba(228, 51, 23, 0.35);
    color: #fff;
}
.homepage .searchs .listing-radio .caris.active{
    border-bottom: 2px solid #a6b1c6;
    color: #e8e8e8;
}
.homepage .searchs .listing-radio{
    text-align: center;
    margin-bottom: 20px;
}
.homepage .searchs .listing-radio .caris{
    font-size: 15px;
    padding: 10px 30px;
    cursor: pointer;
    color: #6b84b2;
    text-decoration: none;
    display: inline-block;
}
.homepage .searchs .searchs-peta.active{
    display: block;
}
.homepage .searchs .searchs-kode.active{
    display: block;
}
.homepage .searchs .searchs-kode{
    display: none;
}
.homepage .searchs .searchs-peta{
    display: none;
}
.homepage .searchs .submits{
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 10px;
    background: #db3536;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    height: 48px;
    line-height: 38px;
    border: 0;
    padding: 5px 38px;
    display: inline-block;
}
.homepage .searchs input[type="text"]:not(:empty),
.homepage .searchs input[type="text"]:focus{
    border: 1px solid #444;
}
.homepage .searchs input[type="text"]{
    padding: 12px;
    border: none;
    border-radius: 7px;
    border: 1px solid #ededed;
    font-size: 15px;
    width: 78%;
}
.homepage .searchs{
    background: #193a78;
    border-radius: 20px;
    max-width: 700px;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    padding: 10px 20px 20px 20px;
    left: 0;
    right: 0;
    bottom: -30px;
    width: 100%;
}
.cls_close:hover{
    opacity: 1;
}
.cls_close{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==')center center no-repeat;
    background-size: 50% auto;
    opacity: .5;
    top: 10px;
    border-radius: 5px;
    right: 10px;
    cursor: pointer;
    z-index: 99;
}
.infodata.active{
    padding: 20px;
    text-align: center;
    background: linear-gradient(to right,  rgba(255,233,233,1) 0%,rgba(245,246,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #943838;
    font-size: 15px;
    border-radius: 5px;
}
.mores:hover{
    background:#b62b2b url('../img/4737438_equalizer_filter_filtering_mixer_sorting_icon.svg') center center no-repeat;
    background-size: auto 50%;
}
.mores{
    background:#db3536 url('../img/4737438_equalizer_filter_filtering_mixer_sorting_icon.svg') center center no-repeat;
    background-size: auto 50%;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}
.goiing_:hover,
.goiing:hover{
    background:#ededed url('../img/ico_lines.png') center center no-repeat;
    background-size: 20px auto;
}
.goiing_,
.goiing{
    background:#fff url('../img/ico_lines.png') center center no-repeat;
    background-size: 20px auto;
    display: none;
    width: 33px;
    height: 28px;
    position: absolute;
    top: 6px;
    border-radius: 4px;
    right: 20px;
}
.closes_:hover,
.closes:hover{
    background:#ededed url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGlkPSJjcm9zcyI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iNyIgeTI9IjI1Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iMjUiIHkyPSI3Ii8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 20px auto;
}
.closes_,
.closes{
    display: none;
    background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGlkPSJjcm9zcyI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iNyIgeTI9IjI1Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNyIgeDI9IjI1IiB5MT0iMjUiIHkyPSI3Ii8+PC9nPjwvc3ZnPg==') center center no-repeat;
    background-size: 20px auto;
    width: 33px;
    height: 28px;
    position: absolute;
    top: 6px;
    border-radius: 4px;
    right: 20px;
}
.footers .logobawah{
    max-width: 300px;
    display: block;
    width: 100%;
}

.cursors{
    cursor: pointer;
    }
.footers .social-media .social-media-icon{
    float: left;
}
.footers .social-media .social-media-icon a i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    margin-right: 10px;
    text-align: center;
    font-size: 15px;
    background: rgb(139, 12, 12);
}
.footers .social-media .social-media-icon a{
    display: inline-block;
}
.footers .address a{
    display: inline-block;
}
.footers .address strong{
    font-weight: bold;
    font-size: 16px;
}
.footers {
    background: #db3536;
    color: #fff;
    font-size: 13px;
    padding: 30px 0;
}
.searchs-peta{
    position: relative;
    margin-top: 10px;
}
.searchs-kode{
    position: relative;
}
.footers b {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}
.footers a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 7px 0;
}
.copra {
    background: #b22b2b;
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 24px;
}
.footers .hrs {
    border-top: 1px solid hsla(0,0%,100%,.5);
    margin: 10px 0;
}
.row-news .pl-0{
    padding-left: 0;
}
.row-news {
    margin-bottom: 100px;
    margin-top: 40px;
}
.row-news .imgsnews{
    height: 200px;
    border: 2px solid #333;
    margin-top: 5px;
    border-radius: 5px;
}
.row-news .news_data:hover{
    text-decoration: none;
}
.row-news .news_data .text-container:hover{
    color: #111;
}
.row-news .news_data .text-container{
    font-size: 18px;
    color: #a82222;
    display: block;
    padding: 6px 0;
}
.row-news .news_data .date-container{
    color: #999;
    display: block;
    margin-top: 15px;
    font-size: 12px;
}
.row-news .news_data .content-container{
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 25px;
    color: #333;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.row-news .col-md-6 .row:hover {
}
.row-news .col-md-6 .row {
    background: none;
    padding-top: 20px;
    border-radius: 10px;
}

.slick-slide{
    height: auto !important;
}
.session.session-two .session-data.loadings:before{
    background:rgba(255, 255, 255, .6) url('../img/loading_category.gif') center center no-repeat;
    background-size: 50px auto;
    border-radius: 5px;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media (max-width:768px){
    .row-news {
        padding: 15px;
    }
    .strListData .list-product {
        min-height: auto;
    }
	.strListData .list-product .box-product {
		max-width: 100%;
	}
    .homepage .searchs .submits {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        text-align: center;
        margin-top: 10px;
    }
    .homepage .searchs input[type="text"] {
        padding: 12px;
        width: 100%;
    }
    .homepage:after{
        bottom: 10px;
    }
    .homepage .backgrounds img {
        border-radius: 0;
    }
    .height100{
        height: 200px;
    }
    .data-filter .filter-border .sumbits {
        border-radius: 4px;
        margin: 0 10px;
    }
    .lbsl-slider b {
        font-size: 30px;
    }
    .slider-label img{
        max-height: 300px;
    }
    .lbsl-slider {
        top: 10%;
    }
    .data-filter {
        left: 0;
        margin: 0;
        padding: 7px;
        right: 0;
    }
    .data-filter .filter-border {
        padding: 10px 0;
    }
    .data-filter .btndatepick {
        padding: 10px 20px;
        display: block;
    }
    .data-filter .btndatepick svg {
        top: 44px;
        left: 27px;
    }
    .data-filter .btndatepick span {
        padding-left: 27px;
    }
    .data-filter .submenu[data-id="1"] {
        min-width: 200px;
        top: auto;
        left: 0;
    }
    .homepage .headers .pull-lefts {
    }
    .homepage .headers .pull-rights {
    }
    .homepage .headers .pull-rights a.list{
        display: none;
    }
    .homepage .headers .pull-lefts img {
        max-width: 250px;
        margin-left: 10px;
        margin-top: 5px;
    }
    .homepage .backgrounds{
        border-radius: 0;
        background: #fff;
    }
    .homepage .hero-message {
        font-size: 14px;
        width: 100%;
        padding: 20px;
    }
    .homepage .headers {
        padding: 10px 0;
        background: #fff;
    }
    .homepage .searchs {
        border-radius: 0;
        bottom: 23px;
        padding: 15px;
        position: relative;
    }
    .homepage .backgrounds:before{background: none;}
    .homepage{
        padding-bottom: 0;
    }
    .strListData h3,
    .strListData h1 {
        font-size: 20px;
        margin-top: 10px;
        padding-left: 15px;
        margin-bottom: 5px;
    }
    .row-news .pl-0 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row-news .news_data .text-container {
        font-size: 17px;
        padding: 10px 0 0 0;
    }
    .row-news .news_data .content-container {
        font-size: 12px;
    }
    .homepage .backgrounds:after {
        opacity: 0.3;
        width: 100%;
        top: 20%;
    }
    .containers {   
        width: 100%;
    }
    .homepage .backgrounds:before{
        bottom: 147px;
    }
    .footers {
        padding: 20px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 6px;
    }
    .carousel2row .slick-dots li {
        margin: 0 0px;
    }
    .closes {
        right: 8px;
    }
    .session.session-two .session-data .data-scroll .searchs .search-form {
        margin-right: 36px;
    }
    .goiing{
        right: 10px;
    }
}