/*============================================================================
  #Images and Iframes
==============================================================================*/
img {
  border: 0 none; }

svg:not(:root) {
  overflow: hidden; }

img,
iframe {
  max-width: 100%; }


a.cart-main:hover {
    color: rgba(146, 146, 146, 0.5) !important;
}

.product-grid3 {
	font-family: Roboto, sans-serif;
	text-align: center;
	position: relative;
	z-index: 1
}

.product-grid3:before {
	content: "";
	height: 81%;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all .5s ease 0s
}

.product-grid3:hover:before {
	opacity: 1;
	height: 100%
}

.product-grid3 .product-image3 {
	position: relative
}

.product-grid3 .product-image3 a {
	display: block
}

.product-grid3 .product-image3 img {
	/* width: 100%;
	height: auto */
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.product-grid3 .pic-1 {
	opacity: 1;
	transition: all .5s ease-out 0s
}

/* .product-grid3:hover .pic-1 {
	opacity: 0
}

.product-grid3 .pic-2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s ease-out 0s
} */

.product-grid3:hover .pic-2 {
	opacity: 1
}

.product-grid3 .social {
	width: 120px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	opacity: 0;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 5px;
	transform: scale(0);
	transition: all .3s ease 0s
}

.product-grid3:hover .social {
	opacity: 1;
	transform: scale(1)
}

.product-grid3:hover .product-discount-label,
.product-grid3:hover .product-new-label {
	opacity: 0
}

.product-grid3 .social li {
	display: inline-block
}

.product-grid3 .social li a {
	color: #dc3545;
	background: #fff;
	font-size: 18px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	margin: 0 2px;
	display: block;
	transition: all .3s ease 0s
}

.product-grid3 .social li a:hover {
	background: #dc3545;
	color: #fff
}

.product-grid3 .product-discount-label,
.product-grid3 .product-new-label {
	background-color: #dc3545;
	color: #fff;
	font-size: 17px;
	padding: 2px 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: all .3s
}

.product-grid3 .product-content {
	z-index: -1;
	padding: 15px;
	text-align: center
}

.product-grid3 .title {
	font-size: 14px;
	text-transform: capitalize;
	margin: 0 0 7px;
	transition: all .3s ease 0s
}

.product-grid3 .title a {
	color: #414141
}

.product-grid3 .price {
	color: #000;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-right: 2px;
	display: inline-block
}

.product-grid3 .price span {
	color: #909090;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: line-through;
	text-align: left;
	display: inline-block;
	margin-top: -2px
}

.product-grid3 .rating {
	padding: 0;
	margin: -22px 0 0;
	list-style: none;
	text-align: right;
	display: block
}

.product-grid3 .rating li {
	color: #ffd200;
	font-size: 13px;
	display: inline-block
}

.product-grid3 .rating li.disable {
	color: #dcdcdc
}

@media only screen and (max-width:1200px) {
	.product-grid3 .rating {
		margin: 0
	}
}

@media only screen and (max-width:990px) {
	.product-grid3 {
		margin-bottom: 30px
	}
	.product-grid3 .rating {
		margin: -22px 0 0
	}
}

@media only screen and (max-width:359px) {
	.product-grid3 .rating {
		margin: 0
	}
}

#summary h1 {
        padding-bottom: 10px;
        margin-bottom: 0px;
        /* border-bottom:2px dotted #D1CDCD; */
    }

    #summary h2 {
        padding-bottom: 16px;
        margin-bottom: 18px;
        /* border-bottom:2px dotted #D1CDCD; */
        font-size: 18px;
    }

    #summary h2 img {
        height: 28px;
        margin-right: 8px;
    }

    #summary table {
        position: relative;
        float: left;
        margin-top: 20px;
    }

    #summary table tr td {
        vertical-align: top;
        line-height: 15px;
    }

    #summary div.order {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    #summary div.order div.wrapper {
        width: 100%;
        padding: 0%;
        float: left;
        position: relative;
    }

    #summary div.order table tr td {
        padding: 4px;
    }

    #summary a.edit {
        font-weight: normal;
        float: right;
        position: relative;
        text-decoration: none;
    }

    #summary a.edit:hover {
        text-decoration: underline;
    }

    #summary div.secondary-header {
        color: #d51934;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        float: left;
        position: relative;
        padding-bottom: 15px;
    }

    #summary table.info tr td:first-child {
        font-weight: bold;
    }

	#cart div.photo {
        background-repeat: no-repeat;
        width: 150px;
        height: 80px;
        position: relative;
        background-size: cover;
		background-position: right;
    }

    #cart tr td {
        /* background-color:#EFEFEF; */
        vertical-align: middle !important;
        padding: 14px !important;
        font-size: 13px;
    }

    #cart tr.white td {
        background-color: #ffffff;
    }

    #cart tr.heading td {
        background-color: #051b43;
        color: #ffffff;
        text-transform: uppercase;
    }

    #cart tr.total td {
        background-color: #051b43;
        color: #ffffff;
        text-transform: uppercase;
    }

    #cart tr.delivery-fee td {
        background-color: #D5D5D5;
        text-transform: uppercase;
    }

    #cart select {
        width: 50px;
        margin: 0;
        float: none;
    }

    #cart div.remove {
        font-size: 15px;
        color: #E54F65;
        cursor: pointer;
        display: inline;
        top: -2px;
        position: relative;
    }