/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
body { font-size: 1rem; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "BerrysText", sans-serif; }

.background-image { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: image('../images/parallax/main.jpg') }

.background-fixed { background-attachment: fixed; background-position: center top; background-size: cover; }

.tp-caption.NotGeneric-Title,.NotGeneric-Title
{
	background-color:transparent;
	border-color:transparent;
	border-radius:0 0 0 0;
	border-style:none;
	border-width:0;
	color:rgba(255,255,255,1.00);
	/* font-family:Raleway; */
	font-size:70px;
	font-style:normal;
	font-weight:800;
	line-height:70px;
	padding:10px 0;
	text-decoration:none;
}


.text-success{color:#70ad47 !important}
.text-danger{color:#ff0000 !important}

.product .product-image { position: relative; max-width: 100%; height: auto; overflow: hidden; }

.product .product-image > a, .product .product-image img { display: block; max-width: 100%; max-height: 460px; }

.product { margin-bottom: 40px; position: relative; display: block; padding-bottom: 25px; border-bottom: #434343 thin dashed; box-shadow: #000; h-Offset: 5px; v-Offset: 5px; blur-radius: 5px;  }

.product-home { margin-bottom: 40px; position: relative; display: block; padding-bottom: 25px; border-bottom: #fff thin dashed; box-shadow: #000; h-Offset: 5px; v-Offset: 5px; blur-radius: 5px;  }

.product-hot-off { background: #d6284b; }
.product .product-hot-off { border-radius: 12px 0 0; bottom: 0px; color: #ffffff; font-size: 16px; font-weight: 600; height: 42px; line-height: 42px; position: absolute; right: 0px; text-align: center; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14); width: 88px; z-index: 5; }

.product .product-detail, .product .product-detail a { color: #000; float: right; font-size: 13px; }


@media (min-width: 768px) { body.boxed .body-inner { float: none; width: 1300px; margin: 0 auto; }