/*
* style.css
*
* Project Name: INTERLAM
* Date Start: 06-Nov-2017 14.01 WIB;
* Author: Judah Andrew S
* Email: yehudha_mail@yahoo.com
*
* Copyright 2015. All Right Reserved
* 
*/

body {font-family: 'Noto Sans', sans-serif; font-size: 13px; color: #333; background: url(../img/bg.jpg) center top no-repeat fixed; background-size: cover; margin: 0px;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
a {color: #333;}
a:hover, a:focus {color: #6d6e70; text-decoration: none;}
.rwd-img {width: 100%; height: 100%;}
.rwd-img-30 {width: 30%;}
.mid-img {-webkit-transform:translateY(-50%); position:relative; top:50%; transform:translateY(-50%); vertical-align:middle;}
.img-left {float: left; padding: 10px 10px 10px 0}
.img-right {float: right;  padding: 10px 0px 10px 10px}
.text-red {color: #ff0000;}
.text-gold {color: #c88301;}
.text-yellow {color: #f5a414;}
.btn-primary {background-color: #613b74; border-color: #9b59b6}
.btn-primary:hover {background-color: #6d6e70; border-color: #8e44ad}

section {position: relative;}

header {margin: 20px 0 10px 0}
.right-search {padding-top: 20px;}
#custom-search-input{
    border: solid 1px #E4E4E4;
    border-radius: 5px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
    font-size: 12px;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 15px;
}

iframe {
    width: 100% !important; 
    height: 100% !important;
    min-height: 320px !important;
}

.rwd-menu {background-color: rgba(0,0,0,0.85); width: 100%; height: 100%; position: fixed; top: 0; z-index: 10000; display: none;}
.close a {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition:    all 0.8s ease-in-out;
    -o-transition:      all 0.8s ease-in-out;
    -ms-transition:     all 0.8s ease-in-out;
}
.close a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform:    rotate(360deg);
    -o-transform:      rotate(360deg);
    -ms-transform:     rotate(360deg);    
}
.close-btn {
    top: 50px;
    right: 50px;
    height: 30px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 100;
    -webkit-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    -moz-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    -o-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    z-index: 100000;
}
.line-btn:first-child {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);    
}
.line-btn {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    display: block;
    height: 3px;
    width: 30px;
    position: absolute;
    margin-top: 13px;
}
.rwd-wrap {display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; text-align: center; width: 100%;}
.rwd-wrap ul {padding: 0px; margin: 0px;}
.rwd-wrap ul li {list-style: none;}
.rwd-wrap ul li ul {display: none;}
.rwd-wrap ul li ul li a {font-size: 14px;}
.rwd-wrap a {color: #777; font-size: 30px;}
.rwd-wrap a:hover, .rwd-wrap a:focus {color: #fff}

.rwd-nav {display: none}
/*
#nav {background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd)); background:-moz-linear-gradient(top, #eee, #ddd); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); border-radius: 5px; font-family: 'Noto Sans', sans-serif; margin: 10px 0; position: relative; display: inline-block; width: 100%}
#nav li a {color: #222}
#nav li:hover > a {color: #fff}
#nav li:hover, #nav li.actived {background-color: #613b74; cursor: pointer; border-radius: 4px;}
#nav li.actived > a {color: #fff;}
#nav > a  {display: none;}
#nav li {position: relative;}
#nav ul li ul {position: relative;}
 first level 
#nav > ul {padding: 10px; margin: 0px; display: block; float: left;}
#nav > ul > li  {display: inline-block; padding: 0 20px; line-height: 35px;}

 second level 
#nav li ul {visibility: hidden; position: absolute; top: 95%; left: 0px; border-radius: 0 4px 4px 4px; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear; width: 200px; background-color: #613b74; padding: 10px 0;  z-index: 100 !important}
#nav li ul li {list-style: none; padding: 10px 10px 10px 20px; line-height: normal; font-size: 12px; width: 200px; font-weight: normal;}
#nav li:hover ul  {visibility: visible; opacity:1; transition-delay:0s; display: block; width: 200px;}

 third level 
#nav ul li ul {visibility: hidden; position: absolute; top: 95%; left: 0px; border-radius: 0 4px 4px 4px; opacity:0; transition:visibility 0s linear 0.2s,opacity 0.2s linear; width: 200px; background-color: #613b74; padding: 10px 0;  z-index: 100 !important}
#nav ul li ul li {list-style: none; padding: 10px 10px 10px 20px; line-height: normal; font-size: 12px; width: 200px; font-weight: normal;}
#nav ul li:hover ul  {visibility: visible; opacity:1; transition-delay:0s; display: block; width: 200px;}
*/

.sosmed {float: right; line-height: 24px; padding: 14px 10px 7px 10px;}
.sosmed a {font-size: 30px; margin-left: 5px;}

#slider {z-index: 0; margin: 10px 0;}
#owl-demo .item {border-radius: 5px; border: 1px solid #eee; background-color: #fff}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
}
#owl-demo .fa {z-index: 10000; font-size: 28px;}

.choose-lang {float: right; list-style: none; padding: 20px 5px 0 0}
.choose-lang li {display: inline-block; padding: 9px 3px 7px 3px;}
.choose-lang-res {float: left; list-style: none; padding-left: 30px; display: none;}
.choose-lang-res li {display: inline-block; padding: 12px 3px 7px 3px;}

/* Slider */
.slide-wrap {width: 100%; margin: 50px auto; position: absolute;}
.slide-wrap h1 {font-size: 40px; color: #555; font-weight: bold; }
.slide-wrap a {font-size: 18px;}

#product-thumb {margin-bottom: 20px;}
.prothumb-wrap {background-color: #fff; border-radius: 5px; border: 1px solid #eee; overflow: hidden; padding: 10px 0 20px 0}
.prothumb-wrap div h4 {padding: 10px 0 !important}
.prothumb-wrap div img {width: 100%; border: 5px solid #eee}
.prothumb-wrap div img:hover {width: 100%; border: 5px solid #7f8c8d}
.prothumb-wrap div p {padding: 15px 5px;}

#dotscontainer {}
.left-dotscontent {padding-left: 0px;}
.left-dotsmodule, .right-dotscontent {background-color: #fff; padding: 10px 20px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px;}
.left-dotsmodule h4 {border-bottom: 2px solid #6d6e70; padding-bottom: 15px; margin-bottom: 20px;}
.left-dotsmodule ul {padding: 0px; margin: 0px;}
.left-dotsmodule ul li {list-style: none; padding: 10px;}
.left-dotsmodule ul li ul {padding: 10px 10px 10px 12px;}
.left-dotsmodule ul li ul li {padding: 10px; list-style: circle; list-style-position: outside; font-size: 12px; margin-left: 5px;}
.menu-produk-samping li ul {display: none;}
.list-active {display: block;}

/* Product Content */
.product-contain {padding-top: 0px; padding-bottom: 50px;}
.product-contain img {width: 100%}
.product-contain h2 {font-weight: bold; display: inline-block; border-bottom: 5px solid #93c961; margin-bottom: 0px; text-transform: uppercase;}
.product-wrap {padding: 10px;}
.product-detail {border: 1px dashed #ddd; padding: 20px; min-height: 175px;}
.product-detail img {width: 100%;}

/* News */
.news-content {padding: 0px;}
.news-content li {list-style: none; padding: 10px 0 30px 0; border-bottom: 1px solid #ccc}
.news-content li small {padding-bottom: 10px; display: block;}

/* Contact */
.captcha-panel{padding: 10px; background-color: #D9EDF7; border-radius: 5px}
.alert-box {display: none; margin-top: 5px}
.alert-inputbox {border-color: #EBCCD1}

#footer {background-color: #9ea6ab; padding: 10px 0 0 0; color: #fff !important; font-size: 13px; margin-top: 50px !important;}
#footer h4 {padding: 20px 0 10px 0;}
#footer ul {padding: 0px;}
#footer ul li {list-style-position: inside; padding: 5px 0}
#footer ul li a {color: #fff !important}
#footer ul li a:hover {text-decoration: underline;}
#footer div div a img {float: left; padding: 0px 10px 10px 0;}
.footer-btm {background-color: #7f8c8d; padding-top: 10px; margin-top: 30px;}
    

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

@media (max-width: 1200px) {
} 

@media (max-width: 991px) {
.rwd-nav {display: inline-block !important; padding: 10px 15px; font-size: 25px;}
.main-menu {display: none !important;}
} 

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
    .right-dotscontent div p img, .logo-interlam {width: 100%; height: 100%;}
}

/* Landscape phones and down */
@media (max-width: 320px) {

}