body
{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif !important;
}

/* ---------------HEADER--------------- */
.header-top
{
	width: 100% !important;
	min-height: 40px;
	float: left;
	background-color: #f0f0f0;
	font-size: 13px;
}
.contact
{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.contact a
{
	color: black;
}
.language
{
	width: 100%;
	float: right;
	text-align: right;
	margin-top: 10px;
}
.language a
{
	color: black;
}
.header-bottom
{
	width: 100%;
	float: left;
}
.logo
{
	width: 100%;
	float: left;
}
.menu
{
	width: 100%;
	float: left;
}
.menu ul
{
	position: absolute;
    top: 35px;
    right: 0px;
}
.navbar-default
{
	background-color: transparent !important;
    border-color: transparent !important;
}
.navbar-default .navbar-nav>li>a
{
	color: black !important;
	transition: 0.3s ease;
}
.navbar-default .navbar-nav>li>a:hover
{
	color: #e8181b !important;
}
.navbar-default .navbar-toggle:focus
{
	background-color: transparent !important;
}

/* ---------------CONTENT--------------- */
.banner
{
	width: 100%;
	float: left;
	background-color: #f0f0f0;
}
.content
{
	width: 100%;
	float: left;
}
.content h3, .content p
{
	text-align: center;
	width: 100%;
	float: left;
}
.content h3
{
	color: #e8181b;
	margin-bottom: 0px;
}
.content a 
{
	color: black;
}
.content img
{
	width: 100%;
	height: 230px;
}
.box
{
	width: 100%;
	float: left;
}
.box img
{
	width: 100%;
	height: 230px;
}
.title
{
	width: 100%;
	float: left;
	background-color: #f0f0f0;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.title h4
{
	font-weight: bold;
	padding-bottom: 10px;
}
.title h4, .title p
{
	text-align: center;
	margin: 0px;
}
.content2
{
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.content2 img
{
	width: 100%;
}

/* ---------------GALLERY--------------- */
.gallery
{
	width: 100%;
	float: left;
}
.gallery a
{
	width: 100%;
    float: left;
    position: relative;
    padding: 10px 10px 25px 10px;
    margin-bottom: 20px;
    /* border: 1px solid #e8181b; 
    border-radius: 5px 5px;*/
    background-color: #e1e1e1;
    box-shadow: 1px 1px 10px black;
}
.gallery a.overlay span
{
	position: absolute;
	top: 38%;
	left: 42%;
	padding: 15px;
	background-color: #000000;
	border-radius: 100%;
	transition: 0.3s ease;
	opacity: 0;
}
.gallery a.overlay svg
{
    display: inline;
    color: #FFF;
    font-size: 20px;
    transition: 0.3s ease;
    opacity: 0;
}
.gallery a:hover.overlay svg
{
    opacity: 0.8;
}
.gallery a:hover.overlay span
{
	opacity: 0.8;
}

/* ---------------REFERENCES--------------- */
.reference
{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.reference img
{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* ---------------FORM--------------- */
.form
{
	width: 100%;
	float: left;
}
.form input[type=text]
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	outline: none;
	border: 1px solid #f0f0f0;
}
.form input[type=text]::placeholder, textarea::placeholder
{
	font-style: italic;
}
.form textarea
{
	width: 100%;
	float: left;
	outline: none;
	border: 1px solid #f0f0f0;
	resize: none;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.form input[type=submit]
{
	background-color: #dddddd;
	float: right;
	padding: 10px;
	border: none;
	outline: none;
	margin-bottom: 20px;
}

/* ---------------CONTACT FORM--------------- */
.contact-form
{
	width: 100%;
    float: left;
    background: #f0f0f0 url(../image/contact-bg.png);
    background-size: 50% 75%;
    background-position: left;
    background-repeat: no-repeat;
}
.contact-form h2
{
	color: #e8181b;
	text-align: center;
}
.contact-form input[type=text]
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	outline: none;
	border: none;
}
.contact-form input[type=text]::placeholder, textarea::placeholder
{
	font-style: italic;
}
.contact-form textarea
{
	width: 100%;
	float: left;
	outline: none;
	border: none;
	resize: none;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.contact-form input[type=submit]
{
	background-color: #dddddd;
	float: right;
	padding: 10px;
	border: none;
	outline: none;
	margin-bottom: 20px;
}
.contact-form input[type=date]
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	outline: none;
	border: none;
	color: #767676;
}
.contact-form input[type=time]
{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	outline: none;
	border: none;
	color: #767676;
}

/* ---------------FOOTER--------------- */
.footer
{
	width: 100%;
	float: left;
	background-color: #313131;
	color: white;
}
.footer p
{
	width: 100%;
	float: right;
	padding-top: 25px;
	text-align: right;
}


.contact2
{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.contact2 p
{
	margin: 0px;
}
/* ---------------RESPONSIVE--------------- */
@media only screen and (max-width:991px)
{
	.contact
	{
		text-align: center;
	}
	.language
	{
		text-align: center;
	}
	.logo
	{
		width: 50%;
		float: none;
		display: block;
		margin: 0px auto;
	}
	.contact-form
	{
		background-size: 100% 100%;
	}
	.footer p
	{
		padding-top: 0px;
		text-align: center;
	}
}
@media only screen and (max-width:991px)
{
	.menu ul
	{
		position: initial;
		text-align: center;
	}
}