.btn {
	border-radius: 27.5px;
	display: inline-block;
	font-size: .75rem;
	font-weight: 500;
	height: 55px;
	letter-spacing: 2.5px;
	line-height: 55px;
	text-align: center;
	text-transform: uppercase;
	width: 220px;
}

.contact-form input,
.contact-form textarea {
	border: none;
	outline: none;
}

.contact-form input {
	margin-bottom: 30px;
}

.contact-form input::placeholder,
.contact-form input {
	font-family: Montserrat, sans-serif;
	font-size: .75rem;
	letter-spacing: .3px;
}

.contact-form input[name=name],
.contact-form input[name=email] {
	float: left;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	width: 48%;
}

.contact-form input[name=name] {
	margin-right: 4%;
}

.contact-form textarea {
	height: 200px;
	padding: 25px;
	width: 100%;
}

.contact-form textarea {
	font-family: Montserrat, sans-serif;
	font-size: .875rem;
	line-height: 1.6;
}

.contact-form textarea::-webkit-scrollbar {
    width: 8px;
}

.contact-form input[type=submit] {
	cursor: pointer;
	font-family: Montserrat, sans-serif;
	float: right;
	font-size: .6875rem;
	font-weight: 500;
	height: 50px;
	letter-spacing: 3px;
	line-height: 50px;
	margin: 23px 0 0 0;
	text-transform: uppercase;
	transition: all .2s linear;
	width: 220px;
}

.container {
	max-width: 1170px;
	margin: auto;
}

.container-large {
	max-width: 1720px;
	margin: auto;
}

.clearfix {
	clear: both;
}

.img-cover  {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


/* =============== # Portfolio =============== */

.portfolio-item {
	position: relative;
}

.portfolio-item-overlay {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s linear;
	width: 100%;
}

.portfolio-item:hover .portfolio-item-overlay {
	opacity: 1;
}

.portfolio-item .info {
	font-family: Questrial, sans-serif;
	left: 50%;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.portfolio-item-title {
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: .1px;
}

.portfolio-item-category {
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: .8px;
	margin-top: 3px;
}



/* Portfolio Metro 01 */

.portfolio-metro-01 .portfolio-item img,
.portfolio-metro-02 .portfolio-item img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.portfolio-metro-01 > a:nth-of-type(1) > .portfolio-item {
	float: left;
	padding-top: 50%;
	position: relative;
	width: 50%;
}

.portfolio-metro-01 .wrapper:nth-of-type(1) {
	float: left;
	width: 25%;
}

.portfolio-metro-01 .wrapper:nth-of-type(1) .portfolio-item {
	padding-top: 100%;
	position: relative;
	width: 100%;
}

.portfolio-metro-01 > a:nth-of-type(2) > .portfolio-item {
	float: right;
	padding-top: 50%;
	position: relative;
	width: 25%;
}

.portfolio-metro-01 .wrapper:nth-of-type(2) {
	float: left;
	width: 50%;
}

.portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(1) .portfolio-item,
.portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(2) .portfolio-item {
	float: left;
	padding-top: 50%;
	position: relative;
	width: 50%;
}

.portfolio-metro-01 .wrapper:nth-of-type(2) a:nth-of-type(3) .portfolio-item {
	margin-top: 50%;
	padding-top: 50%;
	position: relative;
	width: 100%;
}

.portfolio-metro-01 > a:nth-of-type(3) > .portfolio-item {
	float: right;
	padding-top: 50%;
	position: relative;
	width: 50%;
}


.portfolio-metro-01 > a > .portfolio-item {
	float: left;
	padding-top: 50%;
	position: relative;
	width: 50%;
}

.portfolio-metro-01 .wrapper {
	float: left;
	width: 50%;
}

.portfolio-metro-01 .wrapper .portfolio-item {
	float: left;
	padding-top: 50%;
	position: relative;
	width: 50%;
}