@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Contact
7. Google Map
8. Footer


******************************/



/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 215px;
}
.home::before
{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	content: '';
	background: rgba(98,70,147,0.7);
	z-index: 10;
}
.home::before
{
	top: 0;
	height: 0;
}
.home_content_container1{
	align-items: center;
    background-image: url(../images/footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 215px;
    display: flex;
    flex-direction: row;
}
.home_content_container
{
	top:40%;
	z-index: 11;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    border-bottom: 2px solid #ff483a;
}
.home_content
{
	padding-bottom: 50px;
}
.home_title
{
	font-size: 36px;
	color: #FFFFFF;
	line-height: 0.75;
}
.breadcrumbs
{
	margin-top: 9px;
}
.breadcrumbs ul li:not(:last-child)::after
{
	display: inline-block;
	content: '/';
	margin-left: 5px;
	margin-right: 5px;
}
.breadcrumbs ul li,
.breadcrumbs ul li a
{
	font-size: 14px;
	color: rgba(255,255,255,0.71);
}
.breadcrumbs ul li a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.breadcrumbs ul li a:hover
{
	color: #61e49b;
}

/*********************************
6. Contact
*********************************/
a, a:hover, a:visited, a:active, a:link{
	color:black;
}
.contact
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 94px;
	padding-bottom: 25px;
}
.contact_title
{
	font-size: 30px;
	color: #000000;
	line-height: normal;
}
.contact_text
{
	margin-top: 29px;
	padding-right: 10px;
}
.contact_social
{
	margin-top: 0px;
}
.contact_social_list li
{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: rgba(255,78,78,0);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.contact_social_list li:hover
{
	background: -webkit-linear-gradient(left, #ff483a 0, #3b29de 100%);
	background: linear-gradient(to right, #ff483a 0, #3b29de 100%);
	background: -moz-linear-gradient(left, #ff483a 0, #3b29de 100%);
}
.contact_social_list li:hover a i
{
	color: #FFFFFF;
}
.contact_social_list li:not(:last-child)
{
	margin-right: 0px;
}
.contact_social_list li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.contact_social_list li a i
{
	font-size: 14px;
	color: #000000;
	line-height: 58px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.contact_info
{
	margin-top: 10px;
}
.contact_info ul li:not(:last-child)
{
	margin-bottom: 8px;
}
.contact_info_box
{
	width: 30px;
	height: 30px;
	background: #624693;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
}
.contact_info_icon img
{
	max-width: 100%;
}
.contact_info_content
{
	padding-left: 19px;
}
.contact_form
{
	margin-top: 30px;
}
.contact_input
{
	display: block;
	width: 100%;
	height: 47px;
	padding-left: 20px;
	border: none;
	outline: none;
	border-bottom: solid 1px #000000;	
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
span.help-text{
	margin-bottom: 28px;
	font-size:1em;
	font-weight: 700;
	text-transform: lowercase;
	color:red;
}
.contact_input::-webkit-input-placeholder
{
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #949494 !important;
}
.contact_input:-moz-placeholder
{
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #949494 !important;
}
.contact_input::-moz-placeholder
{
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #949494 !important;
} 
.contact_input:-ms-input-placeholder
{ 
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #949494 !important;
}
.contact_input::input-placeholder
{
	font-size: 13px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #949494 !important;
}
.contact_textarea
{
	height: 75px;
	margin-bottom: 28px;
}
.contact_input:focus
{
	border-bottom: solid 1px #61e49b;
}
.contact_button
{
	width: 136px;
	height: 51px;
	background:transparent;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;	
	outline: none;
	cursor: pointer;
	margin-top: 12px;
	color:black;
	border:1px solid black;
}
.contact_button:hover
{
	color: #fff;
    background: -webkit-linear-gradient(left, #ff483a 0, #3b29de 100%);
    background: linear-gradient(to right, #ff483a 0, #3b29de 100%);
    background: -moz-linear-gradient(left, #ff483a 0, #3b29de 100%);
}

/*********************************
7. Google Map
*********************************/

.google_map_container
{
	padding-top:50px;
	padding-bottom:25px;
	background: #FFFFFF;
}
.contact_map
{
	width: 100%;
	height: 692px;
	z-index: 1;
}
.map
{
	width: 100%;
	height: 100%;
}
.google_map
{
	width: 100%;
	height: 100%;
}
.map_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map
{
	width: 100%;
	height: calc(100% + 30px);
}
.contact_form_container{
	border:1px solid grey;
	padding:0 20px;
}
.contact_form_container .contact_title{	
	position: absolute;
	top:-20px;
	background:white;
	padding:0 20px;
}
.contact_form_container .contact_title span{	
	background: -webkit-linear-gradient(left, #ff483a 0, #3b29de 100%);	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
	font-weight: 600;
}