/*
 Table Of Contents
 1) @fontface 
 2) General Text Formatting and Typography
 3) Site Wide Content
 	3.1) General Style
 	3.2) Sprite Icon
 	3.3) Botton Style
 	3.4) Img Thumb
 	3.5) Table Style
 	3.6) Tab Style
 	3.7) Accordion Style
 	3.8) Notification Style
 	3.9) List Style
 	3.10) Blockquote Style
 	3.11) Progress Style
 	3.12) Breadcrumb Banner Section
 	3.13) Global Animations Style
 	3.14) Side Nav Style
 	3.15) pagiantion Style
 4) Header Styles
 	4.1) Header First
 	4.2) Header Second
 	4.3) Header Third
 5) Footer Styles
	 5.1) Footer first
	 5.2) Footer Second
	 5.3) Footer Third
 ===============================================*/

/*
1.) @fontface
 ----------------------------------------*/
@font-face {
    font-family: 'latoblack';
    src: url('https://fe755f.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/lato-black-webfont.eot');
    src: url('https://755a1b.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/lato-black-webfont-.eot#iefix') format('embedded-opentype'), url('https://e8f704.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/lato-black-webfont.woff') format('woff'), url('https://2d468e.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/lato-black-webfont.ttf') format('truetype'), url('https://0131f3.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ebrima';
    src: url('https://b03507.claudeassets.com/20200806134757im_/https://berbagibahagia.org/fonts/ebrima.ttf');
    font-weight: normal;
    font-style: normal;
}

body{
    font: 400 0.9375rem "Open Sans", sans-serif;
    /*font-family: 'ebrima' !important;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
/*
2)General Text Formatting
 ----------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #26211d;
    font-weight: 400;
}

h1, .h1 {
    font-size: 36px;
    margin-bottom: 30px;
}

h2, .h2 {
    font-size: 30px;
    margin-bottom: 36px;
}

h3, .h3 {
    font-size: 26px;
    margin-bottom: 39px;
}

h4, .h4 {
    font-size: 24px;
    margin-bottom: 40px;
}

h5, .h5 {
    font-size: 20px;
    margin-bottom: 42px;
}

h6, .h6 {
    font-size: 18px;
    margin-bottom: 39px;
}

p {
    font-size: 14px;
    color: #727272;
    line-height: 1.5;
}

a:hover, a:focus {
    text-decoration: none;
}

a:focus, a:active {
    outline: none;
}
ul, ol {
    padding-left: 15px;
}

/*
 3) Site Wide Content
 ------------------------------*/
/*
 3.1) General Sytle
 -----------------------------*/
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h2 strong, .h2 strong, h4 strong, .h4 strong {
    font-family: 'latoblack', sans-serif;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    font-size: 100%;
    color: inherit;
    border-radius: 0;
    padding: 5px 0;
    text-transform: capitalize;
}

h1 small.border-none, .h1 small.border-none, h2 small.border-none, .h2 small.border-none, h3 small.border-none, .h3 small.border-none, h2 small.border-none, .h2 small.border-none, h4 small.border-none, .h4 small.border-none {
    border-bottom: 0px;
}

.heading-group {
    padding: 20px 0 0;
}

/*svg {
    background: #f7f7f7 !important;
    border: 1px solid #efefef;
}*/
.svg-shape svg {
    width: 50px;
    height: 50px;
}

.svg-shape {
    height: 68px;
    position: absolute;
    right: 38px;
    text-align: center;
    width: 68px;
    top: 19px;
}

.user-svg-shape {
    position: absolute;
    right: 8px;
    top: 17px;
    width: 68px;
    height: 98px;

}

.user-svg-shape svg {
    width: 80px;
    height: 80px;
}

.border-none {
    border: none !important;
}

.btn {
    padding: 10px 25px;
}

input:focus, textarea:focus {
    outline: none;
}

input:focus, textarea:focus, .btn:focus, .zoom img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.media-content:hover .svg-shape, .media-content .svg-shape, .volunteer-reward:hover .svg-shape, .volunteer-reward .svg-shape {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#page-info {
    padding-bottom: 100px;
    padding-top: 50px;
}

/*
 3.2) Sprite Icon
 -----------------------------*/
[class^="icon-"] {
    background-image: url(https://5b2e1d.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.icon-search {
    width: 24px;
    height: 24px;
}

.icon-volume {
    width: 37px;
    height: 36px;
    background-position: 0 -30px;
    margin-top: -5px;
}

.icon-user {
    width: 29px;
    height: 36px;
    background-position: 0 -69px;
    margin-top: -3px
}

.icon-heart {
    width: 38px;
    height: 36px;
    background-position: 0 -109px;
    margin-top: -3px;
}

.icon-embed {
    width: 20px;
    height: 25px;
    background-position: -40px -30px;
}

/*
 3.3) botton Style
 ----------------------------------------*/

.btn-theme {
    color: #fff;
    border-radius: 0;
}

.btn-theme:hover, .btn.btn-theme:focus {
    color: #fff;
}

/*
 3.4) Img Thumb
 ----------------------------------------*/
.img-thumb {
    display: block;
    overflow: hidden;
}

.img-thumb img {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.img-thumb:hover img, .img-thumb:focus img, .zoom:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*
 3.5) Table Style
 ----------------------------------------*/
.table-wrap {
    border: 1px solid #e0e0e0;
    padding: 15px 10px 10px;
    border-radius: 8px;
    background: #f8f7f5;
}

.table {
    background: #f8f7f5;
}

.tables-outline {
    border: none;
    background: none;
}

.table-content h3 {
    margin-bottom: 0;
}

.table-content .bs-example {
    margin-bottom: 70px;
    padding-top: 20px;
}

.tables-outline > tbody > tr > td:first-child, .tables-outline > thead > tr > th:first-child {
    border-left: 1px solid transparent;
}

.tables-outline > tbody > tr > td:last-child, .tables-outline > thead > tr > th:last-child {
    border-right: 1px solid transparent;
}

.tables-outline > tbody > tr:last-child > td {
    border-bottom: 1px solid transparent;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    height: 37px;
}

.table > thead > tr > th {
    font-size: 18px;
    color: #26211d;
}

.table > tbody > tr > td {
    color: #7c7c7c;
}

.table.b-border > tbody > tr:last-child > td {
    border-bottom: 1px solid #e0e0e0;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #ededed;
}

/*
 3.6) Tab Style
 ----------------------------------------*/
.bs-example-tabs {
    padding-top: 40px;
    margin-bottom: 40px;
}

.content-wrapper .shortcode-page .bs-example-tabs:last-child {
    margin-bottom: 0;
}

.tab-content {
    border: 1px solid #e5e3dc;
    border-top: none;
    padding: 8px 18px 3px;
}

/*.nav-tabs > li {
    margin-bottom: 1px;
    margin-right: 8px
}*/

.nav-tabs > li:last-child {
    margin-bottom: 0px;
}

.nav-tabs > li > a {
    border-radius: 0;
    width: 100%;
    font-size: 18px;
    color: #302f2c;
    margin-right: 15px;
    cursor: pointer;
}

.nav-tabs_less-space > li > a {
    margin-right: 0;
}

/*
 3.7) Accordion Style
 ----------------------------------------*/
.panel-group .panel {
    border-radius: 0;
}

.panel {
    box-shadow: none;
    /*border: none;*/
}

.panel-title > a {
    /*padding: 10px 15px 10px 36px;*/
    display: block;
    position: relative;
}

.toggel-icon {
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -8px;
}

.panel-default > .panel-heading {
    background-image: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel-collapse {
    border: 1px solid #e5e3dc;
    border-top: none;
}

.toggle-panel .panel-collapse {
    border: none;
}

/*
 3.8) Notification Style
 ----------------------------------------*/
.bs-example-notification {
    padding: 35px 0;
}

.content-wrapper .bs-example-notification {
    padding-bottom: 0;
}

.alert {
    padding: 13px 15px;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.alert p {
    margin-bottom: 0;
}

.alert-danger {
    background: #ffdfe0;
}

.alert-success {
    background: #edffe9;
}

.alert-info {
    background: #eaf7ff;
}

.alert-warning {
    background: #fffbf0;
}

.alert-default {
    background: #f8f8f8;
}

.alert.alert-danger {
    color: #dc7276;
    border: 1px solid #f5cfcf;
}

.alert.alert-success {
    color: #68905e;
    border: 1px solid #b9e6b1;
}

.alert.alert-info {
    color: #71abd1;
    border: 1px solid #b1defb;
}

.alert.alert-warning {
    color: #d2af49;
    border: 1px solid #fbdeb1;
}

.alert.alert-default {
    color: #b9b5b4;
    border: 1px solid #dedede;
}

.alert.alert-danger p {
    color: #dc7276;
}

.alert.alert-success p {
    color: #68905e;
}

.alert.alert-info p {
    color: #71abd1;
}

.alert.alert-warning p {
    color: #d2af49;
}

.alert.alert-default p {
    color: #b9b5b4;
}

/*
 3.9) List Style
 ----------------------------------------*/

li {

    color: #7c7c7c;
}

.list-style li {
    font-size: 16px;
    list-style: none;
}

.list-unstyled, .list-arrowstyled {
    list-style: none;
}

.list-unstyled li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 5px;
    padding-right: 8px;
    position: relative;
    top: -1px;
}

.list-arrowstyled li:before {
    content: "\f101";
    font-family: FontAwesome;
    padding-right: 8px;
}

.list-circlestyled, .list-arrowstyled {
    padding-left: 0;
    list-style: none;
}

.list-circlestyled li:before {
    content: "\f10c";
    font-family: FontAwesome;
    padding-right: 8px;
    font-size: 11px;
}

.list-style h3 {
    margin: 45px 0 50px;
}

/*
 3.10) Blockquote Style
 ----------------------------------------*/
.bs-blockquete {
    margin-top: 50px;
}

blockquote {
    min-height: 90px;
}

.blockquote-reverse {
    min-height: 90px;
}

blockquote p {
    font-size: 20px;
    line-height: 1;
}

blockquote footer, blockquote small, blockquote .small {
    color: #26211d;
}

blockquote footer:before, .blockquote-reverse footer:after {
    display: none;
}

/*
 3.11) Progress Style
 ----------------------------------------*/
.progress {
    border-radius: 0;
    height: 11px;
    overflow: visible;
    box-shadow: 0 0 0;
    position: relative;
}

.progress-bar {
    background: #26211d;
    position: relative;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    box-shadow: 0 0 0;
}

.progress-value {
    min-width: 69px;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #26211d;
    text-align: center;
    position: absolute;
    left: 100%;
    top: -35px;
    margin-left: -35px;
}

.progress-value-number {
    font-size: 16px;
    color: #26211d;
    text-align: left;
}

.progress-value:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #2559af transparent transparent;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}

.progress-bar.progress-bar-custom {
    background: rgba(38, 33, 29, 0.64)
}

.progress-bar-striped {
    background: transparent url(https://915cdd.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/progress-bg.png);

}

.progress-bar.slide-ranger {
    background: rgba(38, 33, 29, 0.14);
}

.slide-ranger .left-btn, .slide-ranger .right-btn {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    top: 50%;
    background: #26211d;
    border-radius: 100%;
    display: block;
    cursor: pointer;
}

.slide-ranger .left-btn {
    left: -2px;
}

.slide-ranger .right-btn {
    right: -2px;
}

/*
 3.12)Breadcrumb Banner Section 
 ----------------------------------------*/
.breadcrumb-section {
    background: url(https://ee4850.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/bingkisan2.jpg) center 37.3% no-repeat;
    background-size: cover;
    padding: 31px 0 42px;
    min-height: 200px;
    /*	margin-bottom: 59px;*/
}

.breadcrumb-section h1 {
    font-weight: 700;
    margin-bottom: 0;
}

.breadcrumb {
    background: none;
    border-radius: 0;
    padding: 4px 0;
}

.breadcrumb > li, .breadcrumb > .active, .breadcrumb a, .breadcrumb > li + li:before {
    color: #26211d;
}

.breadcrumb > .active {
    font-weight: 700;
}

.bs-example {
    margin-bottom: 40px;
    padding-top: 40px;
}

.content-wrapper .shortcode-page .bs-example:last-child {
    margin-bottom: 0;
}

.text-uc {
    text-transform: uppercase;
}

/*
 3.13)Global Animations Style
 ----------------------------------------*/
.anim-section {
    position: relative;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    -moz-transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    visibility: visible;
    opacity: 0
}

.anim-section.animate {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

/*
 3.14) Side Nav Style 
 ----------------------------------------*/
.side-nav {
    list-style: none;
}

.side-nav ul {
    padding-left: 0;
    padding-bottom: 31px;
}

.side-nav li {
    border-bottom: 1px solid #e1dedb;
    list-style: none;
}

.side-nav li a {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 1.5;
    display: block;
    padding: 11px 0;
}

.side-nav li:hover a, .side-nav li.active a {
    font-weight: bold;
    color: #26211d;
}

.bullet-arrow {
    margin-right: 15px;
}

.page-header {
    margin: 0 0 20px 0;
    border-bottom: none;
}

/*
 3.15) pagiantion Style
 ----------------------------------------*/
.pagination {
    margin: 0;
}

/*.pagination > li > a, .pagination > li > span {
    background-color: #FFFFFF;
    border: 2px solid #4D4641;
    color: #26211d;
    margin: 0 3px;
    padding: 8px 16px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #fff;
    color: #26211d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #fff;
    color: #26211d;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
}*/

/*pagiantion*/
/*
 4) Header Style
 ----------------------------------------*/
/*
 4.1) Header First Style
 ----------------------------------------*/
#header {
    background: #000;
    position: relative;
    z-index: 99;
}

#header.header-third {
    background: #f2ede9;
}

#header.navbar-fixed-top {
    position: fixed;
    top: 0; left: 0;
    right: 0;
}

.btn-volunteer {
    padding: 11px 31px;
    float: right;
    margin-left: 2%;
    color: #fff;
    font-size: 11px;
}

.btn-volunteer:hover, .btn-volunteer:focus {
    color: #fff;
}

.social-icons {
    list-style: none;
    float: left;
    padding: 18px 0 0;
    margin-bottom: 0;
}

.social-icons > li {
    float: left;
    margin-right: 3px;
}

#header .social-icons > li {
    margin-right: 18px;
}

.social-icons a {
    font-size: 20px;
    color: #4d4641;
    line-height: normal;
    vertical-align: middle;
    line-height: 20px;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.social-icons .google-plus {
    font-size: 33px;
    font-family: 'socialico_plusregular';
}

.social-icons a:hover, .social-icons a:focus {
    color: #fff;
}

.header-second ul.dropdown-menu{
    background: #000;
}

.header-second .navbar-nav>li>a{
    color: #fff;
    font-size: 1.1em;
    padding: 5px 15px;
}

.header-second .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover{
    color: #CCCCCC;
}

.header-second ul.dropdown-menu li a{
    color: #fff;
    font-size: 1.3em;
    padding: 5px 20px;
}

.header-second ul.dropdown-menu li a:hover{
    background: #2559af;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
    color: #ccc;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background: transparent;
    color: #fff;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-nav {
    margin: 0;
}

/*.nav > li .glyphicon {
    display: block;
    float: right;
    padding-right: 10px
}*/

.open .glyphicon.glyphicon-chevron-down, .submenu-icon .glyphicon.glyphicon-chevron-up {
    display: none;
}

.open .glyphicon.glyphicon-chevron-up {
    display: block;
}

/*search-form*/
.search-form {
    margin: 0;
    border-bottom: 0;
    border-left: 1px solid #d6b428;
    border-right: 1px solid #d6b428;
    padding: 0;
    position: relative;
}

.navbar-form.navbar-right:last-child {
    margin-right: 0;
    position: relative;
}

.search-form .form-control {
    background: none;
    border: none;
    padding-right: 2px;
    height: 50px;
    color: #45403c;
    font-weight: 700;
    width: 100%;
    padding: 6px 20px;
}

.form-control::-moz-placeholder {
    color: #45403c;
    font-size: 14px;
    font-weight: 700;
}

.search-form button[type="submit"], .search-form button[type="button"] {
    background: none;
    border: none;
    position: absolute;
    right: -10px;
    top: 10px;
    font-size: 23px;
    color: #45403c;
    font-weight: normal;
    z-index: 999;
}

.search-form .form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #45403c;
}

.search-form .form-control:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #45403c;
}

.search-form .form-control::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    color: #45403c;
}

.search-form .form-control:-ms-input-placeholder {
    opacity: 1;
    color: #45403c;
}

.search-form .form-group {
    margin-bottom: 0;
    width: 80%;
    padding-right: 10px;
}

/*
 3.1) sticky header style
 ------------------------------*/
#header {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#header.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

#header.up {
    top: -162px;
    opacity: 0;
    visibility: hidden;
}

#header.down {
    top: 0;
    opacity: 1;
    visibility: visible;
}

/*
 4.2) Header Second Style
 ----------------------------------------*/
.header-second .navbar {
    display: table;
    width: 100%;
    height: 80px;
}

.header-second .nav-content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.nav-content .container {
    height: 80px;
}

.touch-by-mail {
    float: right;
    color: #5c534b;
    font-size: 14px;
    line-height: 2.6;
    margin: 0 35px;
}

.organization {
    color: #5c534b;
    display: inline-block;
    line-height: 3;
}

.touch-by-mail:hover {
    color: #2559af;
}

.header-second .btn-volunteer {
    padding: 6px 22px;
    margin-top: 3px;
}

.header-second .touch-by-mail {
    font-size: 18px;
    line-height: 2.2;
    margin: 0 28px 0 20px;
}

.header-third .touch-by-mail {
    line-height: 2.4;
}

.header-second .social-icons {
    margin-bottom: 0;
    padding: 7px 0 0;
}

.navbar-default{
    border-bottom: 2px solid rgba(41, 86, 199, 0.5);
}

.header-second .navbar-default .navbar-nav > li {
    padding-top: 20px;
    padding-bottom: 27px;
}

.header-second .brand {
    float: left;
}

.header-second .brand img{
    width: 120px;
}

.header-second .navbar-nav {
    float: right;
}

.header-third .navbar-nav {
    margin-right: 9%;
}

.header-second .icon-search {
    background: none;
    color: #000;
}

.header-second .form-group {
    padding: 0;
    position: absolute;
    right: 40px;
    top: 10px;
    width: 0;
    z-index: 999;
    background: #fff;
}

.header-second .search-form {
    border: none;
}

.header-second .search-form button[type="submit"], .header-second .search-form button[type="button"] {
    font-size: 14px;
    color: #2d2620;
    margin-top: 10px;
    margin-right: 0;
    right: 2px;
    color: #fff;
}

.bottom-line:before {
    content: '';
    border-bottom: 1px solid #383731;
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
}

/*
 4.3) Header Third Style
 ----------------------------------------*/
.header-third {
    background: #f2ede9;
}

.header-third .primary-header .btn-default {
    border-color: #2d2620;
    color: #2d2620;
}

.header-third .primary-header .btn-default:hover, .slider-wrapper3 .btn-default, .btn-wrapper .btn-default {
    border-color: #2559af;
    color: #2559af;
    background-color: transparent;
}

.header-third .navbar-alternate {
    background-color: #323026;
}

.header-third .brand {
    display: block;
    margin: 0;
    padding: 37px 0;
    text-align: center;
}

.header-third .navbar {
    position: relative;
}

.header-third .navbar-nav > li > .dropdown-menu, .header-third .navbar-nav .open .dropdown-menu {
    background: #2C2A22;
}

.header-third .navbar-nav > li > .dropdown-menu > ul > li > a {
    border-bottom: 1px solid #383731;
}

.header-third .navbar-nav > li > .dropdown-menu > ul > li:last-child > a {
    border-bottom: none;
}

.header-third .navbar-nav > li > .dropdown-menu > ul > li > a, .header-third .search-form button[type="submit"], .header-third .search-form button[type="button"] {
    color: #988c81
}

.header-second.header-third .form-group {
    background: #323026 !important;
}

.header-third .navbar-default {
    border-top: 0;
}

.header-third .nav-content:before {
    position: absolute;
    right: 50%;
    top: 0px;
    margin-right: 396px;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
}

.header-third .navbar-default .navbar-nav > li > a {
    color: #988c81;
}

.header-third .navbar-default .navbar-nav > li > a:hover, .header-third .navbar-default .navbar-nav > li > a:focus, .header-third .navbar-default .navbar-nav > li.active > a {
    color: #f2ede9;
}

.header-third .bottom-line:before {
    border-color: #383731 !important;
}

/*
5) Footer Styles
----------------------------------------*/
/*
5.1) Footer First
----------------------------------------*/
#footer {
    padding: 86px 0 0;
    background: #32302f;
    color: #fff;
}

#footer ul {
    list-style: none;
}

#footer a[href^="mailto"] {
    color: #8f8b89;
}

.footer-logo {
    margin-bottom: 32px;
}

.footer-logo a {
    margin-top: -14px;
    display: inline-block;
}

#footer p {
    line-height: 1.7;
    margin-bottom: 30px;
    font-size: 14px;
    color: #fff;
}

#footer address {
    line-height: 1.8;
}

#footer address span span a {
    color: #8f8b89;
}

#footer address > span {
    margin-bottom: 6px;
}

#footer address span {
    display: block;
    overflow: hidden;
}

#footer address .fa {
    font-size: 17px;
    width: 27px;
    float: left;
    margin-top: 6px;
}

#footer .twitter-update a {
    color: #8f8b89;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#footer .twitter-update a:hover {
    color: #A5A4A4;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#footer h6 {
    font-weight: 700;
    color: #fff;
    margin: 5px 0 35px;
}

#footer .comment-time {
    color: #65615e;
    display: block;
}

.sign-up {
    margin-bottom: 42px;
}

#footer .sign-up h6 {
    margin-bottom: 23px;

}

.sign-up .input-group-addon {
    padding: 0;
    border: 0;
    background: none;
}

.sign-up .form-control {
    background: none;
    border: 2px solid #595756;
    border-right: 0;
    height: 45px;
    font-size: 14px;
    color: #595756;
}

.sign-up .form-control::-moz-placeholder {
    color: #595756;
    font-weight: 400;
}

.sign-up .btn-theme {
    height: 45px;
    vertical-align: top;
    background: none;
    padding: 10px 20px;
}

.sign-up .btn-theme:hover, .sign-up .btn-theme:focus {
    color: #fff;
}

#footer .social-icons {
    float: left;
    margin: -16px 0 0;
}

#footer .social-icons > li {
    margin-left: 20px;
}

#footer .social-icons > li:first-child {
    margin-left: 0;
}

#footer .social-icons a {
    font-size: 24px;
    color: #595756;
}

#footer .social-icons a:hover, #footer .social-icons a:focus {
    color: #fff;
}

.copyright {
    font-size: 15px;
    color: #575352;
    text-align: center;
    margin-top: 82px;
    background: #2a2928;
    padding: 21px 0;
}

#footer .copyright p {
    margin-bottom: 0;
}

/*
5.2) Footer Second
 ----------------------------------------*/
.second-footer nav li {
    margin-bottom: 7px;
}

.second-footer .footer-logo {
    margin-bottom: 24px;
}

.flickr ul {
    margin: 0;
    padding: 0;
    margin-left: -15px;
    overflow: hidden;
}

.flickr ul li {
    float: left;
    width: 82px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.flickr ul li img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.flickr ul li:hover img {
    opacity: 0.5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.loader-wrap {
    display: none;
}

#footer .footer-logo a {
    font-size: 28px;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    font-style: italic;

}

.footer-nav ul {
    margin: 0;
    padding: 0;
}

.second-footer .copyright {
    text-align: left;
}

/*
5.3) Footer Third
----------------------------------------*/
.copyright-alternate {
    background: transparent;
    padding: 0;
}

.copyright-alternate .container {

    border-top: solid 1px #575352;
}

.copyright-alternate .container span {
    padding: 21px 0;
    display: block;
}

.btn-wrapper .btn-default {
    margin-right: 12px;
}

#footer.footer-third p, #footer.footer-third address span, #footer.footer-third .twitter-update a {
    color: #575352;
}

.footer-third .footer-logo a {
    margin-top: 2px;
}

.footer-third .btn-wrapper .btn {
    padding: 7px 16px;
    min-width: 117px;
}

.footer-third .footer-logo {
    margin-bottom: 13px;
}

/* Localized */
/*Button*/
.btn-default{
    background: #1F5CA9;
    border: 1px solid #1F5CA9;
    color: #fff;
    font-weight: bold;
}

.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus{
    background: #1f488c !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.btn-primary{
    background: #1f5ca9;
    color: #fff;
}

#main{
    margin-top: 65px;
}

.navbar-collapse .navbar-nav{
    margin-top: 15px !important;
    margin-right: 30px !important;
}

.navbar-toggle{
    margin-right: 5px;
    margin-top: 20px;
    background-color: #fff;
}

.figure-cropped img{
    width: 100%;
    height: 100%;
}

.header-help{
    height: 300px;
}

.header-help h1{
    margin-top: 10%;
    color: #fff;
}

.bg1{
    background: url("https://4e6bc4.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/IMG_0166.JPG") center 37.3% no-repeat;
    background-size: cover;
}

.bg2{
    background: url("https://e53892.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/IMG_1861.JPG") center 37.3% no-repeat;
    background-size: cover;
}

.bg3{
    background: url("https://bfb744.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/IMG_1301.JPG") center 37.3% no-repeat;
    background-size: cover;
}

.bg4{
    background: url("https://306408.claudeassets.com/20200806134757im_/https://berbagibahagia.org/img/IMG_1243.JPG") center 30.3% no-repeat;
    background-size: cover;
}
/*
     FILE ARCHIVED ON 02:43:59 Feb 01, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:31:19 Oct 13, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.669
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.036
  esindex: 0.01
  cdx.remote: 42.742
  LoadShardBlock: 101.96 (3)
  PetaboxLoader3.resolve: 426.088 (5)
  PetaboxLoader3.datanode: 245.571 (5)
  load_resource: 601.087 (2)
*/