/*
 *	Style BUTTON
 *	Company : iThemelandCo
 *	Version : 1.0.0
 */

/*   Transition TODO ::: TRANSITION  */
.it_pl_button ,
.it_pl_button-hover,
.it_pl_button_inner,
.it_pl_button-hover-icon,
.it_pl_button-style3 .it_pl_button-hover:before,
.it_pl_button-text,
.it_pl_button-style4 .it_pl_button-hover:before,
.it_pl_button-style4 .it_pl_button-hover:after,
.it_pl_button-style7 .it_pl_button-hover:before,
.it_pl_button-style11 .it_pl_button-hover-icon:before,
.it_pl_button-style12 .it_pl_button-hover-icon i,
.it_pl_button-style7 .it_pl_button-hover:after{
	transition:all 0.2s ease-in-out;
}
.it_pl_button-style2:hover .it_pl_button-hover{
	transition:all 0.6s ease-in-out;
}
/*   Main   */
.it_pl_button{
	cursor: pointer;
	position: relative;
	display:inline-block !important;
	overflow:visible;
	line-height: 0;
}
.it_pl_button .it_pl_button_inner{
	overflow:hidden;
	display: inline-block;
	position:relative;
}
.it_pl_button .it_pl_button-hover{
	position:absolute;
}
.it_pl_button .it_pl_button-text{
	position: relative;
}
.it_pl_button-text i{
	vertical-align: middle;
}

.it_pl_button-style1 .it_pl_button-hover-icon,
.it_pl_button-style2 .it_pl_button-hover-icon,
.it_pl_button-style3 .it_pl_button-hover-icon,
.it_pl_button-style4 .it_pl_button-hover-icon,
.it_pl_button-style5 .it_pl_button-hover-icon,
.it_pl_button-style6 .it_pl_button-hover-icon,
.it_pl_button-style7 .it_pl_button-hover-icon,
.it_pl_button-style8 .it_pl_button-hover,
.it_pl_button-style9 .it_pl_button-hover,
.it_pl_button-style10 .it_pl_button-hover,
.it_pl_button-style11 .it_pl_button-hover,
.it_pl_button-style12 .it_pl_button-hover{
	display: none !important;
}

/*   STYLE 1 TODO ::: STYLE 1   */
.it_pl_button-style1{
	display:inline-block;
}
.it_pl_button-style1 .it_pl_button-text{
	padding:8px 16px;
}

/*   STYLE 1 - 1   */
.it_pl_button-style1.style-1 .it_pl_button-hover{
	top:0;
	left:0;
	width:100%;
	height:0;
}
.it_pl_button-style1.style-1:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 1 - 2   */
.it_pl_button-style1.style-2 .it_pl_button-hover{
	bottom:0;
	left:0;
	width:100%;
	height:0;
}
.it_pl_button-style1.style-2:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 1 - 3   */
.it_pl_button-style1.style-3 .it_pl_button-hover{
	top:0;
	left:0;
	width:0;
	height:100%;
}
.it_pl_button-style1.style-3:hover .it_pl_button-hover{
	width:100%;
}

/*   STYLE 1 - 4   */
.it_pl_button-style1.style-4 .it_pl_button-hover{
	top:0;
	right:0;
	width:0;
	height:100%;
}
.it_pl_button-style1.style-4:hover .it_pl_button-hover{
	width:100%;
}

/*   STYLE 1 - 5   */
.it_pl_button-style1.style-5 .it_pl_button-hover{
	top:0;
	left:50%;
	width:0;
	height:100%;
	transform:translateX(-50%);
}
.it_pl_button-style1.style-5:hover .it_pl_button-hover{
	width:100%;
}

/*   STYLE 1 - 6   */
.it_pl_button-style1.style-6 .it_pl_button-hover{
	top:50%;
	left:0;
	width:100%;
	height:0;
	transform:translateY(-50%);
}
.it_pl_button-style1.style-6:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 1 - 7   */
.it_pl_button-style1.style-7 .it_pl_button-hover{
	top:0;
	left:50%;
	width:0;
	height:100%;
	transform:translateX(-50%);
}
.it_pl_button-style1.style-7:hover .it_pl_button-hover{
	width:90%;
}

/*   STYLE 1 - 8   */
.it_pl_button-style1.style-8 .it_pl_button-hover{
	top:50%;
	left:0;
	width:100%;
	height:0;
	transform:translateY(-50%);
}
.it_pl_button-style1.style-8:hover .it_pl_button-hover{
	height:80%;
}

/*   STYLE 1 - 9   */
.it_pl_button-style1.style-9 .it_pl_button-hover{
	top:50%;
	left:0;
	width:100%;
	height:0;
	transform:translateY(-50%) rotate(45deg);
}
.it_pl_button-style1.style-9:hover .it_pl_button-hover{
	height:400%;
}

/*   STYLE 1 - 10   */
.it_pl_button-style1.style-10 .it_pl_button-hover{
	top:59%;
	left:-46%;
	width:200%;
	height:0;
	transform:translateY(-50%) rotate(45deg);
}
.it_pl_button-style1.style-10:hover .it_pl_button-hover{
	height:150%;
}


/*   STYLE 2 TODO ::: STYLE 2   */
.it_pl_button-style2{
	display:inline-block;
}

.it_pl_button-style2 .it_pl_button-text{
	padding:16px 28px;
}

.it_pl_button-style2 .it_pl_button-hover{
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	border-radius:350px;
	transform:translate(-50%,-50%) scale(0);
}
.it_pl_button-style2:hover .it_pl_button-hover{
	transform:translate(-50%,-50%) scale(2);
}

/*   STYLE 2 - 1   */
.it_pl_button-style2.style-1 .it_pl_button-hover{
	top:0;
	left:0;
	width:80px;
	height:80px;
	border-radius:350px;
	transform:translate(-50%,-50%) scale(0);
}
.it_pl_button-style2.style-1:hover .it_pl_button-hover{
	left:0;
	transform:translate(-50%,-50%) scale(2);
}

/*   STYLE 2 - 2   */
.it_pl_button-style2.style-2 .it_pl_button-hover{
	top:0;
	right:0;
	width:80px;
	height:80px;
	border-radius:350px;
	transform:translate(50%,-50%) scale(0);
}
.it_pl_button-style2.style-2:hover .it_pl_button-hover{
	right:0;
	transform:translate(50%,-50%) scale(2);
}

/*   STYLE 2 - 3   */
.it_pl_button-style2.style-3 .it_pl_button-hover{
	top:0;
	right:0;
	width:80px;
	height:80px;
	border-radius:350px;
	transform:translate(50%,50%) scale(0);
}
.it_pl_button-style2.style-3:hover .it_pl_button-hover{
	transform:translate(50%,50%) scale(2);
}

/*   STYLE 2 - 4   */
.it_pl_button-style2.style-4 .it_pl_button-hover{
	top:0;
	left:0;
	width:80px;
	height:80px;
	border-radius:350px;
	transform:translate(-50%,50%) scale(0);
}
.it_pl_button-style2.style-4:hover .it_pl_button-hover{
	transform:translate(-50%,50%) scale(2);
}

/*   STYLE 3  TODO ::: STYLE 3   */
.it_pl_button-style3{
	display:inline-block;
}
.it_pl_button-style3 .it_pl_button-text{
	padding:8px 16px;
}

.it_pl_button-style3 .it_pl_button-hover:before{
	content: '';
	position:absolute;
}

.it_pl_button-style3 .it_pl_button-hover{
	background-color: rgba(0, 0, 0, 0.3);
}

/*   STYLE 3 - 1   */
.it_pl_button-style3.style-1 .it_pl_button-hover,
.it_pl_button-style3.style-1 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:100%;
	height:0;
}
.it_pl_button-style3.style-1:hover .it_pl_button-hover:before{
	height:100%;
	transition-delay:0.25s;
}
.it_pl_button-style3.style-1:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 3 - 2   */
.it_pl_button-style3.style-2 .it_pl_button-hover,
.it_pl_button-style3.style-2 .it_pl_button-hover:before{
	bottom:0;
	left:0;
	width:100%;
	height:0;
}
.it_pl_button-style3.style-2:hover .it_pl_button-hover:before{
	height:100%;
	transition-delay:0.25s;
}
.it_pl_button-style3.style-2:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 3 - 3   */
.it_pl_button-style3.style-3 .it_pl_button-hover,
.it_pl_button-style3.style-3 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:0;
	height:100%;
}
.it_pl_button-style3.style-3:hover .it_pl_button-hover:before{
	width:100%;
	transition-delay:0.25s;
}
.it_pl_button-style3.style-3:hover .it_pl_button-hover{
	width:100%;
}

/*   STYLE 3 - 4   */
.it_pl_button-style3.style-4 .it_pl_button-hover,
.it_pl_button-style3.style-4 .it_pl_button-hover:before{
	top:0;
	right:0;
	width:0;
	height:100%;
}
.it_pl_button-style3.style-4:hover .it_pl_button-hover:before{
	width:100%;
	transition-delay:0.25s;
}
.it_pl_button-style3.style-4:hover .it_pl_button-hover{
	width:100%;
}

/*   STYLE 4  TODO ::: STYLE 4   */
.it_pl_button-style4{
	display:inline-block;
}
.it_pl_button-style4 .it_pl_button-text{
	padding:8px 16px;
	color:transparent;
}

.it_pl_button-style4 .it_pl_button-hover:before,
.it_pl_button-style4 .it_pl_button-hover:after{
	content: attr(data-text);
	position:absolute;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.it_pl_button-style4 .it_pl_button-hover{
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: transparent;
}
.it_pl_button-style4 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:100%;
	height:50%;
	padding-top:1rem;
}
.it_pl_button-style4 .it_pl_button-hover:after{
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	line-height:0 !important;
}
.it_pl_button-style4 .it_pl_button-text{
	transform:scale(0);
}
.it_pl_button-style4:hover .it_pl_button-text{
	transform:scale(1);
}
.it_pl_button-style4:hover .it_pl_button-hover:before{
	transform:translateY(-100%);
}
.it_pl_button-style4:hover .it_pl_button-hover:after{
	transform:translateY(100%);
}
.it_pl_button-style4:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 5  TODO ::: STYLE 5   */
.it_pl_button-style5{
	display:inline-block;
}
.it_pl_button-style5 .it_pl_button-text{
	padding:8px 16px;
}

.it_pl_button-style5 .it_pl_button-hover:before{
	content: '';
	position:absolute;
	box-sizing: border-box;
}
.it_pl_button-style5 .it_pl_button-hover{
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.it_pl_button-style5 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:120%;
	height:100%;
	transition:all 0.2s ease;
	transform:rotate3d(0, 0, 1, -45deg) translate3d(0, -300%, 0);
}
.it_pl_button-style5:hover .it_pl_button-hover:before{
	transform:rotate3d(0, 0, 1, 0deg) translate3d(0, 0em, 0);
}
.it_pl_button-style5:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 6  TODO ::: STYLE 6   */
.it_pl_button-style6{
	display:inline-block;
}
.it_pl_button-style6 .it_pl_button-text{
	padding:8px 16px;
}

.it_pl_button-style6 .it_pl_button-hover:before,
.it_pl_button-style6 .it_pl_button-hover:after{
	content: '';
	position:absolute;
	box-sizing: border-box;
	overflow: hidden;
}
.it_pl_button-style6 .it_pl_button-hover{
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*   STYLE 6 - 1   */
.it_pl_button-style6.style-1 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:2px;
	height:100%;
	transition:all 0.2s ease;
}
.it_pl_button-style6.style-1 .it_pl_button-hover:after{
	top:0;
	right:0;
	width:2px;
	height:100%;
	transition:all 0.2s ease;
}
.it_pl_button-style6.style-1:hover .it_pl_button-hover:before,
.it_pl_button-style6.style-1:hover .it_pl_button-hover:after{
	width:50%;
}
.it_pl_button-style6.style-1:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 6 - 2   */
.it_pl_button-style6.style-2 .it_pl_button-hover:before{
	top:0;
	left:0;
	width:100%;
	height:2px;
	transition:all 0.2s ease;
}
.it_pl_button-style6.style-2 .it_pl_button-hover:after{
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	transition:all 0.2s ease;
}
.it_pl_button-style6.style-2:hover .it_pl_button-hover:before,
.it_pl_button-style6.style-2:hover .it_pl_button-hover:after{
	height:50%;
}
.it_pl_button-style6.style-2:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 7  TODO ::: STYLE 7   */
.it_pl_button-style7{
	display:inline-block;
}
.it_pl_button-style7 .it_pl_button_inner{
	overflow:visible !important;
}
.it_pl_button-style7 .it_pl_button-text{
	padding:8px 16px;
}

.it_pl_button-style7 .it_pl_button-hover:before,
.it_pl_button-style7 .it_pl_button-hover:after{
	content: '';
	position:absolute;
	box-sizing: border-box;
	overflow: hidden;
}
.it_pl_button-style7 .it_pl_button-hover{
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*   STYLE 7 - 1   */
.it_pl_button-style7.style-1 .it_pl_button-hover:before,
.it_pl_button-style7.style-1 .it_pl_button-hover:after{
	top:50%;
	left:0;
	width:100%;
	height:3px;
	border-width:0 8px 0 8px;
	border-style:solid;
	transform:translateY(-50%);
}
.it_pl_button-style7.style-1:hover .it_pl_button-hover:before{
	transform:translateY(-50%) rotate(45deg);
}
.it_pl_button-style7.style-1:hover .it_pl_button-hover:after{
	transform:translateY(-50%) rotate(-45deg);
}
.it_pl_button-style7.style-1:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 7 - 2   */
.it_pl_button-style7.style-2 .it_pl_button-hover:before,
.it_pl_button-style7.style-2 .it_pl_button-hover:after{
	top:50%;
	left:0;
	width:100%;
	height:3px;
	border-width:0 8px 0 8px;
	border-style:solid;
	transform:translateY(-50%);
}
.it_pl_button-style7.style-2:hover .it_pl_button-hover:before{
	top:0;
	border-width:0 2px 0 2px;
}
.it_pl_button-style7.style-2:hover .it_pl_button-hover:after{
	top:100%;
	border-width:0 2px 0 2px;
}
.it_pl_button-style7.style-2:hover .it_pl_button-hover{
	height:100%;
}

/*   STYLE 7 - 3   */
.it_pl_button-style7.style-3 .it_pl_button-hover:before{
	top:50%;
	left:50%;
	width:100%;
	height:3px;
	border-width:0 8px 0 8px;
	border-style:solid;
	transform:translate(-50%,-50%);
}
.it_pl_button-style7.style-3:hover .it_pl_button-hover:before{
	border-width:0 14px 0 14px;
	width:130%;
}
.it_pl_button-style7.style-3:hover .it_pl_button-hover{
	height:100%;
}

/*
 *	-----------------------------------------------------------------
 *	----------------------------- ICON ------------------------------
 *	-----------------------------------------------------------------
 */

/*   STYLE 8  TODO ::: STYLE 8   */
.it_pl_button-style8{
	display: inline-block;
}
.it_pl_button-style8 .it_pl_button-text{
	padding:20px 46px;
}

.it_pl_button-style8 .it_pl_button-hover-icon{
	position:absolute;
	top:50%;
}

/*   STYLE 8 - 1   */
.it_pl_button-style8.style-1 .it_pl_button-hover-icon{
	transform: translateX(-100%) translateY(-50%);
	left:10px;
	opacity:0;
}
.it_pl_button-style8.style-1:hover .it_pl_button-hover-icon{
	transform: translateX(0) translateY(-50%);
	opacity:1;
}

/*   STYLE 8 - 2   */
.it_pl_button-style8.style-2 .it_pl_button-hover-icon{
	transform: translateX(100%) translateY(-50%);
	right:10px;
	opacity:0;
}
.it_pl_button-style8.style-2:hover .it_pl_button-hover-icon{
	transform: translateX(0) translateY(-50%);
	opacity:1;
}

/*   STYLE 9  TODO ::: STYLE 9   */
.it_pl_button-style9{
	display: inline-block;
}
.it_pl_button-style9 .it_pl_button-text{
	padding:20px 46px;
}

.it_pl_button-style9 .it_pl_button-hover-icon{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.it_pl_button-style9 .it_pl_button-hover-icon i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

/*   STYLE 9 - 1   */
.it_pl_button-style9.style-1:hover .it_pl_button-text{
	transform:translateY(-100%);
}
.it_pl_button-style9.style-1 .it_pl_button-hover-icon{
	opacity:0;
	transform: translateY(100%);
}
.it_pl_button-style9.style-1:hover .it_pl_button-hover-icon{
	transform: translateY(0);
	transition-delay:0.1s;
	opacity:1;
}

/*   STYLE 9 - 2   */
.it_pl_button-style9.style-2:hover .it_pl_button-text{
	transform:translateY(100%);
}
.it_pl_button-style9.style-2 .it_pl_button-hover-icon{
	transform: translateY(-100%);
}
.it_pl_button-style9.style-2:hover .it_pl_button-hover-icon{
	transform: translateY(0);
	transition-delay:0.1s;
	opacity:1;
}

/*   STYLE 9 - 3   */
.it_pl_button-style9.style-3:hover .it_pl_button-text{
	transform:translateX(100%);
}
.it_pl_button-style9.style-3 .it_pl_button-hover-icon{
	transform: translateX(-100%);
}
.it_pl_button-style9.style-3:hover .it_pl_button-hover-icon{
	transform: translateX(0);
	transition-delay:0.1s;
	opacity:1;
}

/*   STYLE 9 - 4   */
.it_pl_button-style9.style-4:hover .it_pl_button-text{
	transform:translateX(-100%);
}
.it_pl_button-style9.style-4 .it_pl_button-hover-icon{
	transform: translateX(100%);
}
.it_pl_button-style9.style-4:hover .it_pl_button-hover-icon{
	transform: translateX(0);
	transition-delay:0.1s;
	opacity:1;
}

/*   STYLE 10  TODO ::: STYLE 10   */
.it_pl_button-style10{
	display: inline-block;
}
.it_pl_button-style10 .it_pl_button-text{
	padding:20px 46px;
}

.it_pl_button-style10 .it_pl_button-hover-icon{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.it_pl_button-style10 .it_pl_button-hover-icon i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

/*   STYLE 10 - 1   */
.it_pl_button-style10.style-1:hover .it_pl_button-text{
	transform:scale(5);
	opacity:0;
}
.it_pl_button-style10.style-1 .it_pl_button-hover-icon{
	opacity:0;
	transform: scale(0);
}
.it_pl_button-style10.style-1:hover .it_pl_button-hover-icon{
	transform: scale(1);
	transition-delay:0.2s;
	opacity:1;
}

/*   STYLE 10 - 2   */
.it_pl_button-style10.style-2:hover .it_pl_button-text{
	transform:scale(0);
	opacity:0;
}
.it_pl_button-style10.style-2 .it_pl_button-hover-icon{
	opacity:0;
	transform: scale(5);
}
.it_pl_button-style10.style-2:hover .it_pl_button-hover-icon{
	transform: scale(1);
	transition-delay:0.2s;
	opacity:1;
}

/*   STYLE 11  TODO ::: STYLE 11   */
.it_pl_button-style11{
	display: table;
	margin:auto;
}
.it_pl_button-style11 .it_pl_button-text{
	padding:20px 36px;
}
.it_pl_button-style11 .it_pl_button-hover-icon{
	position:relative;
	top:0;
	left:0;
	text-align: center;
}
.it_pl_button-style11 .it_pl_button-hover-icon:before{
	content:'';
	position:absolute;
	top:50%;
	left:100%;
	border-width:5px;
	border-style:solid;
}

/*   STYLE 11 - 1   */
.it_pl_button-style11.style-1 .it_pl_button-text{
	display: table-cell;
}
.it_pl_button-style11.style-1 .it_pl_button-hover-icon{
	height:100%;
	display: table-cell;
	padding:0 12px;
	vertical-align: middle;
}
.it_pl_button-style11.style-1 .it_pl_button-hover-icon:before{
	border-color:transparent transparent transparent #222;
	transform:translateY(-50%);
}
.it_pl_button-style11.style-1 .it_pl_button-hover-icon i{
	position:relative;
}
.it_pl_button-style11.style-1:hover .it_pl_button-hover-icon:before{
	border-width:8px;
}

/*   STYLE 11 - 2   */
.it_pl_button-style11.style-2 .it_pl_button-hover-icon{
	height:100%;
	padding:12px 0;
}
.it_pl_button-style11.style-2 .it_pl_button-hover-icon:before{
	top:100%;
	left:50%;
	border-color:#222 transparent transparent transparent;
	transform:translateX(-50%);
}
.it_pl_button-style11.style-2 .it_pl_button-hover-icon i{
	position:relative;
}
.it_pl_button-style11.style-2:hover .it_pl_button-hover-icon:before{
	border-width:8px;
}

/*   STYLE 12  TODO ::: STYLE 12   */
.it_pl_button-style12{
	display: inline-block;
	border-radius:5px;
	margin:auto;
}
.it_pl_button-style12 .it_pl_button_inner{
	overflow:visible !important;
}
.it_pl_button-style12 .it_pl_button-text{
	padding:20px 36px;
}
.it_pl_button-style12 .it_pl_button-hover-icon{
	position:absolute;
	height:40px;
	width:40px;
	border-radius:150px;
	z-index:10;
	top:50%;
	text-align: center;
}

/*   STYLE 12 - 1   */
.it_pl_button-style12.style-1 .it_pl_button-hover-icon{
	box-shadow:0 0 3px; rgba(0,0,0,0.2);
	transform:translate(-50%,-50%);
	left:0;
}
.it_pl_button-style12.style-1 .it_pl_button-hover-icon i {
	line-height:40px;
}
.it_pl_button-style12.style-1:hover .it_pl_button-hover-icon{
	height:45px;
	width:45px;
}
.it_pl_button-style12.style-1:hover .it_pl_button-hover-icon i{
	line-height:45px;
}

/*   STYLE 12 - 2   */
.it_pl_button-style12.style-2{
	padding-top:10px;
}
.it_pl_button-style12.style-2 .it_pl_button-hover-icon{
	box-shadow:0 0 3px; rgba(0,0,0,0.2);
	transform:translate(-50%,-50%);
	left:50%;
	top:0;
}
.it_pl_button-style12.style-2 .it_pl_button-hover-icon i {
	line-height:40px;
}
.it_pl_button-style12.style-2:hover .it_pl_button-hover-icon{
	height:45px;
	width:45px;
}
.it_pl_button-style12.style-2:hover .it_pl_button-hover-icon i{
	line-height:45px;
}

/*   STYLE 12 - 3   */
.it_pl_button-style12.style-3 .it_pl_button-hover-icon{
	box-shadow:0 0 3px; rgba(0,0,0,0.2);
	transform:translate(50%,-50%);
	right:0;
}
.it_pl_button-style12.style-3 .it_pl_button-hover-icon i {
	line-height:40px;
}
.it_pl_button-style12.style-3:hover .it_pl_button-hover-icon{
	height:45px;
	width:45px;
}
.it_pl_button-style12.style-3:hover .it_pl_button-hover-icon i{
	line-height:45px;
}

/**
 *	TOOLTIP TODO tooltip
 */

.it_pl_button .it_pl_tooltip{
	position:absolute;
	transition:all 0.2s ease-in-out;
	opacity:0;
	z-index: 1;
	visibility:hidden;


}
.it_pl_button .it_pl_tooltip:before{
	content:'';
	position:absolute;
	border-style:solid;
	border-width:6px;
}
.it_pl_button:hover .it_pl_tooltip{
	opacity:1;
	visibility:visible;
}
/**
 *	TOP
 */
.it_pl_button .it_pl_tooltip.it_pl_top{
	transform:translate(-50%,-90%);
	left:50%;
	top:0;
}
.it_pl_button:hover .it_pl_tooltip.it_pl_top{
	transform:translate(-50%,calc(-100% + -20px));
}
.it_pl_button .it_pl_tooltip.it_pl_top:before{
	top:100%;
	left:50%;
	transform:translateX(-50%);
	border-color:transparent;
}
/**
 *	BOTTOM
 */
.it_pl_button .it_pl_tooltip.it_pl_bottom{
	transform:translate(-50%,90%);
	left:50%;
	bottom:0;
}
.it_pl_button:hover .it_pl_tooltip.it_pl_bottom{
	transform:translate(-50%,calc(100% + 20px));
}
.it_pl_button .it_pl_tooltip.it_pl_bottom:before{
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	border-color:transparent;
}
/**
 *	LEFT
 */
.it_pl_button .it_pl_tooltip.it_pl_left{
	transform:translate(10%,-50%);
	right:100%;
	top:50%;
}
.it_pl_button:hover .it_pl_tooltip.it_pl_left{
	transform:translate(calc(0% + -20px),-50%);
}
.it_pl_button .it_pl_tooltip.it_pl_left:before{
	top:50%;
	left:100%;
	transform:translateY(-50%);
	border-color:transparent;
}
/**
 *	RIGHT
 */
.it_pl_button .it_pl_tooltip.it_pl_right{
	transform:translate(-10%,-50%);
	left:100%;
	top:50%;
}
.it_pl_button:hover .it_pl_tooltip.it_pl_right{
	transform:translate(calc(0% + 20px),-50%);
}
.it_pl_button .it_pl_tooltip.it_pl_right:before{
	top:50%;
	right:100%;
	transform:translateY(-50%);
	border-color:transparent;
}