@font-face {
    font-family: 'Conv_DIN-Light';
    src: url('../fonts/fonts/DIN-Light.eot');
    src: local('☺'), url('../fonts/fonts/DIN-Light.woff') format('woff'), url('../fonts/fonts/DIN-Light.ttf') format('truetype'), url('../fonts/fonts/DIN-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,
h2,
h3,
h4,
h5{
    font-family: 'Conv_DIN-Light';
    font-weight:500;
}

.text-light h3{font-weight:700 !important;}
h4.text-blue{font-size:18px;}
.text-blue{color:#0073b4 !important;}
.text-orange{color:#f47a21 !important;}

.btn-orange,
.btn.btn-light:hover{
    background-color:#f47a21 !important;
    border-color: #f47a21 !important;
}

.btn{background-color: #86a93b;border-color: #86a93b;}
.btn:hover{background-color: #508f3f;border-color: #508f3f;}
.owl-carousel.arrows-creative .owl-nav [class*="owl-"]:hover {
    color:#262626;
    background-color:#008cc7;
}
.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color:#008cc7;
    border-color:#008cc7;
}
.btn-padding{padding:10px 20px;}
.img-radius{border-radius:5px;}

.real-estate-form-container {
    overflow: inherit !important;
}

.real-estate-form {
    margin-bottom: 0;
    position: relative;
    z-index: 4 !important;
    background-color: rgba(0,115,180, 0.9);
    border-color: rgba(0,115,180, 0.9);
    border-radius: 0px;
    text-align: center;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    width: 360px;
    position: absolute;
    z-index: 999;
    left: 70%;
    top: 0;
    height: 100%;
}

#header.dark #mainMenu nav > ul > li > a,
#mainMenu nav > ul > li > a {
    color: #7b7b7b;
    padding:10px;
}

.dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a{color:#fff;}

#mainMenu nav > ul > li:hover > a:hover,
#mainMenu nav > ul > li:hover > a:hover{
    color:#0073b4 !important;
}

.separator-home {
    width: 15% !important;
    margin: 0px auto;
}
.seperator-home::before, .seperator-home::after, .separator-home::before, .separator-home::after,
.seperator-about::before, .seperator-about::after, .separator-about::before, .separator-about::after {
    border-bottom: 2px solid #f47a21;
}
.separator-about{
    width: 4% !important;
    margin: 0px auto;
    margin-left:0%;
    margin-bottom: 20px;
}

.background-image{
    background-size:100%;
    background-position: top center;
}

.about-dekstop h2,
.about-dekstop h3 {
    font-size: 28px;
    font-weight: 400;
}

/* .inspiro-slider .slide {background-position: 50%;} */
.inspiro-slider .slide-captions-home {
    background-color: #f37a21;
    padding: 30px;
    margin-top: 70px;
    border-radius: 5px;
}
.inspiro-slider .slide-captions-home > p {
    color: #ffffff;
    font-size: 26px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 0;
    text-align: center;
    font-family: 'Conv_DIN-Light';
}

.parallax-container {background-repeat: no-repeat !important;}

.text-middle {
    display: table-cell;
    vertical-align:middle;
    margin: auto;
}

/*Project*/
.inspiro-slider .slide-captions-detail{margin-top: 260px;}
.carousel-gallery.owl-carousel:hover .owl-prev {left: 35px !important;}
.carousel-gallery.owl-carousel:hover .owl-next {right: 35px !important;}
.btn-project {
    border-radius: 0px;
    letter-spacing: 2px;
    background-color: #016692;
    border-color: #016692;
    margin: 20px !important;
}

.separator-facilities{
    width: 4% !important;
    margin: 0px auto;
    margin-left:none !important;
    margin-bottom: 20px;
}

.icon-box.effect .icon img{z-index: 1;}
.icon-box .icon img {
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
}
.icon-box .icon img {
    width: 100%;
    height: 100%;
    color: #333;
}

.icon-box .icon img {
    font-size: 28px;
    text-align: center;
    line-height: 66px;
    border-radius: 50%;
}

.icon-box.effect .icon img{
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

.icon-box .icon img::after {
    top: -4px;
    left: -4px;
    padding: 4px;
    box-shadow: 0 0 0 3px #333;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;

}

/* Awards */
.icon-box.process {
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 20px !important;
    padding: 0 20px 10px !important;
    margin-top:20px !important;
    margin-bottom:25px !important;
}

.icon-box.medium h3{

    font-family: 'Conv_DIN-Light' !important;
    font-weight:500 !important;
    height: 60px !important;
}

/*Footer*/
#footer.footer-dekstop{background-color: #e9e4e0 !important;}
#footer.footer-dekstop .copyright-content {
    background-color: #e9e4e0;
    border-top: 2px solid #fff;
}

.copyright-content {
    border-top: 1px solid #222;
    min-height: 50px;
    padding: 10px 0;
}

.form-control{border-radius:0;}
.btn-footer{
    border-radius:0;
    background-color:#016692;
    border-color: #016692;
}

.social-icons.social-icons-border li a {
    border: 1px solid #016692;
    background: #016692;
    color: #fff !important;
}
/*End : Footer*/
#blog {
    border: 1px solid #BBB;
    border-radius: 5px;
    padding: 25px 0px;
    margin-bottom: 0px;
    padding-bottom:0px;
}

#blog.post-thumbnails .post-item {padding: 0 0 0px 0;}
#blog.post-thumbnails .post-item:not(.quote) .post-item-description{padding-bottom:0px;}

.type-mobile .owl-carousel .owl-nav [class*="owl-"]{
    opacity: 1;
    background-color: #f47a21;
    border-color: #f47a21;
}

.type-mobile .owl-carousel .owl-nav .owl-next {right: -25px;}
.type-mobile .owl-carousel .owl-nav .owl-prev {left: -25px;}

.list-icon-type img{
    position: relative;
    top: 10px;
}

/* Circus Icon */
.circus{
    position: fixed;
    bottom: -8px;
    right: 90px;
    z-index: 100;
}

/*WA Icon*/
.float{
    position: fixed;
    width: 72px;
    height: 72px;
    bottom: 30px;
    right: 20px;
    background-color: #4FCE5D;
    color: #FFF !important;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #cccccc;
    z-index: 100;
    opacity: 0.8;
}

.float i,
#wa-top-area img{
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.my-float {margin-top: 16px;}

.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle-wa {
    width: 110px;
    height: 110px;
    top: -18px;
    left: -18px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #4FCE5D;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill-wa {
    width: 80px;
    height: 80px;
    top: -3px;
    left: -5px;
    position: absolute;
    background-color: #4FCE5D;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-circle {
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #214095;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
    width: 80px;
    height: 80px;
    top: 16px;
    left: 16px;
    position: absolute;
    background-color: rgba(21, 100, 167, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
    background-color: #214095;
    width: 50px;
    height: 50px;
    top: 31px;
    left: 31px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 33px;
    height: 33px;
}

.hotline-bar {
    position: absolute;
    background: #214095;
    height: 45px;
    width: 195px;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.75);
    border-radius: 50px !important;
    left: 42px;
    bottom: 31px;
}

.hotline-bar>a {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-indent: 32px;
    letter-spacing: 1px;
    display: block;
    line-height: 45px;
    font-family: Arial;
}

.hotline-bar>a:hover,
.hotline-bar>a:active {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

/*Landing Page*/
.green-crystal-form{
    background-color: #fff;
    border: 2px solid rgba(244,115,30,.2);
    border-radius: 0px;
    text-align: center;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    width: 360px;
    position: absolute;
    z-index: 999;
    left: 70%;
    top: 0;
    height: 100%;
}


@media (max-width: 768px) {
    .separator-about {width: 11% !important;}
    h4.text-blue {font-size: 16px;}
    h2.text-h2{font-size:16px;}
    .about-dekstop h2 {font-size: 16px;}
    #concept{
        margin-top:auto !important;
        padding-top:30px !important;
    }
    .real-estate-form {margin-top: -100px;}
    .copyright-text {
    text-align: center !important;}

    #sticky-mobile {
        position: fixed;
        left: 10px;
        display: block;
        z-index: 999;
        bottom: 30px;
        border-radius: 10px;
        background: #fff;
        padding: 2px 5px;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    }
    #sticky-mobile a {color: #F36F21;}

	/*General*/
	p{line-height:26px;}
	.widget-title{
		text-transform:uppercase;
		font-size:14px;
	}
	.text-blue{color:#038aca !important;}
    .text-red {font-weight: 600;}
	.separator-home{
		width: 35% !important;
		margin: 0px auto;
	}
	.separator-home::before, .separator-home::after {border-bottom: 2px solid #fed9b5;}
    .display-w h2{display: contents;}

    #header.header-fullwidth.header-transparent.dark #header-wrap {border-bottom: 1px solid rgba(231, 231, 231, 1);}

    .owl-carousel .owl-nav [class*="owl-"]:hover {
        background-color: #e06e28;
        border-color: #e06e28;
    }
    .fa-share-alt{font-size: 1.3em;}
    .btn-zoom{
        display: table;
        margin: 0 auto !important;
    }
    .btn.btn-zoom{
        border-color:#038aca;
        color:#038aca;
    }
    .btn.btn-zoom:hover,
    .btn.btn-zoom:focus{
        background-color:#038aca;
        border-color:#038aca;
    }
    .btn-orange{
        background-color: #f38120;
        border-color: #f38120;
    }
    .btn-orange .fa-paper-plane::before{color:#fff !important;}
    .form-control,
    select{
        text-align:center;
    }
    .col-custom{
        padding-right: 40px;
        padding-left: 40px;
    }
    #goToTop{bottom:110px !important;}
    #goToTop::after {background-color: #73a340;}
    .list-inline{margin-left:0px;}
    .list-inline > li {
        padding-right: 0px;
        padding-left: 0px;
    }

    .about .portfolio-item .portfolio-image::after{border-radius:5px;}
    .btn.btn-block{
        background-color:#6f9d3e;
        border-color:#6f9d3e;
    }
	/*General*/

	/*Header*/
	#header #logo {
		text-align: left;
		padding: 0 10px !important;
	}
	.lines::before {top: 6px;}
	.lines::after {top: -6px;}
	.lines, .lines::before, .lines::after {
    	height: 4px;
    	width: 20px;
    	border-radius: 0;
    }
    #header.header-transparent #header-wrap .lines,
    #header.dark.header-transparent #header-wrap .lines,
    #header.dark.header-transparent #header-wrap .lines:before,
    #header.dark.header-transparent #header-wrap .lines:after{background-color:#038aca;}
    #header #mainMenu-trigger button{float: right;}
    #header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown::before {
        opacity: 1;
        color:#000;
    }
	/*Header*/

    /*Home*/
	.list-lines li {
    	border-bottom: 1px solid #fed9b5;
    	padding: 5px 0 5px 2px;
    }
    .list-lines h5 a{font-size:1.12em;color:#038aca;}

    .project .post-item .post-image .post-meta-category{
    	border-radius:0;
    	background-color:#f91627;
    	font-weight:600;
    }
    .project .post-item.border .post-item-wrap,
    .project .portfolio-item.light-bg .portfolio-item-wrap {
    	border: 1px solid #ececec;
    	border-radius:5px;
    }
    .project .post-image img,
    .project .portfolio-image img{
    	border-top-left-radius: 5px;
		border-top-right-radius: 5px;
    }

    .project .post-item.border > .post-item-wrap > .post-item-description {padding: 10px !important;}
    .project .post-item .post-item-description > h2 > a {
    	color:#038aca !important;
    	font-weight:400;
    }
    .project .post-item .post-item-description > h2{
    	font-size:16px;
    	margin-bottom:0;
    }

    .project .post-item .post-item-description .post-meta-comments a{
    	color: #7b7b7b;
    	display: inline-block;
    	float: left;
        display: contents;
    }
    .project .item-link{float: right;}
    .carousel-mobile.owl-carousel .owl-controls .owl-dots {margin-top: -20px;}
    .inspiro-slider .slide-captions-home > p {font-size: 22px;}
    .inspiro-slider .slide-captions-home {padding: 20px;}
    .about{margin-top:30px;}
    /*Home*/

    /*Projects*/
    .projects h5{
        border-bottom: 1px solid #e7e7e7;
        padding-bottom:15px;
    }

    .projects .list-icon li{
        margin-bottom: 12px;
        margin-left: 0px;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 13px;
    }

    .projects .list-icon li a{
        color:  #00a7cc;
        font-weight:600;
        font-size: 13px;
    }

    .projects .list-icon i {
        margin-right:10px;
        margin-left:0;
        float: right;
        margin-top: 5px;
        color:  #00a7cc;
        font-size: 15px;
    }
    /*Projects*/

    /*Projects Detail*/
    .post-thumbnails .post-item:not(.quote) .post-item-description {
        float: left;
        padding-top: 10px;
        width: 54% !important;
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .post-thumbnails .post-item .post-image{
        float:left;
        width: 46%;
    }

    .post-detail{
        border: 1px solid #ececec;
        border-radius: 5px;
        padding-bottom:0;
        background-color:#f7f7f7;
    }

    .post-detail .item-link {
        color: #1abc9c;
        font-size: 10px;
        color: #494949;
    }

    .post-thumbnails .post-detail {padding: 0 0 0px 0;}
    h5.title-project{font-weight:400 !important;}
    .img-detail{
        border-top-left-radius:5px;
        border-bottom-left-radius: 5px;
    }
    /*Project Detail*/

    /*Project Type*/
    .accordion .ac-item .ac-title::before {
        content: "\f105";
        font-size:15px;
    }
    .accordion .ac-item{border-top: 1px solid #eee;}
    .accordion .ac-item .ac-title::before{color: #038aca !important;}
    .accordion .ac-item.ac-active .ac-title::before{
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        ms-transform: rotate(90deg);
        color: #038aca !important;
    }

    .slider-type.owl-carousel .owl-controls .owl-dots {margin-top: -25px;}
    /*Project Type*/


    /*Concept*/
    #page-title{padding:100px 0 !important;}

    .separator-concept{margin: 5px auto;}
    .separator-concept::before{margin: 0px -4px 0 -240% !important;}
    .separator-concept::after{border-bottom:2px solid #fed9b5 !important;}
    /*Concept*/

    /*Whatson*/
    .project .post-item .post-whatson > h2 {display: contents !important;}
    /*Whatson*/

    /*Location*/
    .grid-item .grid-image::after{
        background-color:transparent;
        cursor:default;
    }
    /*Location*/

    /*Simulasi KPR*/
    .input-group-addon{
        background-color:transparent;
    }

    .input-custom{width: 90px;}
    /*Simulasi KPR*/

    /*Footer*/
    #footer{background-color:#e5e5e5 !important;}
    #footer.footer-light .copyright-content {
        background-color: #e5e5e5;
        border-top: 1px solid #e5e5e5;
    }
    #footer .social-icons {
        float: none !important;
        display: table;
        text-align: center;
        margin: 0px auto !important;
    }
    #footer .social-icons li{
        padding-left:3px;
        padding-right:3px;
    }
    #footer .social-icons li a{color:#fff !important;}
    .widget.widget-newsletter .btn {
        font-weight: 600;
        background: #fff;
        border-color: transparent;
        height:36px;
    }
    .fa-paper-plane::before{color: #252525;}

    .separator-footer::before, .separator-footer::after {border-bottom: 1px solid #b7b7b7;}
    .separator-footer{margin:0px auto;}
    .social-icons li a{border-radius:50px;}
    .copyright-text {text-transform: none !important;}

    .modal-strip {
        bottom: -5px;
        padding:0;
        background: -moz-linear-gradient(270deg, rgba(0,184,234,1) 0%, rgba(0,103,170,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,184,234,1)), color-stop(100%, rgba(0,103,170,1)));
        background: -webkit-linear-gradient(270deg, rgba(0,184,234,1) 0%, rgba(0,103,170,1) 100%);
        background: -o-linear-gradient(270deg, rgba(0,184,234,1) 0%, rgba(0,103,170,1) 100%);
        background: -ms-linear-gradient(270deg, rgba(0,184,234,1) 0%, rgba(0,103,170,1) 100%);
        background: linear-gradient(180deg, rgba(0,184,234,1) 0%, rgba(0,103,170,1) 100%);
    }

    .fa-cookie{font-size:3em;}

    .headerDivider {
        border-left: px solid #0087bc;
        border-right: 1px solid #0087bc;
        height: 50px;
        position: absolute;
        top: 5px;
    }
    #cookieNotify h6{color:#fff !important;}
    #cookieNotify .list-inline{margin-left: 0;}
    .col-footer-3{
        clear: none !important;
        width: 33.3333%;
        float: left;
    }
    .col-footer-4{
        clear: none !important;
        width: 25%;
        float: left;
    }
    .copyright-text {padding-top: 0px;}
    /*Footer*/

    /*Mobile Baru*/
    .inspiro-slider .slide-captions-detail {margin-top: 0;}
    .icon-box {margin-bottom: 20px;}
    .type-mobile .post-thumbnails .post-item:not(.quote) .post-item-description,
    .type-mobile .post-thumbnails .post-item .post-image {
        width: 100% !important;
    }
    .type-mobile{
        padding-top:20px !important;
        padding-bottom:0px !important;
    }
    .btn-request{margin :10px !important;}
    .img-mobile{
        width:50% !important;
        margin-top:10px;
        margin-bottom:10px;
    }
    .facilities{padding-top: 0px !important;}
    .type-mobile .owl-carousel .owl-nav .owl-next {right: 0px;}
    .type-mobile .owl-carousel .owl-nav .owl-prev {left: 0px;}

    .circus {
        bottom: 0px;
        right: 70px;
    }

    /*Wa Icon*/
    .float{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    .hotline-phone-ring-circle-fill-wa {
        width: 60px;
        height: 60px;
        top: -5px;
    }
    .hotline-phone-ring-circle-wa {
        width: 80px;
        height: 80px;
        top: -15px;
        left: -15px;
    }
    .my-float {margin-top: 10px;}

    /*Landing Page*/
    .green-crystal-form{

        width: 360px;
        position:relative;
        left:0%;
        top: 0;
        height: 100%;
    }
}

}

@media (max-width: 834px) {

    #sticky-mobile {
        position: fixed;
        left: 10px;
        display: block;
        z-index: 999;
        bottom: 30px;
        border-radius: 10px;
        background: #fff;
        padding: 2px 5px;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    }
    #sticky-mobile a {color: #F36F21;}

    /*Wa Icon*/
    .float{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    .hotline-phone-ring-circle-fill-wa {
        width: 60px;
        height: 60px;
        top: -5px;
    }
    .hotline-phone-ring-circle-wa {
        width: 80px;
        height: 80px;
        top: -15px;
        left: -15px;
    }
    .my-float {margin-top: 10px;}
    .container-mobile{padding: 0 20px !important;}
    .p-t-20-m{padding-top: 20px !important;}
    .p-b-20-m{padding-top: 20px !important;}

}

.pagination{
    display: flex !important;
    justify-content: center !important;
    width: auto !important;
}