/*
Theme Name: BioSasak
Theme URI: http://boc.co.id/
Author: the BOC team
Author URI: http://boc.co.id/
*/
.language{ position: relative; right:0; top :0}
header .sticky_element .language{ position: absolute; right:0; top :40%}
.language .qtranxs_image img{ width:22px}
.language .title{ width: -webkit-fit-content !important;width: fit-content !important;margin: auto 0 auto auto;position: relative; color:#000; float:left; margin: 10px 0 10px; margin-right:10px; text-transform:none}
.language ul { margin: 0; text-transform: uppercase; float:right; padding: 0 0 0 5px; }
.language ul li{ float:left;display: inline; list-style-type: none;margin: 4px 0 4px 0; -o-transition: 1s ease opacity;-moz-transition: 1s ease opacity; -webkit-transition: 1s ease opacity;transition: 1s ease opacity;}
/* make sure the flags are aligned horizontally */
.language-chooser-item {float: left;}
.language-chooser-item a {display: block;width: 22px;height: 16px;margin:5px;}
.language-chooser-item.active a { opacity: 1;} 
.language-chooser-item-en a {background:transparent url(img/en.jpg) 0 0 scroll no-repeat ; background-size: 100% ; } 
.language-chooser-item-id a {background:transparent url(img/id.jpg) 0 0 scroll no-repeat; background-size: 100%; }
.language span{ float:right;   margin:10px 5px 7px 5px; color:#fff; }
.language-chooser-item-in.hover a .language-chooser-item-en.hover a{  -webkit-filter:grayscale(100%); opacity: 0.5;}
#service .alm-btn-wrap{ display:none}
.widget h4{font-size: 15px}
#table-menu {display: table;margin: auto auto auto auto;}
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {box-shadow: 0px 0px 4px #999;border: 1px solid white;padding: 8px;background: #f2f2f2;}
.gallery img:hover {background: white;}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.judul1{font-family: 'Niconne', cursive; font-size: 2.425rem;}
.judul2{font-family: 'Cookie', cursive; font-size: 2.425rem; text-transform:none}
.judul3{font-family: 'Lobster', cursive; font-size: 2.425rem;}
.judul4{font-family: 'Norican', cursive; font-size: 2.425rem;}
.judul5{font-family: 'Allura', cursive;font-size: 2.425rem;}
.judul6{font-family: 'Oleo Script', cursive;font-size: 2.425rem;}
.judul7{font-family: 'Playball', cursive;font-size: 2.425rem;}
.judul8{font-family: 'Parisienne', cursive;font-size: 2.425rem;}
.judul9{font-family: 'Great Vibes', cursive;font-size: 2.425rem;}
.copyright {text-align: center;padding: 10px 0;color:#fdaf1b;background:#00321a;font-size:13px; border-top:1px solid #003f21 }
/* wp-contacform7 */
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea {width: 100% !important;}
.wpcf7 input {padding: 10px; background:#00321a;font-size: 14px; color:#05b4ad;font-size: 0.875rem;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;border: 1px solid #0d1f6c;height: calc(1.75em + .75rem + 2px); margin-bottom:15px}
.wpcf7-select {background:#f2f2f2;border:0;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding:3px;}
.wpcf7 textarea { padding: 10px; background:#00321a;
font-size: 14px; color:#05b4ad;font-size: 0.875rem;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;
border: 1px solid #0d1f6c; width:100%!important; height:100px }
.wpcf7 input[type=submit] { font-weight:500; border: none;color:#253683!important;background:#fdaf1b;outline: none;cursor: pointer;display: inline-block;
text-decoration: none;padding: 8px 25px;color: #fff;text-align: center;font-size: 14px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height: normal; text-transform:uppercase}
.wpcf7 input[type=submit]:hover {background:#ffbd40!important; color:#253683!important;}
.wpcf7 p{ position: relative; margin-bottom:10px }
.wpcf7 label { font-weight: 400; }
.wpcf7 p .fa { position: absolute;  color:#f06421;  z-index: 100;   font-size: 20px;    top: 12%;    left: 6%;}
#about{  background:#eee ;  display: block; margin: auto;  font-size:16px; line-height:24px; color:#333}
#about h1{ color:#00321a; font-weight:700; text-transform:uppercase}
.bg_contact{background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg_red{ background:#b60102; padding:60px; color:#fff}
.bg_red h2{ color:#e49210; font-weight:700}
.brown_title{ color:#957f62; font-weight:700!important;}
.blue_{color:#11239d}
#partners figure{ margin-top:20px}

.orange_title{ color:#fdaf1b; font-weight:700}
#testi .opacity-mask {
width: 100%; height:auto; position:relative}
#testi{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; position:relative; color:#FFFFFF}
#testi h2{ font-style: normal; text-transform:uppercase; color:#fdaf1b}
#testi h3{ font-style: normal; text-transform:uppercase}
#testi .jabatan{ font-style: normal; color:#fdaf1b}
.bg_black{ background:#000000;}
.bg_black h2{ margin-bottom:20px}
.space{padding: 80px 60px 80px}
.logo{ margin:5px 0}
footer .follow_us ul{    margin: 0;padding: 0;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;margin: auto auto auto 0;float: none;}
footer .follow_us ul li {display: inline-block;margin: 0 10px 0 0;padding-left: 0px;}
footer .follow_us ul li a {display: block;}
footer .follow_us ul li a img {width: 30px;height: 30px;}
footer .follow_us ul li a:hover {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}
.phone_header{ font-size:14px; color:#FFFFFF; }
.phone_header a { color:#FFFFFF}
.phone_header a:hover { color:#eee}
.londos_story {background: #fff right no-repeat;display: block; background-size: cover;}
.stores{background: #fff left no-repeat; display: block; background-size: 100% auto, cover;}
.imgtesti{ border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000; overflow:hidden; background:#000000; width:250px; height:250px}
#testimoni #carousel-home .owl-carousel .owl-slide, #carousel-home-2 .owl-carousel .owl-slide {height: 400px;position: relative;}
.header-bg { background-image: url(img/sorgun3.jpg) ;background-repeat: no-repeat;background-size: cover;position: relative;background-attachment: fixed;background-position: center center; height:400px}
.header-bg1 { background-repeat: no-repeat;background-size: cover;position: relative;background-attachment: fixed;background-position: center center; height:400px}
#contact{ color:#FFFFFF}
.thumbnailx img{ padding-bottom:20px!important; width:100%!important; height:auto !important}
.navbar {background: #444;-o-transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-ms-transition: all .6s;transition: all .6s;backface-visibility: hidden;}
.navbar.navbar-no-bg {background: #444;background: rgba(0, 0, 0, 0.2);}
.navbar-dark .navbar-nav {font-size: 15px;color: #fff;font-weight: 600;}
.navbar-dark .navbar-nav .nav-link {color: #fff;color: rgba(255, 255, 255, 0.8);border: 0;}
.navbar-dark .navbar-nav .nav-link:hover {color: #fff;}
.navbar-dark .navbar-nav .nav-link:focus {color: #fff;outline: 0;}
.navbar-expand-md .navbar-nav .nav-link {padding-left: 1rem;padding-right: 1rem;}
.navbar-brand {width: 136px;background: url(../img/logo.png) left center no-repeat;border: 0;text-indent: -99999px;}
.ajax-load-more-wrap.blue .alm-load-more-btn {background-color:#05b4ad!important; font-size:14px; height: 38px;font-weight: 400!important;}
.ajax-load-more-wrap.blue .alm-load-more-btn.done,
.ajax-load-more-wrap.blue .alm-load-more-btn.loading,
.ajax-load-more-wrap.blue .alm-load-more-btn:hover {background-color:#1b84b7!important;}