body{
	margin:0;
	font-family: 'Lato', sans-serif;
	font-size:16pt;
	color:#000;
}
.form-group.radio-hosting input[type="radio"]:checked ~ .input-nama-domain{visibility:visible}
.form-group.radio-hosting input[type="radio"] ~ .input-nama-domain{visibility:hidden}
.form-group.radio-hosting .radio input[type="radio"] {
    top: 9px;
}
.form-group.radio-hosting .radio:nth-child(2) input[type="text"] {
    text-align: right;
    width: 230px;
    margin-right: 5px;
}
.form-group.radio-hosting .radio:last-child input[type="text"] {
    width: 100px;
    display: block;
    text-align: center;
    margin: 0 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.form-group.radio-hosting label {
    display: flex;
    align-items: center;
}
.input-nama-domain {
    display: flex;
    font-size: 12pt;
    align-items: center;
    margin-left: 20px;
}
.checkbox, .radio {
    margin-top: 0px;
    margin-bottom: 10px;
}
a {
    color: #f04a32;
    text-decoration: none;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 29px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    position: relative;
}
.radio input[type="radio"] {
    width: 20px;
    height: 20px;
    display: block;
    left: 0;
    right: auto;
    margin: 0;
    top: 2px;
}
input[type=file] {
    display: block;
    font-size: 12pt;
}
h3.second-header-main {
    font-size: 18pt !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    margin: 25px 0 25px;
}
.button-order.text-center {
    border-top: 1px solid #ddd;
    padding-top: 60px;
    margin-top: 40px;
}
table.table-default.table-comic td p:first-child{margin-bottom:5px;}
table.table-default.table-comic td:last-child{padding-bottom:0;}
table.table-default.table-comic {
    margin-top: 10px;
    margin-bottom: 40px;
	width:100%;
}
table.table-default.table-comic td {
    padding: 0 20px;
	text-align:center; 
    vertical-align: top;
    font-size: 15pt;
}
.button-order.text-center p {
    margin: 15px 0;
    color: #333;
}

div#kebutuhan-certificate a:before {
    /* content: ">>"; */
    /* margin-right: 8px; */
}
div#kebutuhan-certificate a {
    color: #f04a32;
    padding-top: 10px;
    display: inherit;
}
div#slide-certificate-block > div:last-child:before{content:"lomba?";position:absolute;top:0;left:0;}
#slide-certificate .owl-item{background:#fff}
#certificate-page{
	
	text-align:center;
}
div#slide-certificate, div#slide-certificate div {
    text-align: left;
}
div#keunggulan-certificate img {
    width: 60px !important;
    margin-right: 16px;
}
div#price-certificate > p:last-child {
    color: #ec4a30;
    width: 560px;
    margin: 0 auto 15px;
    font-size: 12pt;
    max-width: 100%;
}
div#desc-certificate {
    margin: 20px auto 0;
    width: 740px;
    max-width: 100%;
}
.block-prive:first-child {background:transparent}
#price-certificate .block-prive:nth-last-child(2):first-child,#price-certificate .block-prive:nth-last-child(2):first-child~.block-prive:first-child{background:#fff}
.block-prive {
    width: 31.33%;
    background: #fff;
    margin: 0 1% 20px;
    color: #0091ff;
    font-size: 34pt;
    font-weight: 800;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 23px 0 20px;
}
.block-prive h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16pt;
    color: #333;
    margin-bottom: 6px;
    margin-top: 0;
}
.block-prive p {
    font-size: 12pt;
    color: #333;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
}
div#price-certificate {
    background: #f2f3f7;
    border-bottom: 7px solid #ec4a30;
    padding: 25px 14px 6px;
    display: flex;
    flex-wrap: wrap;
	justify-content:center;
	margin-top:40px;
	margin-bottom:30px;
}
div#keuntungan-certificate {
    text-align: left;
    width: 50%;
    float: left;
	padding-right:15px;
}
div#keuntungan-certificate > p,div#kebutuhan-certificate > p{
    color: #0091ff;
    font-weight: bold;
    font-size: 17pt; 
}
#price-certificate.two-colomn > div{
	width:48%;
}
#price-certificate.two-colomn {
    width: 66.666%;
    margin-left: auto;
    margin-right: auto;
}
#price-certificate.one-colomn {
    width: 33.33%;
    margin-left: auto;
    margin-right: auto;
}
#price-certificate.one-colomn > div{
    width: 100%;
}
/* div#keuntungan-certificate li:before ,div#kebutuhan-certificate li:before { */
.content-wrapper li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #0091ff;
    border-radius: 50px;
    position: absolute;
    top: 9px;
    left: 2px;
}
div#kebutuhan-certificate {
    float: left;
	padding-left:15px;
    text-align: left;
	width:50%;
}
/* div#keuntungan-certificate li ,div#kebutuhan-certificate li{ */
.content-wrapper li{
    position: relative;
    padding-left: 30px;
	margin-bottom:10px;
}
/* div#keuntungan-certificate ul,div#kebutuhan-certificate ul { */
.content-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}  
div#keunggulan-certificate > div {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0 30px;
}
div#keunggulan-certificate h2 {
    color: #ec4a30;
    margin-bottom: 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 800;
}
div#keunggulan-certificate {
    display: flex;
    justify-content: center;
}
div#slide-certificate-block {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18pt !important;
	margin-bottom:20px;
}
div#slide-certificate-block > div:first-child {
    width: 500px;
    max-width: 100%;
    text-align: right;
}
div#slide-certificate-block > div:last-child{
    position: relative;
    width: 500px;
    overflow: hidden;
    max-width: 100%;
    margin-left: 5px;
}
h1,h2,h3,h4{font-family: 'Russo One', sans-serif;font-weight:500;}
.h1, h1 {
    font-size: 31px;
}
div#about-block h1.page-header{
    font-size: 15pt;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
	letter-spacing:0;
	color:#000;
}
div#pengalaman-block .col-sm-4{margin-bottom:30px;}
div#pengalaman-block {
    background: #f2f3f7;
	padding-bottom:40px;
}
div#strength-block ul{
	list-style:none;
}
div#strength-block li:before {
    height: 8px;
    width: 8px;
    background: #2c99e2;
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 11px;
}
div#strength-block li {
    margin-bottom: 13px;
    padding-left: 25px;
    position: relative;
}
div#strength-block h1.page-header {
    font-size: 17pt;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    margin-bottom: 30px;
	letter-spacing:0;
	color:#000;
}
/* div#about-block .row > div:last-child a,div#strength-block .row > div a { */
div#about-block .row > div:last-child a{margin-top:30px;display: block;}
div#strength-block .row > div a {
    margin-top: 70px;
    display: block;
}
div#about-block .row > div:last-child li a{margin-top:0 !important; display:inline-block}
.custom-produk {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 30px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.custom-produk h2{margin-bottom:30px;color:#ec4a30;font-size:21pt;}
.custom-produk img{max-height:70px}
div#strength-block .row > div img{max-height:70px}
div#about-block .row > div:last-child img{max-height:70px}
div#about-block {
    /* text-align: center; */
    background: #f2f3f7;
}
div#sync1 {
    border: 1px solid #dcdcdc;
    padding: 8px;
    border-radius: 5px;
}
.shop-content-item #sync2 {
    margin-top: 10px;
    text-align: center;
}
#sync2 .item img {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
#sync2.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    padding: 0 5px;
}
#sync2 .owl-wrapper {
    width: 100% !important;
}
img{max-width:100%;}
.content-wrapper {
    padding: 60px 0 60px;
}
.navbar-brand>img {
    display: block;
    height: 65px;
    margin: 7px 0;
}
div#block-marketing {
    padding: 15px 0;
    background: #737373;
    color: #fff;
}
.text-marketing {
    font-size: 17pt;
    margin-right: 20px;
}
.nama-marketing img {
    height: 90px;
    margin-right: 11px;
}

div#block-marketing h2 {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    /* font-size: 17pt; */
    margin-right: 30px;
}
div#block-marketing .col-sm-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#block-marketing ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
div#block-marketing ul li {
    margin-right: 20px;
    font-size: 12pt;
    margin-bottom: 3px;
}
.text-marketing {
    font-size: 17pt;
    margin-right: 30px;
}
div#call-block .more {
    background: #18191b;
}
.more:hover {background:#18191b;color:#fff}
.more {
    background: #f24a2f;
    max-width: 100%;
    border: 0;
    color: #fff;
    /* font-weight: bold; */
    border-radius: 0;
    padding: 12px 40px;
    text-transform: uppercase;
    font-size: 12pt;
    letter-spacing: 1px;
}
div#who-we-are .more {
    margin-top: 20px;
}
h1.page-header {
    border: 0;
    font-weight: 500;
    color: #ec4a30;
    text-align: center;
    font-size: 21pt;
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 1px;
}
p {
    margin: 0 0 20px;
}


/*HEADER TOP*/
div#header-top {
    background: #ec4a30;
    padding: 15px 0;
	color:#fff
}
div#header-top  ul{margin:0;}
div#header-top  p{margin:0;}
div#header-top  a{color:#fff}


/*HEADER*/
.navbar-inverse .navbar-toggle {
    border-radius: 11px;
    border: 0;
    margin-right: 0;
    float: none;
    background: transparent;
    margin-top: 0;
    padding: 11px 10px;
    margin: 0;
    position: absolute;
    right: 15px;
    top: -5px;
}
span.newsdate,.date_news {
    font-size: 13pt;
    color: #777;
    margin-bottom: 5px;
    display: none;
}
.news-content.caption-news-thumb > br {
    display: none;
}
ul.listnews {
    margin: 0;
    padding: 0;
}
label {
    font-size: 13pt;
}
input[type="text"], input[type="number"], input[type="email"] {
    padding: 9px 17px;
    font-size: 11pt;
    height: auto;
}
h1.newstitle {
    font-size: 16pt;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 9px;
}
.panel-body.news-colx {
    padding: 0;
	margin-bottom:15px;
}
.title_news_detail.title_detail h4 {
    font-size: 17pt;
}
.news-content.caption-news-thumb .more:after {
	content:">>";
	padding-left:5px;
}
.newsshortdesc, .newsshortdesc * {
    font-size: 13pt;
}
ul.listnews > div:nth-child(3n+1) {
    clear: both;
}
.news-content.caption-news-thumb .more {
    color: #f24a2f;
    padding: 0;
    background: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ec4a30;
    height: 3px;
}
.title-service > a:last-child  img{
    display: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar{
    background-color: #3fc8f4;
}
#header-site {
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 3;
    width: 100%;
    top: 10px;
    margin-bottom: -30px;
}
#header-site a.navbar-brand {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 16pt;
    height: auto;
    display: block;
    line-height: normal;
}
nav#header-site .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
}
nav#header-site .container:before, nav#header-site .container:after{display:none}
.navbar-inverse .navbar-nav>li {margin-left:6px}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    
    background: #ec4a30;
    color: #fff;
}
.open>.dropdown-menu {
    display: block;
    min-width: 220px;
}
/* .navbar-inverse .navbar-nav>li>a { */
    /* color: #000; */
    /* font-weight: bold; */
    /* padding: 10px 15px 36px; */
    /* margin-top: 26px; */
/* } */
.navbar-inverse .navbar-nav>li>a {
    color: #000;
    font-weight: normal;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    border-radius: 40px;
    padding: 9px 20px;
    letter-spacing: 1px;
    font-size: 11pt;
}


/*CALL BLOCK*/
div#call-block {
    background: #3fc8f4;
}

div#call-block .container:before, div#call-block .container:after{display:none}
div#call-block .container {
    display: flex;
    justify-content: space-between;
	padding:14px 15px;
    align-items: center;
}
div#call-block h2 {
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    font-size: 14pt;
}





/*SLIDE*/
div#slide-block {
    position: relative;
}
div#slide-home img {
    width: 44%;
    float: right;
    margin-right: 5%;
}
div#slide-home {
    position: relative;
}
#slide-home .owl-item {
    padding: 0;
}
.slide-text {
    position: absolute;
    z-index: 2;
    top: 34%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    text-align: left;
    color: #fff;
    padding: 0 0px;
}
.slide-text h1 {
    font-weight: 500;
    margin-bottom: 10px;
	width:50%;
    margin-top: 0;
    letter-spacing: 2px;
    color: #222;
    padding-left: 0px;
} 
.content-slide h1{
    letter-spacing: 2px;
    color: #222;
    font-weight: 500 !important;
	margin-bottom:50px;
}
.content-slide {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 35%;
    font-weight: bold;
}
ul.dropdown-menu {
    border-radius: 15px !important;
    margin-top: 3px !important;
    background: #f04a32;
}
.slide-text p:last-child {
    margin-bottom: -5px;
}
.slide-text p {
    font-size: 13pt;
    letter-spacing: 1px;
    font-weight: 300;
}

/*CATALOG HOME*/
.catalog-item,.row.thumbnail-product.grid > div {
    margin-bottom: 40px;
}
.images-catalog,.image-product {
    border: 2px solid #eee;
    width: 100%;
    min-height: 100%;
    position: relative;
}
footer h2 {
    font-weight: bold;
    margin-bottom: 20px;
}
.images-catalog:before,.image-product:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 130%;
}
.catalog-item a {
    display: block;
    position: relative;
}
.images-catalog img,.image-product img {
    position: absolute;
    top: 46%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}
.title-catalog, .product-col .caption {
    position: relative;
    width: 74%;
    left: 13%;
    color: #000;
    font-weight: bold;
    background: #3fc8f4;
    text-align: center;
    top: 100%;
    font-size: 9pt !important;
    margin-top: -28px;
    padding: 1px;
}
.title-catalog h4,.product-col .caption  h4 a {
    font-size: 11pt;
	line-height:1.4;
	color:#000;
    font-weight: bold;
    padding: 0 10px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catpage {
    margin-bottom: 20px;
}
ul#shop-slider {
    list-style: none;
    padding: 0;
    margin: 0;
}
/*END*/

/*strengt*/
.strengt-item {
    /* display: flex; */
    /* align-items: flex-start; */
	text-align:center;
}
.strengt-item img {
    height: 160px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
div#strengt {
    padding: 80px 0 70px;
    color: #000;
}
div#who-we-are {
    padding: 40px 0 60px;
}
.title-strengt {
    padding-left: 0px;
}
.title-strengt h4 {
    font-weight: bold;
    font-size: 12pt;
}




/*WHO WE ARE*/
#who-we-are .page-header {
    /* text-align: left; */
	margin-bottom:30px;
    /* margin-bottom: 20px; */
    /* font-size: 36px; */
}
#who-we-are .page-header:after {margin-left:0;margin-right:0}
#who-we-are .container > .row {
    display: flex;
    justify-content: space-between;
	/* padding:20px 0; */
    align-items: center;
}




/*SERVICES*/
div#services-block {
    /* background: #3fc8f4; */
    /* padding: 0; */
	font-size:12pt;
}
div#services-block .page-header {
}
p.sub-page-header {
    text-align: center;
	font-size:14pt;
	font-weight:500;
	color:#333
}
.list-services img {
    margin: 0 auto;
    display: block;
    width: 130px;
}
.block-list-services {background: #f2f3f7;}
#strength-block a img{display:inline-block}
#strength-block a {
    text-align: center;
}
.list-services {
    color: #333;
	align-items:center;
	position:relative;
    margin-bottom: 0px;
    /* background: #f2f3f7; */
    width: 100%;
    text-align: center;
}
.col-sm-4:nth-child(2n) .block-list-services{background:#e6e7ec}
.title-service {
    position: relative;
    color: #333;
    padding: 25px 30px 25px;
    text-align: center;
    width: 100%;
}
#full-desc-product h3,#full-desc-product h2,#full-desc-product h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16pt;
    margin-bottom: 20px;
}
/* .list-services:hover .title-service{opacity:0;} */
.title-service h2, .title-service h4 {
    font-weight: 500;
    font-size: 21pt;
    opacity: 1;
    margin-bottom: 15px;
    letter-spacing: 1px;
    color: #ec4a30;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.list-services {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 0px;
    display: flex;
    padding-left: 45px;
    padding-right: 10px;
}
.block-list-services:hover{transform:scale(1.07);z-index:2}
.block-list-services:before{
	width:0px;
	background:#ec4a30;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index:1;
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:7px;
}
.block-list-services:hover:before{
	width:100%;
}
.list-services img,.list-services{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.list-services a img {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 6px;
    top: -2px;
}
div#block-ig {
    position: relative;
    overflow: hidden;
	margin-top:-27px;
}
a.follow-icon img{margin-right:10px;}
a.follow-icon:hover {
	text-decoration:none;
	background:#ddd;
}
a.follow-icon {
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    background: #fff;
    color: #000;
    letter-spacing: 1px;
    padding: 8px 17px;
    border-radius: 50px;
    font-size: 11pt;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
    bottom: 20px;
}
/* .list-services a:before { */
    /* content: ""; */
    /* display: block; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
	/* opacity:1; */
    /* background: rgba(0, 0, 0, 0.2); */
	/* -webkit-transition: all 0.5s ease-in-out; */
	/* -moz-transition: all 0.5s ease-in-out; */
	/* -o-transition: all 0.5s ease-in-out; */
	/* transition: all 0.5s ease-in-out; */
	/* z-index:1; */
/* } */
.list-services a {
    text-align: center;
    color: #fff;
    /* text-transform: uppercase; */
    clear: right;
    font-weight: 600;
    margin-bottom: 10px;
    background: #ec4a30;
    display: inline-block;
    padding: 10px 24px;
}
.nama-marketing a {
    color: #fff;
    display: block;
    white-space: nowrap;
}
.list-services:hover a:before {opacity:0;}
.nama-marketing ul img {
    height: 21px;
    margin-right: 4px;
}


/*FOOTER*/
footer{background:#f04a32;}
div#footerlink h3 {
    margin-top: 0;
    margin-bottom: 30px;
}
div#footerlink a{color:#fff}
div#footerlink {
    color: #fff;
	padding:60px 0 60px;
    /* background-repeat: no-repeat; */
    background-size: cover;
    /* background-attachment: fixed; */
}
div#footerlink .row > div td {
    padding: 4px 2px;
}
#copyright a {
    color: #fbff07;
    font-weight: bold;
}
#copyright a img {
    margin-right: 3px;
}
div#copyright  p{margin:0}
div#copyright img {
    height: 70px;
}
div#copyright {
    background: #f04a32;
    text-align: center;
    color: #fff;
    padding: 0px 0 35px;
    width: 100%;
    font-size: 14pt;
    position: relative;
}
.catnav {
    background: #f5f5f5;
    padding: 12px 19px;
    border-radius: 5px;
    font-weight: bold;
	display:none;
}


/*GALLERY*/
.gallerytitle {
    TEXT-ALIGN: CENTER;
}
.name-photo.text-center {
    padding: 0;
}
.col-md-3.col-sm-4.thumb {
    display: flex;
    /* align-items: center; */
}
.gallery_category {
    width: 100%;
    display: flex;
	position:relative;
	margin-bottom:20px;
}
.gallery_category a {
    width: 100%;
    position: relative;
	z-index:1;
	margin-bottom:0;
}
.images-gallery {
    position: relative;
    /* overflow: hidden; */
}
/* .images-gallery:before { */
    /* display: block; */
    /* padding-top: 100%; */
    /* width: 100%; */
    /* position: relative; */
    /* display: block; */
    /* content: ""; */
/* } */
.images-gallery img {
    min-width: 100%;
}
.col-md-3.col-sm-4.thumb > a {
    width: 100%;
}
/* .gallery_category:after { */
    /* content: ""; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* left: 0; */
    /* top: 0; */
    /* transform: rotate(-4deg); */
    /* background: #fff; */
/* } */
/* .gallery_category:before { */
    /* content: ""; */
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* position: absolute; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* left: 0; */
    /* top: 0; */
    /* transform: rotate(4deg); */
    /* background: #fff; */
/* } */

table#table-workflow td:nth-child(odd) {
    padding: 10px 20px;
}
table#table-workflow td:nth-child(odd) h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #555;
    padding-bottom: 20px;
}


/*KONTAK*/
div#noteafter iframe{max-width:100%}
div#copyright td img {
    height: auto;
}
div#copyright table {
    margin: 0 auto 30px;
}
.slide-text .more {
    margin-top: 20px;
}
#order-page > .row > .col-sm-6 {
    margin-bottom: 20px;
}
.row.upload-file-form .form-group {
    width: 100% !important;
    padding: 0 !important;
}
#order-page h2 {
    font-size: 17pt;
    font-family: 'Lato';
    font-weight: 800;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
}
.page-produk {
    text-align: center;
}
.page-produk h1 {
    color: #0191ff;
    font-family: 'Lato', sans-serif;
    font-weight: 800;
    font-size: 22pt;
    margin-bottom: 55px;
}
.page-produk h2,.footer-produk p {
    font-family: 'Lato', sans-serif;
    font-size: 21pt;
    font-weight: 800;
    color: #333;
    margin-bottom: 15px;
    margin-top: 30px;
}
.footer-produk p{color:#0091ff;font-size:17pt;font-weight:bold;}
.page-produk table.table-default.table-comic img {
    max-width: 75%;
    margin-bottom: 10px;
}
.page-produk ul {
    text-align: left;
    margin: 0 auto 60px;
}
@media(min-width:768px){
.footer-produk {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
.footer-produk ul {
    display: inline-block;
    text-align: left;
    min-width: 40%;
    max-width: 65%;
}
.page-produk ul {
    width: 65%;
}
table.table-default.table-comic tr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page-produk table.table-default.table-comic td {margin-bottom:25px;}
table.table-default.table-comic td {
    display: block;
}
.isiberita a img {float:none;margin-right:auto !important;}
.isiberita img {
    width: 500px;
    float: left;
    margin-right: 30px !important;
}
table.table-default.table-comic td{width:25%;}
#order-page .form-group:nth-child(2n+2) {padding-right:15px;}
#order-page .form-group:nth-child(2n+1) {padding-left:15px;}
#order-page .form-group {
    margin-bottom: 15px;
    width: 50%;
    float: left;
}
.navbar-nav>li>ul.dropdown-menu {
    border-radius: 15px !important;
    margin-top: 3px !important;
    background: #f04a32;
	border:0;
}
.dropdown-menu>li>a{color:#fff}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffcb38;
    text-decoration: none;
    background-color: transparent;
}
div#about-block h1.page-header {
    font-size: 17pt;
}
h1,h2,h3,h4{line-height:1.42857143}
div#about-block .row > div:first-child {padding-right:40px}
div#about-block .row > div:last-child {padding-left:20px}
div#about-block .row{display:flex;align-items:center;}
.dekstop-hidden{display:none}
div#services-block .row {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
}

div#copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
div#block-ig {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
}
.col-sm-4:nth-child(3) .block-list-services{background:#e6e7ec}
.col-sm-4:nth-child(4) .block-list-services{background:#f2f3f7}
.col-sm-4:nth-child(5) .block-list-services{background:#f2f3f7}
.col-sm-4:nth-child(6) .block-list-services{background:#e6e7ec}
.col-sm-4:nth-child(7) .block-list-services{background:#e6e7ec}
.col-sm-4:nth-child(8) .block-list-services{background:#f2f3f7}
div#services-block .col-sm-4 {
    width: 50%;
}
div#services-block .col-sm-4 {
    padding: 0;
    /* width: 33.333%; */
    display: flex;
}
div#instafeed {
    display: flex;
    width: 40%;
}
div#instafeed a {
    width: 50%;
    display: block;
}

.image-contoh-product img:nth-child(4),.image-contoh-product img:nth-child(5),.image-contoh-product img:nth-child(6) {margin-bottom:10px;}
.image-contoh-product img {
    width: 32.333%;
    margin-left: 1%;
}
div#who-we-are .col-sm-12{display:none;}
.col-xs-6.col-sm-3.element-item:nth-child(4n+1){clear:both}
div#footerlink .row > div:first-child {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* padding-right: 50px; */
    /* flex-direction: column; */
}
div#footerlink .row {
    display: flex;
}
	.navbar-brand{padding-top:15px;padding-bottom:15px;}
	#slide-home-mobile{display:none !important}
	div#bs-example-navbar-collapse-1 {
		padding: 0;
		display: flex !important;
		margin-top:40px;
	}
	div#services-block .container > .row > div:last-child > .row {
    display: flex;
}
div#services-block .container > .row > div:last-child > .row > div {
    float: none;
    display: flex;
}
	#button-mobile{display:none}
	#close-menu{display:none}
	.bg-black {display: none;}
	/*WHO WE ARE*/
div#who-we-are .row>div:first-child {
    background: #fff;
    padding: 70px 60px;
    text-align: center;
}
	div#who-we-are .row>div:last-child {
		padding-right: 25px;
	}
	/* .slide-text {width: 750px} */
	
	/*KONTAK*/
	div#contactform .form-group > div:last-child {
		/* width: 77%; */
	}
	div#contactform .form-group > span:first-child {
		/* width: 20%; */
		padding-left: 0;
		padding-top:6px;
	}
	div#contactform .form-group > div:last-child.col-md-offset-2 {
		margin-left: 20%;
	}
	.navbar-nav {
		float: none;
		margin: 0;
		display: flex;
		position: relative;
		align-items:center;
	}
	.navbar-nav>li {
		/* display: flex; */
	}
	div#contactform {
		width: 60%;
		float: left;
	}
	div#noteafter {
		float: left;
		width: 40%;
		padding-left: 30px;
	}

}
@media(min-width:992px){
	/* .slide-text {width: 970px;} */
}
@media(min-width:1200px){
	.col-md-4.col-xs-6.thumb:nth-child(4n+1) {width: 25%;}
	.col-md-4.col-xs-6.thumb {width: 25%;}
	.container{width:1130px}
	/* .slide-text { */
		/* width: 53%; */
		
	/* } */
}
#decoration-footer {
    margin-bottom: -2px;
    overflow: hidden;
}
@media(max-width:991px){
	.navbar-brand>img {display: block;height: 45px;}
	.navbar-inverse .navbar-nav>li {margin-left: 8px;}
	#header-top .col-sm-6:first-child {width: 100%;}
	#header-top .col-sm-6.text-right {display: none;}
}
.custom-produk a {
    margin-top: 35px;
    display: block;
}
div#block-marketing ul li:first-child{font-weight:bold}
@media(max-width:767px){
#price-certificate.one-colomn,#price-certificate.two-colomn {width:100%;}
#price-certificate.one-colomn > div,#price-certificate.two-colomn > div{width:100%;}
.page-produk h2{font-size:19pt}
.page-produk h1{font-size:21pt}
#slide-home .mobile-hidden{display:inline-block;margin-bottom:10px}
#slide-home .dekstop-hidden{display:none;margin-bottom:10px}
table.table-default.table-comic td:nth-child(2n+1) {clear:both;}
table.table-default.table-comic tr {
    margin: 0 -10px;
    overflow: hidden;
    width: calc(100% + 20px) !important;
}
table.table-default.table-comic td {
    padding: 0 5px 10px !important;
    width: 50% !important;
    float: left;
}
table.table-default.table-comic * {
    font-size: 12pt;
}
.form-group.radio-hosting label {
    display: block;
    align-items: center;
}
.input-nama-domain {
    margin-left: 0;
}
.form-group.radio-hosting .radio input[type="radio"] {
    top: 2px;
}
.radio-hosting .radio {
    margin-bottom: 20px;
}
table.table-default.table-comic td:last-child{padding-bottom:0;}
table.table-default.table-comic td{
	padding:0 20px 30px;
}
div#slide-home {
    position: relative;
    text-align: center;
    /* padding-bottom: 40px; */
}
div#strength-block li {margin-bottom:17px}
div#keunggulan-certificate {
    display: block;
    justify-content: center;
} 
.block-prive {
    width: 100%;
}
div#price-certificate {
    display: block;
	margin-bottom:10px;
}div#keuntungan-certificate {
    text-align: left;
    width: 100%;
    float: left;
    padding-right: 0;
}
div#keuntungan-certificate li, div#kebutuhan-certificate li{padding-left:25px;}
div#kebutuhan-certificate {
    float: left;
    padding-left: 0;
    text-align: left;
    width: 100%;
    margin-top: 30px;
}
div#keuntungan-certificate > p, div#kebutuhan-certificate > p {
    color: #0091ff;
    font-weight: bold;
    font-size: 15pt;
    margin-bottom: 10px;
}
div#strength-block h1.page-header {font-size: 15pt;}
body {
    font-size: 14pt;
}
.custom-produk {
    margin-top: 50px;
}
div#decoration-footer img {
    height: 70px;
    max-width: none;
}
div#block-ig {
    margin-top: -47px;
}
div#strength-block .row > div a{margin-top:40px;}
.content-wrapper {
    padding: 40px 10px 40px;
}
div#strength-block h1.page-header {
    text-align: left;
    margin-bottom: 18px;
}
div#strength-block {
    padding-left: 10px;
    padding-right: 10px;
}
div#strength-block ul {
    list-style: none;
    padding-left: 5px;
}
div#about-block .row > div:last-child img.dekstop-hidden {
    max-height: none;
    margin-top: 15px !important;
}
div#about-block .row > div:last-child a, div#strength-block .row > div a {
    margin-top: 30px;
    display: block;
}
nav#header-site .container {
    display: flex;
    justify-content: center;
    align-items: center;
}
div#slide-home img {
    width: 80%;
    float: right;
    margin-right: 10%;
}
.content-slide {
    position: relative;
	clear:both;
    width: 100%;
    margin: 0 auto;
    top: 55%;
    font-weight: 500 !important;
    text-align: center;
    /* margin-bottom: 40px; */
    margin-bottom: -10px;
}
.content-slide h1 {
    font-size: 14pt;
    letter-spacing: 1px;
    color: #222;
    font-weight: 500 !important;
    margin-bottom: 30px;
}
div#pengalaman-block .col-sm-4:last-child {margin:0;}
div#pengalaman-block .col-sm-4 {
    margin-bottom: 23px;
}
.mobile-hidden{display:none}
/* .col-sm-4:nth-child(4) .list-services{background:#f04a32} */
.list-services {
    padding-bottom: 0px;
    padding-top: 10px;
}
.slide-text .more {
    margin-top: 20px;
    display: none;
}
.title-service h4 {
    font-weight: 600;
    font-size: 15pt;
    opacity: 1;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.title-service {
    position: relative;
    /* color: #fff; */
    padding: 0px 10px 15px 17px;
    text-align: center;
}
.col-sm-4:nth-child(2n) .list-services img{
	margin-left:0;
	margin-right:0px;
}
.col-sm-4:nth-child(2n) .list-services .title-service {
    padding: 0px 17px 10px 10px;
}
.col-sm-4:nth-child(2n) .list-services {
    flex-direction: row-reverse;
    padding-left: 10px;
    padding-right: 20px;
}
.list-services a{text-align:center}
.title-service p {
    /* max-height: 80px; */
    overflow: hidden;
}
.list-services img {
    width: 30%;
    margin: 0 auto;
    display: block;
    max-width: 130px;
    margin-left: 0px;
}
.title-service h2, .title-service h4 {
    font-weight: 500;
    font-size: 16pt;
    opacity: 1;
    margin-bottom: 11px;
    letter-spacing: 1px;
    color: #ec4a30;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.custom-produk h2 {
    font-size: 17pt;
}
.list-services {
    display: flex;
	font-size:15px;
    padding-left: 20px;
}
body {
    /* font-size: 11pt; */
}
div#services-block .page-header {
    width: 100%;
    margin-bottom: 25px;
}
/* div#instafeed a:last-child{display:none} */
div#instafeed a {
    float: left;
    width: 50%;
}
div#services-block .page-header{width:100%;margin-bottom:25px;font-size:17pt;}
div#services-block {
    padding: 40px 0 30px;
}
.menu-button-mobile ul.list-inline li:nth-last-child(4):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(4):first-child ~ li{width:25%}
.menu-button-mobile ul.list-inline li:nth-last-child(3):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(3):first-child ~ li{width:33.333%}
.menu-button-mobile ul.list-inline li:nth-last-child(2):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(2):first-child ~ li{width:50%}
.menu-button-mobile ul.list-inline li:nth-last-child(1):first-child, .menu-button-mobile ul.list-inline li:nth-last-child(1):first-child ~ li{width:100%}
table.table-volume h3 {
    margin: 7px 0 10px;
    font-size: 13pt;
}
div#footerlink .row > div:first-child {
    text-align: center;
}
.image-contoh-product td:first-child {
    padding: 4px 0;
}
.image-contoh-product td:last-child {padding-top:10px}
.image-contoh-product h3 {
    margin: 0;
}
.image-contoh-product {text-align:center}
.image-contoh-product img {
    width: 48%;
    margin: 0 1% 7px;
    display: inline-block;
}
div#block-marketing {
    text-align: center;
    padding: 15px 0 30px;
    overflow: hidden;
}
.text-marketing {
    margin-right: 0;
}
.nama-marketing img {
    /* margin: 0 0 10px; */
}
.nama-marketing {
    text-align: left;
    display: flex;
}

div#block-marketing ul li{margin-right:0;}
	.fancybox-nav span {
		visibility: visible !important;
	}
	.navbar-header:after {
        display: none;
    }
    .row.thumbnail-product.grid > div{width:100%;}
	h1.page-header {
		font-size: 20pt ;
		margin-bottom:21px;
	}
	.col-md-3.col-sm-4.thumb{width:100%;}
	div#slide-home-mobile .owl-item {
		padding: 0;
	}
	.table-default,.table-default > tbody,.table-default  > tbody > tr, .table-default > tbody > tr > td{
		display:block;
		width:100% !important
	}
	#header-site a.navbar-brand{float:none}
	.navbar-header:before {display:none}
.slide-text {
    width: 100%;
    padding-left: 0;
    top: 0;
    position: relative;
}
	div#who-we-are .row > div:last-child {
		width: 100vw;
		margin-left: -15px;
		display:none;
		padding: 0;
	}
div#who-we-are .row > div:first-child {
    margin-bottom: 40px;
    background: #fff;
    padding: 26px 22px;
}
	div#header-top {display: none;}
.slide-text {
    width: 90%;
    /* padding-left: 20px; */
    transform: translateY(0%) translateX(-50%);
    top: 20px;
}
.slide-text p {
    /* font-size: 13pt; */
    line-height: 1.1;
}
.slide-text:before {
    content: "";
    display: none;
    position: absolute;
    width: 150px;
    height: 150px;
    z-index: -1;
    background: rgba(63, 200, 244, 0.9);
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

	/* div#slide-home img { */
		/* position: absolute; */
		/* max-width: none; */
		/* height: 100%; */
		/* right: 0; */
	/* } */
	/* .slide-text *{position:relative} */
	/* .slide-text:before { */
		/* content:""; */
		/* display:block; */
		/* position:absolute; */
		/* width:100%; */
		/* height:100%; */
		/* top:0; */
		/* left:0; */
		/* background:rgba(0, 0, 0, 0.3); */
	/* } */
	/* .slide-text { */
		/* display:none; */
		/* position: relative; */
		/* transform: translateY(0) translateX(0); */
		/* -o-transform: translateY(0) translateX(0); */
		/* -webkit-transform: translateY(0) translateX(0); */
		/* -moz-transform: translateY(0) translateX(0); */
		/* -ms-transform: translateY(0) translateX(0); */
		/* top: 0; */
		/* left: 0; */
		/* text-align: center; */
		/* padding: 20px 16px; */
		/* color: #fff; */
	/* } */
.slide-text h1 {
    font-size: 14pt;
    padding-left: 0;
    margin-top: 0;
    font-weight: 500 !important;
    letter-spacing: 1px;
    padding-left: 0;
    line-height: 24px;
    text-align: center !important;
    width: 100%;
}
	div#call-block .container {
		display: block;
		text-align: center;
		padding: 20px 15px;
	}
	div#call-block h2 {
		margin-bottom: 12px;
	}
	div#strengt {
		padding: 40px 20px;
	}
.strengt-item img {
    width: 110px;
    padding-right: 10px;
    height: auto;
}
div#block-marketing .col-sm-12 {
display: block;}
	.title-strengt h4 {
		margin-top: 0;
	}
	.strengt-item {
		margin-bottom: 20px;
	}
	#strengt .col-sm-3:last-child .strengt-item {margin-bottom:0}
	#who-we-are .container > .row{display:block;padding-bottom:0}
	div#who-we-are {
		padding: 40px 15px 0;
	}
	#who-we-are .page-header{font-size:24px}
	#who-we-are .col-sm-6.col-sm-pull-6 {
		padding: 0;
		margin: 40px -15px 0;
	}
	div#footerlink .row > div {
		margin-bottom: 50px;
		padding:0 30px
	}
	div#footerlink .row > div:last-child {
		margin-bottom: 0;
	}
div#copyright {
    padding: 30px 10px;
	width:100%;
}
div#copyright table {
    margin: 0 auto 20px;
}
	.navbar-collapse {
		-webkit-transition: -webkit-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease, -webkit-transform 0.4s ease;
		overflow-x: visible;
		border-top: none !important;
		box-shadow: none !important;
		display: block;
		visibility: visible;
		position: fixed;
		opacity: 1;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-o-box-shadow: none !important;
		width: 300px;
		top: 0;
		right:0;
		height: 100% !important;
		background: #fff;
		max-width: 80vw;
		padding: 0 25px;
		z-index: 9999;
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	.navbar-nav {
		margin: 7.5px 0;
	}
	.navbar-inverse .navbar-nav>li>a {
		color: #000;
		font-weight: normal;
		padding: 5px 10px;
		margin-bottom: 0;
		margin-top: 0;
		text-transform: uppercase;
	}
	.navbar-collapse.in, .navbar-collapse.collapsing {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.bg-black {
		position: fixed!important;
		top: 0!important;
		left: 0!important;
		width: 100vw!important;
		height: 100vh!important;
		opacity: 0.2;
		display: none;
		background-image: none!important;
		background-color: #000;
		z-index: 999;
	}
	.menu-active .bg-black {
		display: block;
	}
	.menu-active{overflow:hidden;}
	div#close-menu {
		font-size: 22pt;
		padding:0 34px !important;
		z-index: 9999;
		color: #000;
		text-align: right;
		font-weight: bold;
		right: 0;
		top: 0;
		line-height: 50px;
		position: relative;
		margin-bottom: 17px;
		margin-top: 3px;
	}
	.navbar-inverse .navbar-nav>li {
		margin-left: 15px;
		margin-bottom:15px;
	}
	#who-we-are .slideInRight,#who-we-are .slideInLeft {
		animation-name: fadeInUp !important;
	}
	#button-mobile{
		position: fixed;
		left:0;
		bottom: 0;
		width:100%;
		z-index:4;
		text-align:center;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.button-mobile-toggle {
		width: 150px;
		height: 40px;
		background:url(images/button-mobile.png)no-repeat 50% -430px/430px;
		margin:0 auto;
		display:block;
	}
	.menu-button-mobile ul.list-inline li a{display:block;height:100%;}
	.menu-button-mobile ul.list-inline li span{width: 40px;height: 100%;background:url(images/button-mobile.png)no-repeat 0 0/430px;display:inline-block;}
	.menu-button-mobile ul.list-inline li span.button-menu-icon {
		background-position: -376px -9px;
		background-size: 470px;
	}
	.menu-button-mobile ul.list-inline li span.button-phone-icon{background-position:-82px -6px;}
	.menu-button-mobile ul.list-inline li span.button-mail-icon{background-position:-147px -6px;}
	.menu-button-mobile ul.list-inline li {
		width: 50%;
		float: left;
		height: 53px;
		margin: 0;
		border-left: 1px solid #d9d9d9;
		border-left-color: #bbb;
	}
	.menu-button-mobile ul.list-inline li:first-child {
		border-left: 0px solid;
	}
	.menu-button-mobile ul.list-inline:after{content:"";clear:both;display:block}
	body div#block-marketing .menu-button-mobile ul.list-inline,.menu-button-mobile ul.list-inline {
		margin: 0;
		display:block;
		text-align: center;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.5);
	}
	.button-wa-icon {
		background-position: -343px -6px !important;
	}
	span.button-email-icon {
		background-position: -147px -6px !important;
	}
	span.button-map-icon {
		background-position: -215px -6px !important;
	}
	body {
		/* padding-bottom: 53px; */
	}
	#header-site a.navbar-brand {max-width: 100%;}
	.navbar-brand>img {display: block;height: 60px;position:relative}
#header-site {
    top: 0px !important;
    position: relative;
    margin-top: 18px;
	margin-bottom:5px;
}
}