/*
Theme Name: Invest Capital
Theme URI: investcapital.com
Description: Plantilla WordPress para Invest Capital creada por Edgar Inoa.
Author: Edgar Inoa
Version: 1.0
*/

a.ws:hover { color: #fff; }
a.ws { position: fixed; bottom: 20px; right: 20px; font-size: 25px; background: #26d367; border-radius: 50px; height: 50px; width: 50px; text-align: center; line-height: 50px; color: #fff; z-index: 9999; }
.svg-container img { height: 70px!important; }
.page-content { position: relative; min-height: 100vh; }

a { text-decoration: none!important; }
html, body { background: #eff2f6; font-family: 'Roboto', sans-serif; font-size: 16px; color: #798490; }
.full-vertical { min-height: 100%;  min-height: 100vh; display: flex; align-items: center; }
h2.title-section { font-weight: 700; color: #0b262d; font-size: 42px; }
.home .options .option { min-height: 145px; }
.options .option img { max-width: 60px; margin: auto; display: block; margin-bottom: 10px; width: 100%; }
.options .option {  background: #fff; border: 1px solid #dee4ee; padding: 10px; margin-bottom: 30px; -webkit-transition: -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease; transition: -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease; -o-transition: box-shadow 0.25s ease, transform 0.25s ease; transition: box-shadow 0.25s ease, transform 0.25s ease; transition: box-shadow 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease; }
.options .option h3.option-name { font-size: 18px; line-height: 24px; color: #0b262d; margin-bottom: 0px; }

.option:hover { -webkit-box-shadow: 0 1rem 2.5rem rgba(27, 22, 66, 0.1), 0 0.5rem 1rem -0.75rem rgba(27, 22, 66, 0.1) !important; box-shadow: 0 1rem 2.5rem rgba(27, 22, 66, 0.1), 0 0.5rem 1rem -0.75rem rgba(27, 22, 66, 0.1) !important; -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); }

.amount-selector { position: relative; max-width: 300px; margin: auto; }
.amount-selector input { background: transparent!important; border-radius: 0px; border: none; border-bottom: 2px solid #f9a11b; padding-left: 50px; font-size: 23px; font-weight: 500; color: #0b262d!important; }
.amount-selector label { position: absolute; top: 50%; transform: translateY(-50%); font-size: 23px; font-weight: 500; color: #0b262d; }

.btn-custom { margin: auto; display: inline-block; background-color: #f9a11b; border-color: #f9a11b; color: #fff; border-radius: 0px!important; font-size: 14px; line-height: 12px; letter-spacing: 3px; text-transform: uppercase; padding: 19px 30px; font-weight: 600; }

.month-selector select { font-size: 23px; font-weight: 500; background-color: transparent!important; color: #0b262d!important; border: none; border-bottom: 2px solid #f9a11b!important; padding: 8px 20px; }
.month-selector label { font-size: 23px; font-weight: 500; color: #0b262d; }

.btn-custom:hover { color: #f9a11b; background: transparent; }
h3.page-info { font-weight: 300; font-size: 24px; }

.form-section { background: #fff; padding: 40px 25px; box-shadow: 0 0 10px 0 rgba(0,0,0,.25); margin-bottom: 50px; }
.form-section .title-section { font-size: 1.5rem; }
.form-section .subtitle-section { font-size: 1.2rem; margin-top: 25px; }
.decoration-section img { position: absolute; max-width: 200px; top: -70px; left: 50%; transform: translateX(-50%); }
.mt-120  { margin-top: 120px; }

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100%!important; }

.wpforms-field-container input, .wpforms-field-container select { width: 100%!important; background-color: #eef3f6!important; color: #758d9f!important; border: none!important; outline: none!important; border-radius: 2px!important; transition: border .2s linear!important; }

div.wpforms-container-full .wpforms-form button[type=submit] { margin: auto; display: block; background: #0b262d!important; color: #fff!important; }
div.wpforms-container-full .wpforms-form button[type=submit]:hover { background: #0b262d!important; }
.option-cat { cursor: pointer; }
.star-final { font-size: 32px; margin-bottom: 20px!important; border: 2px solid #f9a11b; color: #f9a11b; border-radius: 80px; width: 80px; height: 80px; line-height: 77px; margin: auto; }


.navbar-light .navbar-nav .nav-link a { text-decoration: none!important; }
.navbar-light .navbar-nav .nav-link a { color: #0b262d; font-weight: 700; text-transform: uppercase; }
.navbar-light .navbar-nav .nav-link.current-menu-item a { color: #f9a11b; }

.calculate-section input { background: transparent; border: none; border-bottom: 2px solid #e9ecef; border-radius: 0px; color: #0b262d!important; font-size: 16px; font-weight: 500; }
a.button_fat { margin: auto; display: inline-block; background-color: #f9a11b; border-color: #f9a11b; color: #fff; border-radius: 0px!important; font-size: 14px; line-height: 12px; letter-spacing: 3px; text-transform: uppercase; padding: 19px 30px; font-weight: 600; }
a.button_fat:hover { color: #fff; }
.calculator_box h4 { font-size: 18px; font-weight: 400; color: #0b262d!important; margin-bottom: 0px; }
.calculator_box_total { padding: 26px 15px; border: 2px solid #e9ecef; margin-top: 30px; }
.calculator_box span { font-size: 24px; font-weight: 600; color: #f9a11b; }

a.button_flat { background: #0b262d; padding: 10px; display: inline-block; color: #fff!important; margin: 13px 0px; text-decoration: none; }
div.wpforms-container-full .wpforms-form input[type=checkbox] { width: auto!important; }

a.navbar-brand { font-weight: 400; color: #0b262d; font-size: 27px; }
a.navbar-brand span { color: #f9a11b; font-weight: 700; }

p.subtitle-section { font-size: 20px; }

.footer { position: absolute; width: 100%; bottom: 0; background: #0b262d; text-align: center; padding: 10px 0px; color: #fff; z-index: 999; }

.titleform { border-bottom: 1px solid #eff2f6!important; margin-bottom: 13px!important; }
.titleform h3 { font-weight: 700; color: #0b262d; text-transform: uppercase!important; }

@media (max-width: 767px) {
	div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-one-fourth { float: none!important; width: 100%!important; margin-left: 0px!important;}
}

.logo { max-width: 150px; height: auto; }