/* IMPORT
===============================*/

@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('owl.carousel.css');
@import url('owl.theme.css');
@import url('owl.transitions.css');
@import url('font.css');

/* GENERAL
===============================*/

html, body{
	margin: 0;
	padding: 0;
}

body{
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	background-color: #e5ebef;
	scrollbar-face-color: #121212;
}

::-webkit-scrollbar {
	width: 10px;
} 

::-webkit-scrollbar-track {
	background-color: #ecf0f1;
} 

::-webkit-scrollbar-thumb {
	background-color: #34495e;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
} 

::-webkit-scrollbar-button {
	display: none;
} 

::-webkit-scrollbar-corner {
	background-color: #000000;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 5px;
}

a{
	color: #bdc3c7;
	text-decoration: none;
}

a:hover{
	color: #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

/*	BOOTSTRAP RESET
===============================*/

.input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group{
	margin-left: 0;
}

.form-control{
	border: 1px solid #ecf0f1;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.form-control:focus{
	background-color: #ecf0f1;
	border: 1px solid #ecf0f1;
	box-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-default{
	background-color: #bdc3c7;
	border:1px solid #bdc3c7;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-default:hover{
	background-color: #7f8c8d;
	border: 1px solid #7f8c8d;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-primary{
	background-color: #3498db;
	border: 1px solid #3498db;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-primary:hover{
	background-color: #2980b9;
	border: 1px solid #2980b9;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-success{
	background-color: #2ecc71;
	border: 1px solid #2ecc71;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-success:hover{
	background-color: #27ae60;
	border: 1px solid #27ae60;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-info{
	background-color: #1abc9c;
	border: 1px solid #1abc9c;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-info:hover{
	background-color: #16a085;
	border: 1px solid #16a085;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-warning{
	background-color: #f1c40f;
	border: 1px solid #f1c40f;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-warning:hover{
	background-color: #f39c12;
	border: 1px solid #f39c12;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.btn.btn-danger{
	background-color: #e74c3c;
	border: 1px solid #e74c3c;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.btn.btn-danger:hover{
	background-color: #c0392b;
	border: 1px solid #c0392b;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span{
	border-top-left-radius: 100%;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span{
	border-top-right-radius: 100%;
}

.pagination li a{
	margin-right: 7px;
	margin-left: 7px;
	border: 1px solid #fff;
	color: #34495e;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	    -ms-border-radius: 100%;
	     -o-border-radius: 100%;
}

.pagination li a:hover{
	background-color: #f1c40f;
	color: #fff;
	border: 1px solid #f39c12;
}

.input-group-addon{
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
}

.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child>.btn, 
.input-group-btn:first-child>.btn-group>.btn, 
.input-group-btn:first-child>.dropdown-toggle, 
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), 
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.label{
	border-radius: 0;
	line-height: 2.2;
	font-weight: 300;
	font-size: 100%;
}

.label-default{
	background-color: #161616;
}

.label-default[href]:hover, 
.label-default[href]:focus{
	background-color: #f1c40f;
}

.label-primary{
	background-color: #3498db;
}

.label-primary[href]:hover,
.label-primary[href]:focus{
	background-color: #2980b9;
}

.label-success{
	background-color: #2ecc71;
}

.label-success[href]:hover,
.label-success[href]:focus{
	background-color: #27ae60;
}

.label-info{
	background-color: #1abc9c;
}

.label-info[href]:hover,
.label-info[href]:focus{
	background-color: #16a085;
}

.label-warning{
	background-color: #f1c40f;
}

.label-warning[href]:hover,
.label-warning[href]:focus{
	background-color: #f39c12;
}

.label-danger{
	background-color: #e74c3c;
}

.label-danger[href]:hover,
.label-danger[href]:focus{
	background-color: #c0392b;
}

.thumbnail{
	border-radius: 0;
	padding: 0;
}

.progress{
	height: 30px;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
}

.progress-bar{
	line-height: 30px;
	background-color: #34495e;
	box-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
}

.progress-bar-primary{
	background-color: #3498db;
}

.progress-bar-success{
	background-color: #2ecc71;
}

.progress-bar-info{
	background-color: #1abc9c;
}

.progress-bar-warning{
	background-color: #f1c40f;
}

.progress-bar-danger{
	background-color: #e74c3c;
}

/*	HEADER
===============================*/
/*
#header{
	background: url('../img/bg-body.jpg') no-repeat center center fixed;
	color: #ecf0f1;
	background-size: cover;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
}
*/

#header .title-header h1{
	font-weight: 600;
	font-style: italic;
}

#header .title-header h1 span{
	color: #f1c40f;
}

#header .title-header p{
	font-weight: 400;
}

#header .overlay{
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0 0 70px;
}

#header .header-top{
	background-color: rgba(0, 0, 0, 0.9);
	padding: 10px 0;
	margin-bottom: 70px;
}

#header .header-top .sosmed-header-top i.fa{
	margin: 0 15px;
}

#header .header-top .sosmed-header-top i.fa:hover{
	color: #bdc3c7;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

#header .user img{
	width: 120px;
	height: 120px;
	border: 5px solid #ecf0f1;
	margin-bottom: 30px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	    -ms-border-radius: 100%;
	     -o-border-radius: 100%;
}

#header .slide-header{
	margin-bottom: 25px;
}

#header .slide-header h5, 
#header .slide-header h2{
	font-weight: 600;
}

#header .button-down i.fa{
	font-weight: 600;
	font-size: 18pt;
}

.navbar.navbar-default{
	background-color: #29343a;
	border-bottom: 3px solid #e5ebef;
	margin-bottom: 35px;
	padding: 8px 0;
}

.navbar.navbar-default .navbar-brand{
	color: #fff;
}

.navbar-default .navbar-nav>.active>a, 
.navbar.navbar-default .navbar-nav>.active>a:hover, 
.navbar.navbar-default .navbar-nav>.active>a:focus{
	background-color: #29343a;
	color: #f1c40f;
}

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

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form{
	border-color: transparent;
}

.dropdown-menu{
	background-color: #f1c40f;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
}

.dropdown-menu li a{
	color: #fff;
	padding: 10px 20px;
}

.navbar-default ul.nav li a{
        color: #fff;
        font-weight: 300;
        /*font-weight: bold;
        font-size: larger;*/
}

.navbar-default ul.nav li a:hover{
	color: #f1c40f;
}



/* CONTENT
===============================*/

#content aside{
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#content aside img{
	width: 100%;
	height: 257px;
}

#content aside .content-title{
	background-color: #fff;
	padding: 20px 0;
}

#content aside .content-title h3{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14pt;
}

#content aside .content-title a{
	text-decoration: none;
	color: #000;
}

#content aside .content-title a:hover{
	color: #f1c40f;
}

#content aside .content-footer{
	padding: 10px 20px;
	background-color: #e5ecee;
}

#content aside .content-footer img{
	width: 33px;
	height: 33px;
	border-radius: 100%;
	margin-right: 10px;
	border: 2px solid #fff;
}

#content aside .content-footer span.pull-right{
	margin-top: 7px;
}

#content aside .content-footer span.pull-right a{
	color: #999;
	text-decoration: none;
}

#content aside .content-footer span.pull-right a:hover{
	color: #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

#content aside .content-footer span.pull-right a i.fa{
	margin-left: 10px;
}

/*	SIDEBAR
===============================*/

#sidebar{
	margin-bottom: 20px;
}

#sidebar .widget-sidebar{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#sidebar .widget-sidebar h3.title-widget-sidebar{
	font-size: 14pt;
	border-bottom: 2px solid #e5ebef;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#sidebar .widget-sidebar h3.title-widget-sidebar:after{
	border-bottom: 2px solid #f1c40f;
	width: 100px;
	display: block;
	position: absolute;
	content: '';
	padding-bottom: 10px;
}

#sidebar .widget-sidebar .content-widget-sidebar ul{
	padding-left: 0;
	list-style: none;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li.recent-post{
	height: 70px;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li .thumbnail{
	border: none;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li img{
	width: 100px;
	height: 70px;
	float: left;
	margin-right: 15px;
	border: 5px solid #95a5a6;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li img:hover{
	border: 5px solid #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li a{
	text-decoration: none;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li h5{
	color: #000;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li h5:hover{
	color: #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li p small,
#sidebar .widget-sidebar .content-widget-sidebar ul li.recent-post i.fa{
	font-style: italic;
	color: #777;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li.archive a h5:hover{
	padding-left: 10px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
	    -ms-transition: all 0.6s ease;
	     -o-transition: all 0.6s ease;
}

#sidebar .widget-sidebar .content-widget-sidebar ul li.categories a h5:hover{
	padding-left: 10px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
	    -ms-transition: all 0.6s ease;
	     -o-transition: all 0.6s ease;
}

/*
===============================*/

/* FLICKR
===============================*/

.flickr .thumbnail{
	width: 78px;
	height: 78px;
	float: left;
	margin: 0 9.5px 9.5px 0;
}

.flickr .thumbnail img{
	width: 100%;
	height: 100%;
}

.flickr a .thumbnail{
	border: 4px solid #f1c40f;
}

.flickr a .thumbnail:hover,
.flickr a:hover .thumbnail{
	border: none;
	padding: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
}

/* CONTACT
===============================*/

#main-contact{
	margin-bottom: 30px;
}

.maps-default{
	margin-top: -45px;
}

.maps{
	margin-bottom: 20px;
}

.tagline-contact{
	margin-top: 30px;
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 14pt;
}

.tagline-contact span{
	border-bottom: 2px solid #f1c40f;
	line-height: 30pt;
}

.form-contact h3.title-form-contact{
	margin-bottom: 20px;
	border-bottom: 3px solid #ddd;
	padding-bottom: 10px;
}

.form-contact h3.title-form-contact:after{
	content: '';
	position: absolute;
	display: block;
	border-bottom: 3px solid #f1c40f;
	width: 130px;
	padding-bottom: 10px;
}

.form-contact h3.title-form-contact span{
	color: #f1c40f;
}

.form-contact .form-control{
	background-color: #ecf0f1;
	box-shadow: none;
	border: 2px solid #ecf0f1;
}

.form-contact .form-control:focus{
	border: 2px solid #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.form-contact .btn.btn-default:hover{
	background-color: #f1c40f;
	color: #fff;
	border: 1px solid #f1c40f;
}

.sidebar-contact{
	margin-bottom: 25px;
}

.sidebar-contact h3.title-sidebar-contact{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #ddd;
}

.sidebar-contact h3.title-sidebar-contact:after{
	content: '';
	position: absolute;
	display: block;
	border-bottom: 3px solid #f1c40f;
	width: 130px;
	padding-bottom: 10px;
}

.sidebar-contact h3.title-sidebar-contact span{
	color: #f1c40f;
}

.sidebar-contact p{
	font-weight: 400;
	margin-bottom: 10px;
}

.sidebar-contact .sosmed-contact{
	margin-top: 20px;
}

.sidebar-contact .sosmed-contact i.fa{
	margin-left: 5px;
	margin-right: 5px;
	width: 40px;
	height: 40px;
	background-color: #bdc3c7;
	color: #ecf0f1;
	padding-top: 6.5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
}

.sidebar-contact .sosmed-contact i.fa:hover{
	background-color: #f1c40f;
	color: #ecf0f1;
}

.sidebar-contact address i.fa{
	margin-right: 10px;
	color: #f1c40f;
}

.sidebar-contact address{
	font-weight: 400;
}

.sidebar-contact address a{
	color: #999;
	font-weight: 400;
}

.sidebar-contact address a:hover{
	color: #f1c40f;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
	    -ms-transition: all 0.6s ease;
	     -o-transition: all 0.6s ease;
}
 
/* ABOUT
===============================*/

#about h2.title-head-about span{
	color: #f1c40f;
}

#about .hr-title{
	border-bottom: 3px solid #f1c40f;
	width: 90px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#about .about-information{
	margin-top: 40px;
	margin-bottom: 40px;
}

#about .about-information img{
	width: 100%;
	height: 250px;
	border: 5px solid #bdc3c7;
}

#about .about-information h1{
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
}

#about .about-information small{
	color: #f39c12;
}

#about .about-information small:before{
	padding-left: 10px;
	font-family: FontAwesome;
	content: '\f178';
	margin-right: 10px;
}

#about .about-information table{
	margin-top: 15px;
}

#about h3.title-about{
	border-bottom: 3px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#about h3.title-about:after{
	position: absolute;
	display: block;
	content: '';
	border-bottom: 3px solid #f1c40f;
	padding-top: 10px;
	width: 130px;
}

#about .professional-skills{
	margin-top: 40px;
	margin-bottom: 40px;
}

#about .our-services{
	margin-top: 40px;
	margin-bottom: 40px;
}

#about .our-services .content-services{
	margin-bottom: 40px;
}

#about .our-services .content-services a{
	color: #000;
	text-decoration: none;
}

#about .our-services .content-services i.fa{
	color: #7f8c8d;
	margin-bottom: 10px;
}

#about .our-services .content-services h5{
	font-weight: 600;
	font-size: 14pt;
}

#about .our-services .content-services a:hover i.fa{
	color: #f1c40f;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
	    -ms-transition: all 0.6s ease;
	     -o-transition: all 0.6s ease;
}

/* SINGLE BLOG
===============================*/

#main-single-content{
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background-color: #fff;
	margin-bottom: 20px;
}

#main-single-content > img{
	width: 100%;
	height: 450px;
}

.content-single{
	padding: 20px;
}

.content-single .tag span{
	margin-right: 7px;
}

.content-single h2{
	font-weight: 600;
	margin-bottom: 10px;
}

.content-single p{
	font-weight: 400;
}

.content-single .hr-single{
	border-bottom: 2px dashed #ddd;
	margin-bottom: 20px;
	margin-top: 20px;
}

.content-single .tag a{
	color: #999;
}

.content-single .tag a:hover{
	color: #f1c40f;
}

.content-single .tag i.fa{
	margin-right: 7px;
	color: #ddd;
}

.content-single .tag i.fa.fa-circle{
	font-size: 6pt;
	color: #f1c40f;
}

/*	COMMENTS
===============================*/

.comment:before, 
.comment:after {
	content: "";
	display: table;
	clear: both;
}

.comment h3,
.form-comment h3{
	font-size: 24px;
	line-height: 26px;
	color: #5c7280;
	margin: 20px 0 40px;
}

.comment ul.comments > li > img {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 65px;
	height: 65px;
	border: 5px solid #ddd;
	box-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	opacity: 1;
	filter: Alpha(opacity=100);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
}

ul.comments{
	list-style: none;
	padding-left: 0;
}

ul.comments p.meta{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 13px;
}

.post-comments {
	border: 1px solid #eee;
	margin-bottom: 20px;
	margin-left: 85px;
	margin-right: 0px;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	background: #ecf0f1;
	color: #6b6e80;
	position: relative;
}

.post-comments:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -10px;
	border: 10px;
	border-top: 10px solid transparent;
	border-right: 10px solid #ecf0f1;
	border-bottom: 10px solid transparent;
	border-left: 0px solid transparent;
}

.comment ul.comments ul {
	margin-left: 85px;
}

.form-comment .form-control{
	background-color: #ecf0f1;
	box-shadow: none;
	border: 2px solid #ecf0f1;
}

.form-comment .form-control:focus{
	border: 2px solid #f1c40f;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

/*	LOGIN
===============================*/

#login{
	background: url('../img/bg-body.jpg')no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
}

#login .overlay{
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
}

.box-login{
	background-color: #fff;
	width: 380px;
	padding: 20px;
	margin: 137px auto;
	box-shadow: 0 1px 2px rgba(255, 255, 255 ,0.8);
	border-radius: 4px;
}

.box-login h3{
	font-weight: 600;
}

.box-login .form-control{
	background-color: #ecf0f1;
	border: 2px solid #ecf0f1;
	box-shadow: none;
}

.box-login .form-control:focus{
	border: 2px solid #f1c40f;
}

.box-login-alt{
	background-color: #fff;
	width: 380px;
	padding: 20px;
	margin: 40px auto 60px;
	box-shadow: 0 1px 2px rgba(255, 255, 255 ,0.8);
	border-radius: 4px;
}

.box-login-alt h3{
	font-weight: 600;
}

.box-login-alt .form-control{
	background-color: #ecf0f1;
	border: 2px solid #ecf0f1;
	box-shadow: none;
}

.box-login-alt .form-control:focus{
	border: 2px solid #f1c40f;
}

/*	REGISTER
===============================*/

#register{
	background: url('../img/bg-body.jpg')no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
}

#register .overlay{
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
}

.box-register{
	background-color: #fff;
	width: 420px;
	padding: 20px;
	margin: 45px auto;
	box-shadow: 0 1px 2px rgba(255, 255, 255 ,0.8);
	border-radius: 4px;
}

.box-register h3{
	font-weight: 600;
}

.box-register .form-control{
	background-color: #ecf0f1;
	border: 2px solid #ecf0f1;
	box-shadow: none;
}

.box-register .form-control:focus{
	border: 2px solid #f1c40f;
}

/*	BLANK PAGE
===============================*/

.box-blank-page{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 30px;
	height: 700px;
	box-shadow: 0 1px 2px rgba(255, 255, 255 ,0.8);
	border-radius: 6px;

}

/* FOOTER
===============================*/

footer{
	background-color: #202020;
	padding: 30px 0;
	border-top: 7px solid #bdc3c7;
	color: #ecf0f1;
}

footer .widget-footer{
	margin-bottom: 20px;
}

footer h4{
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #ecf0f1;
}

footer h4:after{
	position: absolute;
	display: block;
	content: '';
	padding-bottom: 10px;
	border-bottom: 2px solid #f1c40f;
	width: 100px;
}

footer .sosmed-footer i.fa{
	background-color: #161616;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 6.5px;
	padding-left: 7.5px;
	width: 30px;
	height: 30px;
	color: #fff;
	border-radius: 4px;
}

footer .sosmed-footer i.fa:hover{
	background-color: #f1c40f;
	color: #fff;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}

.footer-bottom{
	background-color: #161616;
	padding: 20px 0 15px;
	color: #ecf0f1;
}

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

.footer-bottom a{
	font-size: 10pt;
	margin-left: 10px;
}

.footer-bottom a:hover{
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
	    -ms-transition: all 1s ease;
	     -o-transition: all 1s ease;
}


.menu-only-small {
  display: show !important;
  visibility: show !important;
}

@media (min-width: 768px) {
  .menu-only-small {
    display: show !important;
    visibility: hidden !important;
    height: 0;
    width: 0;    
  }
}

@media (min-width: 992px) {
  .menu-only-small {
    display: show !important;
    visibility: hidden !important;
    height: 0;
    width: 0;    
  }
}

/*
===============================*/