@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:200,300,400,500,600,700,800,900|Roboto:300,400,500,700,900|Satisfy&display=swap");
/* ==============================================================
GLOBAL STYLES tambahan
============================================================== */
html {
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; }
    
body{
    font-family:"Roboto";
    font-weight:normal;
    font-style:normal}

h1,h2,h3,h4,h5,h6{
    font-family:"Barlow Condensed";
    color:#0b1c39;
    margin-top:0px;
    font-style:normal;
    font-weight:500;
    text-transform:normal}
p{
    font-family:"Roboto";
    color:#506172;
    font-size:16px;
    line-height:30px;
    margin-bottom:15px;
    font-weight:normal}




/* ==============================================================
Slider tambahan
============================================================== */
.slider_img {
width: 100%;
background: #000; }
.slider_img img {
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%; }
    @media (max-width: 500px) {
    .slider_img img {
        max-height: 730px; } }

.carousel-caption {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; }
@media (min-width: 992px) {
    .carousel-caption {
    -webkit-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    transform: translateY(-57%);
    top: 57%; }
    .layout_two .carousel-caption {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%; } }
@media (max-width: 500px) {
    .carousel-caption {
    top: 45%; } }

.slider_title h1 {
text-align: center;
color: #fff;
margin-bottom: 40px;
font-weight: 700; }
@media (max-width: 576px) {
    .slider_title h1 {
    margin-bottom: 18px; } }

.slider_title h4 {
color: #fff;
text-align: center;
line-height: 1.8; }

.slider-btn {
text-align: center;
margin: 42px 0 0; }

.carousel-indicators .active {
background: #188bc3; }

.fa-slider {
padding: 14px 14px;
border: 2px solid #fff;
font-size: 29px;
border-radius: 2px; }

@media (max-width: 768px) {
.slider_title h1 {
    font-size: 42px; }
.slider_title h4 {
    font-size: 19px;
    line-height: 1.5; }
.btn-default {
    width: 50%;
    margin-bottom: 10px;
    font-size: 13px; } }

@media (max-width: 480px) {
.slider_title {
    margin: 0 0 80px; }
    .slider_title h1 {
    font-size: 32px; }
    .slider_title h4 {
    font-size: 18px;
    line-height: 1.5; }
.btn-default {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px; }
.fa-slider {
    border: none;
    padding: 0; } }

/* ==============================================================
Scrollup
============================================================== */

#scrollUp{background:#014b85;height:50px;width:50px;right:31px;bottom:18px;color:#fff;font-size:20px;text-align:center;border-radius:50%;line-height:48px;border:2px solid transparent}
@media (max-width: 767px){#scrollUp{right:16px}}
#scrollUp:hover{color:#fff}
.sticky-bar{
    left:0;
    margin:auto;
    position:fixed;
    top:0;
    width:100%;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    box-shadow:0 10px 15px rgba(25,25,25,0.1);
    z-index:9999;
    -webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    background:#fff}

/* ==============================================================
    Preloader
    ============================================================== */
.bounce-animate{animation-name:float-bob;animation-duration:2s;animation-iteration-count:infinite;-moz-animation-name:float-bob;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:float-bob;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:float-bob;-o-animation-duration:2s;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear}
@-webkit-keyframes float-bob{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}
.heartbeat{animation:heartbeat 1s infinite alternate}
@-webkit-keyframes heartbeat{to{-webkit-transform:scale(1.03);transform:scale(1.03)}}
.rotateme{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@keyframes rotateme{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes rotateme{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
.preloader{background-color:#f7f7f7;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto}
.preloader .preloader-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:3px;border-top-color:#014b85;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);background-color:#ffffff;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-circle2{border-top-color:#0078ff}
.preloader .preloader-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}
.preloader .preloader-img img{max-width:55px}
.preloader .pere-text strong{font-weight:800;color:#dca73a;text-transform:uppercase}

/* ==============================================================
    Margin
    ============================================================== */

.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-45{margin-top:45px}
.mt-50{margin-top:50px}
.mt-55{margin-top:55px}
.mt-60{margin-top:60px}
.mt-65{margin-top:65px}
.mt-70{margin-top:70px}
.mt-75{margin-top:75px}
.mt-80{margin-top:80px}
.mt-85{margin-top:85px}
.mt-90{margin-top:90px}
.mt-95{margin-top:95px}
.mt-100{margin-top:100px}
.mt-105{margin-top:105px}
.mt-110{margin-top:110px}
.mt-115{margin-top:115px}
.mt-120{margin-top:120px}
.mt-125{margin-top:125px}
.mt-130{margin-top:130px}
.mt-135{margin-top:135px}
.mt-140{margin-top:140px}
.mt-145{margin-top:145px}
.mt-150{margin-top:150px}
.mt-155{margin-top:155px}
.mt-160{margin-top:160px}
.mt-165{margin-top:165px}
.mt-170{margin-top:170px}
.mt-175{margin-top:175px}
.mt-180{margin-top:180px}
.mt-185{margin-top:185px}
.mt-190{margin-top:190px}
.mt-195{margin-top:195px}
.mt-200{margin-top:200px}
.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-35{margin-bottom:35px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-50{margin-bottom:50px}
.mb-55{margin-bottom:55px}
.mb-60{margin-bottom:60px}
.mb-65{margin-bottom:65px}
.mb-70{margin-bottom:70px}
.mb-75{margin-bottom:75px}
.mb-80{margin-bottom:80px}
.mb-85{margin-bottom:85px}
.mb-90{margin-bottom:90px}
.mb-95{margin-bottom:95px}
.mb-100{margin-bottom:100px}
.mb-105{margin-bottom:105px}
.mb-110{margin-bottom:110px}
.mb-115{margin-bottom:115px}
.mb-120{margin-bottom:120px}
.mb-125{margin-bottom:125px}
.mb-130{margin-bottom:130px}
.mb-135{margin-bottom:135px}
.mb-140{margin-bottom:140px}
.mb-145{margin-bottom:145px}
.mb-150{margin-bottom:150px}
.mb-155{margin-bottom:155px}
.mb-160{margin-bottom:160px}
.mb-165{margin-bottom:165px}
.mb-170{margin-bottom:170px}
.mb-175{margin-bottom:175px}
.mb-180{margin-bottom:180px}
.mb-185{margin-bottom:185px}
.mb-190{margin-bottom:190px}
.mb-195{margin-bottom:195px}
.mb-200{margin-bottom:200px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-25{margin-left:25px}
.ml-30{margin-left:30px}
.ml-35{margin-left:35px}
.ml-40{margin-left:40px}
.ml-45{margin-left:45px}
.ml-50{margin-left:50px}
.ml-55{margin-left:55px}
.ml-60{margin-left:60px}
.ml-65{margin-left:65px}
.ml-70{margin-left:70px}
.ml-75{margin-left:75px}
.ml-80{margin-left:80px}
.ml-85{margin-left:85px}
.ml-90{margin-left:90px}
.ml-95{margin-left:95px}
.ml-100{margin-left:100px}
.ml-105{margin-left:105px}
.ml-110{margin-left:110px}
.ml-115{margin-left:115px}
.ml-120{margin-left:120px}
.ml-125{margin-left:125px}
.ml-130{margin-left:130px}
.ml-135{margin-left:135px}
.ml-140{margin-left:140px}
.ml-145{margin-left:145px}
.ml-150{margin-left:150px}
.ml-155{margin-left:155px}
.ml-160{margin-left:160px}
.ml-165{margin-left:165px}
.ml-170{margin-left:170px}
.ml-175{margin-left:175px}
.ml-180{margin-left:180px}
.ml-185{margin-left:185px}
.ml-190{margin-left:190px}
.ml-195{margin-left:195px}
.ml-200{margin-left:200px}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-25{margin-right:25px}
.mr-30{margin-right:30px}
.mr-35{margin-right:35px}
.mr-40{margin-right:40px}
.mr-45{margin-right:45px}
.mr-50{margin-right:50px}
.mr-55{margin-right:55px}
.mr-60{margin-right:60px}
.mr-65{margin-right:65px}
.mr-70{margin-right:70px}
.mr-75{margin-right:75px}
.mr-80{margin-right:80px}
.mr-85{margin-right:85px}
.mr-90{margin-right:90px}
.mr-95{margin-right:95px}
.mr-100{margin-right:100px}
.mr-105{margin-right:105px}
.mr-110{margin-right:110px}
.mr-115{margin-right:115px}
.mr-120{margin-right:120px}
.mr-125{margin-right:125px}
.mr-130{margin-right:130px}
.mr-135{margin-right:135px}
.mr-140{margin-right:140px}
.mr-145{margin-right:145px}
.mr-150{margin-right:150px}
.mr-155{margin-right:155px}
.mr-160{margin-right:160px}
.mr-165{margin-right:165px}
.mr-170{margin-right:170px}
.mr-175{margin-right:175px}
.mr-180{margin-right:180px}
.mr-185{margin-right:185px}
.mr-190{margin-right:190px}
.mr-195{margin-right:195px}
.mr-200{margin-right:200px}

/* ==============================================================
    Padding
    ============================================================== */
.pt-5{padding-top:5px}
.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-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pt-55{padding-top:55px}
.pt-60{padding-top:60px}
.pt-65{padding-top:65px}
.pt-70{padding-top:70px}
.pt-75{padding-top:75px}
.pt-80{padding-top:80px}
.pt-85{padding-top:85px}
.pt-90{padding-top:90px}
.pt-95{padding-top:95px}
.pt-100{padding-top:100px}
.pt-105{padding-top:105px}
.pt-110{padding-top:110px}
.pt-115{padding-top:115px}
.pt-120{padding-top:120px}
.pt-125{padding-top:125px}
.pt-130{padding-top:130px}
.pt-135{padding-top:135px}
.pt-140{padding-top:140px}
.pt-145{padding-top:145px}
.pt-150{padding-top:150px}
.pt-155{padding-top:155px}
.pt-160{padding-top:160px}
.pt-165{padding-top:165px}
.pt-170{padding-top:170px}
.pt-175{padding-top:175px}
.pt-180{padding-top:180px}
.pt-185{padding-top:185px}
.pt-190{padding-top:190px}
.pt-195{padding-top:195px}
.pt-200{padding-top:200px}
.pt-260{padding-top:260px}
.pb-5{padding-bottom:5px}
.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-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-50{padding-bottom:50px}
.pb-55{padding-bottom:55px}
.pb-60{padding-bottom:60px}
.pb-65{padding-bottom:65px}
.pb-70{padding-bottom:70px}
.pb-75{padding-bottom:75px}
.pb-80{padding-bottom:80px}
.pb-85{padding-bottom:85px}
.pb-90{padding-bottom:90px}
.pb-95{padding-bottom:95px}
.pb-100{padding-bottom:100px}
.pb-105{padding-bottom:105px}
.pb-110{padding-bottom:110px}
.pb-115{padding-bottom:115px}
.pb-120{padding-bottom:120px}
.pb-125{padding-bottom:125px}
.pb-130{padding-bottom:130px}
.pb-135{padding-bottom:135px}
.pb-140{padding-bottom:140px}
.pb-145{padding-bottom:145px}
.pb-150{padding-bottom:150px}
.pb-155{padding-bottom:155px}
.pb-160{padding-bottom:160px}
.pb-165{padding-bottom:165px}
.pb-170{padding-bottom:170px}
.pb-175{padding-bottom:175px}
.pb-180{padding-bottom:180px}
.pb-185{padding-bottom:185px}
.pb-190{padding-bottom:190px}
.pb-195{padding-bottom:195px}
.pb-200{padding-bottom:200px}
.pl-5{padding-left:5px}
.pl-10{padding-left:10px}
.pl-15{padding-left:15px}
.pl-20{padding-left:20px}
.pl-25{padding-left:25px}
.pl-30{padding-left:30px}
.pl-35{padding-left:35px}
.pl-40{padding-left:40px}
.pl-45{padding-left:45px}
.pl-50{padding-left:50px}
.pl-55{padding-left:55px}
.pl-60{padding-left:60px}
.pl-65{padding-left:65px}
.pl-70{padding-left:70px}
.pl-75{padding-left:75px}
.pl-80{padding-left:80px}
.pl-85{padding-left:85px}
.pl-90{padding-left:90px}
.pl-95{padding-left:95px}
.pl-100{padding-left:100px}
.pl-105{padding-left:105px}
.pl-110{padding-left:110px}
.pl-115{padding-left:115px}
.pl-120{padding-left:120px}
.pl-125{padding-left:125px}
.pl-130{padding-left:130px}
.pl-135{padding-left:135px}
.pl-140{padding-left:140px}
.pl-145{padding-left:145px}
.pl-150{padding-left:150px}
.pl-155{padding-left:155px}
.pl-160{padding-left:160px}
.pl-165{padding-left:165px}
.pl-170{padding-left:170px}
.pl-175{padding-left:175px}
.pl-180{padding-left:180px}
.pl-185{padding-left:185px}
.pl-190{padding-left:190px}
.pl-195{padding-left:195px}
.pl-200{padding-left:200px}
.pr-5{padding-right:5px}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.pr-25{padding-right:25px}
.pr-30{padding-right:30px}
.pr-35{padding-right:35px}
.pr-40{padding-right:40px}
.pr-45{padding-right:45px}
.pr-50{padding-right:50px}
.pr-55{padding-right:55px}
.pr-60{padding-right:60px}
.pr-65{padding-right:65px}
.pr-70{padding-right:70px}
.pr-75{padding-right:75px}
.pr-80{padding-right:80px}
.pr-85{padding-right:85px}
.pr-90{padding-right:90px}
.pr-95{padding-right:95px}
.pr-100{padding-right:100px}
.pr-105{padding-right:105px}
.pr-110{padding-right:110px}
.pr-115{padding-right:115px}
.pr-120{padding-right:120px}
.pr-125{padding-right:125px}
.pr-130{padding-right:130px}
.pr-135{padding-right:135px}
.pr-140{padding-right:140px}
.pr-145{padding-right:145px}
.pr-150{padding-right:150px}
.pr-155{padding-right:155px}
.pr-160{padding-right:160px}
.pr-165{padding-right:165px}
.pr-170{padding-right:170px}
.pr-175{padding-right:175px}
.pr-180{padding-right:180px}
.pr-185{padding-right:185px}
.pr-190{padding-right:190px}
.pr-195{padding-right:195px}
.pr-200{padding-right:200px}





@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}
@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}

.section-padding2{padding-top:200px;padding-bottom:200px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-padding2{padding-top:200px;padding-bottom:200px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding2{padding-top:200px;padding-bottom:200px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding2{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding2{padding-top:70px;padding-bottom:70px}}
@media (max-width: 767px){.section-padding2{padding-top:70px;padding-bottom:70px}}
.support-padding{padding-top:200px;padding-bottom:100px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.support-padding{padding-top:200px;padding-bottom:100px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.support-padding{padding-top:200px;padding-bottom:100px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.support-padding{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.support-padding{padding-top:70px;padding-bottom:70px}}
@media (max-width: 767px){.support-padding{padding-top:70px;padding-bottom:70px}}
.team-padding{padding-top:160px;padding-bottom:130px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.team-padding{padding-top:160px;padding-bottom:130px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.team-padding{padding-top:110px;padding-bottom:80px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.team-padding{padding-top:100px;padding-bottom:80px}}
@media (max-width: 767px){.team-padding{padding-top:100px;padding-bottom:80px}}
.section-padding30{padding-top:200px;padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-padding30{padding-top:200px;padding-bottom:170px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding30{padding-top:150px;padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding30{padding-top:100px;padding-bottom:70px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding30{padding-top:60px;padding-bottom:28px}}
@media (max-width: 767px){.section-padding30{padding-top:60px;padding-bottom:28px}}
.place-padding{padding-top:170px;padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.place-padding{padding-top:170px;padding-bottom:170px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.place-padding{padding-top:120px;padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.place-padding{padding-top:70px;padding-bottom:70px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.place-padding{padding-top:28px;padding-bottom:28px}}
@media (max-width: 767px){.place-padding{padding-top:28px;padding-bottom:28px}}
.servic-padding{padding-top:200px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.servic-padding{padding-top:200px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.servic-padding{padding-top:150px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.servic-padding{padding-top:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.servic-padding{padding-top:70px}}
@media (max-width: 767px){.servic-padding{padding-top:70px}}
.section-padding3{padding-top:200px;padding-bottom:200px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-padding3{padding-top:200px;padding-bottom:200px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padding3{padding-top:150px;padding-bottom:150px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-padding3{padding-top:50px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-padding3{padding-top:60px;padding-bottom:60px}}
@media (max-width: 767px){.section-padding3{padding-top:40px;padding-bottom:70px}}
.section-paddingt{padding-top:185px;padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-paddingt{padding-top:185px;padding-bottom:170px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-paddingt{padding-top:150px;padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-paddingt{padding-top:100px;padding-bottom:70px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-paddingt{padding-top:60px;padding-bottom:28px}}
@media (max-width: 767px){.section-paddingt{padding-top:60px;padding-bottom:28px}}
.section-paddingt2{padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-paddingt2{padding-bottom:170px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-paddingt2{padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-paddingt2{padding-bottom:70px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-paddingt2{padding-bottom:28px}}
@media (max-width: 767px){.section-paddingt2{padding-bottom:28px}}
.trusted-padding{padding-top:200px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.trusted-padding{padding-top:200px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.trusted-padding{padding-top:100px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.trusted-padding{padding-top:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.trusted-padding{padding-top:0px}}
@media (max-width: 767px){.trusted-padding{padding-top:0px}}
.section-padd-top30{padding-top:170px;padding-bottom:200px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.section-padd-top30{padding-top:170px;padding-bottom:200px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-padd-top30{padding-top:170px;padding-bottom:200px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.section-padd-top30{padding-top:100px;padding-bottom:160px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.section-padd-top30{padding-top:50px;padding-bottom:90px}}
@media (max-width: 767px){.section-padd-top30{padding-top:35px;padding-bottom:90px}}
.testimonial-padding{padding-top:157px;padding-bottom:157px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.testimonial-padding{padding-top:157px;padding-bottom:157px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.testimonial-padding{padding-top:120px;padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.testimonial-padding{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.testimonial-padding{padding-top:80px;padding-bottom:60px}}
@media (max-width: 767px){.testimonial-padding{padding-top:80px;padding-bottom:60px}}
.w-padding{padding-top:80px;padding-bottom:80px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.w-padding{padding-top:80px;padding-bottom:80px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.w-padding{padding-top:80px;padding-bottom:80px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.w-padding{padding-top:80px;padding-bottom:80px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.w-padding{padding-top:70px;padding-bottom:70px}}
@media (max-width: 767px){.w-padding{padding-top:70px;padding-bottom:70px}}
.footer-padding{padding-top:170px;padding-bottom:170px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.footer-padding{padding-top:170px;padding-bottom:170px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.footer-padding{padding-top:170px;padding-bottom:170px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.footer-padding{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.footer-padding{padding-top:80px;padding-bottom:60px}}
@media (max-width: 767px){.footer-padding{padding-top:80px;padding-bottom:60px}}

/* ==============================================================
HEADERS
============================================================== */


.f-left{float:left}
.f-right{float:right}
.fix{overflow:hidden}
.clear{clear:both}a,.button{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}a:focus,.button:focus{text-decoration:none;outline:none}a{color:#635c5c}a:hover{color:#fff}a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover{text-decoration:none}a,button{color:#fff;outline:medium none}button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}
.uppercase{text-transform:uppercase}input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.capitalize{text-transform:capitalize}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}ul{margin:0px;padding:0px}li{list-style:none}hr{border-bottom:1px solid #eceff8;border-top:0 none;margin:30px 0;padding:0}
.theme-overlay{position:relative}
.theme-overlay::before{background:#1696e7 none repeat scroll 0 0;content:"";height:100%;left:0;opacity:0.6;position:absolute;top:0;width:100%}
.overlay{position:relative;z-index:0}
.overlay::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}
.overlay2{position:relative;z-index:0}
.overlay2::before{position:absolute;content:"";background-color:#2E2200;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.5}
.section-padding{padding-top:120px;padding-bottom:120px}
.separator{border-top:1px solid #f2f2f2}
.mb-90{margin-bottom:90px}
@media (max-width: 767px){.mb-90{margin-bottom:30px}}


.header-area .header-top{padding:13px 0px}
@media only screen and (min-width: 1200px) and (max-width: 1600px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 992px) and (max-width: 1199px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .header-top{padding:13px 0px}}
@media (max-width: 767px){.header-area .header-top{padding:13px 0px}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area .header-bottom{padding:15px 0}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area .header-bottom{padding:15px 0}}
@media (max-width: 767px){.header-area .header-bottom{padding:15px 0}}
@media only screen and (min-width: 768px) and (max-width: 991px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
@media (max-width: 767px){.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}
.header-area .header-top .header-info-left ul li{color:#fff;display:inline-block;margin-right:25px;font-family:"Barlow Condensed";font-size:14px}
.header-area .header-top .header-info-left ul li:last-child{margin-right:0px}
.header-area .header-top .header-info-left ul li i{margin-right:8px}
.header-area .header-top .header-info-right .header-social li{display:inline-block}
.header-area .header-top .header-info-right .header-social li a{color:#fff;font-size:12px;padding:0 18px}
.header-area .header-top .header-info-right .header-social li a:last-child{padding-right:0}
.header-area .header-top .header-info-right .header-social li a:hover{color:#ffa801}
.main-header{position:relative;z-index:3}
.main-header .main-menu ul li{display:inline-block;position:relative;z-index:1}
.main-header .main-menu ul li a{color:#264247;font-family:"Barlow Condensed";font-weight:500;padding:39px 19px;display:block;font-size:16px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px){.main-header .main-menu ul li a{padding:39px 15px}}
.main-header .main-menu ul li:hover>a{color:#014b85}
.main-header .main-menu ul li:last-child a{padding-right:0}
.main-header .main-menu ul ul.submenu{position:absolute;width:170px;background:#fff;left:0;top:120%;visibility:hidden;opacity:0;box-shadow:0 0 10px 3px rgba(0,0,0,0.05);padding:17px 0;border-top:5px solid #014b85;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.main-header .main-menu ul ul.submenu>li{margin-left:7px;display:block}
.main-header .main-menu ul ul.submenu>li>a{padding:6px 10px !important;font-size:14px;color:#0b1c39;text-transform:capitalize}
.main-header .main-menu ul ul.submenu>li>a:hover{color:#014b85;background:none}
.header-area .header-top .header-info-right .header-social a i{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg)}
.header-area .header-top .header-info-right .header-social a:hover i{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.main-header ul>li:hover>ul.submenu{visibility:visible;opacity:1;top:100%}
.top-bg{background:#0e1c35}
.header-sticky ul li a{padding:10px 19px}
.header-sticky.sticky-bar.sticky .main-menu ul>li>a{padding:26px 20px}
.header-sticky.sticky-bar{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.header-sticky{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.slicknav_menu .slicknav_icon-bar{background-color:#014b85 !important}
.slicknav_nav{margin-top:0px}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{padding:20px 20px}
.header-area .slicknav_btn{top:-41px}
.slicknav_menu .slicknav_nav a:hover{background:transparent;color:#014b85}
.slicknav_menu{background:transparent;margin-top:5px !important}
.mobile_menu{position:absolute;right:0px;width:100%;z-index:99}

/* ==============================================================
FOOTER tambahan
============================================================== */
footer {
background: #2d2d2d;
padding: 60px 0 100px; }


.foot-logo {
padding: 60px 0 34px; }
.foot-logo p {
    color: #c4c4c4;
    font-weight: 100;
    padding: 24px 0 0;
    font-size: 17px; }


.sitemap ul {
margin: 0;
padding: 16px 0 0; }
.sitemap ul li {
    list-style: none; }
    .sitemap ul li a {
    color: #c4c4c4;
    font-size: 17px;
    line-height: 2; }
    .sitemap ul li :hover {
    color: #188bc3;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }

footer h3 {
color: #fff;
padding: 60px 0 0; }

.address p {
color: #c4c4c4;
padding: 16px 0 0; }
.address p span {
    color: #fff; }

.address ul {
margin: 0;
padding: 0; }
.address ul li {
    list-style: none;
    float: left; }
    .address ul li a {
    color: #fff;
    margin-right: 5px; }

.footer-social-icons li {
margin-right: 5px; }

.fa-fb {
background: #4b6eb9;
padding: 14px 18px;
border-radius: 50%;
width: 44px;
height: 44px; }

.fa-fb:hover {
opacity: 0.8;
-webkit-transition: 0.2;
-o-transition: 0.2;
transition: 0.2; }

.fa-in {
background: #188bc3;
padding: 13px 16px;
border-radius: 50%;
width: 44px;
height: 44px; }

.fa-in:hover {
opacity: 0.8;
-webkit-transition: 0.2;
-o-transition: 0.2;
transition: 0.2; }

.fa-tw {
background: #55acee;
padding: 14px 16px;
border-radius: 50%;
width: 44px;
height: 44px; }

.fa-tw:hover {
opacity: 0.8;
-webkit-transition: 0.2;
-o-transition: 0.2;
transition: 0.2; }

@media (max-width: 992px) {
footer h3 {
    font-size: 18px; }
.fa-fb {
    width: 44px;
    height: 44px;
    padding: 15px 17px; }
.fa-in {
    width: 44px;
    height: 44px;
    padding: 14px 16px; }
.fa-tw {
    width: 44px;
    height: 44px;
    padding: 14px 16px; } }

@media (max-width: 767px) {

.foot-logo {
    padding: 32px 0 34px; }
    .foot-logo p {
    padding: 11px 0 0; } }

@media (max-width: 480px) {

.foot-logo {
    padding: 28px 0 0; }
footer h3 {
    padding: 42px 0 0; } }

/* ==============================================================
SAMBUTAN dan ARTIKEL
============================================================== */
.support-company-area .support-location-img{position:relative}
.support-company-area .support-location-img::before{position:absolute;content:"";width:92%;height:95%;border:9px solid rgba(0,0,0,0.3);left:-4%;z-index:0;top:-4%}
@media only screen and (min-width: 1200px) and (max-width: 1250px){.support-company-area .support-location-img::before{left:-2%}}
@media (max-width: 767px){.support-company-area .support-location-img::before{display:none}}
.support-company-area .support-location-img img{width:100%}
.support-company-area .support-location-img .support-img-cap{position:absolute;bottom:138px;right:-104px;transform:rotate(-90deg)}
@media (max-width: 767px){.support-company-area .support-location-img .support-img-cap{right:-69px}}
.support-company-area .support-location-img .support-img-cap span{background:rgba(1,75,133,0.8);padding:19px 55px;font-size:60px;color:#ffe42c;text-transform:uppercase;font-weight:700;font-family:"Barlow Condensed"}
@media (max-width: 767px){.support-company-area .support-location-img .support-img-cap span{padding:6px 40px;font-size:38px}}
.support-company-area .right-caption{position:relative;right:-50px}
@media only screen and (min-width: 992px) and (max-width: 1199px){.support-company-area .right-caption{right:-25px}}
@media (max-width: 767px){.support-company-area .right-caption{right:0px}}
.support-company-area .right-caption .support-caption p{padding-right:84px;margin-bottom:46px}
@media (max-width: 767px){.section-tittle h2{font-size:39px;line-height:1.3;margin-bottom:50px}}
.section-tittle span{color:#ffb400;text-transform:uppercase;margin-bottom:6px;display:block}
.section-tittle2 h2{margin-bottom:47px}
@media only screen and (min-width: 992px) and (max-width: 1199px){.section-tittle2 h2{font-size:49px}}
@media (max-width: 767px){.section-tittle2 h2{font-size:29px}}
.section-tittle2 span{color:#ffb400;text-transform:uppercase;margin-bottom:6px;display:block}


.favourite-place .single-place .place-img{overflow:hidden;border-radius:6px 6px 0 0}
.favourite-place .single-place .place-img img{width:100%;-webkit-transform:scale 1;-moz-transform:scale 1;-ms-transform:scale 1;-o-transform:scale 1;transform:scale 1;transition:all 0.5s ease-out 0s}
.favourite-place .single-place .place-cap{padding:28px 40px;border:1px solid #f0f1f2;border-top:0}
@media only screen and (min-width: 992px) and (max-width: 1199px){.favourite-place .single-place .place-cap{padding:28px 18px}}
@media (max-width: 767px){.favourite-place .single-place .place-cap{padding:28px 18px}}
.favourite-place .single-place .place-cap .place-cap-top{border-bottom:1px solid #f6f7f7;margin-bottom:24px}
.favourite-place .single-place .place-cap .place-cap-top span{margin-bottom:5px;display:inline-block}
.favourite-place .single-place .place-cap .place-cap-top span i{color:#ffa800;font-size:18px;margin-right:10px}
.favourite-place .single-place .place-cap .place-cap-top span span{font-family:"Barlow Condensed";color:#939ca3;font-size:16px}
.favourite-place .single-place .place-cap .place-cap-top h3 a{font-weight:600;font-size:24px;color:#072740;line-height:1.2;margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px){.favourite-place .single-place .place-cap .place-cap-top h3 a{font-size:23px}}
.favourite-place .single-place .place-cap .place-cap-top h3 a:hover{color:#014b85}
.favourite-place .single-place .place-cap .place-cap-top p.dolor{color:#4cafa4;font-weight:600;font-family:"Barlow Condensed";font-size:20px}
.favourite-place .single-place .place-cap .place-cap-top p.dolor span{color:#99a1a7;font-size:16px}
.favourite-place .single-place .place-cap .place-cap-bottom ul li{display:inline-block;margin-right:18px;color:#9da5ab}
.favourite-place .single-place .place-cap .place-cap-bottom ul li i{padding-right:8px}
.single-place:hover .place-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

/* ==============================================================
ABOUT WELCOME tambahan
============================================================== */
.welcome_about {
  padding: 98px 0; }
  .welcome_about h2 {
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 0 28px; }
  .welcome_about p {
    color: #2d2d2d;
    line-height: 1.8; }
  .welcome_about img {
    width: 100%; }

.btn-about {
  background: none;
  border: 3px solid #188bc3;
  border-radius: 2px;
  padding: 14px 20px;
  color: #188bc3;
  font-size: 15px;
  margin: 16px 0 0; }

@media (max-width: 992px) {
  .welcome_about {
    padding: 58px 0; }
  .btn-about {
    margin: 0px 0 32px; } }

/* ==============================================================
CONTACT US tambahan
============================================================== */
.contact {
padding: 98px 0 0; }

.contact-title h2 {
font-weight: 700;
text-align: center;
margin: 0 0 24px; }

.contact-form {
background: #188bc3;
position: relative;
z-index: 2; }
.contact-form h3 {
    font-weight: 700;
    color: #fff;
    margin: 0 0 24px; }

.btn-submit {
border: 3px solid #fff;
color: #b50e9f;
padding: 13px 44px;
font-size: 15px;
margin: 8px 0 0; }

.btn-submit:hover {
border: 3px solid #fff;
background: #fff;
color: #188bc3;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s; }

.contact-option {
border-right: 1px solid #b50e9f;
padding: 45px 64px; }
.contact-option .form-control {
    border-color: transparent; }

.contact-address {
padding: 45px 50px; }
.contact-address h3 {
    font-weight: 700;
    margin: 0 0 24px; }

.contact-details i {
color: #fff;
float: left; }

.contact-details h6 {
font-size: 19px;
color: #fff;
padding: 0 30px 0 30px; }

.contact-details p {
color: #fff4e0;
padding: 0 30px 0 30px; }

.contact-center {
background: #b50e9f;
border-radius: 50%;
text-align: center;
width: 44px;
height: 44px;
padding: 10px 0;
color: #fff;
margin: 0 auto;
top: -17em;
position: relative;
z-index: 10; }

#map {
height: 620px;
width: 100%;
margin: -250px 0 0; }

@media (max-width: 767px) {
.contact-option {
    border: 0;
    padding: 20px 15px; }
.contact-option_rsp {
    border-bottom: 1px solid #b50e9f;
    padding: 5px 25px 30px; }
.contact-center {
    display: none; } }
/* ==============================================================
BLOG
============================================================== */

.boxed-btn{background:#fff;color:#014b85 !important;display:inline-block;padding:18px 44px;font-family:"Barlow Condensed";font-size:14px;font-weight:400;border:0;border:1px solid #014b85;letter-spacing:3px;text-align:center;color:#014b85;text-transform:uppercase;cursor:pointer}
.boxed-btn:hover{background:#014b85;color:#fff !important;border:1px solid #014b85}
.boxed-btn:focus{outline:none}
.boxed-btn.large-width{width:220px}[data-overlay]{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center center}[data-overlay]::before{position:absolute;left:0;top:0;right:0;bottom:0;content:""}[data-opacity="1"]::before{opacity:0.1}[data-opacity="2"]::before{opacity:0.2}[data-opacity="3"]::before{opacity:0.3}[data-opacity="4"]::before{opacity:0.4}[data-opacity="5"]::before{opacity:0.5}[data-opacity="6"]::before{opacity:0.6}[data-opacity="7"]::before{opacity:0.7}[data-opacity="8"]::before{opacity:0.8}[data-opacity="9"]::before{opacity:0.9}s 


.latest-blog-area .area-heading{margin-bottom:70px}
.blog_area a{color:"Barlow Condensed" !important;text-decoration:none;transition:.4s}
.blog_area a:hover,.blog_area a :hover{background:-webkit-linear-gradient(131deg, #014b85 0%, #014b85 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:.4s}
.single-blog{overflow:hidden;margin-bottom:30px}
.single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}
.single-blog .thumb{overflow:hidden;position:relative}
.single-blog .thumb:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.single-blog h4{border-bottom:1px solid #dfdfdf;padding-bottom:34px;margin-bottom:25px}
.single-blog a{font-size:20px;font-weight:600}
.single-blog .date{color:#666666;text-align:left;display:inline-block;font-size:13px;font-weight:300}
.single-blog .tag{text-align:left;display:inline-block;float:left;font-size:13px;font-weight:300;margin-right:22px;position:relative}
.single-blog .tag:after{content:'';position:absolute;width:1px;height:10px;background:#acacac;right:-12px;top:7px}
@media (max-width: 1199px){.single-blog .tag{margin-right:8px}
.single-blog .tag:after{display:none}}
.single-blog .likes{margin-right:16px}
@media (max-width: 800px){.single-blog{margin-bottom:30px}}
.single-blog .single-blog-content{padding:30px}
.single-blog .single-blog-content .meta-bottom p{font-size:13px;font-weight:300}
.single-blog .single-blog-content .meta-bottom i{color:#fdcb9e;font-size:13px;margin-right:7px}
@media (max-width: 1199px){.single-blog .single-blog-content{padding:15px}}
.single-blog:hover .thumb:after{opacity:.7;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
@media (max-width: 1199px){.single-blog h4{transition:all 300ms linear 0s;border-bottom:1px solid #dfdfdf;padding-bottom:14px;margin-bottom:12px}
.single-blog h4 a{font-size:18px}}
.full_image.single-blog{position:relative}
.full_image.single-blog .single-blog-content{position:absolute;left:35px;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
@media (min-width: 992px){.full_image.single-blog .single-blog-content{bottom:100px}}
.full_image.single-blog h4{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border-bottom:none;padding-bottom:5px}
.full_image.single-blog a{font-size:20px;font-weight:600}
.full_image.single-blog .date{color:#fff}
.full_image.single-blog:hover .single-blog-content{opacity:1;visibility:visible;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}
.l_blog_item .l_blog_text .date a{font-size:12px}
.l_blog_item .l_blog_text h4{font-size:18px;border-bottom:1px solid #eeeeee;margin-bottom:0px;padding-bottom:20px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.l_blog_item .l_blog_text p{margin-bottom:0px;padding-top:20px}
.causes_slider .owl-dots{text-align:center;margin-top:80px}
.causes_slider .owl-dots .owl-dot{height:14px;width:14px;background:#eeeeee;display:inline-block;margin-right:7px}
.causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}
.causes_item{background:#fff}
.causes_item .causes_img{position:relative}
.causes_item .causes_img .c_parcent{position:absolute;bottom:0px;width:100%;left:0px;height:3px;background:rgba(255,255,255,0.5)}
.causes_item .causes_img .c_parcent span{width:70%;height:3px;position:absolute;left:0px;bottom:0px}
.causes_item .causes_img .c_parcent span:before{content:"75%";position:absolute;right:-10px;bottom:0px;color:#fff;padding:0px 5px}
.causes_item .causes_text{padding:30px 35px 40px 30px}
.causes_item .causes_text h4{font-size:18px;font-weight:600;margin-bottom:15px;cursor:pointer}
.causes_item .causes_text p{font-size:14px;line-height:24px;font-weight:300;margin-bottom:0px}
.causes_item .causes_bottom a{width:50%;border:1px solid;text-align:center;float:left;line-height:50px;color:#fff;font-size:14px;font-weight:500}
.causes_item .causes_bottom a+a{border-color:#eeeeee;background:#fff;font-size:14px}
.latest_blog_area{background:#f9f9ff}
.single-recent-blog-post{margin-bottom:30px}
.single-recent-blog-post .thumb{overflow:hidden}
.single-recent-blog-post .thumb img{transition:all 0.7s linear}
.single-recent-blog-post .details{padding-top:30px}
.single-recent-blog-post .details .sec_h4{line-height:24px;padding:10px 0px 13px;transition:all 0.3s linear}
.single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}
.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}
.tags .tag_btn{font-size:12px;font-weight:500;line-height:20px;border:1px solid #eeeeee;display:inline-block;padding:1px 18px;text-align:center}
.tags .tag_btn+.tag_btn{margin-left:2px}
.blog_categorie_area{padding-top:30px;padding-bottom:30px}
@media (min-width: 900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}}
@media (min-width: 1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}}
.categories_post{position:relative;text-align:center;cursor:pointer}
.categories_post img{max-width:100%}
.categories_post .categories_details{position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(34,34,34,0.75);color:#fff;transition:all 0.3s linear;display:flex;align-items:center;justify-content:center}
.categories_post .categories_details h5{margin-bottom:0px;font-size:18px;line-height:26px;text-transform:uppercase;color:#fff;position:relative}
.categories_post .categories_details p{font-weight:300;font-size:14px;line-height:26px;margin-bottom:0px}
.categories_post .categories_details .border_line{margin:10px 0px;background:#fff;width:100%;height:1px}
.categories_post:hover .categories_details{background:rgba(222,99,32,0.85)}
.blog_item{margin-bottom:50px}
.blog_details{padding:30px 0 20px 10px;box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}
@media (min-width: 768px){.blog_details{padding:60px 30px 35px 35px}}
.blog_details p{margin-bottom:30px}
.blog_details a{color:#ff8b23}
.blog_details a:hover{color:#014b85}
.blog_details h2{font-size:18px;font-weight:600;margin-bottom:8px}
@media (min-width: 768px){.blog_details h2{font-size:24px;margin-bottom:15px}}
.blog-info-link li{float:left;font-size:14px}
.blog-info-link li a{color:#999999}
.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}
.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}
.blog-info-link li:last-child::after{display:none}
.blog-info-link::after{content:"";display:block;clear:both;display:table}
.blog_item_img{position:relative}
.blog_item_img .blog_item_date{position:absolute;bottom:-10px;left:10px;display:block;color:#fff;background-color:#014b85;padding:8px 15px;border-radius:5px}
@media (min-width: 768px){.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}}
.blog_item_img .blog_item_date h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:0;line-height:1.2}
@media (min-width: 768px){.blog_item_img .blog_item_date h3{font-size:30px}}
.blog_item_img .blog_item_date p{font-size:18px;margin-bottom:0;color:#fff}
@media (min-width: 768px){.blog_item_img .blog_item_date p{font-size:18px}}
.blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px}
.blog_right_sidebar .widget_title::after{content:"";display:block;padding-top:15px;border-bottom:1px solid #f0e9ff}
.blog_right_sidebar .single_sidebar_widget{background:#fbf9ff;padding:30px;margin-bottom:30px}
.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0px}
.blog_right_sidebar .search_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0;border-right:0}
.blog_right_sidebar .search_widget .form-control::placeholder{color:#999999}
.blog_right_sidebar .search_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}
.blog_right_sidebar .search_widget .input-group button{background:#014b85;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0;cursor:pointer}
.blog_right_sidebar .search_widget .input-group button i{color:#fff}
.blog_right_sidebar .search_widget .input-group button span{font-size:14px;color:#999999}
.blog_right_sidebar .newsletter_widget .form-control{height:50px;border-color:#f0e9ff;font-size:13px;color:#999999;padding-left:20px;border-radius:0}
.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999999}
.blog_right_sidebar .newsletter_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}
.blog_right_sidebar .newsletter_widget .input-group button{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}
.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{font-size:14px;color:#fff}
.blog_right_sidebar .post_category_widget .cat-list li{border-bottom:1px solid #f0e9ff;transition:all 0.3s ease 0s;padding-bottom:12px}
.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}
.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#888888}
.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}
.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}
.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}
.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}
.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}
.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}
.blog_right_sidebar .tag_cloud_widget ul li a{display:inline-block;border:1px solid #eeeeee;background:#fff;padding:4px 20px;margin-bottom:8px;margin-right:3px;transition:all 0.3s ease 0s;color:#888888;font-size:13px}
.blog_right_sidebar .tag_cloud_widget ul li a:hover{background:#014b85;color:#fff !important;-webkit-text-fill-color:#fff;text-decoration:none;-webkit-transition:0.5s;transition:0.5s}
.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}
.blog_right_sidebar .instagram_feeds .instagram_row li{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}
.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}

/* .blog-pagination{margin-top:80px}
.blog-pagination .page-link{font-size:14px;position:relative;display:block;padding:0;text-align:center;margin-left:-1px;line-height:45px;width:45px;height:45px;border-radius:0 !important;color:#8a8a8a;border:1px solid #5a33ad;margin-right:10px}
.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}
.blog-pagination .page-item.active .page-link{background-color:#f9fffa;border-color:#f0e9ff;color:#888888}
.blog-pagination .page-item:last-child .page-link{margin-right:0} */

/*pagination tambahan*/
.page-item {
  margin: 0 8px 0 0; }

.page-link {
  line-height: 1;
  color: #2d2d2d;
  font-size: 14px;
  border-color: #2d1969; }

.page-next {
  background: #6bbf81;
  color: #b92e2e;
  border-color: transparent; }

.page-link:focus,
.page-link:hover {
  background-color: #0fc54e;
  color: #d61616; }

.single-post-area .blog_details{box-shadow:none;padding:0}
.single-post-area .social-links{padding-top:10px}
.single-post-area .social-links li{display:inline-block;margin-bottom:10px}
.single-post-area .social-links li a{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}
.single-post-area .blog_details{padding-top:26px}
.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}
.single-post-area .quote-wrapper{background:rgba(130,139,178,0.1);padding:15px;line-height:1.733;color:#888888;font-style:italic;margin-top:25px;margin-bottom:25px}
@media (min-width: 768px){.single-post-area .quote-wrapper{padding:30px}}
.single-post-area .quotes{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}
@media (min-width: 768px){.single-post-area .quotes{padding:25px 25px 25px 30px}}
.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-top{padding-top:15px;border-top:1px solid #f0e9ff}
.single-post-area .navigation-top p{margin-bottom:0}
.single-post-area .navigation-top .like-info{font-size:14px}
.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{font-size:16px;margin-right:5px}
.single-post-area .navigation-top .comment-count{font-size:14px}
.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span{font-size:16px;margin-right:5px}
.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}
.single-post-area .navigation-top .social-icons li:last-child{margin:0}
.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{font-size:14px;color:#999999}
.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}
@media (max-width: 600px){.single-post-area .blog-author{padding:20px 8px}}
.single-post-area .blog-author img{width:90px;height:90px;border-radius:50%;margin-right:30px}
@media (max-width: 600px){.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}
.single-post-area .blog-author a{display:inline-block}
.single-post-area .blog-author a:hover{color:#014b85}
.single-post-area .blog-author p{margin-bottom:0;font-size:15px}
.single-post-area .blog-author h4{font-size:16px}
.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}
.single-post-area .navigation-area p{margin-bottom:0px}
.single-post-area .navigation-area h4{font-size:18px;line-height:25px}
.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 .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-left .lnr{margin-left:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 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 .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-right .lnr{margin-right:20px;opacity:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}
@media (max-width: 991px){.single-post-area .sidebar-widgets{padding-bottom:0px}}
.comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px}
@media (max-width: 414px){.comments-area{padding:50px 8px}}
.comments-area h4{margin-bottom:35px;font-size:18px}
.comments-area h5{font-size:16px;margin-bottom:0px}
.comments-area .comment-list{padding-bottom:48px}
.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 .thumb img{width:70px;border-radius:50%}
.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px}
.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px}
.comments-area .btn-reply{background-color:transparent;color:#888888;padding:5px 18px;font-size:14px;display:block;font-weight:400}
.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;margin-bottom:20px}
.comment-form .form-group{margin-bottom:30px}
.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}
.comment-form .name{padding-left:0px}
@media (max-width: 767px){.comment-form .name{padding-right:0px;margin-bottom:1rem}}
.comment-form .email{padding-right:0px}
@media (max-width: 991px){.comment-form .email{padding-left:0px}}
.comment-form .form-control{border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:transparent}
.comment-form .form-control:focus{outline:0;box-shadow:none}
.comment-form .form-control::placeholder{font-weight:300;color:#999999}
.comment-form .form-control::placeholder{color:#777777}
.comment-form textarea{padding-top:18px;border-radius:12px;height:100% !important}
.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}
.home-blog-area .home-blog-single .blog-img-cap .blog-img{overflow:hidden}
.home-blog-area .home-blog-single .blog-img-cap .blog-img img{width:100%;-webkit-transform:scale 1;-ms-transform:scale 1;transform:scale 1;transition:all 0.5s ease-out 0s}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap{margin-top:-45px;width:75%;background:#fff;padding:37px 129px 37px 45px;position:relative;right:0;float:right;border:1px solid #f7f7f7}
@media only screen and (min-width: 992px) and (max-width: 1199px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap{padding:37px 23px 37px 45px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap{padding:19px 8px 17px 18px;width:67%}}
@media only screen and (min-width: 768px) and (max-width: 991px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap{padding:19px 8px 17px 18px;width:67%}}
@media (max-width: 767px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap{padding:19px 8px 17px 18px;width:67%}}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a{color:#191d34;font-size:24px;font-weight:600;line-height:1.4;margin-bottom:20px;display:block}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a:hover{color:#014b85}
@media only screen and (min-width: 768px) and (max-width: 991px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a{font-size:19px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a{font-size:19px}}
@media (max-width: 767px){.home-blog-area .home-blog-single .blog-img-cap .blog-cap h3 a{font-size:19px}}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn{color:#3a3a3a;text-transform:uppercase;font-size:14px;font-family:"Barlow Condensed";color:#3a3a3a}
.home-blog-area .home-blog-single .blog-img-cap .blog-cap .more-btn:hover{color:#014b85}
.home-blog-area .home-blog-single .blog-date{background:#014b85;padding:15px 34px;display:inline-block;margin-top:30px;justify-content:center}
@media only screen and (min-width: 768px) and (max-width: 991px){.home-blog-area .home-blog-single .blog-date{padding:8px 20px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.home-blog-area .home-blog-single .blog-date{padding:8px 20px}}
@media (max-width: 767px){.home-blog-area .home-blog-single .blog-date{padding:8px 20px}}
.home-blog-area .home-blog-single .blog-date span{color:#fff;font-size:25px;font-weight:600;line-height:1;margin:0}
@media only screen and (min-width: 768px) and (max-width: 991px){.home-blog-area .home-blog-single .blog-date span{font-size:22px}}
@media only screen and (min-width: 576px) and (max-width: 767px){.home-blog-area .home-blog-single .blog-date span{font-size:22px}}
@media (max-width: 767px){.home-blog-area .home-blog-single .blog-date span{font-size:22px}}
.home-blog-area .home-blog-single .blog-date p{color:#fff;margin:0}
.home-blog-single:hover .blog-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.blog-area .single-blog{box-shadow:1.395px 19.951px 38px 0px rgba(0,0,0,0.05);transition:.4s}
.blog-area .single-blog:hover .blog-img img{transform:rotate(1deg) scale(1.1)}
.blog-area .single-blog .blog-img{overflow:hidden}
.blog-area .single-blog .blog-img img{width:100%;transform:rotate(0deg) scale(1);-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-ms-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.blog-area .single-blog .blog-caption{padding:22px 40px 20px 40px}
@media (max-width: 767px){.blog-area .single-blog .blog-caption{padding:22px 22px 20px 20px}}
.blog-area .single-blog .blog-caption .blog-cap-top span{color:#fff;background:#014b85;padding:4px 13px;text-transform:uppercase;font-size:14px;font-weight:300;border-radius:5px}
.blog-area .single-blog .blog-caption .blog-cap-top ul li{color:#c7c7c7;font-size:14px;font-family:'Lato', sans-serif}
.blog-area .single-blog .blog-caption .blog-cap-top ul li a{color:#014b85;font-size:14px}
.blog-area .single-blog .blog-caption .blog-cap-mid p a{color:#444444;font-size:18px;font-family:'Lato', sans-serif;line-height:28px;margin-bottom:30px}
@media (max-width: 767px){.blog-area .single-blog .blog-caption .blog-cap-mid p a{font-size:14px}}
.blog-area .single-blog .blog-caption .blog-cap-mid p a:hover{color:#014b85}
.blog-area .single-blog .blog-caption .blog-cap-bottom{padding-top:20px;border-top:1px solid #f9f9f9}
.blog-area .single-blog .blog-caption .blog-cap-bottom span{color:#adadad;font-size:14px}
.blog-area .single-blog .blog-caption .blog-cap-bottom span img{margin-right:5px}

.single-gallery-image{margin-top:30px;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;height:200px}

/* ==============================================================
BLOG tambahan
============================================================== */
.blog-wrap {
padding: 98px 0; }

.blog-img_block {
position: relative; }
.blog-img_block img {
    padding-left: 40px; }

.blog-date {
background: #2d2d2d;
padding: 12px 16px;
border-radius: 2px;
display: inline-block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.blog-date span {
    color: #fff;
    font-size: 18px;
    font-weight: 700; }

.blog-tiltle_block {
padding: 30px 0 0 100px; }
.blog-tiltle_block h4 {
    font-weight: 700; }
    .blog-tiltle_block h4 a {
    font-size: 20px;
    text-decoration: none; }
.blog-tiltle_block h6 a {
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 300;
    font-size: 14px;
    text-decoration: none; }
    .blog-tiltle_block h6 a span {
    padding-left: 5px; }
    .blog-tiltle_block h6 a:first-child {
    padding-left: 0; }
.blog-tiltle_block p {
    line-height: 1.8;
    padding: 22px 16px 0 0; }
.blog-tiltle_block a {
    color: #2d2d2d;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 700; }

.blog-icons {
border-top: 1px solid #e3eaef;
border-bottom: 1px solid #e3eaef;
margin: 36px 0;
padding: 8px 0; }
.blog-icons .blog-share_block {
    text-align: right;
    line-height: 1.3; }
    .blog-icons .blog-share_block ul {
    display: inline-block;
    padding: 3px 0 0;
    margin: 0; }
    .blog-icons .blog-share_block ul li {
        list-style: none;
        float: right; }
        .blog-icons .blog-share_block ul li a {
        margin: 0 0 0 25px;
        color: #ccc; }

.quote-right {
float: right; }

.blog-search {
border: 1px solid #ccc;
padding: 8px 16px;
border-radius: 2px;
font-size: 15px; }

.btn-blogsearch {
padding: 11px 16px;
border-radius: 2px;
font-size: 15px;
outline: none; }

.blog-category_block {
padding: 50px 0; }
.blog-category_block h3 {
    font-weight: 700;
    margin: 0 0 24px; }
.blog-category_block ul {
    margin: 0;
    padding: 0; }
    .blog-category_block ul li {
    list-style: none;
    margin: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .blog-category_block ul li a {
        color: #2d2d2d;
        text-decoration: none;
        padding-bottom: 10px;
        display: block; }
        .blog-category_block ul li a i {
        float: right; }
        .blog-category_block ul li a:hover {
        opacity: 0.8; }
    .blog-category_block ul hr {
    margin: 0; }
    .blog-category_block ul ul {
    background: #f7f7f7;
    padding: 20px; }
    .blog-category_block ul ul li {
        border-bottom-color: #FFF; }

.blog-featured_post h3 {
font-weight: 700;
margin: 0 0 24px; }

.blog-featured_post hr {
margin: 24px 0; }

.blog-featured-img_block img {
float: left;
margin: 0 28px 0 0; }

.blog-featured-img_block h5 {
font-weight: 700;
font-size: 17px;
margin-left: 150px; }

.blog-featured-img_block p {
font-size: 15px;
margin-left: 150px; }

.blog-featured-img_block a {
color: #292b2c; }

.blog-tags_wrap {
margin: 50px 0 0; }
.blog-tags_wrap h3 {
    font-weight: 700;
    margin: 0 0 24px; }

.blog-tags {
border: 1px solid #ccc;
text-align: center;
padding: 5px 29px;
margin: 0 0 18px 18px;
color: #313131;
font-size: 14px; }

.page-item {
margin: 0 8px 0 0; }

.page-link {
line-height: 1;
color: #2d2d2d;
font-size: 14px;
border-color: #e3eaef; }

.page-next {
background: #6bbf81;
color: #fff;
border-color: transparent; }

.page-link:focus,
.page-link:hover {
background-color: #f4e9d4;
color: #2d2d2d; }

@media (max-width: 1200px) {
.blog-search {
    width: 100%; }
.btn-blogsearch {
    width: 100%;
    margin-top: 10px; }
.blog-featured-img_block img {
    margin: 0 12px 0 0; }
.blog-tags {
    padding: 5px 20px; } }

@media (max-width: 992px) {
.blog-date span {
    font-size: 15px; }
.pagination {
    margin: 0; }
.blog-tiltle_block,
.blog-img_block img {
    padding-left: 0; }
.blog-icons {
    margin-top: 12px; }
.blog-featured-img_block img {
    width: 100%;
    margin: 0 0 10px 0; }
.blog-featured-img_block p,
.blog-featured-img_block h5 {
    margin-left: 0; } }

@media (max-width: 768px) {
.blog-search {
    margin: 30px 0 0; } }

@media (max-width: 480px) {
.pagination li {
    display: none; }
    .pagination li:first-child, .pagination li:last-child {
    display: block; } }


/* ==============================================================
BLOG POST tambahan
============================================================== */
.blogpost-quotes {
background: #f4eee3;
display: inline-block;
padding: 4px 36px;
margin: 12px 0 0 0; }
.blogpost-quotes span {
    font-size: 32px; }
.blogpost-quotes p {
    font-weight: 700;
    font-style: italic;
    padding: 0px 65px; }

.blogpost_list {
font-weight: 700;
border-bottom: 2px solid #6bbf81;
padding: 0 0 3px;
line-height: 2.3; }

.blogpost-tabs {
margin: 50px 0 0; }

.blogpost-tab-wrap {
float: left !important;
width: 100%; }

.blogpost-nav-tab {
border: none !important;
margin: 0 35px 0 0; }
.blogpost-nav-tab a {
    text-decoration: none;
    font-size: 20px;
    padding: 10px 0; }

.blodpost-tab-img img {
padding: 0;
border-radius: 50%; }

.blogpost-tab-description h6 {
font-size: 17px;
color: #6bbf81;
margin-bottom: 0;
margin-top: 10px; }

.blogpost-tab-description p {
padding: 10px 0 8px;
font-size: 16px;
margin: 0; }

.blodpost-tab-img {
margin-top: 10px; }

p.blogpost-rply {
color: #6e6e6e;
padding-top: 0; }
p.blogpost-rply span {
    margin: 0 10px;
    color: #a9a9a9;
    font-size: 12px; }
p.blogpost-rply a {
    font-size: 14px; }

.blogpost-rply-style {
text-decoration: line-through; }

@media (max-width: 992px) {
.blogpost-quotes {
    padding: 4px 6px; } }

@media (max-width: 768px) {
.blogpost-quotes p {
    padding: 0px 58px; }
.quote-right {
    float: right !important; }
.blogpost-nav-tab {
    margin: 0 25px 0 0; }
.blogpost-nav-tab a {
    font-size: 15px;
    padding: 6px 0; }
.blodpost-tab-img img {
    width: 16% !important; } }

/* ==============================================================
EVENTS tambahan
============================================================== */
.events {
padding: 98px 0; }

.event-title {
font-weight: 700;
margin: 0 0 24px; }

.event-date {
background: #188bc3;
padding: 20px 5px; }
.event-date h4 {
    font-size: 76px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin: 0; }
.event-date span {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #fff;
    display: block; }

.event-time {
background: #b50e9f;
padding: 8px 0;
display: block;
color: #e8dabe;
text-align: center; }

.event-heading {
margin: 0 0 20px; }
.event-heading h3 {
    font-weight: 700;
    margin: 0 0 24px; }
.event-heading p {
    line-height: 1.8; }

.event-hilights h5 {
font-size: 18px;
font-weight: 700;
margin: 0 0 24px; }

.event-highlight-discription {
margin: 50px 0 0px; }
.event-highlight-discription p {
    line-height: 1.8;
    margin: 0 0 50px; }

.event-toggle {
text-transform: uppercase;
font-size: 15px;
text-decoration: underline;
color: #188bc3;
font-weight: 700; }

.event-toggle:focus {
color: #188bc3; }

.event-toggle:hover {
color: #b50e9f;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s; }

/*komentar dan tinggalkan komentar*/
.tab-list {
color: #2d2d2d;
font-weight: 700; }

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
border-bottom: 2px solid #188bc3;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #188bc3; }

.nav-tabs {
border: none;
float: right; }
.nav-tabs .nav-link {
    border-bottom: 1px solid #eee; }

.nav-special-br {
border-left: 1px solid #eee;
border-right: 1px solid #eee; }

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #fff #fff #fff;
color: #188bc3;
border-bottom: 2px solid #188bc3;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s; }

.event-underline {
margin: 68px 0 68px 0; }

@media (max-width: 1200px) {
.nav-link {
    padding: 8px 12px;
    font-size: 15px; } }

@media (max-width: 992px) {
.event-date {
    padding: 12px 5px; }
    .event-date h4 {
    font-size: 36px; }
    .event-date span {
    font-size: 15px; }
.event-time {
    font-size: 14px; } }

@media (max-width: 768px) {
.nav-tabs {
    float: left; }
.event-time {
    font-size: 17px; }
.event-heading {
    margin: 0 0 30px; }
    .event-heading h3 {
    margin: 12px 0;
    font-size: 21px; }
    .event-heading p {
    font-size: 15px; }
.tab-content img {
    width: 100%;
    margin: 0 0 12px; }
.event-underline {
    margin: 20px 0 30px 0; }
.event-highlight-discription {
    margin: 12px 0 0px; }
    .event-highlight-discription p {
    margin: 0 0 8px; } }

@media (max-width: 320px) {
.nav-link {
    padding: 4px 7px;
    font-size: 13px; } }