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

4. Breadcrumbs

6. Contact Us

7. Follow Us

8. Contact Form


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

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

4. Breadcrumbs

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



.breadcrumbs

{

	width: 100%;

	height: 60px;

	border-bottom: solid 1px #ebebeb;

	margin-bottom: 79px;

}

.breadcrumbs ul li

{

	display: inline-block;

	margin-right: 17px;

}

.breadcrumbs ul li.active a

{

	color: #b9b4c7;

}

.breadcrumbs ul li i

{

	margin-right: 17px;

}

.breadcrumbs ul li a

{

	color: #51545f;

}


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

6. Contact Us

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



.contact_contents

{

	padding-right: 30px;

}

.contact_contents h1,

.follow_us_contents h1,

.get_in_touch_contents h1

{

	font-size: 40px;

	font-weight: 500;

}

.contact_contents p,

.get_in_touch_contents p

{

	font-size: 16px;

	font-weight: 400;

	margin-bottom: 0px;

}

.contact_contents div

{

	margin-top: 22px;

}

.contact_contents div:first-of-type

{

	margin-top: 39px;

}



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

7. Follow Us

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



.follow_us_contents

{

	margin-top: 32px;
}

.social

{

	margin-top: 10px;

}

.social li

{

	margin-right: 12px;

}

.social li:last-child

{

	margin-right: 0px;

}

.social li a

{

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}

.social li a i

{

	color: #FFFFFF;

}

.social li:hover a

{

	transform: translateY(-5px);

	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);

}



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

8. Contact Form

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



.form_input

{

	display: block;

	width: 100%;

	height: 40px;

	border: solid 1px #e5e5e5;

	padding-left: 20px;

	font-size: 16px;

	margin-bottom: 5px;

	border-radius: 8px;
}

.input_message

{

	width: 100%;

	margin-bottom: 15px;

	font-size: 16px;

	padding-bottom: 15px;

}

.form_input:focus,

#newsletter_email:focus

{

	border: solid 1px #7f7f7f !important;

	box-shadow: none !important;

}

.message_submit_btn

{

	background: #1e1e27;

	color: #FFFFFF;

	text-transform: uppercase;

	width: 165px;

	border: none;

	height: 46px;

	cursor: pointer;

}

.message_submit_btn:hover

{

	background: #2b2b34 !important;

}

:focus

{

	outline: none !important;

}

.input_ph::-webkit-input-placeholder

{

	font-size: 16px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}

.input_ph:-moz-placeholder /* older Firefox*/

{

	font-size: 16px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}

.input_ph::-moz-placeholder /* Firefox 19+ */

{

	font-size: 16px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}

.input_ph:-ms-input-placeholder

{

	font-size: 16px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}

.input_ph::input-placeholder

{

	font-size: 16px !important;

	font-weight: 400;

	color: #b9b4c7 !important;

}

textarea

{

	border: solid 1px #e5e5e5;

	padding-left: 20px;

	padding-top: 15px;

}

textarea:hover

{

	border-color: #7f7f7f !important;

}

.input_name

{

	margin-bottom: 10px;

	margin-top: 5px;

}

.input_review

{

	display: block;

	width: 100%;

	border: solid 1px #e5e5e5;

	margin-top: 23px;

	padding-left: 20px;

	padding-top: 13px;

}

.user_star_rating

{

	display: inline-block;

	margin-left: 18px;

}

.user_star_rating li

{

	display: inline-block;

	margin-right: -3px;

	cursor: pointer;

}

.user_star_rating li i

{

	color: #f5c136;

	font-size: 18px;

}

.review_submit_btn

{

	width: 170px;

	border: none;

	color: #FFFFFF;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 500;

	cursor: pointer;

}