/* rt-flip-box element-one */



.rt-flip-box.element-one{

}



.rt-flip-box.element-one > .holder{

    position:relative;

    perspective:1000px;

}



.rt-flip-box.element-one > .holder > .first-card,

.rt-flip-box.element-one > .holder > .second-card{

    width:100%;

    height:100%;

    text-align:center;

    backface-visibility:hidden;

    transform-style:preserve-3d;

    -webkit-transform-style:preserve-3d;

    transition:all 0.4s ease-out 0s;

    -webkit-transition:all 0.4s ease-out 0s;

}



.rt-flip-box.element-one > .holder > .first-card{

	position:absolute;

    z-index:1;

}



.rt-flip-box.element-one > .holder.horizontal > .first-card{

    transform:rotateY(0deg);

    -webkit-transform:rotateY(0deg);

}



.rt-flip-box.element-one > .holder.horizontal:hover > .first-card{

    transform:rotateY(180deg);

    -webkit-transform:rotateY(180deg);

}



.rt-flip-box.element-one > .holder.vertical > .first-card{

    transform:rotateX(0deg);

    -webkit-transform:rotateX(0deg);

}



.rt-flip-box.element-one > .holder.vertical:hover > .first-card{

    transform:rotateX(180deg);

    -webkit-transform:rotateX(180deg);

}



.rt-flip-box.element-one > .holder > .second-card{

    position:relative;

    z-index:0;

}



.rt-flip-box.element-one > .holder.horizontal > .second-card{

    transform:rotateY(-180deg);

    -webkit-transform:rotateY(-180deg);

}



.rt-flip-box.element-one > .holder.horizontal:hover > .second-card{

    transform:rotateY(0deg);

    -webkit-transform:rotateY(0deg);

}



.rt-flip-box.element-one > .holder.vertical > .second-card{

    transform:rotateX(-180deg);

    -webkit-transform:rotateX(-180deg);

}



.rt-flip-box.element-one > .holder.vertical:hover > .second-card{

    transform:rotateX(0deg);

    -webkit-transform:rotateX(0deg);

}



.rt-flip-box.element-one > .holder > .first-card > .table,

.rt-flip-box.element-one > .holder > .second-card > .table{

    display:table;

    table-layout:fixed;

    width:100%;

    height:100%;

    margin:0;

}



.rt-flip-box.element-one > .holder > .first-card > .table > .table-cell,

.rt-flip-box.element-one > .holder > .second-card > .table > .table-cell{

    display:table-cell;

    width:100%;

    height:100%;

    vertical-align:middle;

}



.rt-flip-box.element-one > .holder > .first-card > .table > .table-cell > *:last-child,

.rt-flip-box.element-one > .holder > .second-card > .table > .table-cell > *:last-child{

    margin-bottom:0 !important;

}



.rt-flip-box.element-one > .holder > .first-card h4,

.rt-flip-box.element-one > .holder > .second-card h4{

    margin-bottom:15px;

    font-weight:300;

    font-size:35px;

    color:#010101;

    line-height:45px;

}



.rt-flip-box.element-one > .holder > .first-card p,

.rt-flip-box.element-one > .holder > .second-card p{

    margin-bottom:30px;

    font-weight:400;

    font-size:16px;

    color:rgba(0,0,0,0.6);

    line-height:28px;

}



.rt-flip-box.element-one > .holder > .second-card .btn{

    margin-bottom:30px;

    padding:9px 25px 12px 25px;

    background-color:initial;

    border:1px #fff solid;

    border-radius:35px;

    font-weight:400;

    font-size:18px;

    color:#fff;

    line-height:30px;

    transition:all 0.3s ease-in-out;

    -webkit-transition:all 0.3s ease-in-out;

}



.rt-flip-box.element-one > .holder > .second-card .btn:hover{

    background-color:#fff;

    color:#252525;

}



.rt-flip-box.element-one > .holder > .second-card .btn:after{

    margin-left:0px;

    content:"\f105";

    font-family:"FontAwesome";

    opacity:0;

    visibility:hidden;

    transition:all 0.3s ease-in-out;

    -webkit-transition:all 0.3s ease-in-out;

}



.rt-flip-box.element-one > .holder > .second-card .btn:hover:after{

    margin-left:12px;

    opacity:1;

    visibility:visible;

}