/*! * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business) * Copyright 2013-2017 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE) */body {padding-top: 60px;}

.img-container{position:relative;display:inline-block;}
.img-container 
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0,170,170);opacity:0;transition:opacity 500ms ease-in-out;}

.img-container:hover 

.overlay{opacity:0.9;}

.overlay span{position:absolute;text-align:center;top:50%;left:50%;width:80%;opacity:1;transform:translate(-50%,-50%);color:#fff;}

.overlay2 {position: absolute; bottom: 0; background: rgb(248, 248, 255);background: rgb(248, 248, 255); /* Black see-through */color: #000; width: 100%;opacity:0.8;padding: 1.8%;text-align: center;}/* When you mouse over the container, fade in the overlay title */

.img-container:hover .overlay2 {opacity: 0;transition: .5s ease; width:100%;margin-left:-2px;}

.col-md-3a{background: #ff9b00;padding: 4%;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;max-width:100%;height:auto;}.contact-info{margin-top:10%;}
.contact-info img{margin-bottom: 15%;}
.contact-info h4{margin-bottom: 10%;}
.col-md-9a{background: #fff;padding: 3%;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;margin-top:-25px;}
.contact-form label{font-weight:600;}
.contact-form button:focus{box-shadow:none;}
.video-container iframe,.video-container object,.video-container embed {top: 0;left: 0;height: 260px;width: 100%;}
.video-container2 iframe,.video-container2 object,.video-container2 embed {top: 0;left: 0;height: 500px;width: 100%;}

.maps iframe {height: 400px;width: 100%;}
.gambar-container{top: 0;left: 0;height: 260px;width: 100%;}.gambar-container2{height: 45px;padding-right:5px;}
.imglogo{width: 260px;}
.carousel-item {height: 65px;min-height: 300px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mylogo {width: 100%;margin-left:-5px;}.container .image {background-color: #fff;padding: 2px;border: 1px solid #CCC;}

.container .image2 {background-color: #fff;padding: 2px;margin-top:6px;border: 1px solid #CCC;float: left;}

.card {overflow: hidden;}

.col-lg-6 {margin-bottom:25px;}div.list{text-align:justify;margin-top:-10px;}

.center-block {display: block;margin-right: auto;margin-left: auto;}

.section img{width:50%;height:auto;border-radius: 50%;margin:-20px 0 0 0;}

.partner{margin-bottom:-25px;}

.mainflip{margin-top:16px;}

.posted{margin-top:-10px;margin-bottom:15px;text-align:right;}

.ketinfo{font-size:80%;}

.main-color {color:#fff;}

.panel{margin-bottom:20px; width:100%;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}

.panel-body{padding:15px}

.panel-body:before,.panel-body:after{display:table;content:" "}

.panel-body:after{clear:both}

.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.table{margin-bottom:0}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}

.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;background-color:#f5f5f5;border-bottom:1px solid #ddd;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}

.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}

.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.gallery-block .heading{

margin-bottom: 50px;

text-align: center;

}

.gallery-block .heading h2{font-weight: bold;font-size: 1.4rem;text-transform: uppercase;}

.gallery-block.cards-gallery h6 {font-size: 17px;font-weight: bold;}.gallery-block.cards-gallery .card{transition: 0.4s ease; }.
gallery-block.cards-gallery .card img {box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }.gallery-block.cards-gallery .card-body {text-align: center; }

.gallery-block.cards-gallery .card-body p {font-size: 15px; }.gallery-block.cards-gallery a {color: #212529; }.gallery-block.cards-gallery a:hover {text-decoration: none; }
.gallery-block.cards-gallery .card {margin-bottom: 20px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}gallery-block.compact-gallery .item .description{display: grid;position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;font-size: 17px;line-height: 18px;width: 100%;padding-bottom: 80px;opacity: 1;color: #fff;transition: 0.8s ease;text-align: center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.39));}.gallery-block.compact-gallery .item .description .description-heading{font-size: 1em;font-weight: bold;}.gallery-block.compact-gallery .item .description .description-body{font-size: 0.8em;margin-top: 10px;font-weight: 300;}.footer-bottom {text-align: left; color: #fff;}
.footer-copyright{padding-top:20px; padding-left:25px; }
.footer-copyright a { color: #fff; border: 0; }.footer-copyright a:hover, .footer-copyright a:focus { color: #fff; border: 0; }


@media (max-width:575.98px){
.imglogo{width: 220px;}
}

@media (min-width: 992px) {

body {padding-top: 56px;}

.card-block{ padding-top: -18px; text-align:center;}

}

@media (max-width: 800px) {

.portfolio-item {margin-bottom: 18px;}

.card-block{ text-align:center;}

.col-lg-img {padding-bottom:0;}

.overlay span{position:absolute;vertical-align:middle;text-align:center;width:80%;opacity:1;transform:translate(-50%,-50%);color:#fff;}

.gambar-container{width: 100%;}.col-md-3a{padding-right:1.8%;padding-left:1.8%;}

.contact-form{margin-top:10px;}

.card-deck2{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}

.text-left{ vertical-align:middle;text-align:center; margin-left:10%;}

.text-center2{margin-left:5%;margin-right:5%;}

.container .image {background-color: #fff;padding: 2px;margin-right: 0px;margin-top:6px;margin-bottom:20px;border: 1px solid #CCC;float: left;}

.card-title{margin-top:2.75rem;}

.card-title2{margin-top:.75rem;margin-bottom:.75rem;}

.footer-copyright{padding:5px;}

}

@media (min-width: 576px) {
.gallery-block .transform-on-hover:hover {transform: translateY(-5px) scale(1.00);box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; }}
.icon-link {width: 60px;height: 60px;background-color: #666;line-height: 60px;text-align: center;vertical-align: middle;display: inline-block;cursor: pointer;outline: none;margin: 5px;box-sizing: content-box;}.icon-share {width: 40px;height: 40px;background-color: #666;google-plusline-height: 40px;text-align: center;vertical-align: middle;display: inline-block;cursor: pointer;outline: none;margin: 1px;box-sizing: content-box;}.social-icon {align-items: center;justify-content: center;position: relative;cursor: pointer;font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;}.social-icon:hover {color: #fff;}.social-icon:hover .tooltip {visibility: visible;opacity: 1;-webkit-transform: translate(-50%, -150%);transform: translate(-50%, -150%);}.social-icon:active {}.icon-link.fill.facebook {background-color: #3b5998;}.icon-link.fill.facebook:hover {background-color: #fff;}.social-icon--facebook .tooltip {background: #3b5998;background: linear-gradient(tint(#006599, 15%), #006599);color: #fff;}.social-icon--facebook .tooltip:after {border-top-color: #3b5998;}.icon-link.fill.facebook:hover .fa-facebook {color: #3b5998;transition: color 150ms ease-in-out;}.icon-link.fill.tumblr {background-color: #32506d;}.icon-link.fill.tumblr:hover {background-color: #fff;}.icon-link.fill.tumblr:hover .fa-tumblr {color: #32506d;transition: color 150ms ease-in-out;}.icon-link.fill.linkedin {background-color: #007bb6;}.icon-link.fill.linkedin:hover {background-color: #fff;}.icon-link.fill.linkedin:hover .fa-linkedin {color: #007bb6;transition: color 150ms ease-in-out;}.icon-link.fill.instagram {background-color: #d6249f;background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow: 0px 3px 10px rgba(0,0,0,.25);}.icon-link.fill.instagram:hover {background-color: #fff;background: #fff;box-shadow: 0px 3px 10px rgba(0,0,0,.25);}.icon-link.fill.instagram:hover .fa-instagram {color: #007bb6;transition: color 150ms ease-in-out;}.social-icon--instagram {background: #007bb6;background: linear-gradient(tint(#527fa6, 5%), shade(#527fa6, 5%));border-bottom: 1px solid shade(#527fa6, 20%);color: tint(#527fa6, 50%);}/* tooltip*/.social-icon--instagram:hover {color: tint(#007bb6, 80%);text-shadow: 0px 1px 0px shade(#527fa6, 20%);}.social-icon--instagram .tooltip {background: #007bb6;background: linear-gradient(tint(#527fa6, 15%), #527fa6);color: tint(#527fa6, 80%);color: #fff;}.social-icon--instagram .tooltip:after {border-top-color: #007bb6;}/* tooltip IG end*/.icon-link.fill.twitter {background-color: #00aced;}.icon-link.fill.twitter:hover {background-color: #fff;}.icon-link.fill.twitter:hover .fa-twitter {color: #00aced;transition: color 150ms ease-in-out;}.icon-link.fill.google-plus {background-color: #dd4b39;}.icon-link.fill.google-plus:hover {background-color: #fff;}.icon-link.fill.google-plus:hover .fa-google-plus {color: #dd4b39;transition: color 150ms ease-in-out;}.icon-link.fill.reddit {background-color: #8bbbe3;}.icon-link.fill.reddit:hover {background-color: #fff;}.icon-link.fill.reddit:hover .fa-reddit {color: #8bbbe3;transition: color 150ms ease-in-out;}.icon-link.fill.youtube {background-color: #df1c31;}.icon-link.fill.youtube:hover {background-color: #fff;}.icon-link.fill.youtube:hover .fa-youtube {color: #df1c31;transition: color 150ms ease-in-out;}.icon-link.fill.youtube:hover .fa-youtube {color: #df1c31;transition: color 150ms ease-in-out;}/* youtube*/.social-icon--youtube {background: #df1c31;background: linear-gradient(tint(#527fa6, 5%), shade(#527fa6, 5%));border-bottom: 1px solid shade(#527fa6, 20%);color: tint(#527fa6, 50%);}.social-icon--youtube:hover {color: tint(#df1c31, 80%);text-shadow: 0px 1px 0px shade(#527fa6, 20%);}.social-icon--youtube .tooltip {background: #df1c31;background: linear-gradient(tint(#527fa6, 15%), #527fa6);color: tint(#527fa6, 80%);color: #fff;}.social-icon--youtube .tooltip:after {border-top-color: #df1c31;}/* tooltip youtube end*/.icon-link.fill.pinterest {background-color: #b81621;}.icon-link.fill.pinterest:hover {background-color: #fff;}.icon-link.fill.pinterest:hover .fa-pinterest {color: #b81621;transition: color 150ms ease-in-out;}.icon-link.fill.github {background-color: #444;}.icon-link.fill.github:hover {background-color: #fff;}.icon-link.fill.github:hover .fa-github {color: #444;transition: color 150ms ease-in-out;}.icon-link.fill.envelope {background-color: #333;}.icon-link.fill.envelope:hover {background-color: #fff;}.icon-link.fill.envelope:hover .fa-envelope {color: #333;transition: color 150ms ease-in-out;}.icon-link.fill.soundcloud {background-color: #f50;}.icon-link.fill.soundcloud:hover {background-color: #fff;}.icon-link.fill.soundcloud:hover .fa-soundcloud {color: #f50;transition: color 150ms ease-in-out;}.icon-link.brand {background-color: #fff;}.icon-link.brand .fa {color: #006FC2;}.icon-link.round {border-radius: 50%;}.icon-link.round-corner {border-radius: 5px;}.icon-link:hover {transition: background-color 150ms ease-in-out;height: 56px;line-height: 56px;width: 56px;background-color: #fff;}.icon-link:hover.facebook {border: 2px solid #3b5998;} .icon-link:hover.tumblr {border: 2px solid #32506d;}.icon-link:hover.linkedin {border: 2px solid #007bb6;}.icon-link:hover.instagram {border: 2px solid #007bb6;}.icon-link:hover.twitter {border: 2px solid #00aced;}.icon-link:hover.google-plus {border: 2px solid #dd4b39;}.icon-link:hover.reddit {border: 2px solid #8bbbe3;}.icon-link:hover.youtube {border: 2px solid #df1c31;}.icon-link:hover.pinterest {border: 2px solid #b81621;}.icon-link:hover.github {border: 2px solid #444;}.icon-link:hover.envelope {border: 2px solid #333;}.icon-link:hover.soundcloud {border: 2px solid #f50;}.icon-link:hover .fa {line-height: 56px;}.icon-link:hover .fa-facebook {color: #3b5998;transition: color 150ms ease-in-out;}.icon-link:hover .fa-tumblr {color: #32506d;transition: color 150ms ease-in-out;}.icon-link:hover .fa-linkedin {color: #007bb6;transition: color 150ms ease-in-out;}.icon-link:hover .fa-twitter {color: #00aced;transition: color 150ms ease-in-out;}.icon-link:hover .fa-google-plus {color: #dd4b39;transition: color 150ms ease-in-out;}.icon-link:hover .fa-reddit {color: #8bbbe3;transition: color 150ms ease-in-out;}.icon-link:hover .fa-youtube {color: #df1c31;transition: color 150ms ease-in-out;}.icon-link:hover .fa-pinterest {color: #b81621;transition: color 150ms ease-in-out;}.icon-link:hover .fa-github {color: #444;transition: color 150ms ease-in-out;}.icon-link:hover .fa-envelope {color: #333;transition: color 150ms ease-in-out;}.icon-link:hover .fa-soundcloud {color: #f50;transition: color 150ms ease-in-out;}.icon-link .fa {color: #fff;line-height: 60px;font-size: 36px;}/* SHARE ICON */.icon-share.fill.whatsapp {background-color: #25d366;}.icon-share.fill.whatsapp:hover {background-color: #fff;}.social-icon--whatsapp .tooltip {background: #25d366;background: linear-gradient(tint(#006599, 15%), #006599);color: #fff;}.social-icon--whatsapp .tooltip:after {border-top-color: #25d366;}.icon-share.fill.whatsapp:hover .fa-whatsapp {color: #25d366;transition: color 150ms ease-in-out;}.icon-share.fill.facebook {background-color: #3b5998;}.icon-share.fill.facebook:hover {background-color: #fff;}.social-icon--facebook .tooltip {background: #3b5998;background: linear-gradient(tint(#006599, 15%), #006599);color: #fff;}.social-icon--facebook .tooltip:after {border-top-color: #3b5998;}.icon-share.fill.facebook:hover .fa-facebook {color: #3b5998;transition: color 150ms ease-in-out;}.icon-share.fill.tumblr {background-color: #32506d;}.icon-share.fill.tumblr:hover {background-color: #fff;}.icon-share.fill.tumblr:hover .fa-tumblr {color: #32506d;transition: color 150ms ease-in-out;}.icon-share.fill.linkedin {background-color: #007bb6;}.icon-share.fill.linkedin:hover {background-color: #fff;}.social-icon--linkedin .tooltip {background: #007bb6;background: linear-gradient(tint(#007bb6, 15%), #007bb6);color: #fff;}.social-icon--linkedin .tooltip:after {border-top-color: #007bb6;}.icon-share.fill.linkedin:hover .fa-linkedin {color: #007bb6;transition: color 150ms ease-in-out;}/* tooltip IG end*/.icon-share.fill.twitter {background-color: #00aced;}.icon-share.fill.twitter:hover {background-color: #fff;}.social-icon--twitter .tooltip {background: #00aced;background: linear-gradient(tint(#006599, 15%), #006599);color: #fff;}.social-icon--twitter .tooltip:after {border-top-color: #00aced;}.icon-share.fill.twitter:hover .fa-twitter {color: #00aced;transition: color 150ms ease-in-out;}/* twitter*/.icon-share.fill.google-plus {background-color: #dd4b39;}.icon-share.fill.google-plus:hover {background-color: #fff;}.social-icon--google-plus .tooltip {background: #dd4b39;background: linear-gradient(tint(#dd4b39, 15%), #dd4b39);color: #fff;}.social-icon--google-plus .tooltip:after {border-top-color: #dd4b39;}.icon-share.fill.google-plus:hover .fa-google-plus {color: #dd4b39;transition: color 150ms ease-in-out;}/* google-plus*/.icon-share.round {border-radius: 50%;}.icon-share.round-corner {border-radius: 5px;}.icon-share:hover {transition: background-color 150ms ease-in-out;height: 36px;line-height: 36px;width: 36px;background-color: #fff;}.icon-share:hover.facebook {border: 2px solid #3b5998;} .icon-share:hover.whatsapp {border: 2px solid #25d366;} .icon-share:hover.linkedin {border: 2px solid #007bb6;}.icon-share:hover.instagram {border: 2px solid #007bb6;}.icon-share:hover.twitter {border: 2px solid #00aced;}.icon-share:hover.google-plus {border: 2px solid #dd4b39;}.icon-share:hover .fa {line-height: 36px;}.icon-share:hover .fa-facebook {color: #3b5998;transition: color 150ms ease-in-out;}.icon-share:hover .fa-linkedin {color: #007bb6;transition: color 150ms ease-in-out;}.icon-share:hover .fa-twitter {color: #00aced;transition: color 150ms ease-in-out;}.icon-share:hover .fa-google-plus {color: #dd4b39;transition: color 150ms ease-in-out;}.icon-share:hover .fa-youtube {color: #df1c31;transition: color 150ms ease-in-out;}.icon-share .fa {color: #fff;line-height: 40px;font-size: 24px;}.brand-icons {background-color: #ddd;padding: 10px 0;}/* Tooltips */.tooltip {display: block;position: absolute;top: 0;left: 50%;padding: 0.8rem 0.8rem;border-radius: 3px;font-size: 0.8rem;font-weight: bold;opacity: 0;width:100px;text-align:center;pointer-events: none;-webkit-transform: translate(-50%, -100%);transform: translate(-50%, -100%);transition: all 0.3s ease;z-index: 1;}.tooltip:after {display: block;position: absolute;bottom: 0;left: 50%;width:100px;width: 0;height: 0;text-align:center;content: "";border: solid;border-width: 10px 10px 0 10px;border-color: transparent;-webkit-transform: translate(-50%, 100%);transform: translate(-50%, 100%);}ul {list-style-type: none;position:relative;}li {margin-bottom: 10px}li:before {position: absolute;}#widget-adnan {margin-left: 30px;}.pagination{display:inline-block;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}