@font-face{
    font-family:"futura_ltbold";
    src:url("../fonts/PlusJakartaSans-Bold.ttf");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:"futura_ltbook";
    src:url("../fonts/PlusJakartaSans-Medium.ttf");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:"futura_ltextrabold";
    src:url("../fonts/PlusJakartaSans-ExtraBold.ttf");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:"futura_ltheavy";
    src:url("../fonts/PlusJakartaSans-SemiBold.ttf");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:"futura_ltlight";
    src:url("../fonts/PlusJakartaSans-Light.ttf");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:"futura_ltregular";
    src:url("../fonts/PlusJakartaSans-Regular.ttf");
    font-weight:normal;
    font-style:normal
}
*{
    padding:0;
    margin:0;
    user-drag:none;
    -khtml-user-drag:none;
    -webkit-user-drag:none;
    -moz-user-drag:none;
    -o-user-drag:none
}
body{
    width:100%;
    background-color:#eee;
    font-family:"futura_ltbook";
    font-size:16px
}
p strong{
    font-family:"futura_ltbook"
}
.bg-gray{
    background-color:#eaeaea !important
}
.bg-lightgray{
    background-color:#f8f8f8 !important
}
.bg-fadegreen{
    background-color:#feffef !important
}
.bg-limegreen{
    background-color:#fdffdf !important
}
.bg-green{
    background-color:#c8d300 !important
}
.bg-blue{
    background-color:#0069b4 !important
}
.bg-darkblue{
    background-color:#05283c !important
}
.bg-graytowhite{
    background:linear-gradient(0deg, rgb(255, 255, 255) 52%, rgb(248, 248, 248) 40%)
}
.cl-gray{
    color:#ccc !important
}
.cl-lightgray{
    color:#f8f8f8 !important
}
.cl-fadegreen{
    color:#feffef !important
}
.cl-limegreen{
    color:#fdffdf !important
}
.cl-green{
    color:#c8d300 !important
}
.cl-darkgreen{
    color:#7d8401 !important
}
.cl-blue{
    color:#0069b4 !important
}
.cl-darkblue{
    color:#05283c !important
}
.cl-dark{
    color:#131313 !important
}
.top-line{
    border-top:1px solid #f8f8f8
}
.bottom-line{
    border-bottom:1px solid #f8f8f8
}
.uk-select,.uk-input,.uk-textarea{
    border-radius:10px
}
main{
    width:100%;
    background-color:#fff !important
}
.for-desktop{
    display:none
}
.section{
    padding:80px 0
}
.boxes{
    position:absolute;
    bottom:-27px;
    right:0;
    height:80px;
    z-index:4
}
.hero-image .tagline{
    position:absolute;
    z-index:4;
    width:100%;
    bottom:60px
}
.hero-image-medium,.hero-image-large{
    width:100%;
    position:relative;
    height:50vh
}
.hero-image-small{
    width:100%;
    position:relative;
    height:30vh
}
.box-brand{
    position:absolute;
    z-index:3
}
.box-brand .box{
    width:132px;
    height:132px
}
.box-brand .green{
    background-color:#c8d300
}
.box-brand .blue{
    background-color:#0069b4
}
.box-brand .red{
    background-color:#ff959c
}
.box-content{
    position:relative;
    z-index:4
}
p{
    font-family:"futura_ltbook";
    font-size:18px;
    line-height:normal;
    color:#24241e
}
.txt-hero{
    font-family:"futura_ltbold";
    font-size:55px;
    line-height:1;
    color:#fff
}
.txt-hero span{
    color:#c8d300
}
@media(max-width: 500px){
    .txt-hero{
        font-size:10vw
    }
}
.txt-hero-inside{
    font-family:"futura_ltbold";
    font-size:12vw;
    line-height:1;
    color:#fff
}
.txt-hero-inside span{
    color:#c8d300;
    font-family:"futura_ltbold"
}
.txt-header-section{
    font-family:"futura_ltheavy";
    font-size:50px;
    line-height:1;
    color:#24241e;
    position:relative;
    z-index:4
}
.txt-header-section span{
    color:#c8d300
}
.txt-header-section .sub{
    font-size:24px;
    font-family:"futura_ltbook";
    line-height:normal
}
.txt-quote{
    font-family:"futura_ltbook";
    font-size:35px;
    line-height:normal;
    color:#24241e
}
.txt-quote span{
    color:#7d8401
}
.txt-quote-medium{
    font-family:"futura_ltlight";
    font-size:32px;
    line-height:normal;
    color:#24241e
}
.txt-quote-medium span{
    color:#7d8401
}
.txt-quote-light{
    font-family:"futura_ltbook";
    font-size:28px;
    line-height:32px;
    color:#24241e
}
.txt-quote-light span{
    color:#7d8401
}
.txt-quote-thin{
    font-family:"futura_ltlight";
    font-size:32px;
    line-height:normal;
    color:#24241e
}
.txt-quote-thin span{
    color:#7d8401
}
.txt-heading{
    font-family:"futura_ltlight";
    font-size:1.5em;
    line-height:normal;
    color:#24241e
}
.txt-heading span{
    color:#7d8401
}
.txt-editorial{
    font-family:"futura_ltbook";
    font-size:30px;
    line-height:normal;
    color:#24241e
}
.txt-editorial span{
    color:#7d8401
}
.uk-button{
    padding:0 16px;
    border-radius:6px;
    font-size:14px;
    line-height:38px;
    text-transform:none
}
.btn-default{
    background-color:#0069b4;
    color:#fff
}
.btn-full{
    width:100%
}
.btn-light{
    background-color:#f8f8f8;
    color:#0069b4
}
.btn-light-blue{
    background-color:rgba(165,222,255,.2);
    border:1px solid #0069b4;
    color:#0069b4
}
.btn-green{
    background-color:#c8d300;
    color:#24241e
}
.btn-light-green{
    background-color:rgba(200,211,0,.07);
    border:1px solid #c8d300;
    color:#c8d300
}
.for-desktop{
    display:none !important
}
.for-mobile{
    display:block !important
}
#kiri,#kanan{
    display:none !important
}
.wrapper{
    width:100%;
    box-sizing:border-box;
    padding:0 40px
}
.card-big{
    padding:10px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #f3f3f3;
    box-shadow:-10px 6px 17px 0px rgba(0,0,0,.08)
}
.txt-shadow{
    text-shadow:0px 2px 3px rgba(0,0,0,.3)
}
.img-location{
    background-color:rgba(0,0,0,.4);
    border:1px solid rgba(0,0,0,.2);
    border-radius:10px;
    box-sizing:border-box;
    padding:6px 10px;
    right:20px;
    bottom:20px;
    line-height:14px;
    font-size:12px
}
.img-location img{
    height:28px
}
@media(min-width: 960px){
    .for-desktop{
        display:block !important
    }
    .for-mobile{
        display:none !important
    }
    main{
        width:100%;
        max-width:1800px;
        margin:0 auto;
        background-color:#fff
    }
    .wrapper-navbar{
        width:100%;
        max-width:1800px;
        min-width:1024px;
        margin:0 auto
    }
    header{
        width:100%;
        z-index:1000;
        position:absolute
    }
    #search{
        background:rgba(0,0,0,.2);
        border:1px solid rgba(255,255,255,.2);
        color:#fff
    }
    #search ::-moz-placeholder{
        color:#999
    }
    #search ::placeholder{
        color:#999
    }
    #search ::-ms-input-placeholder{
        color:#999
    }
    .uk-form-icon{
        color:rgba(0,0,0,.5);
        opacity:1
    }
    .wrapper{
        width:1024px;
        margin:0 auto;
        padding:0
    }
    .box-offset{
        top:-30px
    }
    p{
        font-family:"futura_ltbook";
        font-size:16px;
        line-height:25px;
        color:#24241e
    }
    .txt-content{
        font-family:"futura_ltbook";
        font-size:16px;
        line-height:1;
        color:#24241e
    }
    .txt-hero{
        font-size:70px;
        line-height:1
    }
    .txt-hero-inside{
        font-size:55px
    }
    .txt-header-section{
        font-size:50px;
        line-height:1
    }
    .boxes{
        position:absolute;
        bottom:-40px;
        right:0;
        width:-moz-fit-content;
        width:fit-content;
        height:120px;
        z-index:4
    }
    .cover-bottom{
        position:absolute;
        width:100%;
        height:100%;
        bottom:0;
        left:0;
        z-index:2;
        background:linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.6055015756) 100%)
    }
    .cover-top{
        position:absolute;
        width:100%;
        height:100%;
        bottom:0;
        left:0;
        z-index:3;
        background:linear-gradient(18deg, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0.6055015756) 100%)
    }
    .hero-image-small{
        width:100%;
        position:relative;
        height:350px
    }
    .hero-image-medium{
        width:100%;
        position:relative;
        height:500px
    }
    .hero-image-large{
        width:100%;
        position:relative;
        height:700px
    }
    .card-big{
        padding:25px;
        background-color:#fff;
        border-radius:10px;
        border:1px solid #f3f3f3;
        box-shadow:-10px 6px 17px 0px rgba(0,0,0,.08)
    }
}
/*# sourceMappingURL=main.css.map */