/*
=<::::::::::::::::::::::::::=>
btns css
=<::::::::::::::::::::::::::=>
*/


/*define btn1 css*/
a.a-btn1{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #156AF2;
    z-index: 2;
}

a.a-btn1:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}

a.a-btn1:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #fff;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn1:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn1:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn1:hover {
    color: #fff 
}
/*End btn1 css*/



/*Define btn2 css*/
a.a-btn2{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
    transition: all .3s;
}

a.a-btn2:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
    opacity: 0;
    transform:scale(.5,.5);
}

a.a-btn2:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #fff;
    opacity: 1;
    transform: scale(1,1);
    
}

a.a-btn2:hover::before {
    opacity: 1;

    transform: scale(1,1);
}
a.a-btn2:hover::after {
    transform: scale(1.2,1.2);
    opacity: 0;


}

a.a-btn2:hover {
    color: #193164; 
}

/*End btn2 css*/



/*Define btn3 css*/

a.a-btn3 {
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 85px;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    position: relative;
    z-index: 2;
    color: #156AF2;
    transition: all .3s;
    
}
a.a-btn3:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 50px;
    transform: scale(1,1);
    opacity: 1;
    transition: all .3s;

}
a.a-btn3:after{
    content: "";
    position: absolute;
    height: 100%;
    width:100%;
    border-radius: 50px;
    border: 2px solid #fff;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(1.2, 1.2);
    transition: all .3s;
}

a.a-btn3:hover:before{
    transform: scale(.5,.5);
    opacity:0;
    transition: all .3s;
}
a.a-btn3:hover:after{
    opacity: 1;
    transform: scale(1, 1);
    transition: all .3s;
}
a.a-btn3:hover{
    color: #fff;
}
/*End btn3 css*/


/*Define btn4 css*/
a.a-btn4{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
    box-shadow: 0 0 30px #689FF6;
}


a.a-btn4:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #156AF2;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}

a.a-btn4:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #156AF2;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn4:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn4:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn4:hover {
    color: #156AF2 ;
    box-shadow: 0 0 0;
}


a.a-btn4.active{
    color: #156AF2;
}

a.a-btn4.active:before{
    background: #fff;
}

a.a-btn4.active:after{
    border-color: #fff;
}
a.a-btn4.active:hover{
    color: #fff;
}


.single_pricing:hover .a-btn4{color: #156AF2;}
.single_pricing:hover .a-btn4:before{background: #fff;}
.single_pricing:hover .a-btn4:after{border-color: #fff;}
.single_pricing:hover .a-btn4:hover{color: #fff;}

/*Define btn5 css*/
a.a-btn5{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #193164;
    z-index: 2;
    transition: all .3s;
}

a.a-btn5:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right , #EB5406 ,#F4CA27);
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
    opacity: 0;
    transform:scale(.5,.5);
}

a.a-btn5:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #EC5E09;
    opacity: 1;
    transform: scale(1,1);
    
}

a.a-btn5:hover::before {
    opacity: 1;

    transform: scale(1,1);
}
a.a-btn5:hover::after {
    transform: scale(1.2,1.2);
    opacity: 0;


}

a.a-btn5:hover {
    color: #fff; 
}
/*End btn5 css*/

/*Define btn6 css*/


a.a-btn6{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
    transition: all .3s;
}

a.a-btn6:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right , #EB5406 ,#F4CA27);
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
    opacity: 1;
    transform:scale(1,1);
}

a.a-btn6:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #EC5E09;
    opacity: 0;
    transform: scale(1.2,1.2);
    
}

a.a-btn6:hover::before {
    opacity: 0;

    transform: scale(.5,.5);
}
a.a-btn6:hover::after {
    transform: scale(1,1);
    opacity: 1;


}

a.a-btn6:hover {
    color:#193164; 
}



/*define btn7 css*/
a.a-btn7{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #5A78F1;
    z-index: 2;
}

a.a-btn7:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #5A78F1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
     opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}

a.a-btn7:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #5A78F1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn7:hover::before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
a.a-btn7:hover::after {
    opacity:0;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn7:hover {
    color: #fff 
}
/*End btn7 css*/



/*Define btn8 css*/
a.a-btn8{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
}

a.a-btn8:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #5A78F1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
     opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn8:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #5A78F1;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn8:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn8:hover::after {
    opacity:1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1.2,1);
    transform: scale(1,1);
}

a.a-btn8:hover {
    color: #5A78F1 
}

/*End btn8 css*/



/*Define btn9 css*/
a.a-btn9{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
}

a.a-btn9:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right,#C25074,#F99051);
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}

a.a-btn9:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #C25074;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn9:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn9:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn9:hover {
    color: #C25074 ;
}




/*define btn10 css*/
a.a-btn10{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #FF6A7A;
    z-index: 2;
}

a.a-btn10:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #FF6A7A;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
     opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}

a.a-btn10:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #FF6A7A;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn10:hover::before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
a.a-btn10:hover::after {
    opacity:0;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn10:hover {
    color: #fff 
}

/*End btn10 css*/

/*start btn 11*/



a.a-btn11{
    padding: 17px 33px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
    transition: all .3s;
    background: #FF6A7A;
    
}

a.a-btn11:hover{
 background: #0C255D;
 transition: all .5s;
}
/*start btn 12*/



a.a-btn12{
    padding: 17px 33px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    color: #FF6A7A;
    z-index: 2;
    transition: all .3s;
    background: #fff;
    border: 1px solid #FF6A7A;
    
}

a.a-btn12:hover{
 background: #0C255D;
 transition: all .5s;
 border-color: #0C255D;
 color: #fff;

}



/*Start btn13 css*/
a.a-btn13{
    padding: 17px 33px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #15B6F2;
    border-radius: 5px;
    z-index: 2;
}



a.a-btn13:hover{
    background: #25265E;
}
/*End btn13 css*/


/*Start btn14 css*/
a.a-btn14{
    padding: 17px 33px;
    position: relative;
    border-radius: 5px;
    text-decoration: none;
    color: #15B6F2;
    z-index: 2;
}

a.a-btn14:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #15B6F2;
    border-radius: 5px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
     opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}

a.a-btn14:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    border-radius: 5px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #15B6F2;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1.2);
    -o-transform: scale(,1);
    transform: scale(1,1);
}

a.a-btn14:hover::before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
a.a-btn14:hover::after {
    opacity:0;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn14:hover {
    color: #fff 
}
/*End btn11 css*/



/*define btn15 css*/
a.a-btn15{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #15B6F2;
    z-index: 2;
}

a.a-btn15:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #15B6F2;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
     opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}

a.a-btn15:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #15B6F2;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn15:hover::before {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}
a.a-btn15:hover::after {
    opacity:0;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn15:hover {
    color: #fff 
}
/*End btn15 css*/


/*app btn css*/

.app-btn {
  display: inline-block;
  color: #fff;
  padding: 10px 30px;
  text-transform: capitalize;
  font-weight: 700;
  background: #25265E;
  border-radius: 5px;
  width: 230px;
}
.app-btn i{
    font-size: 32px;
    color: #fff;
}
.app-btn-icon {
  font-size: 36px;
  padding-right: 15px;
  float: left;
}
.app-btn-text {
  text-align: left;
}
.app-btn-text small {
  margin: 0;
  line-height: 1.3;
  color: #fff;
}
.app-btn-text strong {
  display: block;
  font-size: 18px;
  color: #fff;
}
.app-btn:last-child {
  margin-left: 20px;
}
.app-btn.active{
  background: #15B6F2;
}
.app-btn:hover, .app-btn.active hover{
  background: #4266B3;
  color: #fff;
}


/*For home page 7*/

.app-btns.v7 i {
    color: #364D60;
    
}

.app-btns.v7 .app-btn{
    background: #fff;

}
.app-btns.v7 .app-btn-text small, 
.app-btns.v7 .app-btn-text strong{
    color: #364D60;
}
.app-btns.v7 .app-btn.active{
  background: #F6A091;
}

.app-btns.v7 .app-btn:hover{
    background: #F6A091;
}

.app-btns.v7 .app-btn.active:hover{
  background: #fff;
}




/*Define btn16 css*/
a.a-btn16{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
}

a.a-btn16:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to bottom right , #3023AE, #C86DD7);
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}

a.a-btn16:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #3023AE;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn16:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn16:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn16:hover {
    color: #3023AE ;
}



/*define btn17 css*/

a.a-btn17{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #EC6679;
    z-index: 2;
}

a.a-btn17:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
}

a.a-btn17:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #fff;
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

a.a-btn17:hover::before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5);
    -o-transform: scale(.5,.5);
    transform: scale(.5,.5);
}
a.a-btn17:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

a.a-btn17:hover {
    color: #fff 
}


.header-area.v_7.skrollable.skrollable-after a.a-btn17{
    color: #fff;
    background: #EC6679;
}

.header-area.v_7.skrollable.skrollable-after a.a-btn17:after{
    border-color: transparent;
}
.header-area.v_7.skrollable.skrollable-after a.a-btn17:hover{
    background: #F58858;
}

/*End btn1 css*/





/*Define btn2 css*/
a.a-btn18{
    padding: 17px 33px;
    position: relative;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    z-index: 2;
    transition: all .3s;
}

a.a-btn18:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    z-index: -1;
    opacity: 0;
    transform:scale(.5,.5);
}

a.a-btn18:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 25px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    border: 2px solid #fff;
    opacity: 1;
    transform: scale(1,1);
    
}

a.a-btn18:hover::before {
    opacity: 1;

    transform: scale(1,1);
}
a.a-btn18:hover::after {
    transform: scale(1.2,1.2);
    opacity: 0;


}

a.a-btn18:hover {
    color: #EC6679; 
}

/*End btn2 css*/