/* Theme name: YAKBI */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%; /* Image does not overflow the content area */
    width: 100% !important;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    width: 98.5% !important;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.oh{overflow: hidden;}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


body{
background: #F0F0F0;
font-family: 'Roboto', sans-serif;
font-size: 1.0rem;
color: #444;
}

.our_school_title,h1,h2,h3,h4,h5{
font-size: 22px;
font-weight: bold;
}

h1,h2,h3{font-weight: 600;}

a,img,#nav-icon1,#h,.main_menu li,.nav.main_menu,#search-toggle{transition: all 0.3s ease;}

a{color: #238bc8;}
a:hover{color: #0467a0; text-decoration: none;}

#program .products li a{color: #555;}
#program .products li a.button{color: #fff; background: #E96D0C; padding: 15px 35px;}

#h{
width:100%;
height: auto;
z-index: 97;
position: fixed; 
top:0;
left:0;
background: #207FB7;
padding: 15px 25px;
}


#bm{
width: 100%;
height: 48px;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 76px;
left:0;
z-index: 2;
}

#bm ul.secondary_menu{
  float: right;
}

#bm ul.secondary_menu.keranjang-donasi{
  float: left;
}

#bm ul.secondary_menu li{
  display: inline-block;
  list-style-type: none;
}

#bm ul.secondary_menu li a{
  color: #fff;
  font-size: 14px;
  padding: 14px;
  display: block;
}

.logo{
  display: block;
  width: auto;
  height: 50px;
  float: left;
  margin: 0;
}

.woocommerce img.logo, .woocommerce-page img.logo{
  width: auto;
  height: 85px;
}


.home #h{
  background: #238BC8;
}

/*
#h.scroll{
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

#h.scroll .logo{
height:45px;
}
*/
header.scroll .main_menu li a,header.scroll .main_menu li.donasi a{
    color: #444;
    border-color: #888;
}


#search-toggle{
    float: right;
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 23px;
    padding: 5px 24px;
    border-left: 0px solid rgba(255,255,255,0.8);
    cursor:pointer;
    margin-left: 15px;
}

header.scroll #search-toggle{
    color: #333;
    border-color: rgba(0,0,0,0.5);
}

#search-toggle.active .fa-search:before{
content: "\f00d";
}

#cariatas{
padding: 5px;
background: rgb(68, 153, 204);
position: fixed;
border-radius: 48px;
top: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
width: 84%;
display: none;
}

#cariatas form{
margin-bottom:0 !important;
background: transparent;
}

#cariatas form input{
display: block;
padding: 0 15px;
width: 96%;
width: calc(100% - 45px);
}

#fs{
  width: 100%;
  overflow: hidden;
}

#fs .carousel-item img{
  opacity: 1.0;
}

.nav{
display: inline-flex;
}

.main_menu li{
margin-left: 0px;
}

.nav.main_menu,#search-toggle{
margin-top: 4px;
}

#h.scroll .nav.main_menu,#h.scroll #search-toggle{
margin-top: 0px;
}

.nav-link,.main_menu li a{
display: block;
padding: 15px 18px;
font-size: 0.9rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
border-radius: .25rem;
}

#nav-tab .nav-link,.kalzakat td{
font-size: 12px;
}

/*
.home .main_menu li a{
color: #fff;
}
*/
.main_menu li.donasi a{
border: 1px solid #fff;
color: #fff;
margin-left:15px;
}

.main_menu li:hover a{
background: #238bc8;
}
.main_menu li.donasi.current_page_item a{color: #fff;}

.main_menu li.donasi:hover a{
background: #fff;
color: #333;
}

.main_menu li a:hover{
text-decoration: none;
}

.main_menu li.masuk a,.grey-grad,.main_menu li.login a:hover{
background: rgba(252,252,252,1);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(186,186,186,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(186,186,186,1)));
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(186,186,186,1) 100%);
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(186,186,186,1) 100%);
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(186,186,186,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(186,186,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#bababa', GradientType=0 );
border-color: #ccc;
color: #888;
}



#tm{
width:100%;
background: #201F24;
height: 45px;
padding: 0 48px;
}

.main_menu ul.sub-menu{
margin:0;
padding:0;
list-style-type: none;
}

.main_menu ul.sub-menu li a{
background: #333;
padding: 12px;
display: block;
width: 210px;
}

.main_menu ul.sub-menu li a:hover{
background: #111;
}

.menu-main-menu-container ul li{
position: relative;
}

.menu-main-menu-container ul li .sub-menu,.menu-main-menu-container ul li ul li .sub-menu{
position: absolute;
top:100%;
left:15px;
display: none;
}

.menu-main-menu-container ul li ul li .sub-menu{
top:0;
left:100%;
display: none !important;
}

.menu-main-menu-container ul li:hover .sub-menu{
display: block;
}

.menu-main-menu-container ul li ul li:hover .sub-menu{
display: block !important;
}

.topsoc,.topmenu{
padding:0;
margin:0;
}

#topsearch,.switcher-dropdown{
margin-top: 7px;
display: inline-block;
}

#topsearch .search-form,.switcher-dropdown{
width: 100%;
border-radius: 3px;
background-color: #161616;
height: 33px;
color: #ccc;
font-size: 14px;
}

.switcher-dropdown{
padding: 5px 10px;
}

#topsearch .search-form input,#topsearch .search-form .btn{
background-color: transparent;
height: 33px;
}

#topsearch .search-form .btn{line-height: 10px;}

.topsoc li,.topmenu li{
display: inline-block;
list-style-type: none;
margin-right: -3px;
}

.topsoc li a,.topmenu li a{
display: block;
width: 34px;
height: 34px;
line-height: 34px;
border-left: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
}

.topsoc li a .fa{
font-size: 20px;
color: #fff;
}

.topmenu li a{
width: auto;
padding: 0px 15px;
border-bottom: 3px solid transparent;
font-size: 0.8rem;
}

.topmenu li a,.topsoc li a,#f a{
color: #bebebe;
}

.topmenu li a:hover,#f a:hover{
text-decoration: none;
}

.topsoc li a:hover,#f .topsoc li a:hover{color: #fff;}

.topsoc li:last-child a{
border-right: 1px solid rgba(255, 255, 255, 0.1);
}


.topsoc li.tw a:hover, #rmenu .topsoc li.tw a{background: #2fa7e8;}
.topsoc li.fb a:hover, #rmenu .topsoc li.fb a{background: #3957a0;}
.topsoc li.linked a:hover, #rmenu .topsoc li.linked a{background: #1678bc;}
.topsoc li.yout a:hover, #rmenu .topsoc li.yout a{background: #c92929;}
.topsoc li.ig a:hover, #rmenu .topsoc li.ig a{background: #5382af;}

#rmenu .topsoc li a{opacity: 1.0;}

#f .topsoc li a, #f .topsoc li:last-child a,#rmenu .topsoc li a{border: none;border-radius: 5px;font-size: 28px;}
#f .topsoc li,#rmenu .topsoc li{margin-left:0;margin-right:5px;}

.tp-bgimg{
opacity: 1 !important;
}

#f{
background: #fff;
color: #555;
padding: 3.5em 0;
padding-bottom: 0;
margin-top: 0px;
border-top: 1px solid rgba(0,0,0,0.1);
}

#f, #f a{
font-size: 0.8rem;
color: #555;
}

.footer-widget ul li{
margin-bottom: 10px;
}

.cpy{
display: block;
padding: 25px 0;
margin-top: 30px;
border-top: 1px solid rgba(0,0,0,0.3);
text-align: center;
font-weight: 700;
}

.gallery-item img{border: none !important;}

h3.widget-title{
font-size: 16px;
margin-bottom: 15px;
color: #444;
font-weight: 700;
}

.footer-widget ul{
padding:0;
list-style-type: none;
}

#nav-icon1{
color: #fff;
font-size: 30px;
cursor: pointer;
margin: 0 15px 0 0;
float: right;
display: none;
}

header.scroll #nav-icon1{
color: #333;
}

#nav-icon1.open{
opacity: 0;
}

#rmenu{
position: fixed;
top:0;
left:0;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 15px;
padding-top: 25px;
padding-right: 15px;
background: #fff;
width: 320px;
text-align: left;
transform:translate(-320px,0px);
-ms-transform:translate(-320px,0px);
-webkit-transform:translate(-320px,0px);
transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -o-transition: all .6s ease;
z-index: 99;overflow-y: auto;
}



#rmenu.open{
opacity: 1;
transform:translate(0px,0px);
-ms-transform:translate(0px,0px);
-webkit-transform:translate(0px,0px);
box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

#rmenu ul{
margin-top: 30px;
}

#rmenu li{
border-bottom: 1px solid rgba(255,255,255,0.0);
padding: 8px 0;
list-style-type: none;
}

#rmenu li a{
color: #333;
display: block;
font-size: 22px;
font-weight: 600;
}

#rmenu li a:hover{
text-decoration: none;
text-shadow: 0 0 15px #fff;
}

#rmenu .topsoc{
margin-left:40px;
}

#rmenu .topsoc li a{
/*opacity: 0.5;*/
font-size: 18px;
}

#rmenu .topsoc li a:hover{
opacity: 1.0;
transform: scale(1.2,1.2);
text-shadow: none;
}

.spageh{
display: block;
width:100%;
padding: 175px 0 60px 0;
background: #238bc8;
position:relative;
margin-bottom: 45px;
}


.spageh h1{
color: #fff;
display: block;
position:relative;
font-size: 2.3em;
text-align: center;
}

.side-menu ul.menu{
margin:0;
padding:0;
}

.side-menu ul.menu li{
list-style-type: none;
margin-bottom: 10px;
}

.side-menu ul.menu li a{
padding: 15px 20px;
display: block;
background: #f5f2f2;
border-left: 5px solid #f5f2f2;
color: #242424;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
position: relative;
}

.side-menu ul.menu li a:before{
content: "\f105";
position: absolute;
right: 25px;
font-family: FontAwesome;
}

.side-menu ul.menu li a:hover,.side-menu ul.menu li.current-menu-item a{
background: #fff;
border-color:#29166F;
text-decoration: none;
box-shadow: 0 2px 15px #eee, 0 0 1px rgba(0,0,0,0.2);
border-radius: 3px;
}

.side-menu h3.widget-title{
font-size: 26px;
/* text-transform: uppercase; */
/* font-weight: 300; */
color: #29166F;
margin-bottom: 20px;
}

.berita-yiab .card-img-top{
height: 253px;
background-color: #888;
background-size: cover;
}

.berita-yiab h6 a{
color: #222;
text-align: left;
}

.berita-yiab h6 a:hover{
color: #222;
text-decoration: none;
}

.berita-yiab .date{
font-size: 12px;
color: #888888;
text-align: left;
}


.search-form input,.search-form button{
border-color: transparent;
background: transparent;
color: #fff;
}

.search-form{
background: #eee;
}

.search-field,.search-field::placeholder{
color:#fff;
}

.page-widget ul{
padding:0;
margin:0;
list-style-type: none;
}

.page-widget ul li a{
padding:10px 0;
display: block;
color: #888;
}

.page-widget ul li a:hover{
color: #4b95d0;
}

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea{
max-width: 100%;
}

.link_terkait li{
display: inline-block;
width: 22%;
height: 46px;
margin: 0 10px 10px 0;
}

.link_terkait li a img,.link_terkait li a img.alignleft{
width: 100%;
height: auto;
border-radius: 5px;
}

.link_terkait a img:hover,.link_terkait a img.alignleft:hover{
transform: scale(1.5,1.5);
box-shadow: 0 5px 15px #000;
}

.no-bg  a{background: transparent;}

.news_title_lbis{
margin-bottom: 5px !important;
line-height: 1.3;
}

.vc_custom_1535657106723 .vc_grid-item{
vertical-align: top !important;
padding-bottom: 0 !important;
}

.switcher-dropdown .language-dropdown{
    padding: 5px 9px;
    background: #161616;
    width: 127px;
    left: -9px;
    top: 110%;
    z-index:99;
}

.switcher-dropdown a{
    color: #eee;
}

.cempakanews .vc_grid.vc_row .vc_grid-item .wpb_content_element{
  margin-bottom: 0;
}

.newsthumb{
display: block;
width: 100%;
height: auto;
margin-bottom: 30px;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 30px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 7em;
  font-family: Georgia;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-size: 25px;
  font-weight: bold;
  color: #555;
}

.page-widget h3.widget-title{
  font-size: 22px;
}

.page-widget ul li{
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

.page-widget ul li a{
font-size: 14px;
}

.page-widget .post-date{
font-size: 12px;
}

.news-boxes{
    max-height: 365px;
    overflow: hidden;
    overflow-y: scroll;
}

.home-title{
padding: 30px 0;
}

.home-title h1{
font-size: 36px;
color: #29166F;
}

.home-subtitle h2{
font-size: 28px;
color: #333;
}

.produk-list h3{
  font-weight: normal;
  margin-top: 0;
}

.rpwwt-post-date{
font-size: 12px;
}

.rpwwt-post-excerpt{
font-size: 14px;
}

.rpwwt-post-title{
font-weight: bold;
}

.rpwwt-widget ul li img{
width: 90px !important;
height: 90px !important;
}

.metaslider #metaslider_1147 .caption{
padding: 15px;
font-size: 18px;
}


.vc_column_container .wpcf7{
width: 540px;
max-width: 100%;
display: block;
margin: 0 auto;
}

.vc_column_container .wpcf7 input{
width: 100%;
}

.count h5{
text-align: center;
font-size: 60px;
font-weight: 700;
color: #23BC89;
}

.count h5 .wp_cup_suffix{
font-weight: 400;
font-size: 20px;
color: #888;
}

.mayfair::after{display: none;}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-flat .vc_tta-tab>a{
background: transparent !important;
color: #888 !important;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-flat .vc_tta-tab.vc_active >a{
background: #F68C1C !important;
font-weight: bold !important;
color: #fff !important;
}

.wpb-js-composer .vc_tta.vc_tta-gap-15 .vc_tta-panel:not(:last-child):not(.vc_active) .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-gap-15.vc_tta-tabs-position-top .vc_tta-tabs-container {
    margin-bottom: 90px !important;
    text-align: center;
}

.flex-caption h2{
text-align: center;
font-size: 26px;
color: #888;
}

.flex-caption p{
text-align: center;
font-size: 24px;
color: #aaa;
font-style: italic;
padding: 0 45px;
}

.flexslider{
box-shadow: none !important;
padding:0 !important;
border: none !important;

}

.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption{
background: none  !important;
}

#latar h2,#latar{
color: #fff;
}

#latar h2{
font-weight: 300;
}

.actionb button{
background-image: none !important;
background: transparent !important;
font-weight: bold;
line-height: 1.0;
}

.program_list ol li{
	margin-bottom: 30px;	
}

.program_list ol li ol li{
	margin-bottom: 15px;	
}

.quantity,.posted_in,.woocommerce-Tabs-panel > h2,#latar .add_to_cart_button{display: none;}
.ywcnp_sugg_price,.single_add_to_cart_button{width: 100%;display: block; margin-bottom: 15px;}
label[for=ywcnp_suggest_price_single]{font-weight: bold; font-size: 20px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #85BD3E;border-color: #85BD3E;padding-top: 15px;padding-bottom: 15px;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #618633;border-color: #618633;}
.woocommerce .col-1, .col-2{ max-width:none;padding:0;}

.woocommerce form .form-row label, .woocommerce-page form .form-row label,.woocommerce-input-wrapper{width: 100%;}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox,.woocommerce form .form-row label.checkbox input{width: auto;}
#customer_details{margin-bottom: 30px;}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product{text-align: center;}
#latar h2.woocommerce-loop-product__title{
  font-weight: 700;
  
}

.related.products h2{
  display: block;
  margin-bottom: 30px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
min-height: 54px;
}

#latar .woocommerce ul.products li.product .woocommerce-loop-product__title,#donasi h2{
background: #fff;
color: #555;
padding: 17px 15px 15px 15px;
margin-top: -16px;
min-height: 54px;
text-align: center;
font-size: 1em;
}

#donasi h2{
margin:0;
}

#donasi{
padding: 45px 0;
}

.single-product #donasi{display: none;}

.orderby option:nth-child(4),.orderby option:nth-child(5){display: none;}
.woocommerce .woocommerce-result-count {margin: 0 0 2em;}

.single-page h1{
font-size: 36px;
}

.single-page ol li{
margin-bottom: 15px;
}

#donasi{
width:100%;
background: #EEEEEE;
}

.heading-border{
font-size: 35px !important;
padding: 30px 0;
padding-bottom: 15px;
margin: 0;
position: relative;
display: block;
text-align: center;
}

.p25{padding: 15px;}

.campaign-top{
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.campaign-bottom{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
position: relative;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
color: rgba(0,0,0,.8);
background-color: #fff;
padding: 15px;
}

#program .vc_grid-item h5{
  height: 45px;
  overflow: hidden;
  font-weight: 600;
}

.wide-button,.wide-button a{
  min-width: 250px;
  max-width: 100%;
  font-weight: bold;
}

label[for=ywcnp_suggest_price_single]{display: none;}
.page-id-2181 #f,.page-id-2181 .spageh,.woocommerce-account #f,.woocommerce-MyAccount-navigation-link--orders,.woocommerce-MyAccount-navigation-link--edit-address,.woocommerce-MyAccount-navigation-link--downloads,.woocommerce-MyAccount-navigation-link--subscriptions,.woocommerce-MyAccount-navigation-link--orders{display: none;}
.page-id-2181 #w{margin-top: 115px;}

.woocommerce button.button,.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
background-color: #80B201;
color: #fff;
}

.woocommerce button.button#insert-media-button{
height: auto;
background-color: #80BBCA;
margin-bottom: 3px;
}

.woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    margin-bottom: 1px;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 18px;
    padding: 15px;
    display: block;
    border-radius: .25rem;
    background: #f1f1f1;
}

.woocommerce-MyAccount-navigation ul li a {
    position: relative;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #80B201;
    color: #fff;
}

.woocommerce-MyAccount-navigation ul li a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 15px;
    right: 25px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f015";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f08b";
}

.woocommerce-MyAccount-navigation ul li.is-active a:before {
    color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 72%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
}

.wpb-js-composer .vc_tta.vc_tta-o-no-fill.vc_tta-tabs-position-bottom .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-o-no-fill.vc_tta-tabs-position-top .vc_tta-panel-body{
padding-top: 45px !important;
}

.product .nyp {margin-bottom: 15px;}
.product .nyp label{display: block;}
.nama_donatur{padding-left: 25px;}
.single-product  .single-title{display: none;font-size: 1.9rem; color: #80B201;}
.campaign_list a{color: #444;}
.campaign_list p{font-size: 16px;}
#FeaturedSlider{margin-top:80px;}

#bottom_bar{
position:fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width:480px;
max-width: 100%;
height: 59px;
border-top: 1px solid rgba(0,0,0,0.1);
background: #fff;
display:none;
z-index: 999;
padding: 0 15px;
}

#bottom_bar  .col{
text-align: center;
line-height: 1.3;
font-size: 22px;
color: #888;
padding: 8px;
position:relative;
}

#bottom_bar .col a{
position: absolute;
width:100%;
height: 100%;
left:0;
bottom:0;
cursor: pointer;
z-index:90;
}

#bottom_bar  .col p{
font-size: 11px;
}

#bottom_bar .col.current,#bottom_bar .col:hover{
color: #238BC8;
}

#mailbut,#wabut{
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
background: #fff;
border-radius: 32px;
box-shadow: 0 3px 5px rgba(0,0,0,0.3);
position: fixed;
right: 34px;
bottom: 40px;
color: #fff;
font-weight: bold;
background: #007eff;
z-index: 9999999;
}

#wabut{
width: 30px;
height: 30px;
box-shadow: 0 3px 5px rgba(0,0,0,0.3);
position: fixed;
right: 34px;
bottom: 85px;
z-index: 9999999;
border-radius: 32px;
background: #77af65;
font-size: 20px;
line-height: 31px;
}

.donCatlist{
display: block;
background: #fff;
padding: 15px 15px 15px 20px;
border: 1px solid #238bc8;
font-size: 15px;
color: #555;
margin-bottom: 5px;
border-radius: 3px;
}

.donCatlist:hover{
background: #238bc8;
color: #fff;
}

.donCatlist img{
margin-right:20px;
transition: none;
}
.donCatlist:hover img{
filter: brightness(200);
}


/* TAMPILAN MOBILE-FIRST START ###############################################################################*/
#w,.container{width: 480px;padding:0;display: block;margin: 0 auto;max-width: 100%;}
.container{padding: 0 15px;}
.nav.main_menu,#f{display: none;}
#nav-icon1,#rmenu,#rmenub,#search-toggle{display: none;}
#cariatas{display: inline-block;top:initial;left:initial;transform: none;margin-left: 15px;}
/*#h{margin-top: 5px;}*/
.footer-widget{margin-bottom: 20px !important;}
header .col-md-3{width: 100% !important;max-width: 100% !important; flex: 0 0 100% !important;}
header{top:0;}
#search-toggle{float: right; border: none;margin-top:0;margin-right: 15px;}
#bottom_bar{display: block;}
.ccw_plugin.chatbot{bottom: 79px !important;}
.secondary_menu,.woocommerce-result-count,.woocommerce-ordering{display: none;}
.secondary_menu.keranjang-donasi{display: block;}
#h{height: auto; padding: 10px 0;}
#nav-icon1{margin-top: 0; font-size: 18px;}
.gallery-item{float: none !important; display: block !important; margin: 30px auto !important;}
#vc_images-carousel-1-1536590308{margin-left: auto !important;margin-right: auto !important;display: block;}
.cempakanews .wpb_single_image img{width: 500px;}
.tp-bgimg.defaultimg.mayfair{background-size: auto 100% !important;}
.logo,.woocommerce img.logo, .woocommerce-page img.logo{margin: 0;height: 40px;}
#search-toggle{padding:0; font-size: 17px;}
.heading-border { font-size: 26px !important;}
.spageh{padding: 75px 0 15px 0;margin:0;background: transparent;}
.spageh h1{font-size: 1.0rem;color: #333;text-align: left;}
.woocommerce-account .woocommerce-MyAccount-navigation {position: fixed;bottom: 0;left: 0;margin-bottom: 0px;border-top: 1px solid rgba(0,0,0,0.3);z-index: 96;}
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {width: 100% !important;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {display: inline-block;width: 32%;vertical-align: top;text-align: center;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {font-size: 10px;border-radius: 0;height: 60px;}
.woocommerce-MyAccount-navigation ul li a:before { position: relative;display: block;right: 0;top: 0;margin-bottom: 3px;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders,.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address,.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads,.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions,.woocommerce-account .woocommerce-MyAccount-navigation-link--orders{display: none !important;}
#cariatas{padding:0;top:11px;width:90%; width: calc(100% - 60px);position: initial;}
#FeaturedSlider{margin-top:75px;}
.page-template-front-page .vc_row{background: #fff;border-radius: 3px;margin:0 -15px 15px -15px !important;}
.row{background: #fff; padding:20px;}
.page-template-front-page .row,#h .row{background: transparent;padding:0;}
.carousel-caption{
bottom: 0;
background: rgba(0,0,0,0.5);
left: 0;
width: 100%;
padding: 30px;
font-size: 28px;
}
.btn-group-lg>.btn, .btn-lg{font-size: 1.0rem;}
.rev_slider iframe{max-width: 480px !important;width: 480px !important;max-height: 270px !important;height: 270px !important;}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section{padding-top:15px;}
.campaign-feed .col-sm-6{padding-left:5px; padding-right: 5px;}
.page-template-front-page .row.campaign-feed{padding-left:12px; padding-right: 12px;}
.img-icon.ccw-analytics{height: 38px !important;}
#catList{position: fixed; top:0; left:0; width: 100%;height:100%; background: #fff; display: none;z-index: 1000000;}
#catList.active{display: block;}
#closebut{display: block; margin: 15px 0; cursor: pointer;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,.summary.entry-summary,.woocommerce-Tabs-panel [class*="col-"],.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{float: none !important;width: 100% !important;max-width:100% !important;flex: 100% !important;}
.single [class*="col-"],.single-page [class*="col-"],#h .col-md-12{padding-right: 0px;padding-left: 0px;}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a{border-radius: 38px;}
#FeaturedSlider .btn{border-radius: 42px;}
/* TAMPILAN MOBILE-FIRST END ###############################################################################*/

/* RESPONSIVE CSS */

@media screen and (min-width: 768px){
#divisi .vc_col-sm-2 {width: 19.666667%;}
.woocommerce-tabs iframe{width: 100%;height: 411px;}
}

@media screen and (max-width: 1279px){
.nav.main_menu,#f{display: none;}
#nav-icon1,#rmenu,#rmenub,#search-toggle{display: none;}
#cariatas{display: inline-block;top:initial;left:initial;transform: none;margin-left: 15px;}
/*#h{margin-top: 5px;}*/
.footer-widget{margin-bottom: 20px !important;}
header .col-md-3{width: 100% !important;max-width: 100% !important; flex: 0 0 100% !important;}
header{top:0;}
#search-toggle{float: right; border: none;margin-top:0;margin-right: 15px;}
#bottom_bar{display: block;}
.ccw_plugin.chatbot{bottom: 79px !important;}
}

@media screen and (max-width: 1023px){
.secondary_menu{display: none;}
.secondary_menu.keranjang-donasi{display: block;}
#h{height: auto; padding: 10px 15px;}
#nav-icon1{margin-top: 0; font-size: 18px;}
.gallery-item{float: none !important; display: block !important; margin: 30px auto !important;}
#vc_images-carousel-1-1536590308{margin-left: auto !important;margin-right: auto !important;display: block;}
.cempakanews .wpb_single_image img{width: 500px;}
.tp-bgimg.defaultimg.mayfair{background-size: auto 100% !important;}
.logo,.woocommerce img.logo, .woocommerce-page img.logo{margin: 0;height: 40px;}
#search-toggle{padding:0; font-size: 17px;}
.heading-border { font-size: 26px !important;}
.spageh{padding: 95px 0 35px 0;}
.spageh h1{font-size: 1.5rem;}
.woocommerce-account .woocommerce-MyAccount-navigation {position: fixed;bottom: 0;left: 0;margin-bottom: 0px;border-top: 1px solid rgba(0,0,0,0.3);z-index: 96;}
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {width: 100% !important;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {display: inline-block;width: 32%;vertical-align: top;text-align: center;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {font-size: 10px;border-radius: 0;height: 60px;}
.woocommerce-MyAccount-navigation ul li a:before { position: relative;display: block;right: 0;top: 0;margin-bottom: 3px;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders,.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address,.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads,.woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions,.woocommerce-account .woocommerce-MyAccount-navigation-link--orders{display: none !important;}
#cariatas{padding:0;top:11px;width:90%; width: calc(100% - 60px);}
#FeaturedSlider{margin-top:60px;}
.col-sm-6{width:50%;}
}

@media screen and (max-width: 768px){
#f .pl-0{padding-left: 15px !important;}
.rev-btn{display: none !important;}
.h2,#latar h1,#mengapa h1,.vc_custom_1541075548331 h1{font-size: 24px !important;}
.woocommerce ul.products[class*=columns-] li.product{width: 100%; float: none; margin: 0 0 2.9em 0;}
.footer-widget img{max-width: 80%; height: auto;}
.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top: 0 !important;}
.spageh{padding: 80px 0 20px 0;}
.spageh h1{font-size: 1.3rem;}
h3,h4,h5{font-size: 16px;}
.vc_custom_1562748844860 .wpb_text_column .wpb_wrapper div{font-size: 16px !important;}
.heading-border{padding: 15px 0; padding-bottom: 0;}
.syarat p{text-align: center; margin-top: 15px; display: block;}
.single-product  #w{margin-top: 72px;}
.single-product  .spageh{display: none;}
.single-product  .single-title{display: block;}
h1.total-donasi{font-size: 1.5rem;}
#mailbut{bottom: 80px !important;line-height: 30px;right:15px;}
#wabut{bottom: 125px !important;right:15px;}
.ccw_plugin.chatbot {bottom: 117px !important;}
}


@media screen and (max-width: 540px){
#w, .container,#bottom_bar{width:100%;}
#bottom_bar{left:0;transform: none;}
#f .pl-0{padding-left: 15px !important;}
.carousel-caption{bottom: 0;}
.carousel-caption h1{font-size: 16px;}
.btn-group-lg>.btn, .btn-lg{font-size: 0.8rem;padding: 5px 10px;}
.carousel-caption p{font-size: 14px;}
.campaign-feed .col-sm-4{width:50%; padding-left: 5px; padding-right: 5px;}
.campaign-feed .col-sm-4 .card-body{font-size: 16px;}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{padding-top:0px;}
}

@media screen and (max-width: 480px){
#bottom_bar .col p{font-size: 9px;}
}

@media screen and (max-width: 360px){
#rmenu{width: 290px;transform:translate(-290px,0px);-ms-transform:translate(-290px,0px);-webkit-transform:translate(-290px,0px);}
#rmenu ul{margin-top: 15px}
#rmenu ul li{padding: 6px 0;}
#rmenu li a,#rmenu .topsoc li a,#rmenu .topsoc li:last-child a{font-size: 16px;}
#rmenu .topsoc li{margin-right: 0px;}
.carousel-caption h1{font-size: 14px;}
.btn-group-lg>.btn, .btn-lg{font-size: 0.7rem;padding: 5px 10px;}
.carousel-caption p{font-size: 12px;}
}