.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after { clear: both }

.clearfix { zoom: 1 }

#opayo * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#opayo {
	overflow: hidden;
	margin: 0;
}





#opayo input[type=text], #opayo input[type=number], #opayo input[type=checkbox], #opayo input[type=color], #opayo input[type=date], #opayo input[type=datetime-local], #opayo input[type=datetime], #opayo input[type=email], #opayo input[type=month], #opayo input[type=number], #opayo input[type=password], #opayo input[type=radio], #opayo input[type=search], #opayo input[type=tel], #opayo input[type=text], #opayo input[type=time], #opayo input[type=url], #opayo input[type=week], #opayo select, #opayo textarea {
	border: none;
    background: rgba(220,220,220,0.25);
    font-size: 15px;
    padding: 10px 12px;
    width:100%;
    -webkit-appearance:none;
    height: 50px;
}

#opayo select{   
	-moz-appearance: none; 
	-webkit-appearance: none; 
    appearance: none;
    border: none;
    background-color: rgba(220,220,220,0.25);
    /* background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; */
    font-size: 15px;
    padding: 10px 12px;
    width:100%;
    height: 50px;
}

#opayo .panels {
	margin: 0 0 0 0;
}

#opayo .panel {
	display: inline-block;
	width: 100%;
	padding: 4%;
	background: #fff;
	font-size: 16px;
	animation: smoothFade .3s;
    -moz-animation: smoothFade .3s;
    -webkit-animation: smoothFade .3s;
    -o-animation: smoothFade .3s;
}

#opayo form .form-group {
    margin-bottom: 20px;
}

#opayo input[type=submit], #opayo button {
    display: block;
	width: 100%;
	text-align: center;
	line-height: 46px;
    height: auto;
    margin-top: 10px;
    font-size: 15px;
    background: rgb(90, 203, 90);
}

#opayo input[type=submit]:hover, #opayo button:hover {
    background: rgb(85, 176, 85);
}

#opayo::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

#opayo:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

#opayo::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}


@keyframes smoothFade {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes smoothFade {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes smoothFade {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}