.product-title h4{
    font-size: 14px;
    font-weight: 700;
}
.stick .product-price h5 {
    font-size: 12px
}
.srick .product-price{
	    padding: 5px;
}
.mainbox-product-compare.stick .add-more-product-btn {
display: none;
}	
.more-product-box{
text-align: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;	
justify-content: space-between;
}
.c-compare__add .btn-cart, .c-compare__add .btn-primary {
margin-top: 10px;
font-size: 13px;
font-size: .929rem;
line-height: 1.692;
}
.btn-primary--gray {
background-color: #7a7a7a!important;
border: unset!important;
}
.btn-cart, .btn-primary {
font-size: 15px;
font-size: 1.071rem;
line-height: 1.467;
border-radius: 8px;
background-color: var(--main-color);
border: 1px solid #148693;
padding: 11px 31px!important;
color: #fff;
}
.btn-primary{
display: inline-block;
background: none;
border: none;
outline: none;
cursor: pointer;
position: relative;
padding: 0;
text-align: center;
white-space: nowrap;
line-height: 22px;
}
.search-box_product > label svg {
position: absolute;
right: 15px;
top: 15px;
}
.search-box_product input {
max-width: 95%;
}
.c-form-compare-search__col {
font-size: 14px;
line-height: 34px;
}
.search-box_product > label {
flex: 1 1 100%;
width: max-content;
margin-right: 25px;
position:relative;
}
.c-form-compare-search .c-ui-input__field, .c-form-compare-search .dk-selectric-input {
border-radius: 0 5px 5px 0;
}
@media (min-width:450px){
.c-ui-input--search .c-ui-input__field, .c-ui-input--search .dk-selectric-input {
    padding-right: 42px;
}	
}
@media (max-width:450px){
.c-ui-input--search .c-ui-input__field, .c-ui-input--search .dk-selectric-input {
    padding-right: 35px;
}
body .more-products{
padding:15px;	
}
body .search-box_product > label {
margin-right: 10px;
}	
}
.c-ui-input__field, .dk-selectric-input {
border-radius: 8px !important;
background: #fff;
border: 1px solid #c8c8c8 !important;
color: #717171 !important;
font-size: 14px !important;
line-height: 1.571 !important;
padding: 11px 12px;
width: 100%;
letter-spacing: -.8px;
}
.search-box_product{
flex: 0 0 100%;
display: flex;
background: #ececec;
padding: 20px;
margin-bottom: 15px;
border-radius: 5px;
height: max-content;
max-width: 100%;
}
.mainbox-product-compare {
z-index: 10;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
padding: 0 !important;
}
#main-title-compare.stick-active {
margin-bottom: 200px;
}
.mainbox-product-compare.stick{
position: fixed;
 top: 10px;
width: 100%;
background-color: #fff;
}
.mainbox-product-compare.stick .row div{
padding: 20px 40px;
}
.mainbox-product-compare.stick .product-title h4{
font-size: 12px;	
}
.mainbox-product-compare.stick .product-title {
padding: 5px 0;
}
.mainbox-product-compare.stick .product-image {
max-width: 50%;
margin: auto;
    text-align: center;
}
.stick img{
    width: 80px !important;
}
.mainbox-product-compare.stick .product-btn {
display: none;
opacity: 0;
}
.mainbox-product-compare.stick {
-webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.45);
box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.45);
animation: 0.5s move-to-top linear;
}
@keyframes move-to-top{
0%{top:20px;}
100%{top:0;}
} 
.col-3.c-compare__img {
border-bottom: 2px solid var(--main-color);
}
.c-compare__img {
position: relative;
}
.c-compare__img::after {
width: 0;
height: 0;
border-color: transparent transparent var(--main-color);
border-style: solid;
border-width: 0 10px 10px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -5px;
content: "";
}
.c-compare__list-values {
display: flex;
flex: 0 0 100%;
padding: 15px 5px;
}
.c-compare__list-title {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
font-size: 13px;
font-size: .929rem;
line-height: 1.692;
padding: 9px 26px!important;
background-color: #eaeaea;
font-weight: 700;
}
.c-compare__list-value:first-child {
border-right: none;
}
.c-compare__list-value {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
border-right: 1px solid #e4e4e4;
text-align: center;
font-size: 13px;
font-weight: 500;
}
.c-compare__list-title, .c-compare__list-value {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0;
padding-left: 0;
}
.o-headline {
margin: 26px 0 20px;
padding: 0 30px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.o-headline > h2, .o-headline > span {
color: inherit;
font-size: 18px;
font-size: 1.286rem;
line-height: 31px;
font-weight: 700;
}
.over-flow{
overflow:auto;	
}
html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.more-product button {
padding: 0;
background: white !important;
border: none;
color: black !important;
}
.more-product {
    flex: 0 0 19%;
    margin: 0 auto 10px;
    height: max-content;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 #eee;
    background: #fff;
}
.more-product img{
	border-radius: 5px;
}
.more-product-title {
	    text-align: center;
    margin: 10px 0;
    min-height: 50px;
}
.more-product-title h5{
	font-size: 13px;
    line-height: 17px;
}
.close-popup {
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--main-color);
	color: #000;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	text-align: center;
	line-height: 27px;
	cursor: pointer;
}
.close-popup:hover{
	background: var(--main-color);
	color: #fff;
}
.more-products ul {
	flex: 0 0 100%;
	display: flex;
	list-style: none;
	padding: 20px 0;
	flex-wrap: wrap;
	background: #f7f7f7;
	border-radius: 5px;
}
.more-products {
width: 80%;
height: 80%;
overflow: auto;
display: flex;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
background: white;
padding: 40px;
border-radius: 10px;
box-shadow: 0 0 20px 0 black;
flex-wrap: wrap;
}
.show{
opacity: 1!important;
visibility: visible!important;	
}
.popup-wraper {
position: fixed;
width: 100%;
height: 100%;
background: #0009;
top: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition:0.5s ease;
margin: 0;
z-index: 9999;
}
.add-product-btn {
width: max-content;
font-size: 50px !important;
margin: auto;
}
.add-more-product {
border-radius: 19px;
border: 5px dashed #d2d2d2;
background: none;
max-width: 270px;
margin: 0 auto;
display: block;
padding: 35px;
font-size: 1.071rem;
line-height: 1.467;
color: #b3b3b3;
cursor: pointer;
}
.stick .add-more-product{
	padding: 15px;
}
.product-image {
    position: relative;
	text-align: center;
}
.product-image img{
	width:85%;
	border-radius: 5px;
}
.product-remove-btn {
width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #f5f5f5 !important;
    position: absolute;
    left: 12px;
    top: 12px;
    border: 2px solid var(--main-color);
    text-align: center;
    z-index: 4;
    cursor: pointer;
    padding: 0;
    color: #000 !important;
    line-height: 0;
    font-size: 22px;
	font-weight: 700;
}
.product-btn a {
font-size: 14px;
font-weight: 700;
border-radius: 5px;
background-color: var(--main-color);
padding: 10px 30px;
color: #fff !important;
}
.product-btn a:hover {
color: #fff !important;
box-shadow: inset 0 0 200px 0 #00000038;
}
.product-btn {
width: max-content;
margin: auto;
padding: 20px 0;
}
.product-price {
color: #fff;
width: max-content;
margin: 0 auto;
background: #e13e3e;
padding: 10px;
border-radius: 5px;
font-size: 14px;
display: flex;
justify-content: space-around;
gap: 10px;
}
.product-price h5{
font-size: 14px;
display: flex;
justify-content: space-around;
gap: 10px;
margin-bottom: 0;
}
.no-wrap{
flex-wrap: unset !important;
}
.col-3 {
flex: 0 0 25%;
padding: 10px;
border: 1px solid #ddd;
background: white;
}
img { width: 100%; }
.product-title {
text-align: center;
padding: 20px 0;
}
.add-more-product-btn {
background: #777 !important;
font-size: 14px;
border-radius: 5px;
}
.add-more-product div{
font-size: 14px;
}
.add-more-product .add-more-product{
font-size: 40px;
}
.o-headline > h2, .o-headline > span {
color: inherit;
font-size: 18px;
line-height: 25px;
font-weight: 900;
}
.main-wrapper-compare-page{
	overflow: hidden;
}








@media(max-width: 765px){
	.stick .product-price{
		display: none;
	}
	.c-compare__img , .more-product-box{
		padding: 10px 5px !important;
    	min-width: 170px !important;
	}
	.add-more-product {
		border-radius: 10px;
		border: 3px dashed #d2d2d2;
		max-width: 140px;
   		padding: 60px 50px;
}
	.product-price{
		padding: 5px 10px;
	}
	.product-price h5{
		flex-direction: column;
	}
	.product-btn a{
		padding: 10px 15px;
	}
	.product-btn{
		padding: 15px 0;
	}
	.btn-cart, .btn-primary {
		padding: 10px 15px!important;
	}
	.product-remove-btn{
		    top: 0px;
	}
}