/*tripoly academy*/

.button
{
color: #A8CF45;
font-family:Raleway,Helvetica,sans-serif;border-radius:4px;
padding:5px 5px;
border:1px solid #A8CF45;
background:0 0;
font-size:14px;
cursor:pointer
}
.button:hover
{
color:#000;
background:#A8CF45
}
.center-button-wrapper
{
text-align:center;
padding:50px 0
}
.rv-vanilla-modal
{
	 z-index: 999;
position: fixed;
    left: 38%;
    width: 25%;
    min-height: 300px;
    margin-top: 6%;
background:#fff;
-webkit-transition:.3s all ease-out;
transition:.3s all ease-out;border-radius:4px;
-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.3);
box-shadow:0 0 6px 0 rgba(0,0,0,.3)
}
@media screen and (max-width: 640px) {
	.rv-vanilla-modal
{
	 z-index: 999;
    width: 80%;
    left: 8%;
margin-top: 28%;
}
	.rv-vanilla-modal-is-open
{
	   
top:10%;

}
	}
.rv-vanilla-modal-is-open
{
	   
top:0%;

}
.rv-vanilla-modal-overlay
{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
;background:rgba(0,0,0,.5);
opacity:0;
display:none;
-webkit-transition:.4s opacity linear;
transition:.4s opacity linear
}
.rv-vanilla-modal-overlay.is-shown
{
opacity:1;
display:none;
}
.rv-vanilla-modal-header
{
padding:10px !important;
background:#010101;
border-radius:4px 4px 0 0;
    width: 30%;
    margin-left: 35%;
}
@media only screen and (max-width: 1024px){
 
	.rv-vanilla-modal-header
{
    width: 70%;
    margin-left: 15%;
    	
}
}
.rv-vanilla-modal-body
{
overflow:auto;
color:#555;

}
.rv-vanilla-modal-body img
{
width:100% !important;
}
.rv-vanilla-modal-body p
{
line-height:150%;
margin:0 0 1em;
}
.rv-vanilla-modal-title
{color:#A8CF45;
margin:0;
font-size:18px;
font-weight:300;
}

.rv-vanilla-modal-close
{
color:#A8CF45;
font-size:21px;
float:right;
display:inline-block;
width:26px;
eight:26px;
line-height:26px;
text-align:center;
border-radius:50%;
border:0;
cursor:pointer;
background:rgba(255,255,255,.4);
-webkit-transition:all .2s linear;transition:all .2s linear;
}
.rv-vanilla-modal-close .text
{
position:relative;
top:-1px;
}
.rv-vanilla-modal-close:hover
{color:#A8CF45;
background:rgba(255,255,255,.5)
}
.hidden{
display:none!important;
visibility:
hidden
}
.group:after,.group:before
{content:"";
display:table
}
.group:after{clear:both}

.centered{text-align:center}