/* CSS Document */

#wrapper {
	width: 350px !important;
	margin: 0px 0px auto !important;
	margin-left: 0px !important;
	height: 240px !important;
	position: relative !important;
	color: #fff !important;
	text-shadow: rgba(0,0,0,0.1) 2px 2px 0px !important;
	margin-left: -45px !important;
	padding-left: 32px !important;
}
#slider-wrap {
	width: 308px !important;
	height: 195px !important;
	position: relative;
	overflow: hidden;
}
#next {
	right: 0px !important;
	border-radius: 7px 0px 0px 7px;
	opacity:0;
}
#previous {
	left: 10px !important;
	border-radius: 0px 7px 7px 7px;
	opacity:0;
}

#wrapper:hover #next 
{
	opacity:1;
}
#wrapper:hover #previous 
{
	opacity:1;
}

.fa-arrow-right
{
	font-size:8px;
}
.fa-arrow-left
{
	font-size:8px;
}

#slider-wrap ul#slider li {
	float: left;
	position: relative;
	width: 325px !important;
	height: 215px !important;
}
#popup1 li {
	margin-left: -40px;
}
/*#slider-wrap ul#slider li > div {
    position: absolute !important;
    top: -6px !important;
    left: -14px !important;
}*/

.copy-r2 {
	font-size: 12px;
	margin: -8px 0px 0px 0px !important;
}
.add-text {
	font-size: 14px;
	line-height: 22px !important;
	margin-top: 0px !important;
}
.footer-text {
	padding-right: 19px !important;
}
.footer1
{
	padding:10px 0px !important;
}
#slider-wrap ul#slider li > div {
    position: absolute;
    top: 15px;
    left: 21px !important;
    padding-right: 12px !important;
}
.logo-df {
    margin-bottom: 0px !important;
}
@media (max-width: 480px) and (min-width: 320px) {

#wrapper
{
	height:209px !important;
}
#slider-wrap
{
	height:201px !important;
}

}