/* Headings */

.h1 {
    font-size: 3.5em;
    margin-top: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
}


/* Font size */

.font-xxlarge {
    font-size: 3em;
}

.font-xlarge {
    font-size: 2em;
}

.font-large {
    font-size: 1.5em;
}

.font-small {
    font-size: .7em;
}


/* Buttons */

.button-small {
    display: inline-block;
    padding: 1em 1em;
    font-size: 1em;
}

.button-medium {
    display: inline-block;
    padding: 1.5rem 3rem;
    font-size: 14px;
}


/* Border Radius */

.border-radius {
    border-radius: .5em;
}

.border-rounded {
    border-radius: 50%;
}


/* Forecolor */

.color-white {
    color: whitesmoke;
}

.color-dark {
    color: #093637;
}

.color-gold {
    color: #D4AF37;
}


/* Backcolor */

.background-white {
    background-color: whitesmoke;
}

.background-dark {
    background: #5ea044;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(21deg, #093637, #5ea044);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(21deg, #093637, #5ea044);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.background-gold {
    background: #D4AF37;
    background: -moz-linear-gradient(21deg, rgba(212, 175, 55, 1) 0%, rgba(255, 212, 73, 1) 35%, rgba(212, 175, 55, 1) 100%);
    background: -webkit-linear-gradient(21deg, rgba(212, 175, 55, 1) 0%, rgba(255, 212, 73, 1) 35%, rgba(212, 175, 55, 1) 100%);
    background: linear-gradient(21deg, rgba(212, 175, 55, 1) 0%, rgba(255, 212, 73, 1) 35%, rgba(212, 175, 55, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d4af37", endColorstr="#d4af37", GradientType=1);
}


/* Form */


/* Form */


.submit-form {
    width: 85%;
    max-width: 600px;
    padding: 30px 40px;
    border-radius: 8px;
    text-align: center;
    margin: auto;
}

.submit-form h1 {
    margin: 0 auto;
}

.submit-form {
    border: 1px solid gray;
}

.submit-form label {
    display: block;
    text-align: right;
    color: #333;
    margin-top: 6px;
    font-size: 1.5em;
}

.submit-form input,
.submit-form textarea {
    width: 100%;
    border: 1px solid gray;
    font-size: 1.2em;
    margin-top: 6px;
    padding: .5em;
}

.submit-btn {
    display: block;
    padding: 12px 0;
    cursor: pointer;
    margin-top: 8px;
    width: 100%;
    font-size: 1.5em;
}

.radio-group label, .radio-group input{
    display: inline-block;
    text-align: center;
    font-size: 30px;
}


/* Scrolbar */


/* https://codepen.io/GhostRider/pen/GHaFw */

.overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.overflow::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.overflow::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(.6, #54DE5D))
}


/* Shine */
.shine:after {
	content:'';
    top:0;
	transform:translateX(100%);
	width:70%;
	height:100%;
	position: absolute;
	z-index:1;
    animation: slide 1.5s infinite; 
    
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
@keyframes slide {
	0% {
        transform:translateX(70%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
	100% {
        opacity: 0;  
        transform:translateX(140%);
    }
}