.spinner-border{
    border-width: .15em;
    display:none;
}
.spinner-border.active{
    display:inline-block;
}
.badge{
    font-weight: 100;
    padding:5px 15px;
    text-transform: uppercase;
    background:#00D450;
}
.blog{
    background:rgb(241, 241, 241);
    width:100%;
    height:auto;
    position:relative;
    padding:75px 0px;
    padding-top:50px;
    padding-bottom:75px;
}
.blog-1{
    /* margin-top:35px;
    margin-bottom:35px; */
}
.blog-1 > li{
    margin-left:15px;
    margin-right:15px;
}
.blog-1 > li > a {
    color:#000;
    padding-left:0px;
    padding-right:0px;
}
.blog-1 > li.active{
    border-bottom:2px solid #000;
}
.blog-2{
    margin-top:15px;
    margin-bottom:15px;
    font-size:0.8rem;
    color:#a2a2a2;
}
.blog-2 > p {
    font-size:0.8rem;
}
.blog-3{
    font-size:0.8rem;
    margin-bottom:0px;
    color:rgb(165, 165, 165);
}
.card-blog{
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom:15px;
    transition:0.2s all ease-out;
    border:0px;
    color: #000; 
    min-height:400px;   
}
.card-blog:hover{
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15);
    transition:0.2s all ease-in;
    text-decoration:none;
    color: #000;
}
.card-blog-1{
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.10);
    margin-bottom:20px;
    transition:0.2s all ease-out;
    border:0px;
    color: #000;   
}
.card-blog-1:hover{
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.20);
    transition:0.2s all ease-in;
    text-decoration:none;
    color: #000;
}
.blog-4{
    padding:0px 8px;
}
.blog-4-1{
    padding:0px 20px;
}
.blog-5{
    margin-top:35px;
    border:2px solid #00D450;
    padding:7.5px 75px;
    color:#00D450;
    font-weight: bold;
}
.blog-5:hover{
    background:#00D450;
    color:#fff;
    border-color:transparent;
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15);
}
.blog-5:focus, .blog-5:active{
    background:#00D450!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15)!important;
}
.blog-6{
    width:50%;
    margin:0 auto;
}
.blog-7{
    min-height:auto!important;
    height:auto!important;
    padding-bottom:120px;
}
.blog-8{
    padding:10px;
    height:120px;
}
.blog-8 > p {
    font-size:1rem;
}
.blog-8-1{
    /* border-left:5px solid #F5F9F4; */
}
.blog-8 > h5 > a {
    font-size:0.9rem;
    font-family:evolveBold;
    color:#3c3c3c;
}
.blog-8 > h5 > a:hover{
    text-decoration: none;
}
.blog-9{
    position:absolute;
    bottom:15px;
    background:#00D450;
}
.blog-9-1{
    background:#00D450;
    margin-bottom:10px;
}
.blog-9 > a {
    color:#fff;
}
.blog-9 > a:hover{
    color:#fff;
    text-decoration: none;
}
.blog-9-1 > a {
    color:#fff;
}
.blog-9-1 > a:hover{
    color:#fff;
    text-decoration: none;
}
.blog-10{
    margin-top:50px;
    margin-bottom:15px;
    padding-left:0px;
    padding-right:0px;
}
.blog-11{
    padding-left:0px;
}
.blog-12{
    padding-right:8px;
}
.blog-13 > input{
    padding:15px 20px;
    height:50px;
    border:0px!important;
    box-shadow:0px 5px -15px rgba(0, 0, 0, 0.05);
    background:#fff!important;
    z-index:1000;
}
.blog-13 > input::placeholder{
    color:#a2a2a2!important;
}
.blog-14 > button{
    border:0px;
    background:#00D450;
    box-shadow:0px 5px 15px rgba(0, 0, 0, 0.05);
    z-index:999;
    color:#fff;
    padding-left:25px;
    padding-right:25px;
}
/* blog details */
.blog-details{
    background: #FDFDFD;
    width: 100%;
    height: auto;
    position: relative;
    padding: 75px 300px;
    padding-top:50px;
}
.blog-details-10 > p > img {
    width:100%;
    height:auto;
    margin-bottom: 25px;
    margin-top: 25px;
}
.blog-details-1 > li {
    width:auto!important;
}
.blog-details-2{
    width:100%;
    margin-bottom:35px;
    margin-top:5px;
}
.blog-details-3{
    margin-top:50px;
}
.blog-details-4{
    margin-bottom:0px;
}
.blog-details-4 > span {
    color:#00D450;
    font-family: evolveBold;
}
.blog-details-4 > span > a {
    color:#00D450;
    font-family: evolveBold;
}
.blog-details-4 > span > a:hover{
    text-decoration:none;
}
.blog-details-5 > p{
    font-size:1.2rem;
    font-family: evolveLight;
    color:gray;
}
.blog-details-6{
    margin-top:35px;
    font-weight: 100;
    font-size:2rem;
}
.blog-details-7{
    margin-bottom:35px;
}
.blog-details-8{
    padding-bottom:75px;
    background:#FDFDFD;
}
.blog-details-9{
    margin-bottom:35px;
}
.blog-details-11{
    position: sticky!important;
    top: 200px;  
    z-index:1000;
}
.blog-details-12{
    position:absolute;
    left:-150px;
}
.blog-details-13{
    width:40px;
    height:40px;
    border-radius:100%;
    margin-bottom:10px;
    border:0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-details-13:hover{
    background:#00D450!important;
}
.blog-details-13.facebook{
    background:#1773EA;
}
.blog-details-13.twitter{
    background:#00A7E6;
}
.blog-details-13.whatsapp{
    background:#42E35F;
}
.blog-details-14{
    position: absolute!important;
    bottom: 350px;
    /* left: -75px; */
    z-index: 1000;
}
.blog-details-15{
    height:200px;
}
.btn-komentar{
    background:#00D450;
    padding:7.5px 75px;
    color:#fff;
    font-weight: bold;
    transition:0.2s ease-out;
}
.btn-komentar:hover{
    color:rgb(230, 230, 230);
    transition:0.2s ease-in;
}
.btn-komentar-2{
    background:#00D450;
    padding:2.5px 10px;
    color:#fff;
    margin-bottom:15px;
    font-weight: bold;
    font-size:0.8rem;
    transition:0.2s ease-out;
}
.btn-komentar-2:hover{
    color:rgb(230, 230, 230);
    transition:0.2s ease-in;
}
.blog-komentar{
    background:#FDFDFD;
}
.blog-komentar-1{
    padding:25px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom:25px;
    background:#fff;
}
.blog-komentar-3{
    padding:25px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
    background:#fff;
}
.blog-komentar-2{
    display: flex;
    align-items: center;
    height:100%;
}
.blog-komentar-2 > p{
    margin-bottom:0px;
}
.blog-komentar-4{
    width:200px;
    border-radius:100%;
}
.footer-article{
    margin-top:50px;
    padding:20px 0px;
    border-top:1px dotted #b3b3b3;
    border-bottom:1px dotted #b3b3b3;
}
.blog-komentar-4 > p{
    font-size:0.8rem;
    color:rgb(160, 160, 160);
}
.blog-komentar-6{
    background:transparent;
    padding: 2.5px 15px;
    color: #FA591D;
    font-weight: bold;
    font-size:0.8rem;
    border:2px solid #FA591D;
}
.blog-komentar-7{
    background:#00D450;
    padding: 2.5px 15px;
    color: #fff;
    font-size:0.8rem;
    font-weight: bold;
    border:2px solid #00D450;
}
.blog-komentar-7:hover{
    color:rgb(230, 230, 230);
    transition:0.2s ease-in;
    background:#00D450;
    border:2px solid #00D450;
}
.blog-komentar-6:hover{
    background:#F4571C;
    color:#fff;
    transition:0.2s ease-in;
    border:2px solid #F4571C;
}
.blog-komentar-8{
    margin-top:35px;
}
.blog-komentar-9{
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #adadad;
    font-family:evolveThin;
}
.blog-komentar-10{
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #adadad;
    font-family:evolveThin;
}
.blog-komentar-11{
    width:60px;
    height:60px;
}
.blog-nav{
    margin-top:60px;
    z-index:1000;
    background:#fff;
    width:100%;
    border-bottom: 1px solid #D4D4D4;
}
.navbar-blog-top{
    background:#fff;
}
.nav-category-1{
    width:auto!important;
}
.nav-category-1 > a {
    font-family:evolveReguler;
    color:#6c747b;
    font-size:0.9rem;
    margin-bottom:0px!important;
    transition:0.2s all ease-out;
}
.nav-category-1 > a:hover{
    color:#000;
    transition:0.2s all ease-in;
}

.nav-category > li:first-child > a {
    padding-left:0px;
}
.nav-category > li > a {
    padding-left:5px;
}
.nav-category > li > a{
    font-family:evolveReguler;
    color:#6c747b;
    font-size:0.9rem;
    margin-bottom:0px!important;
    transition:0.2s all ease-out;
}
.nav-category > li > a:hover{
    color:#000;
    transition:0.2s all ease-in;
}
.our-team-data-4 > li > a {
    background: #34A61B;
    color:#fff;
    border:1px solid #34A61B;
}
.our-team-data-4 > li > a:hover {
    background: #ffff;
    color:#34A61B;
}
.our-team-data-4 > li > a:hover > i {
    color:#34A61B;
}
.about-data{
    margin-top:100px;
}

.img-wrapper-circle-13 {
    width: 100%;
    height: 225px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.img-circle-13 {
    position: absolute;
    border-radius: 0%!important;
    height: auto;
    width: 100%!important;
    left: 50%;
    transform: translate(-50%, 0);
}
.img-wrapper-circle-14 {
    width: 100%;
    height: 185px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.img-circle-14 {
    position: absolute;
    border-radius: 0%!important;
    height: auto;
    width: 100%!important;
    left: 50%;
    transform: translate(-50%, 0);
}

@media only screen and (min-width: 1600px) {
    .blog-details{
        width:50%;
        margin:0 auto;
        margin-top: 100px;
        padding: 75px;
    }
    .about-data{
        padding-left:0px;
        padding-right:0px;
    }
    .img-wrapper-circle-3{
        height:275px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1600px) {
    .our-team-data{
        width:100%;
    }
    .img-wrapper-circle-3{
        height:275px;
    }
}
@media only screen and (min-width: 1000px) and (max-width:1600px) {
    .our-team-data{
        width:100%;
    }
}
@media only screen and (max-width: 1200px) {
    .blog-details{
        padding: 75px 150px!important;
    }
    .container{
        margin-left:0px;
        margin-right:0px;
        max-width:100%;
    }
    .img-wrapper-circle-3{
        height:250px;
    }
}
@media only screen and (max-width: 1100px) {
    .blog-details{
        padding: 75px 50px!important;
    }
    .content-22{
        height:110%;
    }
}
@media only screen and (max-width: 1000px) {
    .blog-details{
        width:100%;
        margin:0 auto;
        margin-top: 75px;
        padding: 0px!important;
    }
    .content-22{
        height:100%;
    }
}
@media only screen and (max-width: 992px) {
    .content-2{
        height:auto;
        padding:50px 0px;
    }
    .content-3{
        height:auto;
        padding:50px 0px;
    }
    .owl-prev{
        left:-120px;
    }
    .owl-next{
        right:-120px;
    }
    .container{
        width:98%;
        margin:0 auto;
    }
    .content-25-1{
        margin-top:75px;
    }
}
@media only screen and (max-width: 768px) {
    .content-32{
        width:100%;
    }
    .owl-prev{
        left:-100px;
    }
    .owl-next{
        right:-100px;
    }
    .content-25-1{
        width: 75%;
    }
}
@media only screen and (max-width: 600px) {
    .content-51{
        width:100%;
    }
    .content-45{
        width:100%;
        margin-top:25px;
    }
    .content-5 > .container, .content-4 > .container{
        padding:0px;
        width:100%;
    }
    .content-53{
        padding-right:15px;
    }
    .content-52{
        margin:10px;
    }
    .navbar-1.active{
        padding:0px;
    }
    .content-25{
        margin-bottom:15px;
    }
    .content-26{
        font-size:1.75rem;
    }
    .content-27{
        font-size:1.75rem;
    }
    .content-4{
        padding:50px 0px;
    }
    .content-42{
        font-size:1.75rem;
    }
    .content-44{
        width:75%;
    }
    .content-4{
        min-height:auto;
    }
    .content-25-1{
        width:90%;
        margin:0 auto;
        margin-top:25px;
    }
    .content-5{
        min-height:auto;
        padding:25px 0px;
    }
    .content-51{
        margin-bottom:0px;
    }
    .blog-5{
        margin-top:0px;
        margin-bottom:50px;
    }
    .content-1{
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgb(0, 0, 0, 0.7)),url(../images/c1.png);
        height:auto;
        min-height:100vh;
        padding:50px 0px;
    }
    .content12{
        text-align:center;
    }
    .navbar-3 > img{
        width:35%;
    }
    .owl-stage{
        padding-bottom:35px;
    }
    .content-62{
        margin-top:50px;
    }
    .content12-1 > *{
        margin-bottom:25px;
    }
    .content-66{
        text-align: center;
    }
    .owl-dots{
        height:0px;
    }
    /* .img-wrapper-circle-3{
        height:375px;
    } */
    /* .content-69{
        text
    } */
}

@media only screen and (max-width: 600px) {
    .img-wrapper-circle-3{
        height:175px;
    }
    .img-wrapper-circle-2{
        width: 200px;
        height: 250px;
    }
    .onHoverTeam{
        top: -30px;
        left: -30px;
    }
    .content-70{
        text-align:center;
    }
    .content-69{
        text-align:center;
    }
    .about-data{
        padding-left:0px;
        padding-right:0px;
    }
    .about-data-8{
        width:100%;
    }
    .btn-full{
        width:100%;
    }
    .about-data-9{
        margin-top:25px;
        margin-bottom:35px;
    }
    .content-25{
        margin-bottom:50px;
    }
    .mbottom35{
        margin-bottom:35px!important;
    }
    .mtop35{
        margin-top:35px!important;
    }
    .mbottom0{
        margin-bottom:0px!important;
    }
    .about-data-10{
        margin-top:15px;
    }
    .blog-6{
        width:100%;
    }
    .blog-1{
        margin-bottom:50px;
        justify-content: center;
    }
    .blog-5{
        margin-top:35px;
    }
    .btn-komentar{
        width:100%;
        margin-top:25px;
    }
    .blog-details > .container{
        padding-left:5px;
        padding-right:5px;
    }
    .blog-details-8 > .container{
        padding-left:10px;
        padding-right:10px;
    }
    .blog-details-8 > .container > .row > *{
        padding:5px;
    }
    .blog-details-8 > .container > .row{
        padding-left:5px;
        padding-right:5px;
    }
    .blog-komentar-3{
        padding:10px;
        margin-top:25px;
    }
    .blog-komentar-1{
        padding:10px;
    }
    .blog-komentar > .container{
        padding-left:0px;
        padding-right:0px;
    }
    .blog-2{
        color:#000;
    }
    .blog-9 > a {
        font-weight: bold;
        font-size:0.5rem;
    }
    .blog-10-mobile{
        font-weight: bold;
        font-size:0.5rem;
    }
    .font-mobile-1{
        font-size:0.8rem;
    }
    .owl-nav{
        display:none;
    }
}
@media only screen and (max-width: 400px) {
    .img-wrapper-circle-3{
        height:150px;
    }
    .img-wrapper-circle-2{
        width: 150px;
        height: 175px;
    }
    .onHoverTeam{
        top: -30px;
        left: -30px;
    }
    .team-image-1 > h5{
        font-size:0.8rem;
    }
    .team-image-1 > p{
        font-size:0.7rem;
    }
    .content-44{
        margin-top:25px!important;
    }
}