/* Custom CSS for Saya Indonesia */

/******************** No resize fix for textarea ****************************************/
.noresize {
   resize: none;
}

/***************** Form label ***********************************************/
.form-label {font-weight:normal;}

/******************** Section background colors ****************************************/
.bg-light-grey {
	background-color:#EEEEEE;
}

/******************** Section padding **************************************************/
section {
    padding-top: 80px;
}

/******************** Container style overide ******************************************/
.container {
    width:100%;
    padding:0 10% 0 10%;
}

/******************** S(ocial)bar **************************************************/
@media screen and (min-width: 1200px) {
.sbar {
padding-top:12px;
}
.sbarimg {width:24px; margin:0 5px 0 5px;}
.sbarimgbig {height:24px; margin:0 5px 0 5px;}
}

@media screen and (max-width: 1200px) {
.sbar {
 padding-left:15px;
}
.sbarimg {margin-right:10px;}
.sbarimgbig {margin-bottom:10px;}
}

/******************* News **************************************************************/
.newsframe {padding:10px; background-color:#FCFCFC; margin-bottom:25px;}

/******************* Login **************************************************************/
.loginframe {padding:10px; background-color:#FCFCFC; margin-bottom:25px;}


/******************** Logo in text *****************************************************/
.text-logo {float:left; margin:0 10px 10px 0;}

/******************** Logo settings ****************************************************/
@media screen and (min-width: 900px) {

	.logo-sub {
        top:0px;
        left:20px;
        z-index:5000;
        position:fixed;
	}

    .logo-top{
        top:0px;
        left:20px;
        z-index:5000;
        background-color:rgba(255, 255, 255, 1);
        padding:5px 20px 20px 20px;
        -webkit-transition: all ease  .5s;
        -moz-transition: all ease  .5s;
        transition: all ease  .5s;
        position:fixed;
        -webkit-box-shadow: 0 8px 6px -6px #000000;
        -moz-box-shadow: 0 8px 6px -6px #000000;
        box-shadow: 0 8px 6px -6px #000000;
    }

    .logo-top.smaller{
        background-color:transparent;
        display: inline-block;
        width: auto;
        height: 60px;
        top:10px;
        left:20px;
        padding:0px;
        -webkit-transition: all ease  .5s;
        -moz-transition: all ease  .5s;
        transition: all ease  .5s;
        position:fixed;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0 ;
    }

    .logo-top-page{
        z-index:5000;
        background-color:transparent;
        position:fixed;
        width: auto;
        height: 60px;
        top:10px;
        left:20px;
        padding:0px;
        }
}
@media screen and (max-width: 900px) {

	.logo-sub {
        top:0px;
        left:20px;
        z-index:5000;
    }

.logo-top{
        top:0px;
        left:20px;
        z-index:5000;
        background-color:rgba(255, 255, 255, 1);
        padding:5px 20px 20px 20px;
        -webkit-transition: all ease  .5s;
        -moz-transition: all ease  .5s;
        transition: all ease  .5s;
        position:fixed;
        width:40%;
        -webkit-box-shadow: 0 8px 6px -6px #000000;
        -moz-box-shadow: 0 8px 6px -6px #000000;
        box-shadow: 0 8px 6px -6px #000000;
    }

    .logo-top.smaller{
        background-color:transparent;
        display: inline-block;
        width: auto;
        height: 60px;
        top:10px;
        left:20px;
        padding:0px;
        -webkit-transition: all ease  .5s;
        -moz-transition: all ease  .5s;
        transition: all ease  .5s;
        position:fixed;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0 ;
    }
}
/******************** Navbar settings ****************************************************/
.nav-container {
	border:0px solid #000000;
	padding-right:30px;
}

.navbar-header {
	float: right;
}

.navbar {
	height:80px;
	padding-top:25px;
	background-color:#FFFFFF;
	border:0px solid #000000;;
	-webkit-box-shadow: 0 8px 6px -6px #555555;
    -moz-box-shadow: 0 8px 6px -6px #555555;
    box-shadow: 0 8px 6px -6px #555555;
    -webkit-transition: hight ease .5s;
    -moz-transition: hight ease .5s;
    transition: hight ease .5s;

}
.navbar.smaller {
	height:80px;
    -webkit-transition: hight ease .5s;
    -moz-transition: hight ease .5s;
    transition: hight ease .5s;
}

.navbar-collapse {
    background-color:#FFFFFF;
}

.navbar-collapse li{

}

.navbar-collapse .li-standard:hover {
	background-color:#DDDDDD;
}

.navbar-default .navbar-toggle {
    border-color: #555555;
    background-color:#FCFCFC;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}

.navbar-default .navbar-toggle .icon-bar:hover {
	background-color: #000000;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #555;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}


@media (max-width: 1200px) {
	.navbar-header {
            float: none;
    }
    .navbar {padding-top:0px;}
    .navbar-toggle {
            display: block;
            margin-top:38px;
            float:right;
    }
    .navbar-collapse {
            border-top: 1px solid transparent;

    }
    .navbar-collapse.collapse {
            display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
            float: none!important;

    }
    .navbar-nav>li {
            float: none;
    }
    .navbar-nav>li>a {

    }
    .navbar-collapse li{
    font-size:1.2em;
    }
    .navbar-collapse .li-standard:hover {
	    background-color:#DDDDDD;
        width:98%;
    }
}

/******************** Carousel settings ****************************************************/
#TopCarousel {
    position:relative;
    top:80px;
    width:100%;
}

.carousel {
    max-height: 600px;
    overflow: hidden;
}

@media screen and (max-width: 900px) {
	.carousel-indicators {
		display:none;
	}
}

/******************** Simple list for about misi & visi *************************************/
ol.simple_list {
	list-style-type: none;
	list-style-type: decimal !ie; /*IE 7- hack*/
	counter-reset: li-counter;
}

ol.simple_list > li{
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 2em;
	border-left: 2px solid #CCCCCC;
}

ol.simple_list > li:before {
	position: absolute;
	top: 0;
	left: -1em;
	width: 0.8em;
	font-size: 2em;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: #464646;
	content: counter(li-counter);
	counter-increment: li-counter;
}

.nav-tabs {
	/* background-color:#EEEEEE; */
}

.tab-content {
	background-color:#EEEEEE;
	padding:10px;
}

fieldset {padding-top:1em;}

/************* Contact ***********************/
section#contact {
    background-color: #222;
    background-attachment: fixed;
    background-image: url(../img/contact-bg.jpg);
    background-position: top center;
    background-repeat: none;

}

section#contact .section-heading {
    color: #fff;
}

section#contact .contact-subheading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 5px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    //height: 236px;
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#contact .text-danger {
    color: #e74c3c;
}

.contact-label {color:#999999;}

/******************** Login - Register **********************/
section#login .form-group {
    margin-bottom: 25px;
}

section#login .form-group input,
section#login .form-group textarea {
    padding: 5px;
}

section#login .form-group input.form-control {
    height: auto;
}

section#login .form-group textarea.form-control {
    //height: 236px;
}

section#login .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}

section#login::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#login:-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#login::-moz-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#login:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #555;
}

section#login .text-danger {
    color: #e74c3c;
}

.reg-disclaimer-head {padding-left:10px; font-size:1.0em; padding-top:20px; font-weight:bold;}
.reg-disclaimer {padding-left:10px; font-size:0.9em;}
.disclaimercheck {margin-top:25px; padding-left:10px;}