/* */

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

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

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

.logo {
	width: 600px;
}

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-width: 767px ) {
	.logo {
		margin-top: 90px;
/* 		border:1px red solid; */
	}

	h1 {
		margin-top: 0;
	}
}

h2 {
	text-transform: unset;
	font-size: 20px;	
	font-weight: normal !important;
}

.side-panel p {
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 15px;
}

html .side-panel a {
	color: #000;
	text-decoration: underline;
}

#content {
	margin-top: 100px !important;
}

#preload-content {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	max-height: 100%;
	width: 100% !important;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	justify-items: center;
	margin: 0 !important;
}

.loading-logo-wraper {
	width: 100% !important;
	max-width: 600px;
	padding: 0 20px;
}