/* General */
* { padding: 0; margin: 0; }
html, body{
	min-width: 100%;
	min-height: 100%;
}


#bg{
	/*background: url(../images/hero-bg.jpg) no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;  */
  background-color: #FFF;
}

body {
	font-family: 'Raleway', sans-serif;
	color: #000;
}

a{
	color: #000;
}

a:focus, a:hover{
	color:#666;
}

strong, b{
	font-weight: 500;
}

.text-red	{
	color: #f60019;
}

.tambah-padding-bottom{
	padding-bottom: 5px;
}

.tambah-padding-top{
	padding-top: 15px;
}

.tambah-padding-top-45{
	padding-top: 45px;
}

.signup, .signin, .reset{
	font-size: small;
	text-transform: uppercase;
}

.fullbg{
	/*height: 100%; 
	background-image: url('../images/hero-bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;*/
}

header{
	padding-top: 5%;
	text-align: center;
	padding-bottom: 0;
}

header img{
	width: 117px;
}

footer{
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;*/
	margin-top: 30px;
}

.copyright{
	position: relative;
	text-align: center;
	padding: 15px 0;
}

.welcome{
	text-align: center;
}

.welcome h1{
	font-size: 34px;
	font-weight: 500;
	padding-bottom: 30px;
}

.form-register{
	padding-top: 30px;
}


.social {
    float: none;
    margin: 30px auto 15px;
    padding-top: 15px;
    text-align: center;
}

.social > p{
	font-weight: 500;
}

.social .circle{
    background-color: #EEEEEE;
    color: #FFFFFF;
    border-radius: 100px;
    display: inline-block;
    margin: 0 17px;
    padding: 15px;
}
.social .circle .fa{
    font-size: 16px;
}
.social .facebook{
    background-color: #455CA8;
    color: #FFFFFF;
}
.social .google{
    background-color: #F74933;
}
.social .twitter{
    background-color: #0084b4;
}
.facebook:hover{
    background-color: #6E83CD;
}
.google:hover{
    background-color: #FF7566;
}
.twitter:hover{
    background-color: #0E7897;
}


/*Bootstrap element*/

/*Bootstrap */
.form-control {
    color: #000;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #000;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.has-error .form-control:focus {
    border-color: #a94442;
        border-top-color: rgb(169, 68, 66);
        border-right-color: rgb(169, 68, 66);
        border-left-color: rgb(169, 68, 66);
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder { color: gray; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: gray; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: gray; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: gray; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: gray; }  /* Microsoft Edge */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: transparent;
  border-bottom-color: #000;
  box-shadow: 0 1px 1px transparent inset, 0 0 8px transparent;
  outline: 0 none;
}

.btn-transparent {
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #000 !important;
}

.btn-trid{
	color: #fff;
	background-color: #f60019;
	border-color: #f60019;
}

.btn-trid:hover, .btn-trid:focus{
	color: #fff;
	background-color: maroon;
	border-color: maroon;
}

.btn-transparent:hover, .btn-transparent:focus {
	background-color: rgba(255, 255, 255, 0.2);	
}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 40px;
}

/*.form-register .help-block, .form-login .help-block{
	color: #000;
}*/

.has-error .form-control {
    border-color: #a94442;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.welcome h1{
		font-size: 32px;
	}

	header img{
		width: 105px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.welcome h1{
		font-size: 28px;
	}
	
	header img{
		width: 92px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.welcome h1{
		font-size: 24px;
	}
	
	header img{
		width: 84px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.welcome h1{
		font-size: 22px;
	}

	header img{
		width: 72px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.welcome h1{
		font-size: 20px;
	}

	header img{
		width: 68px;
	}
}