/*================= button =================*/
.btn_icon{ border: 0px; color:#e60012; font-size: 22px; background: none; }
	
.btn{	
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;
    border:0px; 
    font-size:26px; 
    font-weight:bold; 
    text-decoration:none;  
	padding: 8px 40px 8px 40px;  
    line-height:36px; 
     display:inline-block; 
    cursor:pointer; text-transform:none; 
    -webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-align:center;
    text-shadow:none;
    z-index: 1;
    overflow: hidden;
}

.btn:focus {
	outline: none;
}
.btn > span {
	vertical-align: middle;    
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.btn .glyphicon{ font-size:0.8em;}
.btn_text{ text-decoration: none; color:#555555; }
.btn_text:hover{ color:#AAAAAA;}
.btn_middle{ font-size:18px;  padding: 6px 25px 6px 25px; line-height:26px;}
.btn_small{
    border-radius: 18px;
    line-height:25px;  
    font-size:16px;
    padding: 5px 20px 5px 20px;  
}
	
.btn_smaller{
    border-radius: 14px;
    line-height:20px;
    font-size:14px;
    padding: 5px 20px 5px 20px;   
}
	

	
.btn_red,
.btn_red:visited{ background:#e60012; color:#FFFFFF; border:2px solid #e60012; }


.btn_red::before,
.btn_red::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_red::before {
	background: #660000;
}
.btn_red::after {
	background: #FE4251;
}
.btn_red:hover::before,
.btn_red:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_red:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.btn_red:hover{border:2px solid #FE4251; }
.btn_red:hover,
.btn_red:hover span{
	color: #fff;
}

.btn_red_line,
a.btn_red_line{ background:none; border:2px solid #e60012; color:#e60012; overflow: hidden; }


.btn_red_line::before,
.btn_red_line::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_red_line::before {
	background: #f76773;
}
.btn_red_line::after {
	background: #e60012;
}
.btn_red_line:hover {
	color: #fff;
}
.btn_red_line:hover::before,
.btn_red_line:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_red_line:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}


.btn_red_line:hover > span {
	/*opacity: 0;*/
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	
}



.btn_white_line,
a.btn_white_line{ background:none; border:2px solid #FFFFFF; color:#FFFFFF;overflow: hidden;   }
.btn_white_line::before,
.btn_white_line::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn_white_line::before {
	background: #cccccc;
}
.btn_white_line::after {
	background: #FFFFFF;
}
.btn_white_line:hover {
	color: #e60012;
}
.btn_white_line:hover::before,
.btn_white_line:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_white_line:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}


.btn_white_line:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	
}

.btn_white{ background:#FFFFFF; color:#f72b3b;  border:2px solid #FFFFFF; }



.btn_white::before,
.btn_white::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_white::before {
	background: #FE4251;
}
.btn_white::after {
	background: #FFFFFF;
}
.btn_white:hover::before,
.btn_white:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_white:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.btn_white:hover{ background: none;   }
.btn_white:hover{
	color: #FFFFFF;
}


.btn_copymaster{ background:#FFFFFF; color:#3855a1;  border:2px solid #FFFFFF; }



.btn_copymaster::before,
.btn_copymaster::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_copymaster::before {
	background: #3855a1;
}
.btn_copymaster::after {
	background: #FFFFFF;
}
.btn_copymaster:hover::before,
.btn_copymaster:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_copymaster:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.btn_copymaster:hover{ background: none;   }
.btn_copymaster:hover{
	color: #FFFFFF;
}


.btn_small.btn_red_line,
.btn_smaller.btn_red_line,
.btn_small.btn_white_line,
.btn_smaller.btn_white_line{ border-width: 1px;}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.btn_grey,
.btn_grey:visited{ background:#999999; color:#FFFFFF; -webkit-box-shadow: 0px 0px 0px  #cccccc;
-moz-box-shadow: 0px 0px 0px #cccccc;
box-shadow: 0px 0px 0px #cccccc;}

.btn_grey.active,
.btn_grey:active,
.btn_grey:hover{ background:#e60012; color:#FFFFFF; top:0px;  }


.btn_reset,
.btn_reset:visited{background:#aaaaaa; color:#FFFFFF;    border: 2px solid #aaaaaa;  }

.btn_reset::before,
.btn_reset::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_reset::before {
	background: #888888;
}
.btn_reset::after {
	background: #666666;
}
.btn_reset:hover::before,
.btn_reset:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.btn_reset:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.btn_reset:hover{border:2px solid #777777; }
.btn_reset:hover,
.btn_reset:hover span{
	color: #fff;
}





.btn_loadMore{ display:inline-block; padding: 0px 20px; line-height: 35px; background: #999999; color: #FFFFFF; text-decoration: none; font-size: 18px; text-align: center; cursor: pointer; margin-top: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.btn_loadMore:hover{ background: #BBBBBB;  color: #FFFFFF; }

.btn_filters{ display: flex; column-gap: 20px; margin-bottom: 20px;}
.btn_filters a{ }


.btn_filter{   background:#d5d5d5; color:#333333; font-size: 1.2em; line-height: 1.5em; padding: 0.5em 1.5em; }
.btn_filter:hover {background:#FE4251; color:#FFFFFF; }

.btn_filter::before,
.btn_filter::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    
}
.btn_filter::before {
	background: #660000;
}
.btn_filter::after {
	background: #FE4251;
}
.btn_filter:hover::before,
.btn_filter:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.btn_filter:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

.btn_filter.active {background:#e60012; color:#FFFFFF; }
.btn_filter.active::before,
.btn_filter.active::after{ display: none; }


@media (max-width:992px) {
	.btn{ font-size:24px;	line-height:32px; padding: 5px 25px 5px 25px; }
	.btn_middle{ line-height:23px;  font-size:18px;  padding: 5px 15px 5px 15px; }
	.btn_small{ line-height:22px;  font-size:16px;line-height:25px;  padding: 5px 15px 5px 15px; }
	.btn_smaller{   font-size:14px;line-height:22px; padding: 4px 12px 4px 12px; }
    

}
@media (max-width: 767px) {
	.nav_left{ 	background:url(../../../common/images/side_nav.png) no-repeat left; 	width:50px; 	height:50px; 	display:inline-block; cursor:pointer;	 }
	.nav_right{ 	background:url(../../../common/images/side_nav.png) no-repeat right; 	width:50px; 	height:50px; 	display:inline-block; cursor:pointer;	 }
	
	
	.btn{ font-size:20px; }	
	.btn_middle{   font-size:18px; }
	.btn_small{ font-size:14px; }
	.btn_smaller{   font-size:14px;  }
	
    .btn_loadMore{ width: 100%;}
 }
/*================= end of button =================*/