/*
Theme Name: Konkrepam
Theme URI: http://rikiarofiq.com
Author: Riki Arofiq
Author URI: http://rikiarofiq.com/
Description: Official Theme For Konkretpam
Version: 1
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
  background: #CCC;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
  background: #AAA;
}
::-webkit-scrollbar-thumb:active {
  background: #888;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
@font-face {
    font-family: 'Johnston-ITC-W01-Medium'; 
    src: url(assets/fonts/Johnston-ITC-W01-Medium.ttf);
}
@font-face {
    font-family: 'Johnston-ITC-W01-Light'; 
    src: url(assets/fonts/Johnston-ITC-W01-Light.ttf);
}
@font-face {
    font-family: 'Johnston-ITC-W01-Bold'; 
    src: url(assets/fonts/Johnston-ITC-W01-Bold.ttf);
}
body{
  font-family: 'Johnston-ITC-W01-Medium', sans-serif !important;
  font-weight: 400;   
  font: 14px/18px 'Johnston-ITC-W01-Medium',sans-serif;  
  background-color: #fff !important;
  text-shadow: none !important;
  color: #000;
}
img{
  width: 100%;
}
.wrapper-header .top-header .logo a {
    display: block;
    width: 80px;
}
.wrapper-header .top-header {
    padding: 20px 0;
}	
.wrapper-header .top-header .top-menu .navbar-default .nav ul li {
    display: inline-block;
}
.wrapper-header .top-header .top-menu .navbar-default {
    background: none;
    border: 0px;
    margin: 0px;
}
.wrapper-header .top-header .top-menu .navbar-default .nav {
    float: none;
    text-align: right;
}
.wrapper-header .top-header .top-menu .navbar-default .nav ul {
    display: inline-block;
}
.wrapper-header .top-header .top-menu .navbar-default .nav ul li a {
    padding: 10px 25px;
    color: #93d051;
    font-family: 'Johnston-ITC-W01-Bold';
    font-size: 16px;
    text-decoration: none !important;
}
.wrapper-header .top-header .top-menu .navbar-default .nav ul li a:hover,
.wrapper-header .top-header .top-menu .navbar-default .nav ul li a:focus,
.wrapper-header .top-header .top-menu .navbar-default .nav ul li a:active,
.wrapper-header .top-header .top-menu .navbar-default .nav ul li.current-menu-item a{
	color: #6d6067;
}
.wrapper-header .top-header .top-menu .navbar-default .navbar-collapse {
    margin: 40px 0 0;
    padding: 0px;
}
.np{
	padding: 0px !important;
}
.npr{
	padding-right: 0px !important;
}
.npl{
	padding-left: 0px !important;
}
.ta-center{
	text-align: center;
}
.ta-left{
	text-align: left;
}
.ta-right{
	text-align: right;
}
.home .wrapper-body .who-us .body .content p {
    font-size: 20px;
    font-family: "Johnston-ITC-W01-Light";
    margin: 0 0 25px;
}
.home .wrapper-body .who-us {
    background: #92d051;
    margin-top: 40px;
    color: #fff;
    -webkit-box-shadow: inset 0px 15px 24px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 15px 24px -4px rgba(0,0,0,0.25);
    box-shadow: inset 0px 15px 24px -4px rgba(0,0,0,0.25);
    padding: 100px 0 20px;
    -webkit-box-shadow: 0px 3px 52px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 52px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 52px 0px rgba(0,0,0,0.25);
}
.home .wrapper-body .who-us .title .bb-title {
    border-bottom: 6px solid #fff;
    width: 80px;
    display: inline-block;
    border-radius: 11px;
    margin: 20px 0 40px;
}
.home .wrapper-body .who-us .title h1 {
    margin: 0px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    font-size: 54px;
}
.home .wrapper-body .our-client{
	padding: 80px 0px 40px;
	color: #92d051;
}
.home .wrapper-body .our-client .body .content{
	padding: 0px 60px 0px;
}
.home .wrapper-body .our-client .body .content p {
    font-size: 26px;
}
.home .wrapper-body .our-client .title h1 {
    margin: 0px;
    font-size: 36px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
}
.home .wrapper-body .our-client .title span {
    width: 375px;
    display: inline-block;
    margin: 30px 0 40px;
}
.wrapper-footer .inner-footer {
    padding: 80px 200px 0;
}
.wrapper-footer {
    background-color: #353a4d;
    color: #fff;
}
.wrapper-footer .inner-footer .first-footer .text-green {
    color: #92d051;
    font-size: 15px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
}
.wrapper-footer .inner-footer .first-footer .text-white {
    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;
}
.wrapper-footer .inner-footer .first-footer .icon {
    padding: 2px 2px 2px 0;
    text-align: right;
}
.wrapper-footer .inner-footer .first-footer .icon img {
    width: 36px;
}
.wrapper-footer .inner-footer .scnd-footer .sosmed ul li {
    display: inline-block;
}
.wrapper-footer .inner-footer .scnd-footer {
    margin: 60px 170px 0;
    padding: 50px 30px 20px;
    text-align: center;
    background-color: #2a303e;
}
.page-template-portofolio .wrapper-on-page .main-content {
    color: #93d051;
    font-size: 24px;
    text-align: center;
}
.portofolio-item .item .title {
    color: #93d051;
    font-size: 30px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    text-align: center;
    margin-top: 20px;
    min-height:85px;
}
.portofolio-item .item {
    margin-bottom: 20px;
    text-align: center;
}
.portofolio-item .item .image {
    height: 250px;
    text-align: center;
    position: relative;
    display: inline-block;
}
.portofolio-item .item .image .table-cell {
    height: 250px;
    display: table-cell;
    vertical-align: bottom;
}
.portofolio-item .item .image img {
    width: auto;
    max-width: 100%;
    max-height: 250px;
}
.page-template-portofolio .portofolio-item {
    margin-top: 40px;
}
.page-template-contact-us .map-container {
    padding: 20px 40px 40px;
}
.page-template-contact-us .map-container iframe {
    width: 100%;
    height: 565px;
}
.page-template-contact-us .wrapper-content {
    font-size: 36px;
    text-align: center;
    color: #92d051;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    margin-bottom: 40px;
}
.page-template-contact-us .wrapper-contact {
    background: #92d051;
    color: #fff;
    padding: 30px;
}
.page-template-contact-us .wrapper-contact {
    background: #92d051;
    color: #fff;
    padding: 30px;
    font-size: 36px;
    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;
    line-height: 30px;
    margin-bottom:  40px;
}
.page-template-contact-us .wrapper-contact .image {
    text-align: right;
}
.page-template-contact-us .wrapper-contact .image img {
    width: 70px;
}
.page-template-contact-us .wrapper-contact .font-bold {
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
}
.page-template-contact-us .wrapper-contact-form {
    padding: 0 145px;
}
.page-template-contact-us .wrapper-contact-form input[type="submit"] {
    width: auto;
    display: inline-block;
    padding: 20px 120px;
    height: 70px;
    border-radius: 50px;
    font-size: 26px;
}
.page-template-contact-us .wrapper-contact-form input, .page-template-contact-us .wrapper-contact-form textarea {
    background-color: #92d051;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    /*padding: 30px 40px;*/
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    margin-bottom: 30px;
    height: 60px;
}
.page-template-contact-us .wrapper-contact-form input::-webkit-input-placeholder,
.page-template-contact-us .wrapper-contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.page-template-contact-us .wrapper-contact-form input:-moz-placeholder,
.page-template-contact-us .wrapper-contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.page-template-contact-us .wrapper-contact-form input::-moz-placeholder,
.page-template-contact-us .wrapper-contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.page-template-contact-us .wrapper-contact-form input:-ms-input-placeholder,
.page-template-contact-us .wrapper-contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
.page-template-proses .wrapper-content{
    font-size: 56px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    color: #92d051;
    margin-top: 20px;
    margin-bottom: 40px;
}
.page-template-proses .wrapper-video iframe{
  width: 100%;
  height: 665px;
}
.page-template-proses .bg-green {
    height: 150px;
    background: #92d051;
    border-bottom: solid 30px #81b344;
    margin-top: -10px;
}
.wrapper-tab-layanan ul.nav-tabs li.active a {
    color: #fff;
    background-color: #92d051;
}
.wrapper-tab-layanan ul.nav-tabs li a {
    border: 1px solid #92d051;
    border-radius: 50px;
    width: 175px;
    font-size: 22px;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    padding: 3px;
    color: #92d051;
    margin: 0 10px;
}
.wrapper-tab-layanan ul.nav-tabs {
    display: inline-block;
    border: 0px;
    margin-bottom: 40px;
}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc .wrapper-value {

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

    font-size: 26px;

    border-bottom: 1px solid #fff;

    margin-bottom: 10px;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc label {

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

    font-weight: normal;

    font-size: 16px !important;

    margin-bottom: 0px;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc {

    background: #92d051;

    height: 450px;

    padding: 25px 15px 25px 25px;

    color: #fff;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc .wrap-button {

    text-align: center;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc .wrap-button a {

    background: #ffff01;

    width: 245px;

    display: inline-block;

    border-radius: 30px;

    height: 50px;

    text-align: center;

    font-size: 16px;

    color: #6c6167;

    padding: 13px 0;

    text-decoration: none;

}



.wrapper-tab-layanan .wrapper-jual .item{

  margin-bottom: 40px;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-desc .price {

    font-size: 26px;

    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

    padding: 20px 0 20px 0;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-image .big-image {

    height: 315px;

    margin-bottom: 20px;

}

.wrapper-tab-layanan .wrapper-jual .wrapper-image .big-image img {

    max-height: 315px;

    max-width: 100%;

    width: auto;

}



.wrapper-tab-layanan .wrapper-jual .wrapper-image .big-image {

    height: 315px;

    text-align: center;

}

.wrapper-tab-layanan .wrapper-jual .wrapper-image .owl-controls.clickable {

    display: none !important;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .wrap-content {

    font-size: 18px;

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .tagline {

    padding: 0px 20px;

    font-size: 40px;

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

    margin-bottom: 30px;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .name {

    font-size: 30px;

    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

    padding: 0px 20px;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc {

    background: #92d051;

    padding: 25px 15px 25px 25px;

    color: #fff;

    margin-top: 40px;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .wrap-content table {

    font-size: 15px;

    margin: 15px 0;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .wrap-content {

    font-size: 18px;

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-desc .button a {

    background: #ffff01;

    width: 245px;

    display: inline-block;

    border-radius: 30px;

    height: 50px;

    text-align: center;

    font-size: 16px;

    color: #6c6167;

    padding: 13px 0;

    text-decoration: none;

    margin-top: 30px;

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-item {

    height: 650px;

    background-repeat: no-repeat;

    background-position: bottom;

    margin-top: 20px;

}



.wrapper-tab-layanan .wrapper-sewa .display-table {

    display: table-cell;

    vertical-align: bottom;

    height: 580px;

    /*padding-bottom: 60px;*/

}



.wrapper-tab-layanan .wrapper-sewa .wrapper-image {

    height: 560px;

    background-repeat: no-repeat;

    background-position-x: center;

    background-position-y: bottom;

    /*background-size: contain;*/

}

.wrapper-tab-layanan .wrapper-sewa .wrapper-item.wrapper-portable .wrapper-image{

  height: 630px;

}

.wrapper-tab-layanan .wrapper-sewa .wrapper-item.wrapper-portable {

    height: 650px;

}



.home .wrapper-body .who-us .body .image img {

    height: auto;

    max-height: 100%;

}

.popUpService .modal-content {

    background: #92d051;

    color: #fff;

    border-radius: 0px;

}



.popUpService .modal-content .modal-top {

    font-size: 26px;

    text-align: center;

    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

    padding: 30px 40px;

}

.popUpService .modal-dialog {

    width: 900px;

    margin: 30px auto;

}



.popUpService .modal-contact {

    background: #81b344;

    color: #fff;

    padding: 30px;

    font-size: 20px;

    font-family: 'Johnston-ITC-W01-Light', sans-serif !important;

    line-height: 22px;

    margin-bottom: 40px;

}

.popUpService .modal-contact .image {

    text-align: right;

}

.popUpService .modal-contact .image img {

    width: 60px;

}

.popUpService .modal-contact .font-bold {

    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

}

.popUpService .modal-body{

    padding: 0px;

}

.popUpService .modal-form {

    padding: 0 65px;

}

.popUpService .modal-form form input, .popUpService .modal-form form textarea {

    background-color: #ffffff;

    border-radius: 0px;

    border: 0px;

    box-shadow: none;

    color: #8fd24f;

    font-size: 20px;

    /*padding: 30px 40px;*/

    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

    margin-bottom: 30px;
    height: 60px;

}



.popUpService .modal-form form input::-webkit-input-placeholder,

.popUpService .modal-form form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    #8fd24f;

}

.popUpService .modal-form form input:-moz-placeholder,

.popUpService .modal-form form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    #8fd24f;

   opacity:  1;

}

.popUpService .modal-form form input::-moz-placeholder,

.popUpService .modal-form form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    #8fd24f;

   opacity:  1;

}

.popUpService .modal-form form input:-ms-input-placeholder,

.popUpService .modal-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    #8fd24f;

}



.popUpService .modal-form {

    padding: 0 65px;

}

.popUpService .modal-form form input[type="submit"] {

    background: #ffff01;

    width: 300px;

    display: inline-block;

    border-radius: 30px;

    height: auto;

    text-align: center;

    font-size: 26px;

    color: #6c6167;

    padding: 12px 0;

    text-decoration: none;

}

.wrapper-search {
    position: absolute;
    background: #93d051;
    width: 80px;
    height: 150px;
    top: 0;
    right: 80px;
}

.wrapper-search .inner .button-search a {

    display: inline-block;

    width: 20px;

    margin-top: 20px;

}



.wrapper-search .inner .lang ul li a {

    font-size: 12px;

    color: #6d6067;

}



.wrapper-search .inner .lang ul li .separator {

    border-right: 1px solid #fff;

    height: 3px;

    margin-right: 2px;

    margin-left: 2px;

}



.wrapper-search .inner .lang ul li {

    display: inline-block;

}



.wrapper-search .inner {

    padding: 10px;

    text-align: center;

}

.triagle-search {
    border-top: 60px solid #93d051;
    border-left: 0px solid transparent;
    border-right: 80px solid transparent;
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
}

div#SearchText .close-button a:hover {
    opacity: 0.7;
    transition: all 0.5s ease;
}

div#SearchText .close-button a {
    text-decoration: none !important;
    display: block;
    font-size: 40px;
    position: absolute;
    color: #93d051;
    background: rgba(166, 166, 166, 0.05);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 44px;
    top: -40px;
    right: 20px;
    -webkit-box-shadow: -2px 3px 7px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: -2px 3px 7px 1px rgba(0,0,0,0.1);
    box-shadow: -2px 3px 7px 1px rgba(0,0,0,0.1);
}



.hd{

    display: none;

}



.hm{

    display: block;

}



.search-text .inner input[type="text"] {

    width: 100%;

    height: 100%;

    padding: 0 10% 0 10px;

    font-weight: 700;

    border: none;

    background: transparent;

    font-size: 80px;

    color: #93d051;

    -webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);

    transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);

    font-size: 80px;

    outline: none;    

    border-bottom: 1px solid rgba(147, 208, 81, 0.5);

}







.search-text .inner input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color:    rgba(147, 208, 81, 0.8);

}

.search-text .inner input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:    rgba(147, 208, 81, 0.8);

   opacity:  1;

}

.search-text .inner input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:    rgba(147, 208, 81, 0.8);

   opacity:  1;

}

.search-text .inner input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */

   color:    rgba(147, 208, 81, 0.8);

}



.search-text .inner form{

    position: relative;

    padding: 100px 200px;

    display: flex;

}



.search-text .inner form button{

    background: none;

    border: 0px;

}



.search-text .inner.open{

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    display: block;



}



.search-text .inner {

    display: block;

    padding: 0px;

    width: 0px;

    position: fixed;

    background: #fff;

    z-index: 1;

    overflow: hidden;

    text-align: center;

    -webkit-transition-property: min-height, width, top, right;

    transition-property: min-height, width, top, right;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

    transition-timing-function: cubic-bezier(0.7,0,0.3,1);

    transition: all 0.5s ease;

}

.search-text .inner a {

    width: 80px;

    display: inline-block;

    margin-top: 60px;

}

.search-text .inner form button i {

    font-size: 50px;

    color: #93d051;

}

.search-text .inner form button {

    background: none;

    border: 0px;

    margin-left: -70px;

}

.title-search {

    margin-bottom: 30px;

    font-size: 50px;

    color: #92d051;

}

.page-template-portofolio .testimoni {
    background: #93d051;
    color: #fff;
    padding: 30px 0;
}

.page-template-portofolio .testimoni .wrapper-content #testimonial .wrapper-item .desc .name {
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    margin-top: 20px;
}

.page-template-portofolio .testimoni .wrapper-content #testimonial .wrapper-item .desc {
    background: #fff;
    margin: -35px 20px 0;
    color: #333a4a;
    padding: 15px 30px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    z-index: 3;
    position: relative;
    font-family: 'Johnston-ITC-W01-light', sans-serif !important;
}

.page-template-portofolio .testimoni .wrapper-content #testimonial .wrapper-item {
    padding: 0px 7px;
}

.page-template-portofolio .testimoni .wrapper-content #testimonial .wrapper-item .image {
    background: #fff;
    z-index: 1;
}
.page-template-portofolio .testimoni .wrapper-content #testimonial .owl-pagination {
    display: none;
}
.page-template-portofolio .testimoni .wrapper-content #testimonial .owl-buttons .owl-next {
    position: absolute;
    right: -75px;
    top: 40%;
}

.page-template-portofolio .testimoni .wrapper-content #testimonial .owl-buttons .owl-prev {
    position: absolute;
    left: -75px;
    top: 40%;
}
.page-template-portofolio .testimoni .wrapper-content #testimonial .owl-buttons div {
    background: none;
    color: #fff;
    opacity: 2;
    font-size: 40px;
}
.page-template-portofolio .testimoni .wrapper-title .image {
    margin-bottom: 40px;
}


.page-template-portofolio .testimoni h1 {
    font-weight: normal;
    font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;
    margin-bottom: 20px;
}
#messageModal .modal-dialog .modal-header a {
    background: #fff;
    color: #FF5722;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 40px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 1;
}
#messageModal .modal-dialog .modal-header {
    border: 0px;
}
#messageModal .modal-dialog {
    margin-top: 130px;
}
#messageModal .modal-dialog .modal-body .message {
    background: #92d051;
    padding: 20px;
    font-size: 30px;
    text-align: center;
    color: #fff;
}
@media (min-width: 1200px){

	.wrapper-kkp .container {

	    width: 1040px !important;

	}

}
@media (min-width: 999px){

	.wrapper-kkp .container {
	    width: auto;
	}

}
@media (min-width: 992px){

	.wrapper-kkp .container {
	    width: auto;
	}

}



@media (max-width: 767px){

    .hm{

        display: none;

    }

    .hd{

        display: block;

    }

    .wrapper-search {

        display: none;

    }

    .wrapper-header .top-header .logo a {

        width: 40px;

    }

    .top-header .navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

    }



    .top-header .navbar-default .navbar-toggle {

        position: absolute;

        right: 0;

        top: -50px;

        margin: 0px;

        background: #92d051;

    }

    .wrapper-body {

        margin-top: -50px;

    }

    .home .wrapper-body .our-client .body .content {

        padding: 0;

    }

    .wrapper-footer .inner-footer .item {

        margin-bottom: 20px;

    }



    .wrapper-footer .inner-footer .item .icon {

        text-align: left;

    }



    .wrapper-footer .inner-footer .np {

        padding: 0 15px !important;

    }



    .wrapper-footer .inner-footer {

        padding: 40px 20px 0px;

    }

    .wrapper-footer .inner-footer .scnd-footer {

        margin: 0;

        padding: 20px 10px 10px;

    }

    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse {

        /*overflow: hidden;*/

        border: 0px;

        margin: 0;

        background: #fff;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

        position: fixed;

        z-index: 1;

        padding: 20px;

        text-align: center;

    }

    .wrapper-header .top-header .top-menu .navbar-default .nav ul li{

        display: block;

    }
    .home .wrapper-body .our-client .title span {
        width: 100%;
    }
    .home .wrapper-body .who-us .npr{
        padding-right: 15px;
    }

    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .image .logo {

        display: inline-block;

        width: 150px;

        margin-top: 40px;

    }

    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .search-mobile .lang ul li {

        display: inline-block;

        margin-top: 20px;

    }



    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .search-mobile .lang ul li a {

        color: #333;

        font-size: 17px;

        font-family: 'Johnston-ITC-W01-Bold', sans-serif !important;

    }



    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .search-mobile .search-form form {

        display: inline-flex;

    }



    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .search-mobile .search-form form input {

        width: 250px;

        padding: 2px 3px;

        height: 40px;

        border: 1px solid #d3d3d3;

        box-shadow: none;

    }



    .wrapper-header .top-header .top-menu .navbar-default .navbar-collapse .search-mobile .search-form form button {

        background: #93d051;

        border: 0px;

        width: 40px;

        height: 40px;

    }

    .wrapper-header .top-header .top-menu .navbar-default .nav{

        text-align: center;

        margin-top: 20px;

    }

    .wrapper-header .top-header .top-menu .navbar-default .nav ul li a {

        font-size: 23px;

        display: inline-block;

        font-family: 'Johnston-ITC-W01-Medium';

        padding: 7px 0;

    }

    .wrapper-tab-layanan ul.nav-tabs li {

        display: inline-block;
        float: none;
        margin-bottom: 15px;

    }

    .wrapper-tab-layanan ul.nav-tabs li a{

        width: 150px;

    }

    .wrapper-tab-layanan .wrapper-sewa .wrapper-item{

        height: auto;

    }
    .page-template-proses .wrapper-content {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .page-template-proses .wrapper-video iframe {
        width: 100%;
        height: 300px;
    }

    .wrapper-tab-layanan .wrapper-sewa .wrapper-image {

        height: 350px;

        background-size: contain;

    }

    .wrapper-tab-layanan .wrapper-sewa .display-table{

        height: auto;

    }

    .wrapper-tab-layanan .wrapper-jual .owl-controls {

        display: none !important;

    }

    .wrapper-tab-layanan .wrapper-jual .wrapper-desc{

        margin-bottom: 60px;

    }

    .page-template-contact-us .map-container {

        padding: 20px;

    }

    .page-template-contact-us .map-container iframe {

        width: 100%;

        height: 400px;

    }

    .page-template-contact-us .wrapper-content {

        font-size: 24px;

    }

    .page-template-contact-us .wrapper-contact .image {

        text-align: center;

        margin-bottom: 40px;

    }

    .page-template-contact-us .wrapper-contact {
        font-size: 26px;
        text-align: center;
        padding: 30px 15px;
    }

    .page-template-contact-us .wrapper-contact-form {

        padding: 10px;

    }
    .page-template-portofolio .testimoni .wrapper-content #testimonial .owl-buttons .owl-prev {
        position: relative;
        margin-right: -170px;
    }
    .page-template-portofolio .testimoni .wrapper-content #testimonial .owl-buttons .owl-next{
        position: relative;
    }
    .page-template-contact-us .wrapper-contact-form input[type="submit"] {
        width: auto;
        max-width: 100%;
        padding :20px 80px;
    }
    .title-search {
        font-size: 26px;
    }
    .popUpService .modal-dialog{
        width: auto;
    }
    .popUpService .modal-contact .image {
        text-align: center;
        margin-bottom: 20px;
    }
    .popUpService .modal-contact {
        text-align: center;
    }
    .popUpService .modal-form {
        padding: 0 10px;
    }
    .popUpService .modal-form form input[type="submit"]{
        padding: 7px 50px;
        width: auto;
    }
    .popUpService .modal-content .modal-top {
        padding: 20px 10px;
        font-size: 22px;
    }
    table tr td {
        min-width: 100px;
    }

}