/*-- banner-bottom --*/
.banner-bottom,.new-collections,.checkout,.collections-bottom,.timer,.register,.products,.typo,.mail,.single,.login,.single-related-products{
	padding:5em 0;
}
.banner-bottom-grid-left{
	float:left;
	width:33.1%;
}
.banner-bottom-grid-left1{
	float:left;
	width:32.5%;
	margin:0 1em;
}
.banner-bottom-grid-right{
	float:left;
	width:31.5%;
}
.left1-grid:nth-child(2) {
    margin: 1em 0 0;
}
.grid-left-grid1{
	position: relative;
	display: block;
    overflow: hidden;
    text-align: center;
}
.grid-left-grid1,.banner-bottom-grid-left-grid1{
    position: relative;
	width: 100%;
}
.grid-left-grid1:hover img,.products-right-grids-position:hover img,.timer-grid-right1:hover img {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.grid-left-grid1 img,.products-right-grids-position img,.timer-grid-right1 img{
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}
.grid-left-grid1-pos{
	position: absolute;
    bottom: 14%;
    left: 2%;
    width:90%;
    text-align: center;
    text-transform: capitalize;
}
.grid-left-grid1-pos p{
	font-size:3.4em;
	color:#fff;
	margin:0;
}
.grid-left-grid1-pos p span{
	display:block;
}
.banner-bottom-grid-left1-pos{
	position:absolute;
	top:36%;
	left:3%;
	width:90%;
}
.banner-bottom-grid-left1-pos p{
	font-size:2.6em;
	color:#fff;
	margin:0;
}
.banner-bottom-grid-left1-position{
	position: absolute;
    top: 6%;
    left: 3%;
    width: 94%;
    height: 89%;
    padding: 1em;
    border: 1px solid #fff;
}
.banner-bottom-grid-left1-pos1{
	padding:1.8em;
	background:rgba(0, 0, 0, 0.22);
}
.banner-bottom-grid-left1-pos1 p{
	font-size:3em;
	color:#fff;
	margin:0;
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding:0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
    float: none;
    overflow: hidden;
    margin: 0;
    min-width:376px;
    max-width:480px;
    max-height: 470px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: -0.15em;
}

.grid figure h3 span {
	color:#4abff8;
}
.grid figure h3 i {
	display: block;
    font-style: normal;
    font-size: .5em;
    line-height: 0.5;
    letter-spacing:5px;
    text-transform: uppercase;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h3 {
	position: relative;
	padding: 4em 0 1em;
	font-size: 2.6em;
    line-height: 1.5em; 
}

figure.effect-julia p {
	display: inline-block;
	margin:0 0 0.5em;
	padding: 0.4em 1em;
	background:#fff;
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/*-- //banner-bottom --*/

/*-- new-collections --*/
.new-collections h3,h3.title,.mail h3,.single-related-products h3,.login h3,.register h3{
	text-align: center;
    color:#222;
    margin: 0;
    position: relative;
    font-size: 3em;
}
.new-collections h3:before,.new-collections h3:after,h3.title:before,h3.title:after,.mail h3:before,.mail h3:after,.single-related-products h3:before,.single-related-products h3:after,.login h3:before,.login h3:after,.register h3:before,.register h3:after{
	position: absolute;
    top: 50%;
    width: 15%;
    height: 1px;
    background: #D5D5D5;
    content: '';
}
.new-collections h3:before,.single-related-products h3:before{
	left:17%;
}
h3.title:before,.login h3:before{
	left:22%;
}
.new-collections h3:after,.single-related-products h3:after{
	right:17%;
}
h3.title::after,.login h3:after{
	right:22%;
}
p.est{
	width: 60%;
    margin: .5em auto 0 !important;
    color: #999;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500 !important;
}
.new-collections-grid{
	padding-left:0;
}
.new-collections-grids {
    margin: 3em 0 0;
}
.new-collections-grid1{
	padding: 1em;
	background: #fff;
}
.new-collections-grid1 img{
	margin:0 auto;
}
.new-collections-grid1 h4 a{
	font-size: .9em;
    color: #333;
    margin: 1em 0 .3em;
    text-transform: uppercase;
    display: block;
    text-decoration: none; text-align: center; font-weight: bold;
}
.new-collections-grid1 h4 a:hover{
	color:#df2328;
}
.new-collections-grid1 p{
	font-size:14px;
	color:#999;
	line-height:1.8em;
	margin:0 0 .5em;
}
.new-collections-grid1-left p a,.occasion-cart a{
	font-size: 14px;
    color: #D8703F;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5em 1em;
    border: 1px solid;
}
.new-collections-grid1-left p i{
	color: #999;
	position:relative;
	font-style:normal;
	font-size: 14px;
}
.new-collections-grid1-left p span{
	margin:0 1em 0 .5em;
}
.new-collections-grid1-left p i:before,.products-right-grid1-add-cart p i:before{
	background: #999 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -26%;
    position: absolute;
    right: -20%;
    top: 54%;
    transform: rotate(-8deg) translate(0, -50%);
    -moz-transform: rotate(-8deg) translate(0, -50%);
    -webkit-transform: rotate(-8deg) translate(0, -50%);
}
.new-collections-grid1-left p {
	margin: 0 !important;
    text-transform: capitalize;
    color: #000;
    font-size:1.2em !important;
}
.new-collections {
    background: #F7F7F9;
}
.rating-left{
	float:left;
}
.new-collections-grid1-left p a:hover,.occasion-cart a:hover,.products-right-grid1-add-cart p a:hover,.new-products-grid-right-add-cart p a:hover{
	color: #222;
    border: 1px solid;
}
.new-collections-grid1-left {
    margin: 1.5em 0 .8em;
}
.new-collections-grid1-right {
    position:absolute;
	bottom: 29%;
    left: 30%;
	display:none;
	z-index:999;
}
.new-collections-grid1-right-rate {
    left: 44% !important;
}
.new-collections-grid1:hover .new-collections-grid1-right {
	display:block;
}
.rating-left img {
    margin: .3em 0.1em 0;
}
.new-collections-grid1:nth-child(2){
	margin:1em 0 0;
}
.new-collections-grid1{
    position: relative;
}
.new-collections-grid1:before {
    content: "";
    position: absolute;
    width: 0%;
    height:72%;
    left: 50%;
    top: 0;
    background:rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    z-index: 3;
}
.new-collections-grid1:hover:before {
    left: 0;
    top: 0;
    width: 100%;
    height:72%;
}
.product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
    border: none;
    text-align: center;
}
.product-image{
    width: 100%;
}
.new-collections-grid1-image{
	position:relative;
}
.new-collections-grid1-image-pos{
	position:absolute;
	top: 50%;
    left: 26%;
	transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	z-index:9999;
	display:none;
}
.new-collections-grid1-image-pos a{
	padding:10px 20px;
	color:#fff;
	background:#df2328;
	text-decoration:none;
	font-size: 14px;
}
.new-collections-grid1:hover .new-collections-grid1-image-pos{
	display:block;
}
.new-collections-grid1-image-pos a:hover{
	background:#2b5f9f; color:#fff;
}
.new-collections-grid1-image-pos1 {
    left: 41% !important;
}
.new-collections-grid1-sub{
	float:left;
	width:48.5%;
}
.new-collections-grid1-sub:nth-child(2){
	margin-left:1em;
}
.new-collections-grid-sub-grids{
	margin:1em 0 0;
}
.new-one{
	position:absolute;
	top:0%;
	right:0%;
	padding:.1em .5em;
	background:#ffc229;
}
.new-one p{
	font-size:14px;
	color:#fff;
	margin:0;
}
/*-- //new-collections --*/


/*-----start-responsive-design------*/
@media (max-width:1440px){}
@media (max-width:1366px){}
@media (max-width:1280px){
	.banner-info {
		margin: 7em 0 0;
	}
	
}
@media (max-width:1080px){
	.banner-bottom, .new-collections, .checkout, .collections-bottom, .timer, .register, .products, .typo, .mail, .single, .login, .single-related-products {
		padding: 4em 0;
	}
	.grid figure {
		min-width: 310px;
	}
	.grid figure h3 i {
		font-size: .4em;
		letter-spacing: 4px;
	}
	figure.effect-julia h3 {
		padding: 0em 0 1em;
	}
	figure.effect-julia p {
		font-size: 57%;
	}
	.banner-bottom-grid-left1-pos1 {
		padding: .8em;
	}
	.banner-bottom-grid-right {
		width: 31.4%;
	}
	.grid-left-grid1-pos p {
		font-size: 1.5em;
	}
	.banner-bottom-grid-left1 {
		width: 32%;
	}




}
@media (max-width:1024px){
	.banner-bottom-grid-left1-pos1 p,.banner-bottom-grid-left1-pos p {
		font-size: 1.8em;
	}

}
@media (max-width:991px){
	.grid figure h3 i {
		letter-spacing: 2px;
	}
	.grid figure figcaption {
		padding: 1em;
	}
	.grid figure p {
		letter-spacing: 0px;
	}
	.banner-bottom-grid-left1-pos1 p, .banner-bottom-grid-left1-pos p {
		font-size: 1.5em;
	}
	.banner-bottom-grid-left1-position {
		padding: .5em;
	}
	.banner-bottom-grid-left1 {
		width:31.7%;
		margin: 0 0.5em;
	}
	.banner-bottom-grid-right {
		width: 30.8%;
	}
	.banner-bottom-grid-right {
		width: 31.8%;
	}
	
}
@media (max-width:800px){}
@media (max-width:768px){}
@media (max-width:767px){}
@media (max-width: 736px){}
@media (max-width:667px){}
@media (max-width: 640px){
	.banner-bottom-grid-left {
		float: none;
		width: 100%;
	}
	.grid figure {
		min-width: 330px;
		margin: 0 auto;
	}
	.grid figure figcaption {
		padding: 2em;
	}
	.banner-bottom-grid-left1 {
		margin: 1em auto;
		float: none;
	}
	.banner-bottom-grid-left1-pos1 p, .banner-bottom-grid-left1-pos p {
		font-size: 1.6em;
	}
	.banner-bottom-grid-left1-pos1 {
		padding: 2em;
	}
	.banner-bottom-grid-right {
		float: none;
		margin: 0 auto;
	}
	.banner-bottom-grid-right,.banner-bottom-grid-left1{
		width: 55%;
	}



}
@media (max-width:600px){}
@media (max-width:568px){}
@media (max-width:480px){
	.banner-bottom-grid-right, .banner-bottom-grid-left1 {
		width: 76%;
	}




}
@media (max-width: 414px){
	.banner-bottom-grid-right, .banner-bottom-grid-left1 {
		width: 90%;
	}



}
@media (max-width:384px){}
@media (max-width: 375px){
	.banner-bottom-grid-right, .banner-bottom-grid-left1 {
		width: 100%;
	}



}
@media (max-width: 320px){
	
	.grid figure {
		margin:0px;
		min-width: 270px;
	}
	.grid figure figcaption {
		padding: 1.5em;
	}
	.banner-bottom-grid-left1-pos1 {
		padding: 1.3em;
	}
	
}