/* BACK TO TOP BUTTON */
a.back-to-top {display: none;width: 45px;height: 45px;text-indent: -9999px;position: fixed;z-index: 999;right: 10px;bottom: 20px; border: 3px white solid;
background: var(--main-color) url("../../img/site/up-arrow.webp") no-repeat center 43%;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
	
/* BUTTON */
.button {background:var(--second-color); color: #fff; font-family: var(--font2); box-shadow: 0px 0px 10px #ccc;
font-weight: normal; letter-spacing:0.5px;padding: 9px 12px 8px 12px; border-radius: 3px; font-size: 18px; color:#f9f9f9;}
body.home #content .button {margin: 15px auto; text-align:center; display:inline-block;}
body.home #content .button#filter {margin: auto;}

/*ANIM BUTTON */
.buttonAnim{color: rgba(255,255,255,1);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
border: 1px solid rgba(255,255,255,0.5);position: relative; border-radius: 7px;}
.buttonAnim a{font-family: var(--hlfont1);color:#f9f9f9;text-decoration: none; text-transform:uppercase;display: block;}
.buttonAnim span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.buttonAnim:hover a{color: #fff;}
.buttonAnim::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;	background-color: rgba(255,255,255,0.5); 
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);border-radius: 4px;}
.buttonAnim:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

/* CIRCLE ANIM */
.circleScaleBtn {position: relative;overflow: hidden;z-index: 1;}
.circleScaleBtn span {z-index: 1;position: relative;}
.circleScaleBtn::before {content: '';position: absolute;top: 50%;left: 50%; width: 150%;height: 150%;border-radius: 50%;transform: translate3d(-50%,-50%,0) scale3d(0,0,0); 
transition: opacity .4s cubic-bezier(.119,1,.22,1),transform .75s cubic-bezier(.119,1,.22,1);background-color: var(--buttHoverColor);opacity: 0;}
.circleScaleBtn:hover span {color: var(--buttHoverLinkColor);}
.circleScaleBtn:hover::before {opacity: 1;transition-duration: .85s;transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}


/* FA BUTTON */
.button i.fa {line-height: 25px;  font-size:22px; padding-left: 7px; padding-right: 7px;}

/* TAB BUTTON */
.tabs {margin: 25px auto;}
.tabButton {display: inline-block; border-radius: 5px 5px 0px 0px; margin: 0px -2px; border: 1px solid transparent; padding: 5px 10px; font-family: var(--font3); font-size: 14px; color: rgba(0,0,0,0.6); font-weight:normal; letter-spacing: 2px; line-height: 16px; cursor:pointer;}
.tabButton:hover {border: 1px solid #999; }
.tabButton.current {background: rgba(0,0,0,0.4); color: #fff; text-decoration:none;   box-shadow: 0px 3px 5px #ccc;}
.tabContent {display: none; padding: 20px; border: 1px solid #efefef; border-radius: 5px; box-shadow: 0px 1px 3px #ccc;}
.tabContent.current{display: inherit;}
.tabContent p {font-size: 14px; text-align:left; line-height: 17px;}
.tabMotive {display: none;} 
.tabMotive.current{display: inherit;}