/* Search */

.rstpl-search-container {

	overflow: hidden;

	width: 305px;

}

.rstpl-search-container form {

	position: relative;

	z-index: 9;

}

.rstpl-search-container button [class^="icon-"] {

	margin: -2px 0 0 0;

}

.rstpl-search-container input[type="text"] {

	font-size: 14px;

	height: 50px;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	padding: 12px 14px;

}

.rstpl-search-container input[type="text"]:focus {

	padding: 12px 14px;

	border-top-width: 0;

	border-left-width: 0;

	border-right-width: 0;

	border-bottom-width: 3px;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}

.rstpl-search-container .inputbox {

	border-top: 0;

	border-left: 0;

	border-right: 0;

 	border-bottom: 3px solid;

	border-radius: 0;

	width: 250px;

}

.rstpl-search-container [class^="icon-"] {

	font-size: 24px;

	line-height: 24px;

	margin: 10px 0 0 0;

	vertical-align: top;

}

.rstpl-search-container .btn {

	background-image: url(../../images/header-bg.jpg);

	border: none;

	border-radius: 0;

	height: 50px;

	width: 50px;

	margin: 0;

	outline: 0 none;

	padding: 0;

	-webkit-transition: color .2s linear;

	-moz-transition: color .2s linear;

	transition: color .2s linear;

}

.rstpl-search-container.animated-left, .rstpl-search-container.animated-right {

	width: 300px;

}

.rstpl-search-container.animated-left form {

	left: 250px;

}

.rstpl-search-container.animated-right form {

	right: 250px;

}

.rstpl-search-container.animated-right .inputbox {

	margin-left: 50px;

}

.rstpl-search-container.animated-left .btn {

	position: absolute;

	left: 0;

	top: 0;

}

.rstpl-search-container.animated-right .btn {

	position: absolute;

	right: 0;

	top: 0;

}

.rstpl-search-container .btn.active, .rstpl-search-container .btn:active {

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}



@media (max-width: 480px) {

	.rstpl-search-container {

		width: 255px;

	}

	.rstpl-search-container .inputbox {

		width: 200px;

	}

	.rstpl-search-container.animated-left, .rstpl-search-container.animated-right {

		width: 250px;

	}

	.rstpl-search-container.animated-left form {

		left: 200px;

	}

	.rstpl-search-container.animated-right form {

		right: 200px;

	}

}

@media (max-width: 320px) {

	.rstpl-search-container {

		width: 205px;

	}

	.rstpl-search-container .inputbox {

		width: 170px;

	}

	.rstpl-search-container input[type="text"] {

		font-size: 12px;

		height: 30px;

		padding: 6px 8px;

	}

	.rstpl-search-container [class^="icon-"] {

		font-size: 20px;

		line-height: 20px;

		margin: 4px 0 0 0;

	}

	.rstpl-search-container .btn {

		height: 30px;

		width: 30px;

	}

	.rstpl-search-container.animated-left, .rstpl-search-container.animated-right {

		width: 200px;

	}

	.rstpl-search-container.animated-left form {

		left: 170px;

	}

	.rstpl-search-container.animated-right form {

		right: 170px;

	}

}

/* End Search */