/* BTN css */
.btn{
	transition: all 0.3s;
	text-align: center;
}
.btn-type1{
	background-color: #1eb2ff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35);
	border: 2px solid #1eb2ff;
	border-radius: 6px;
	padding: 20px;
	min-width: 230px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
}
.btn-type1:hover{ background-color: transparent; color: #1eb2ff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); }
.btn-type1:focus{ background-color: #1eb2ff; color: #ffffff; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35); }
.btn-type2{
	background-color: #ffffff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	padding: 20px;
	min-width: 230px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #0028a7;
}
.btn-type2:hover{ box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); }
.btn-type2:focus{ box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35); }

.btn-type3{
	background-color: #1eb2ff;
	border-radius: 6px;
	padding: 11px 15px;
	min-width: 130px;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
	color: #ffffff;

}
.btn-type3:hover{ background-color: #0028a7; color: #ffffff;}
.btn-type3:focus{ background-color: #1eb2ff; color: #ffffff;}

.btn-type4{
	background-color: #1eb2ff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35);
	border: 2px solid #1eb2ff;
	border-radius: 6px;
	padding: 20px;
	min-width: 230px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #ffffff;
}
.btn-type4:hover{ background-color: #0028a7;border-color: #0028a7; color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); }
.btn-type4:focus{ background-color: #0028a7;border-color: #0028a7; color: #ffffff; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.35); }

.btn-type5{
	background-color: #1eb2ff;
	border-radius: 3px;
	padding: 11px 20px;
	min-width: 125px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #ffffff;

}
.btn-type5:hover{ background-color: #0028a7; color: #ffffff;}
.btn-type5:focus{ background-color: #1eb2ff; color: #ffffff;}

.btn-type6{
	background-color: #ffffff;
    border-radius: 6px;
    padding: 20px 20px;
    min-width: 175px;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #1eb2ff;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.11);
}
.btn-type6:hover{ background-color: #1eb2ff; color: #0028a7;}
.btn-type6:focus{ background-color: #1eb2ff; color: #ffffff;}

.btn-type7 {
	background-color: #1eb2ff;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	padding: 9px 23px;
	border-radius: 6px;
}
.btn-type7:hover{ background-color: #0028a7; color: #ffffff;}
.btn-type7:focus{ background-color: #1eb2ff; color: #ffffff;}
.btn-type7 svg path{ fill: #ffffff; }
.btn-type7:hover svg path{ fill: #ffffff; }
.btn-type7:focus svg path{ fill: #ffffff; }
.btn-large {
	min-width: 173px;
	min-height: 64px;
	border-radius: 6px;
	font-size: 16px;
	padding: 22px 20px;
}
.btn-type8{
	background-color: transparent;
    box-shadow: 0px 12px 24px 0 rgba(0, 0, 0, 0.11);
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 20px;
    min-width: 230px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #ffffff;
}
.btn-type8:hover{color: #fff; background-color: #1eb2ff;   border-color: #1eb2ff;}
.btn-type9{
	background-color: #f4f3f5;
	border-radius: 3px;
	padding: 20px;
	font-size: 16px;
    font-weight: normal;
    line-height: 20px;
	color: #212529;
}
.btn-type9:hover,
.btn-type9.active {
    color: #FFF;
    background-color: #0028a7;
}
.btn-type9:hover svg path,
.btn-type9.active svg path{fill:#FFF; stroke:#FFF;}
.btn-type9:hover svg circle,
.btn-type9.active svg circle{stroke:#FFF;}

.btn-type9 .bt-icon{ display: inline-block; text-align: center; vertical-align: middle; min-width: 60px; margin-right: 10px; }
.btn-type9 .bt-icon svg{ max-width: 60px; max-height: 43px; }

.btn-type10{
	background-color: #0028a7;
	border-radius: 6px;
	padding: 20px;
	font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #ffffff;
    min-width: 175px;
}
.btn-type10:hover{ background-color: #1eb2ff; color: #ffffff; }


@media(max-width: 374px){
	.btn-large { min-width: 166px;}
}
@media(max-width: 320px){
	.btn-large { min-width: 145px;}
}
@media(max-width: 567px){
	.btnmobile-100{ width: 100%; }
}
.add-more-link {
	width: 108px;
	height: 108px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: solid 1px #0028a7;
  	background-color: #ffffff;
  	border-radius: 50%;
  	font-size: 10px;
  	font-weight: 500;
  	letter-spacing: 1.62px;
  	color: #0028a7;
  	padding: 10px;
  	padding-top: 28px;
  	position: relative;
  	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	margin: auto;
}
.add-more-link:before {
	content: "";
	background: url('../images/plus-icon.svg') no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.add-more-link:hover {
	border: solid 1px #1eb2ff;
	color: #1eb2ff;
}
.add-more-link:hover:before {
	background: url('../images/plus-icon-blue.svg') no-repeat;
}

.facebook-btn{
	background-color: #39579a;
	border-radius: 6px;
	padding: 10px 15px;
	min-width: 125px;
	max-width: 305px;
	height: 64px;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	color: #ffffff;

}
.facebook-btn:hover{ background-color: #224084; color: #ffffff;}
.facebook-btn:focus{ background-color: #39579a; color: #ffffff;}
/*Icon CSS*/
.icon {
	width: 145px;
	height: 145px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition:all 0.3s;
	vertical-align: middle;
}
.icon.icon-medium{ width: 73px; height: 73px; }
.icon.icon-medium svg{ width: 35px; }
.icon.icon-small{ width: 45px; height: 45px; }
.icon.icon-small svg{ width: 20px; }
.icon-yellow{background-color: #1eb2ff;}
.icon-yellow svg g{ transition:all 0.3s;}
.icon-blue {background-color: #1eb2ff;}
.icon-blue svg path{ fill: #ffffff; }
a .icon.icon-blue,
a .icon.icon-yellow {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a:hover .icon.icon-yellow {
	background-color: #1eb2ff;
}
a .icon.icon-blue svg path,
a .icon.icon-yellow svg path {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/* a:hover .icon.icon-yellow svg path,
a:hover .icon.icon-yellow svg rect {
	fill: #ffffff;
	stroke-width: 0;
} */
a:hover .icon.icon-blue {
	background-color: #0028a7;
}
/* a:hover .icon.icon-blue svg path,
a:hover .icon.icon-blue svg rect {
	fill: #ffffff;
	stroke-width: 0;
} */

.wishlist-icon { background-color: #fff; width: 44px; height: 44px; display: inline-block; border-radius: 100%; position: relative; min-width: 44px; }
a.wishlist-icon:hover{background-color: #f8f8f8;}
.wishlist-icon:before { content: ''; width: 21px; height: 18px; background: url('../images/wishlist-border-icon.svg') no-repeat center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.wishlist-icon.selected:before {  background: url('../images/wishlist-fill-icon.svg') no-repeat center center; }
a.wishlist-icon.selected:hover{ background-color: #fff; }
.share-icon {
	width: 22px; height: 26px; display: inline-block; background: url('../images/share-icon.svg') no-repeat center center; background-size: 100%;
}