/*
*
* LINKS
*
*/

/* arrow link */

.arrow-link * {
    color: #A9C100;
}

a.small {
    text-transform: none !important;
    font-weight: 500;
}

a {
    text-decoration: none;
    color: #A9C100;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer !important;
}

a * {
    cursor: pointer !important;
}

a:hover, a.uk-active, a.link {
    text-decoration: none;
    color: #A9C100;
}

.link a, a.link {
    border-bottom: solid 1px #A9C100;
}

.link a:hover, .link:hover a, .link:hover i, a.link:hover {
    border-bottom: 0px;
    color: #A9C100;
}

.color-body .link a, .color-body .link i, .red-body .link a, .red-body .link i {
    border-bottom-color: #fff !important;
    color: #fff;
}

.color-body .link a:hover, .color-body .link:hover a, .color-body .link:hover i,
.red-body .link a:hover, .red-body .link:hover a, .red-body .link:hover i {
    border-bottom-color: #ddd !important;
    border-bottom: 0px;
    color: #ddd;
    transition: all 1s linear;
}

.lightgrey-body .link a, .lightgrey-body .link i, .white-body .link a, .white-body .link i {
    color: #A9C100;
    border-bottom-color: #A9C100 !important;
}

.lightgrey-body .link a:hover, .lightgrey-body .link:hover a, .lightgrey-body .link:hover i
.white-body .link a:hover, .white-body .link:hover a, .white-body .link:hover i {
    border-bottom: 0px;
    color: #A9C100;
}

p.link {
    margin-top: 20px;
}

h3.link a {
    color: #A9C100;
    font-weight: 400;
    font-size: 33px;
    line-height: 39px;
    text-decoration: underline;
    border-bottom: 0px;
}

h3.link a:hover {
    border-bottom: 0px;
    text-decoration: underline;
}

h3.link {
    margin-top: 0px;
    margin-bottom: 20px;
}

/*
  *
  * BUTTONS
  *
  */

/* button */

.button, button.giro {
    width: fit-content;
    margin-bottom: 10px;
    padding-left:10px;
}

.quote .button {
    padding-left:0;
}

.button a, button.giro {
    padding: 13px 30px 11px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-size: 17px;
    text-transform: uppercase;
    font-weight:600;
}

.button a:focus, button.giro:focus {
    outline:none;
}

.button:before,
.button a:before,
button.giro:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.button:hover:before,
.button a:hover:before,
button.giro:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* button green */

button {
    min-height: 45px;
}

.button-green a, button.giro {
    background: #A9C100;
    color: #fff;
    border:0px;
    border: 2px solid #A9C100;
}

.button-green a, .button-green i, button.giro {
    color: #fff !important;
}

.button-green a:before, button.giro:before {
    background: #fff;
}

.lightgrey-body .button-green a:before {
    background: #f7f7f7;
}

.button-green:hover i,
.button-green:hover a,
.button-green a:hover,
button.giro:hover {
    color: #A9C100 !important;
}

/* button outline */

.button-outline a {
    background: transparent;
    border: 2px solid #A9C100;
    color: #A9C100;
}

.button-outline a:before {
    background: #A9C100;
    border: 2px solid #A9C100 !important;
}

.button-outline a:hover {
    color: #fff !important;
    border: 2px solid #A9C100 !important;
}

.button-outline:hover i {
    color: #fff !important;
}

/* button outline white */

.button-outline-white a {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.button-outline-white a, .button-outline-white i {
    color: #fff !important;
}

.button-outline-white a:before {
    background: #fff;
    border: 2px solid #fff;
}

.button-outline-white a:hover {
    color: #A9C100 !important;

}

/* sizes */

.button-large a {
    padding: 15px 90px 10px;
    font-size: 21px;
}

/* button white */

.button-white a {
    background: #fff;
    color: #A9C100 !important;
}

.button-white a:before {
    background: #A9C100;
    border: 2px solid #fff;
}

.button-white a:hover, .button-white:hover i {
    color: #fff !important;
}

@media (max-width: 767px) {
    .validate-button-direct, .back-button-direct {
        border: 2px solid #A9C100 !important;
        color: #A9C100;
        padding: 8px 0px 6px;
        width: 100%;
        margin: 15px 0;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        background: transparent;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

    }
}