@charset "utf-8";

#fancybox-close {
top: 10px !important;
right: -20px !important;
}
.mec-event-content p {
font-weight: 400 !important;
}
.navbar-default {
background-color: white !important;
border-bottom-color: lightgray;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
body {
font-family: 'Open Sans', sans-serif;
font-style: normal;
}
.ngg-galleryoverview {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.ngg-gallery-thumbnail {
border: 0px solid #ccc !important;
margin: 0px !important;
border-style: dashed !important;
margin-left: 0px !important;
}
.ngg-gallery-thumbnail a {
margin-left: 0px !important;
margin-right: 6px !important;
}
.h1-ikai {
font-size: 27px;
font-weight: bolder;
color: #67a4a1;
}
.h2-ikai {
font-size: 25px;
font-weight: bolder;
color: #67a4a1;
}
.h2-sidebar {
font-size: 21px;
font-weight: bolder;
color: #f16633;
}
.title-line {
border-bottom-color: lightgray;
border-bottom-width: 5px;
display: inline-block;
border-bottom-style: solid;
margin-bottom: 25px;
}
.sb-title-line {
border-bottom-color: lightgray;
border-bottom-width: 5px;
display: inline-block;
border-bottom-style: solid;
margin-bottom: 15px;
}
.link-global {
color:#f16633;
font-weight: bold;
}
.link-global-normal {
color:#f16633;
}
.pemisah-horizontal {
border-bottom-color: lightgray;
border-bottom-width: 1px;
border-bottom-style: dotted;
margin-top:15px;
margin-bottom: 15px;
}
.partner-bar {
background-color: #67a4a1;
text-align: center;
padding: 10px;
border-radius: 10px;
color: white;
font-weight: bolder;
margin-top: 40px;
margin-bottom: 40px;
}
.h3-sep-bar {
margin-top: 0px;
margin-bottom: 0px;
}
.partner-logo-tile {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
.partner-area {
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto;
}
.footer-area {
background-color: #1b4545;
margin-top: 20px;
}
.ft-color {
color:#b8d5d2;
}
.ft-color:hover {
color:white;
}
.jejak-container {
max-width: 1020px;
display: block;margin-left: auto;
margin-right: auto;
}
.jejak {
margin-top: 20px;
margin-bottom: 0px;
font-size: 10px;
color: #f16633;
}
.fixme {
height: 5px;
width: 100%;
background-color: #1b4545;
margin-bottom: 10px;
}
.li-sidebar {
color: darkorange;
border-bottom-color: lightgray;
border-bottom-style: dotted;
border-bottom-width: 1px;
margin-bottom: 5px;
padding-bottom: 5px;
margin-left: -38px;
list-style-position: inside;
list-style-type: circle;
}
.li-sidebar-sub {
color: darkorange;
border-bottom-color: lightgray;
border-bottom-style: dotted;
border-bottom-width: 1px;
margin-bottom: 2px;
padding-bottom: 2px;
margin-left: -30px; list-style-type: square;
}
.link-sidebar {
color:green;
}
.ikai-caption {
font-size: 12px;
font-style: italic;
border-bottom: lightgray;
border-bottom-style: dotted;
border-bottom-width: 2px;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 20px;
}
.caldera-grid .form-control {
background-color: lightgoldenrodyellow !important;
border: 0px solid #ccc !important;
}
#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
margin-top: 5px !important;
}
.zoom-news {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
} 
.zoom-news:hover {
transform: scale(1.03);
-moz-transform: scale(1.03);
-webkit-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); } 
@media (min-width: 1367px){
.header-ikai {
max-width: 1020px;
height: 123px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: transparent;	}
.logo-ikai {
width: 211px;
height: 68px;
margin-top: 25px;
position: absolute;
float: left;
}
.ikai-top-menu {
width: 280px;
height: 45px;
background-color: transparent;
float: right;
}
.ikai-top-menu-left-corner {
width: 10px;
height: 45px;
background-color: #67a4a1;
border-bottom-left-radius: 10px;
float: left;
}
.ikai-top-menu-content-section {
width: 260px;
height: 45px;
background-color: #67a4a1;
float: left;
}
.ikai-top-menu-right-corner {
width: 10px;
height: 45px;
background-color: #67a4a1;
border-bottom-right-radius: 10px;
float: left;
}
.icon-member {
width: 35px;
margin-top: 10px;
float: left;
margin-right: 10px;
}
.text-top-menu {
color: white;
margin-top:10px;
font-size: 14px;
}
.ikai-main-menu {
float: right;
text-align: right;
width: 80%;
margin-top: 22px;
}
.banner-area-ikai {
height: 356px;
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/jakarta3.jpg);
display: block;
margin-top: 123px;
}
.banner-ikai {
height: 356px;
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto; background-repeat: no-repeat;
}
.main-content-area {
display: block;
max-width: 1020px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.mobile {
display: none;
}
.footer-content-area {
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
color:#b8d5d2;
}
.banner-inside-area1 {
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/ikai-top-layer-green.png);
height: 200px;
background-position: 50% 50%;
display: block;
width: 100%;
position: absolute;
}
.banner-inside-area2 {
height: 200px;
margin-top: 123px;
background-attachment: fixed;
}
.text-teaser-container {
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.text-teaser {
max-width: 450px;
font-size: 23px;
font-weight: normal;
transform: translateY(-50%);
color: lightgray;
margin-top: 100px;
}
.training-events {
margin-left: 0px;
margin-right: 0px;
left: 0;
right: 0;
margin-top: 123px;
}
}
@media (min-width: 801px) and (max-width: 1366px){
.header-ikai {
max-width: 1020px;
height: 123px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: transparent;	}
.logo-ikai {
width: 211px;
height: 68px;
margin-top: 25px;
position: absolute;
float: left;
}
.ikai-top-menu {
width: 280px;
height: 45px;
background-color: transparent;
float: right;
}
.ikai-top-menu-left-corner {
width: 10px;
height: 45px;
background-color: #67a4a1;
border-bottom-left-radius: 10px;
float: left;
}
.ikai-top-menu-content-section {
width: 260px;
height: 45px;
background-color: #67a4a1;
float: left;
}
.ikai-top-menu-right-corner {
width: 10px;
height: 45px;
background-color: #67a4a1;
border-bottom-right-radius: 10px;
float: left;
}
.icon-member {
width: 35px;
margin-top: 10px;
float: left;
margin-right: 10px;
}
.text-top-menu {
color: white;
margin-top:10px;
font-size: 14px;
}
.ikai-main-menu {
float: right;
text-align: right;
width: 80%;
margin-top: 22px;
}
.banner-area-ikai {
height: 356px;
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/jakarta2.jpg);
display: block;
margin-top: 123px;
}
.banner-ikai {
height: 356px;
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto; background-repeat: no-repeat;
}
.main-content-area {
display: block;
max-width: 1020px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.nopad {
margin-left: 0px;
margin-right: 0px;
}
.mobile {
display: none;
}
.footer-content-area {
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
color:#b8d5d2;
}
.banner-inside-area1 {
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/ikai-top-layer-green.png);
height: 200px;
background-position: 60% 50%;
display: block;
width: 100%;
position: absolute;
}
.banner-inside-area2 {
height: 200px;
margin-top: 123px;
background-attachment: fixed;
}
.text-teaser-container {
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.text-teaser {
max-width: 40%;
font-size: 23px;
font-weight: normal;
transform: translateY(-50%);
color: lightgray;
margin-top: 100px;
margin-left: 15px;
}
.training-events {
margin-left: 0px;
margin-right: 0px;
left: 0;
right: 0;
margin-top: 123px;
}
training-events-2 {}
}
@media (min-width: 801px) and (max-width: 1020px){
.header-ikai {
padding-left: 10px;
padding-right: 10px;
}
.partner-bar {
margin-right: 15px !important;
margin-left: 15px !important;
}
.jejak-container {
margin-right: 15px !important;
margin-left: 15px !important;
}
.ikai-top-menu {
display: none;
}
.ikai-main-menu {
display: none;
}
.training-events {
margin-left: 0px;
margin-right: 0px;
left: 0;
right: 0;
margin-top: 123px;
}
}
@media (max-width: 800px){
.header-ikai {
max-width: 1020px;
height: 80px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: transparent;	}
.logo-ikai {
width: 150px;
margin-top: 15px;
position: absolute;
float: left;
margin-left: 15px;
}
.ikai-top-menu {
display: none;
}
.ikai-main-menu {
display: none;
}
.banner-area-ikai {
height: 356px;
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/jakarta.jpg);
display: block;
margin-top: 80px;
}
.banner-ikai {
height: 356px;
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto; background-repeat: no-repeat;
background-position: 30% 50%;
}
.main-content-area {
display: block;
max-width: 1020px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-left: 5px;
padding-right: 5px;
}
.nopad {
margin-left: 0px;
margin-right: 0px;
}
.border-bottom-ikai {
border-bottom-color: orange;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
.partner-bar {
margin-right: 15px !important;
margin-left: 15px !important;
}
.desktop {
display: none;
}
.footer-content-area {
max-width: 1020px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
color:#b8d5d2;
}
.ft-spacing {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.ft-icon {
width: 125px;
display: block;
margin-left: auto;
margin-right: auto;
}
.banner-inside-area1 {
background-image: url(//ikai.id/wp-content/themes/html5blank-stable/images/ikai-top-layer2.png);
height: 200px;
background-position: 45% 50%;
display: block;
width: 100%;
position: absolute;
}
.banner-inside-area2 {
height: 200px;
margin-top: 80px;
background-attachment: fixed;
}
.text-teaser-container {
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.text-teaser {
max-width: 55%;
font-size: 16px;
font-weight: 900;
transform: translateY(-50%);
color: #1b4545;
margin-top: 100px;
margin-left: 15px;
}
.jejak-container {
margin-right: 20px !important;
margin-left: 20px !important;
}
.training-events {
margin-left: 0px;
margin-right: 0px;
left: 0;
right: 0;
margin-top: 123px;
top: -43px;
}
.training-events-2 {
margin-right: -10px !important;
}
.mec-container {
width: 100% !important;
}
}