/* */

#preload-content {
	width: 300px;
	margin-left: -150px;
}

.loading-logo-wraper {
    width: 300px;
}

.tp-loader.spinner {
	display: none;
}

.logo {
	width: 400px;
}

html .side-panel i, 
html .social a:hover, 
html .mfValidation {
	color:  #bd8b8e;
}

html .button {
    border: 2px solid #bd8b8e;
    background-color: #bd8b8e;
    color: #fff;
}

html .button:hover,
html .button:active,
html .button.bordered:hover, 
html .button.bordered:active, 
html .button.bordered:focus {
    border: 2px solid #bd8b8e;
}

.sections a {
	color: #000;
	text-decoration: underline;
}


html .skill .bar .bar-active, 
html .skill .bar .bar-background, 
html .tse-scrollbar .drag-handle {
	background-color: #bd8b8e;
} 

.clear {
	clear: both;
}

.response {
	color: darkred;
}

@media (max-device-width: 767px ) {
	.logo {
		margin-top: 90px;
/* 		border:1px red solid; */
	}

	h1 {
		margin-top: 0;
	}
}