/* FORMS * **************************************************************************************************************************/

input[type=text],
textarea {
    font-size: 16px;
    background-color: #e3e3e3;
    color: #335282;
    border: 2px #ffffff solid;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-shadow: 1px 1px 10px #dde1e6;
    margin: 10px 0px 15px 0px;
}

input[type=text]:focus,
textarea:focus {
    background-color: #ffffff;
    color: #333;
    border: 2px #96C11E solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

input[type=text] {
    height: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
}

button i {
    color: #ffffff;
}

select {
    font-size: 16px;
    height: 45px;
    width: 100%;
    color: #335282;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px #ffffff solid;
    padding-left: 15px;
    padding-right: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/combo-arrow.png") 98% / 6% no-repeat #eee;
    box-shadow: 1px 1px 10px #dde1e6;
    margin: 10px 0px 15px 0px;
    background-color: #e3e3e3;
}

select:focus {
    background-color: #ffffff;
    border: 2px #96C11E solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.form-2 input,
.form-2 textarea {
    font-size: 14px;
    background-color: #132345;
    color: #fff;
    border: 1px #132345 solid;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    box-shadow: none;
    margin: 0px;
}

.form-2 input:focus,
.form-2 textarea:focus {
    background-color: #ffffff;
    color: #333;
    border: 1px #132345 solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.form-2 input {
    height: 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-2 textarea {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
}

.form-2 button i {
    color: #ffffff;
}

.form-2 select {
    font-size: 14px;
    height: 40px;
    background-color: #efefef;
    color: #3c3c3c;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px #e5e4e4 solid;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/combo-arrow.png") 96% / 4% no-repeat #eee;
}

.form-2 select:focus {
    background-color: #ffffff;
    border: 1px #96C11E solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.form-2 select::-ms-expand {
    /* for IE 11 */
    display: none;
}


/*PLACE HOLDERS*/

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #868686;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #868686;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #868686;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #868686;
}


/* BOTONES * *********************************************************************************************************/

.btn-custom-1 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #283d6a;
    font-size: 25px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 10px 30px 10px 30px
}

.btn-custom-1:hover,
.btn-custom-1:focus,
.btn-custom-1:active,
.btn-custom-1.active,
.open .dropdown-toggle.btn-custom-1 {
    color: #ffffff;
    background-color: #335282;
    border: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-custom-1:active,
.btn-custom-1.active,
.open .dropdown-toggle.btn-custom-1 {
    background-image: none;
}

.btn-custom-1.disabled,
.btn-custom-1[disabled],
fieldset[disabled] .btn-custom-1,
.btn-custom-1.disabled:hover,
.btn-custom-1[disabled]:hover,
fieldset[disabled] .btn-custom-1:hover,
.btn-custom-1.disabled:focus,
.btn-custom-1[disabled]:focus,
fieldset[disabled] .btn-custom-1:focus,
.btn-custom-1.disabled:active,
.btn-custom-1[disabled]:active,
fieldset[disabled] .btn-custom-1:active,
.btn-custom-1.disabled.active,
.btn-custom-1[disabled].active,
fieldset[disabled] .btn-custom-1.active {
    background-color: #96C11E;
    border-color: #96C11E;
}

.btn-custom-1 .badge {
    color: #96C11E;
    background-color: #ffffff;
}

.btn-custom-2 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #283d6a;
    font-size: 18px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 15px 30px 15px 30px
}

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
    color: #ffffff;
    background-color: #335282;
    border: none;
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
    background-image: none;
}

.btn-custom-2.disabled,
.btn-custom-2[disabled],
fieldset[disabled] .btn-custom-2,
.btn-custom-2.disabled:hover,
.btn-custom-2[disabled]:hover,
fieldset[disabled] .btn-custom-2:hover,
.btn-custom-2.disabled:focus,
.btn-custom-2[disabled]:focus,
fieldset[disabled] .btn-custom-2:focus,
.btn-custom-2.disabled:active,
.btn-custom-2[disabled]:active,
fieldset[disabled] .btn-custom-2:active,
.btn-custom-2.disabled.active,
.btn-custom-2[disabled].active,
fieldset[disabled] .btn-custom-2.active {
    background-color: #96C11E;
    border-color: #96C11E;
}

.btn-custom-2 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}

.btn-custom-3 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #7dbe42;
    font-size: 18px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 15px 30px 15px 30px;
    text-shadow: 2px 2px 1px #4e9b1e;
}

.btn-custom-3:hover,
.btn-custom-3:focus,
.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
    color: #FFFFFF;
    background-color: #3d5079;
    border-color: none;
    text-shadow: 2px 2px #4d4d4d;
    background-image: url("../images/btn-arrow-over.png");
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: none;
}

.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
    background-image: none;
}

.btn-custom-3.disabled,
.btn-custom-3[disabled],
fieldset[disabled] .btn-custom-3,
.btn-custom-3.disabled:hover,
.btn-custom-3[disabled]:hover,
fieldset[disabled] .btn-custom-3:hover,
.btn-custom-3.disabled:focus,
.btn-custom-3[disabled]:focus,
fieldset[disabled] .btn-custom-3:focus,
.btn-custom-3.disabled:active,
.btn-custom-3[disabled]:active,
fieldset[disabled] .btn-custom-3:active,
.btn-custom-3.disabled.active,
.btn-custom-3[disabled].active,
fieldset[disabled] .btn-custom-3.active {
    background-color: #414247;
    border-color: #414247;
}

.btn-custom-3 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}

.btn-custom-4 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-image: url("../images/bg-btn.png");
    font-size: 16px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 12px 30px 12px 17px;
    text-shadow: 2px 2px 1px #4e9b1e;
}

.btn-custom-4>i {
    margin-right: 30px;
}

.btn-custom-4:hover,
.btn-custom-4:focus,
.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
    color: #FFFFFF;
    background-color: #335282;
    border-color: none;
    text-shadow: 2px 2px #4d4d4d;
    background-image: url("../images/btn-arrow-over.png");
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: none;
}

.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
    background-image: none;
}

.btn-custom-4.disabled,
.btn-custom-4[disabled],
fieldset[disabled] .btn-custom-4,
.btn-custom-4.disabled:hover,
.btn-custom-4[disabled]:hover,
fieldset[disabled] .btn-custom-4:hover,
.btn-custom-4.disabled:focus,
.btn-custom-4[disabled]:focus,
fieldset[disabled] .btn-custom-4:focus,
.btn-custom-4.disabled:active,
.btn-custom-4[disabled]:active,
fieldset[disabled] .btn-custom-4:active,
.btn-custom-4.disabled.active,
.btn-custom-4[disabled].active,
fieldset[disabled] .btn-custom-4.active {
    background-color: #414247;
    border-color: #414247;
}

.btn-custom-4 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}

.btn-custom-5 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #7dbe42;
    font-size: 16px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 5px 20px 5px 20px;
    text-shadow: 2px 2px 1px #4e9b1e;
}

.btn-custom-5:hover,
.btn-custom-5:focus,
.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-5 {
    color: #FFFFFF;
    background-color: #538425;
    border-color: none;
    text-shadow: 2px 2px #4d4d4d;
    background-image: url("../images/btn-arrow-over.png");
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: none;
}

.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-5 {
    background-image: none;
}

.btn-custom-5.disabled,
.btn-custom-5[disabled],
fieldset[disabled] .btn-custom-5,
.btn-custom-5.disabled:hover,
.btn-custom-5[disabled]:hover,
fieldset[disabled] .btn-custom-5:hover,
.btn-custom-5.disabled:focus,
.btn-custom-5[disabled]:focus,
fieldset[disabled] .btn-custom-5:focus,
.btn-custom-5.disabled:active,
.btn-custom-5[disabled]:active,
fieldset[disabled] .btn-custom-5:active,
.btn-custom-5.disabled.active,
.btn-custom-5[disabled].active,
fieldset[disabled] .btn-custom-5.active {
    background-color: #414247;
    border-color: #414247;
}

.btn-custom-5 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}

.btn-custom-6 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #7dbe42;
    font-size: 25px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 10px 30px 10px 30px;
    text-shadow: 2px 2px 1px #4e9b1e;
}

.btn-custom-6:hover,
.btn-custom-6:focus,
.btn-custom-6:active,
.btn-custom-6.active,
.open .dropdown-toggle.btn-custom-6 {
    color: #ffffff;
    background-color: #335282;
    border: 0px solid white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: 2px 2px 1px #1e3a67;
}

.btn-custom-6:active,
.btn-custom-6.active,
.open .dropdown-toggle.btn-custom-6 {
    background-image: none;
}

.btn-custom-6.disabled,
.btn-custom-6[disabled],
fieldset[disabled] .btn-custom-6,
.btn-custom-6.disabled:hover,
.btn-custom-6[disabled]:hover,
fieldset[disabled] .btn-custom-6:hover,
.btn-custom-6.disabled:focus,
.btn-custom-6[disabled]:focus,
fieldset[disabled] .btn-custom-6:focus,
.btn-custom-6.disabled:active,
.btn-custom-6[disabled]:active,
fieldset[disabled] .btn-custom-6:active,
.btn-custom-6.disabled.active,
.btn-custom-6[disabled].active,
fieldset[disabled] .btn-custom-6.active {
    background-color: #96C11E;
    border-color: #96C11E;
}

.btn-custom-6 .badge {
    color: #96C11E;
    background-color: #ffffff;
}

.btn-custom-7 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #9eacc8;
    font-size: 18px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 15px 30px 15px 30px;
    text-shadow: 2px 2px 1px #7b8db2;
}

.btn-custom-7:hover,
.btn-custom-7:focus,
.btn-custom-7:active,
.btn-custom-7.active,
.open .dropdown-toggle.btn-custom-7 {
    color: #FFFFFF;
    background-color: #335282;
    border-color: none;
    text-shadow: 2px 2px #4d4d4d;
    background-image: url("../images/btn-arrow-over.png");
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: none;
}

.btn-custom-7:active,
.btn-custom-7.active,
.open .dropdown-toggle.btn-custom-7 {
    background-image: none;
}

.btn-custom-7.disabled,
.btn-custom-7[disabled],
fieldset[disabled] .btn-custom-7,
.btn-custom-7.disabled:hover,
.btn-custom-7[disabled]:hover,
fieldset[disabled] .btn-custom-7:hover,
.btn-custom-7.disabled:focus,
.btn-custom-7[disabled]:focus,
fieldset[disabled] .btn-custom-7:focus,
.btn-custom-7.disabled:active,
.btn-custom-7[disabled]:active,
fieldset[disabled] .btn-custom-7:active,
.btn-custom-7.disabled.active,
.btn-custom-7[disabled].active,
fieldset[disabled] .btn-custom-7.active {
    background-color: #414247;
    border-color: #414247;
}

.btn-custom-7 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}

.btn-custom-8 {
    font-family: 'Khand', sans-serif;
    color: #ffffff;
    background-color: #7dbe42;
    font-size: 15px;
    letter-spacing: .03em;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 5px;
    padding: 10px 20px 10px 20px;
    text-shadow: 2px 2px 1px #4e9b1e;
}

.btn-custom-8:hover,
.btn-custom-8:focus,
.btn-custom-8:active,
.btn-custom-8.active,
.open .dropdown-toggle.btn-custom-8 {
    color: #FFFFFF;
    background-color: #3d5079;
    border-color: none;
    text-shadow: 2px 2px #4d4d4d;
    background-image: url("../images/btn-arrow-over.png");
    background-repeat: no-repeat;
    background-position: right;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-shadow: none;
}

.btn-custom-8:active,
.btn-custom-8.active,
.open .dropdown-toggle.btn-custom-8 {
    background-image: none;
}

.btn-custom-8.disabled,
.btn-custom-8[disabled],
fieldset[disabled] .btn-custom-8,
.btn-custom-8.disabled:hover,
.btn-custom-8[disabled]:hover,
fieldset[disabled] .btn-custom-8:hover,
.btn-custom-8.disabled:focus,
.btn-custom-8[disabled]:focus,
fieldset[disabled] .btn-custom-8:focus,
.btn-custom-8.disabled:active,
.btn-custom-8[disabled]:active,
fieldset[disabled] .btn-custom-8:active,
.btn-custom-8.disabled.active,
.btn-custom-8[disabled].active,
fieldset[disabled] .btn-custom-8.active {
    background-color: #414247;
    border-color: #414247;
}

.btn-custom-8 .badge {
    color: #96C11E;
    background-color: #FFFFFF;
}


/* RADIOS * *********************************************************************************************************/

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.visa {
    background-image: url(../images/forms/temp.png);
}

.mastercard {
    background-image: url(../images/forms/temp.png);
}

.cc-selector input:active+.radio {
    opacity: .9;
}

.cc-selector input:checked+.radio {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.cc-selector label span {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    top: 190px;
    color: #283d6a;
    line-height: 140%;
    font-weight: 400;
    font-size: .95em;
    width: 200px;
}

.cc-selector .radio {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 180px;
    height: 180px;
    margin: 5px 10px 40px 10px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.4) grayscale(1) opacity(1);
    -moz-filter: brightness(1.4) grayscale(1) opacity(1);
    filter: brightness(1.4) grayscale(1) opacity(1);
}

.cc-selector .radio:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}


/* Extras */

.cc-selector a:visited {
    color: #888
}

.cc-selector a {
    color: #444;
    text-decoration: none;
}

.cc-selector span.cc {
    color: RED;
}