/* Template: Evolo - StartUp HTML Landing Page Template
   Author: Inovatik
   Created: June 2019
   Description: Master CSS file
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Customers
06. Services
07. Details 1
08. Details 2
09. Details Lightboxes
10. Pricing
11. Request
12. Video
13. Testimonials
14. About
15. Contact
16. Footer
17. Copyright
18. Back To Top Button
19. Extra Pages
20. Media Queries
******************************************/

/*****************************************
Colors:
- Backgrounds - turquoise #256ba2
- Backgrounds - blue #0079f9
- Backgrounds - light gray #f7fcfd
- Buttons, bullets, icons, links - turquoise #256ba2
- Cards border, inputs border - light gray #c4d8dc
- Text headers, navbar links - black #393939
- Text body - black #626262
******************************************/

/******************************/
/*     01. General Styles     */
/******************************/
body,
html { width: 100%; height: 100%; }

body,
p { color: #626262; font: 400 0.875rem/1.375rem "Raleway", sans-serif; }

.p-large { font: 400 1rem/1.5rem "Raleway", sans-serif; }

.p-small { font: 400 0.75rem/1.25rem "Raleway", sans-serif; }

.p-heading { margin-bottom: 3.875rem; }

.li-space-lg li { margin-bottom: 0.25rem; }

.indent { padding-left: 1.25rem; }

h1 { color: #393939; font: 700 3rem/3.5rem "Raleway", sans-serif; }

h2 { color: #393939; font: 700 2.25rem/2.75rem "Raleway", sans-serif; }

h3 { color: #393939; font: 700 1.75rem/2rem "Raleway", sans-serif; }

h4 { color: #393939; font: 700 1.375rem/1.875rem "Raleway", sans-serif; }

h5 { color: #393939; font: 700 1.125rem/1.625rem "Raleway", sans-serif; }

h6 { color: #393939; font: 700 1rem/1.5rem "Raleway", sans-serif; }

a { color: #626262; text-decoration: underline; }

a:hover { color: #626262; text-decoration: underline; }

a.turquoise { color: #256ba2; }

a.white { color: #fff; }

.testimonial-text { font: italic 400 1rem/1.5rem "Raleway", sans-serif; }

.testimonial-author { font: 700 1rem/1.5rem "Raleway", sans-serif; }

.turquoise { color: #256ba2; }

.swal2-actions { flex-direction: column; }

/*--Buttons--*/

.btn-cancel { color: #989898; margin-top: 1rem; }

.btn-solid-reg { display: inline-block; padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; border: 0.125rem solid #256ba2; border-radius: 2rem; background-color: #256ba2; color: #fff; font: 700 0.75rem/0 "Raleway", sans-serif; text-decoration: none; transition: all 0.2s; }

.btn-solid-reg:hover { background-color: transparent; color: #256ba2; text-decoration: none; }

.btn-solid-lg { display: inline-block; padding: 1.375rem 2.625rem 1.375rem 2.625rem; /* border: 0.125rem solid #256ba2; */ border-radius: 2rem; background-color: #256ba2; color: #fff; font: 700 0.75rem/0 "Raleway", sans-serif; text-decoration: none; transition: all 0.2s; }

.btn-solid-lg:hover { background-color: transparent; color: #256ba2; text-decoration: none; }

.btn-outline-reg { display: inline-block; padding: 1.1875rem 2.125rem 1.1875rem 2.125rem; border: 0.125rem solid #256ba2; border-radius: 2rem; background-color: transparent; color: #256ba2; font: 700 0.75rem/0 "Raleway", sans-serif; text-decoration: none; transition: all 0.2s; }

.btn-outline-reg:hover { background-color: #256ba2; color: #fff; text-decoration: none; }

.btn-outline-lg { display: inline-block; padding: 1.375rem 2.625rem 1.375rem 2.625rem; border: 0.125rem solid #256ba2; border-radius: 2rem; background-color: transparent; color: #256ba2; font: 700 0.75rem/0 "Raleway", sans-serif; text-decoration: none; transition: all 0.2s; }

.btn-outline-lg:hover { background-color: #256ba2; color: #fff; text-decoration: none; }

.btn-outline-sm { display: inline-block; padding: 1rem 1.625rem 0.875rem 1.625rem; border: 0.125rem solid #256ba2; border-radius: 2rem; background-color: transparent; color: #256ba2; font: 700 0.625rem/0 "Raleway", sans-serif; text-decoration: none; transition: all 0.2s; }

.btn-outline-sm:hover { background-color: #256ba2; color: #fff; text-decoration: none; }

/*--Label--*/

.floating-label { position: relative; margin-bottom: 1rem; }

/* .floating-label.has-error::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d";
	font-size: .85rem;
	z-index: -1;
	color: var(--danger);
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: 1rem;
} */

.floating-label.has-error input,
.floating-label.has-error select { border: 1px solid var(--danger) !important; box-shadow: 0 0 2px 1px rgba(220, 53, 69, 0.3) !important; }

.floating-label label { opacity: 0; font-size: 0.75rem; transition: all 300ms ease; position: absolute; top: 0.35rem; left: 1rem; }

.floating-label input:not(:placeholder-shown):not([class^="select2"]),
.floating-label input:not([class^="select2"]):focus,
.floating-label select:not([class^="select2"]):focus { box-shadow: none; outline: 0 !important; }

.floating-label
input:not(:placeholder-shown):not([class^="select2"]):not([value=""]):valid,
.floating-label input:not([class^="select2"]):focus:not([value=""]):valid,
.floating-label select:not([class^="select2"]):focus:not([value=""]):valid { border: 1px solid #0ebfd8; }

.floating-label input[readonly],
.floating-label select[readonly] { padding: 1.175rem 0.75rem 0.375rem !important; }

.floating-label.select-floating select { width: 100%; appearance: none !important; height: 55px !important; font-weight: 400; font-size: 0.85rem; padding: 0.375rem 0.75rem 0.375rem; -webkit-appearance: none !important; }

.floating-label.select-floating select:not([data-value=""]):valid { border: 1px solid #0ebfd8; padding: 1.375rem 0.75rem 0.375rem; }

.floating-label.select-floating select:not([data-value=""]):valid + label { opacity: 0.7; left: 0.75rem; }

/* .floating-label.select-floating select::after {
	content: "";
	border: solid #b5b5b5;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 2px;
	position: absolute;
	top: 1.35rem;
	right: 1.75rem;
	transform: rotate(45deg);
} */

.floating-label textarea { height: auto !important; padding: 1.375rem 0.75rem 0.375rem !important; }

.floating-label input[type="text"]:not([class^="select2"]),
.floating-label input[type="tel"]:not([class^="select2"]),
.floating-label input[type="email"]:not([class^="select2"]),
.floating-label input[type="search"]:not([class^="select2"]),
.floating-label input[type="date"]:not([class^="select2"]),
.floating-label input[type="number"]:not([class^="select2"]),
.floating-label input[type="password"]:not([class^="select2"]),
.floating-label textarea { height: 55px !important; font-weight: 400; font-size: 0.85rem; width: 100%; appearance: none !important; -webkit-appearance: none !important; }

.floating-label
input[type="text"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="tel"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="email"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="search"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="date"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="number"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label
input[type="password"]:not([class^="select2"]):not(:placeholder-shown),
.floating-label textarea:not(:placeholder-shown) { padding: 1.375rem 0.75rem 0.375rem; }

.floating-label
input[type="text"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="tel"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="email"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="search"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="date"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="number"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label
input[type="password"]:not([class^="select2"]):not(:placeholder-shown) + label,
.floating-label textarea:not(:placeholder-shown) + label { opacity: 0.7; left: 0.75rem; }


.form-group { position: relative; margin-bottom: 1.25rem; }

.form-group.has-error.has-danger { margin-bottom: 0.625rem; }

.form-group.has-error.has-danger .help-block.with-errors ul { margin-top: 0.375rem; }

.label-control { position: absolute; top: 0.87rem; left: 1.375rem; color: #626262; opacity: 1; font: 400 0.875rem/1.375rem "Raleway", sans-serif; cursor: text; transition: all 0.2s ease; }

/*H1 BlackBuscaPlus*/



/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .label-control { top: 0.9375rem; }
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control { top: 0.125rem; opacity: 1; font-size: 0.75rem; font-weight: 700; }

.form-control-input,
.form-control-select { display: block; /* needed for proper display of the label in Firefox, IE, Edge */ width: 100%; padding-top: 1.0625rem; padding-bottom: 0.0625rem; padding-left: 1.3125rem; border: 1px solid #c4d8dc; border-radius: 0.25rem; background-color: #fff; color: #626262; font: 400 0.875rem/1.875rem "Raleway", sans-serif; transition: all 0.2s; -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */ }

.form-control-select { padding-top: 0.5rem; padding-bottom: 0.5rem; height: 3rem; }

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .form-control-input { padding-top: 1.25rem; padding-bottom: 0.75rem; line-height: 1.75rem; }

    .form-control-select { padding-top: 0.875rem; padding-bottom: 0.75rem; height: 3.125rem; line-height: 2.125rem; }
}

select { /* you should keep these first rules in place to maintain cross-browser behavior */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("../images/down-arrow.png"); background-position: 96% 50%; background-repeat: no-repeat; outline: none; }

select::-ms-expand { display: none; /* removes the ugly default down arrow on select form field in IE11 */ }

.form-control-textarea { display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */ width: 100%; height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */ padding-top: 1.25rem; padding-left: 1.3125rem; border: 1px solid #c4d8dc; border-radius: 0.25rem; background-color: #fff; color: #626262; font: 400 0.875rem/1.75rem "Raleway", sans-serif; transition: all 0.2s; }

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus { border: 1px solid #a1a1a1; outline: none; /* Removes blue border on focus */ }

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover { border: 1px solid #a1a1a1; }

.checkbox { font: 400 0.75rem/1.25rem "Raleway", sans-serif; }

input[type="checkbox"] { vertical-align: -15%; margin-right: 0.375rem; }

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    input[type="checkbox"] { vertical-align: -9%; }
}

.form-control-submit-button { display: inline-block;
    width: 100%;
    height: 3.125rem;
    border: 1px solid #256ba2;
    border-radius: 1.5rem;
    background-color: #256ba2;
    color: #fff;
    padding: 0.5rem;
    font: 700 0.75rem/1.75rem "Raleway", sans-serif;
    cursor: pointer;
    transition: all 0.2s;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    text-align: center;
    align-items: flex-start;
    text-decoration: none; }

.form-control-submit-button[disabled] { cursor: default; }

.form-control-submit-button:not([disabled]):hover { background-color: transparent; color: #256ba2; text-decoration: none; }

/* Form Success And Error Message Formatting */
#rmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#rmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center { display: block; margin-bottom: 0; color: #626262; font: 400 1.125rem/1rem "Raleway", sans-serif; }

.help-block.with-errors .list-unstyled { color: #626262; font-size: 0.75rem; line-height: 1.125rem; text-align: left; }

.help-block.with-errors ul { margin-bottom: 0; }
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
    from { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes tada {
    from { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; transition: all 0.2s ease-out; -webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); -ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg); }

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); -ms-transform: translateY(0) perspective(37.5rem) rotateX(0); transform: translateY(0) perspective(37.5rem) rotateX(0); }

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); -ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); }

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg { opacity: 0; transition: opacity 0.2s ease-out; }

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; }
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; }
/* end of fade-move animation for lightbox - magnific popup */

/* Fade Animation For Image Slider - Magnific Popup */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

.fadeIn { -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; }

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

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

.fadeOut { -webkit-animation: fadeOut 0.8s; animation: fadeOut 0.8s; }
/* end of fade animation for image slider - magnific popup */

/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper { position: fixed; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; background: #fff; }

.spinner { position: absolute; top: 50%; /* centers the loading animation vertically one the screen */ left: 50%; /* centers the loading animation horizontally one the screen */ width: 3.75rem; height: 1.25rem; margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ text-align: center; }

.spinner > div { display: inline-block; width: 1rem; height: 1rem; /* border-radius: 50%; */ background-color: #256ba2; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

#flag-card { position: absolute; top: 24px; right: 5px; width: 26px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain; }

.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); }
    40% { -webkit-transform: scale(1); }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom { background-color: #fff; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); font: 600 0.95rem/0.95rem "Raleway", sans-serif; transition: all 0.2s; }

@media screen and (min-width: 1550px) {
    .navbar-custom { font: 600 1.2rem/1.2rem "Raleway", sans-serif; }
}

@media only screen and (min-width: 1400px) and (max-width: 1550px) {
    .navbar-custom { font: 600 1rem/1rem "Raleway", sans-serif; }
}

.navbar-custom .navbar-brand.logo-image img { width: auto; height: 3rem; margin-left: 2rem; }

.navbar-custom .navbar-brand.logo-text { font: 600 2rem/1.5rem "Raleway", sans-serif; color: #393939; text-decoration: none; }

.navbar-custom .navbar-nav { margin-top: 0.75rem; margin-bottom: 0.5rem; }

.navbar-custom .nav-item .nav-link { padding: 0.625rem 0.75rem 0.625rem 0.75rem; color: #393939; text-decoration: none; transition: all 0.2s ease; }

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active { color: #256ba2; }

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu { display: block; /* this makes the dropdown menu stay open while hovering it */ min-width: auto; animation: fadeDropdown 0.2s; /* required for the fade animation */ }

@keyframes fadeDropdown {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */ outline: 0; }

.navbar-custom .dropdown-menu { margin-top: 0; border: none; border-radius: 0.25rem; background-color: #fff; }

.navbar-custom .dropdown-item { color: #393939; text-decoration: none; }

.navbar-custom .dropdown-item:hover { background-color: #fff; }

.navbar-custom .dropdown-item .item-text { font: 600 0.875rem/0.875rem "Raleway", sans-serif; }

.navbar-custom .dropdown-item:hover .item-text { color: #256ba2; }

.navbar-custom .dropdown-items-divide-hr { width: 100%; height: 1px; margin: 0.75rem auto 0.725rem auto; border: none; background-color: #c4d8dc; opacity: 0.2; }
/* end of dropdown menu */

.navbar-custom .social-icons { display: none; }

.navbar-custom .navbar-toggler { border: none; color: #393939; font-size: 2rem; }

.navbar-custom
button[aria-expanded="false"]
.navbar-toggler-awesome.fas.fa-times { display: none; }

.navbar-custom
button[aria-expanded="false"]
.navbar-toggler-awesome.fas.fa-bars { display: inline-block; }

.navbar-custom
button[aria-expanded="true"]
.navbar-toggler-awesome.fas.fa-bars { display: none; }

.navbar-custom
button[aria-expanded="true"]
.navbar-toggler-awesome.fas.fa-times { display: inline-block; margin-right: 0.125rem; }

#login { padding: 0.8rem; padding-left: 3rem; padding-right: 3rem; margin-left: 11rem; background-color: #ffffff; border-radius: 2rem; color: #256ba2; opacity: 1; }

/*********************/
/*    04. Header     */
/*********************/


/* .header {
  background-color: #272727;
} */


.header { background-color: #fff; padding-bottom: 5rem; }


#botao-header { background-color: white; color: #242424; /* background: transparent linear-gradient(246deg, #2AE3E8 0%, #249FD5 100%) 0% 0% no-repeat padding-box;
  height: 60px;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem; */ }

@media (min-width:1700px) {
    #container-header { max-width: 1450px; }
}


@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    #container-header { max-width: 1300px; }

    #login { margin-left: 6rem; }
}

@media only screen and (min-width: 1200px) and (max-width: 1550px) {
    #login { margin-left: 3rem; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    #login { margin-left: 2rem; }
}


.header .header-content { /* padding-top: 8rem; */ /* padding-bottom: 5rem;  */ text-align: center; }

.header .text-container { margin-bottom: 4rem; margin-top: 10rem; }

.header h1 { margin-bottom: 1.125rem; font-size: 2.5rem; line-height: 3.125rem; }

.header .p-large { margin-bottom: 1.875rem; }

#subtitulo-header { font-size: 1.1rem; line-height: 1.7rem; padding-right: 9rem; }

@media (max-width:992px) {
    #subtitulo-header { padding: 0px; }
    #login { margin-left: 0; }

    #botao-header { background-color: #256ba2; color: white; }

    .navbar-custom .navbar-brand.logo-image img { margin-left: 0; }
}

@media (max-width:768px) {
    #texto-header { /* color: snow; */ font-size: 1.7rem; }
    /* #subtitulo-header{
		color: white;
	} */

    .list-unstyled .media-body { font-size: 1rem; }

    .allow-cookie-banner .grid-container { grid-template-rows: 1.5fr 1fr; grid-template-columns: none !important; }

    .allow-cookie-banner .allow-cookie-description { padding-left: 0 !important; }
}

@media (max-width:992px) {
    #button-box { display: flex; align-items: center; justify-content: center; }

    #services { margin-top: 5rem !important; }

    .basic-1 .list-unstyled { display: flex; justify-content: center; }
    .basic-3 { padding-top: 2.5rem !important; padding-bottom: 2rem !important; }

    .basic-4, .cards-2, .footer { padding-top: 1.5rem !important; }
    .basic-4, .form-2 { padding-bottom: 1.5rem !important; }

    .form-1 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }

    .list-contract { justify-content: center; }
}

@media (max-width:800px) {
    .list-contract { justify-content: center; }
}


/*************************/
/*     05. Customers     */
/*************************/
.slider-1 { padding-top: 2.25rem; padding-bottom: 2.125rem; text-align: center; }

.slider-1 h5 { margin-bottom: 0.75rem; }

.slider-1 .slider-container { padding-top: 2.75rem; padding-bottom: 2.75rem; border-radius: 0.5rem; background-color: #f7fcfd; }

/************************/
/*     06. Services     */
/************************/
#services { margin-top: 10rem; }

.cards-1 { padding-bottom: 1.625rem; text-align: center; }

.cards-1 h2 { margin-bottom: 1rem; }

.cards-1 .card { min-width: 320px; height: 360px; margin: 1rem 1rem 4rem; padding: 3.25rem 2rem 2rem 2rem; border: 1px solid #c4d8dc; border-radius: 0.5rem; background: transparent; transition: all ease 300ms; }

.cards-1 .card:hover,
.cards-2 .card:hover,
.cards-1 .card:focus,
.cards-2 .card:focus { box-shadow: 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.25); }

.cards-1 .card-image { width: 6rem; height: 6rem; margin-right: auto; margin-bottom: 2rem; margin-left: auto; }


.cards-1 .card-title { margin-bottom: 0.875rem; }

.cards-1 .card-body { padding: 0; }

/*************************/
/*     07. Details 1     */
/*************************/
.basic-1 { padding-top: 1.625rem; padding-bottom: 3.75rem; }

.basic-1 h2 { margin-bottom: 1.375rem; }

.basic-1 .btn-solid-reg { margin-top: 0.625rem; }

@media (max-width:998px) {
    #text-details-mobile { text-align: center; }

    #img-mobile { text-align: center; padding-bottom: 3rem; }

    #lista-mobile { text-align: center; }
}

/*************************/
/*     08. Details 2     */
/*************************/
.basic-2 { padding-top: 3.75rem; padding-bottom: 4rem; }

.basic-2 .image-container { margin-bottom: 4rem; }

.basic-2 h2 { margin-bottom: 1.375rem; }

.list-unstyled .fas { color: #256ba2; line-height: 1.375rem; }

.list-unstyled .media-body { margin-left: 0.625rem; }

.basic-2 .btn-solid-reg { margin-top: 0.625rem; }

/**********************************/
/*     09. Details Lightboxes     */
/**********************************/
.lightbox-basic { margin: 2.5rem auto; padding: 2rem 1.5rem 2rem 1.5rem; border-radius: 0.25rem; background: #fff; text-align: left; }

.lightbox-basic .container { padding-right: 0; padding-left: 0; }

.lightbox-basic .image-container { max-width: 33.75rem; margin-right: auto; margin-bottom: 3rem; margin-left: auto; }

.lightbox-basic h3 { margin-bottom: 0.5rem; }

.lightbox-basic hr { width: 2.5rem; height: 0.125rem; margin-top: 0; margin-bottom: 1.25rem; margin-left: 0; border: 0; background-color: #256ba2; text-align: left; }

.lightbox-basic h4 { margin-bottom: 1rem; }

.lightbox-basic .list-unstyled .fas { color: #256ba2; line-height: 1.375rem; }

.lightbox-basic .list-unstyled .media-body { margin-left: 0.625rem; }

.lightbox-basic .btn-outline-reg,
.lightbox-basic .btn-solid-reg { margin-top: 0.75rem; }

/* Signup Button */
.lightbox-basic .btn-solid-reg.mfp-close { position: relative; width: auto; height: auto; color: #fff; opacity: 1; }

.lightbox-basic .btn-solid-reg.mfp-close:hover { color: #256ba2; }
/* end of signup Button */

/* Back Button */
.lightbox-basic a.mfp-close.as-button { position: relative; width: auto; height: auto; margin-left: 0.375rem; color: #256ba2; opacity: 1; }

.lightbox-basic a.mfp-close.as-button:hover { color: #fff; }
/* end of back button */

.lightbox-basic button.mfp-close.x-button { position: absolute; top: -0.125rem; right: -0.125rem; width: 2.75rem; height: 2.75rem; color: #707984; }

/***********************/
/*     10. Pricing     */
/***********************/
@media (min-width: 1200px) {
    .cards-2 .card { width: 19.5rem; margin-right: 1.625rem; margin-left: 1.625rem; }
}


.cards-2 { padding-top: 2.75rem; padding-bottom: 2.75rem; text-align: center; }

.cards-2 h2 { margin-bottom: 1rem; }

.cards-2 .card { display: block; min-height: 550px; max-width: 19.5rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto; border: 1px solid #c4d8dc; border-radius: 0.5rem; transition: all ease-in 300ms; }

.cards-2 .card .card-body { padding: 2.5rem 1rem 1.875rem 1rem; }

.cards-2 .card .card-title { margin-bottom: 0.625rem; color: #393939; font-weight: 700; font-size: 1.75rem; line-height: 2.25rem; text-align: center; }

.cards-2 .card .card-subtitle { margin-bottom: 1.75rem; }

.cards-2 .card .cell-divide-hr { height: 1px; margin-top: 0; margin-bottom: 0; border: none; background-color: #c4d8dc; }

#equivale-creditos { color: #616161; margin-bottom: 2rem !important; }

@media (max-width:450px) {
    #equivale-creditos { font-size: 12px; }
}

.price { padding-top: 0.5rem; padding-bottom: 0.5rem; min-height: 135px; }

@media only screen and (min-width: 320px) and (max-width: 641px) {
    .value { font-size: 2.2em !important; }

    .cents { font-size: 0.6rem !important; }
}

@media only screen and (min-width: 1023px) and (max-width: 1320px) {
    .value { font-size: 2.2rem !important; }

    .cents { font-size: 1rem !important; }
}

.value { color: #256ba2; font-weight: 700; font-size: 3rem; line-height: 4rem; text-align: center; }
.cents { color: #256ba2; font-weight: 600; font-size: 1rem; line-height: 4rem; text-align: center; vertical-align: 20%; }
.currency { margin-right: 0.375rem; color: #256ba2; font-size: 1.25rem; vertical-align: 35%; }

.frequency { margin-top: 0.25rem; font-size: 0.875rem; text-align: center; }

.Cost { margin-top: 0.25rem; font-size: 0.6rem; text-align: center; }

.CostCurrency { margin-top: 0.25rem; font-size: 0.45rem; text-align: center; vertical-align: 10%; }

.cards-2 .card .list-unstyled { margin-top: 1.875rem; margin-bottom: 1.625rem; text-align: left; }

.cards-2 .card .list-unstyled.li-space-lg li { margin-bottom: 0.5rem; }

.cards-2 .card .list-unstyled .fas { color: #256ba2; line-height: 1.375rem; }

.cards-2 .card .list-unstyled .fas.fa-times { margin-left: 0.1875rem; margin-right: 0.125rem; color: #777b7e; }

.cards-2 .card .list-unstyled .media-body { margin-left: 0.625rem; }

.cards-2 .card .button-wrapper { position: absolute; right: 0; bottom: -1.25rem; left: 0; text-align: center; }

.cards-2 .card .btn-solid-reg:hover { background-color: #fff; }

/* Best Value Label */
.cards-2 .card .label { position: absolute; top: 0; right: 0; width: 10.625rem; height: 10.625rem; overflow: hidden; }

.cards-2 .card .label .best-value { position: relative; width: 13.75rem; padding: 0.4125rem 0 0.3125rem 3.725rem; background-color: #256ba2; color: #fff; font-weight: 800; letter-spacing: -1px; font-size: 0.8rem; -webkit-transform: rotate(45deg) translate3d(0, 0, 0); -ms-transform: rotate(45deg) translate3d(0, 0, 0); transform: rotate(45deg) translate3d(0, 0, 0); }
/* end of best value label */

/***********************/
/*     11. Request     */
/***********************/

.form-1 { padding-top: 6.875rem; padding-bottom: 6.25rem; background-color: #f9fafc; }

.form-1 h2 { margin-bottom: 1.25rem; }

.form-1 .list-unstyled { margin-top: 1.375rem; }

.form-1 .list-unstyled .fas { color: #256ba2; line-height: 1.375rem; }

.form-1 .list-unstyled .media-body { margin-left: 0.625rem; }

.form-1 .text-container { margin-bottom: 3.5rem; }

/*********************/
/*     12. Video     */
/*********************/
.basic-3 { padding-top: 6.875rem; padding-bottom: 6.125rem; }

.basic-3 h2 { margin-bottom: 3rem; text-align: center; }

.basic-3 .image-container { margin-bottom: 2.25rem; }

.basic-3 .image-container img { border-radius: 0.5rem; }

.basic-3 .video-wrapper { position: relative; }

/* Video Play Button */
.basic-3 .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; display: block; box-sizing: content-box; width: 2rem; height: 2.75rem; padding: 1.125rem 1.25rem 1.125rem 1.75rem; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.basic-3 .video-play-button:before { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; display: block; width: 4.75rem; height: 4.75rem; border-radius: 50%; background: #256ba2; animation: pulse-border 1500ms ease-out infinite; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.basic-3 .video-play-button:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; display: block; width: 4.375rem; height: 4.375rem; border-radius: 50%; background: #256ba2; transition: all 200ms; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.basic-3 .video-play-button span { position: relative; display: block; z-index: 3; top: 0.375rem; left: 0.25rem; width: 0; height: 0; border-left: 1.625rem solid #fff; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; }

@keyframes pulse-border {
    0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
    100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
/* end of video play button */

.basic-3 p { text-align: center; }

/****************************/
/*     13. Testimonials     */
/****************************/
.slider-2 { padding-top: 7.5rem; padding-bottom: 7rem; background: url("../images/testimonials-background.jpg") center center no-repeat; background-size: cover; }

.slider-2 .image-container { margin-bottom: 4rem; }

.slider-2 h2 { margin-bottom: 2.5rem; text-align: center; }

.slider-2 .slider-container { position: relative; }

.slider-2 .swiper-container { position: static; width: 90%; text-align: center; }

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus { /* even if you can't see it chrome you can see it on mobile device */ outline: none; }

.slider-2 .swiper-button-prev { left: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }

.slider-2 .swiper-button-next { right: -0.5rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E"); background-size: 1.125rem 1.75rem; }

.slider-2 .card { position: relative; border: none; background-color: transparent; }

.slider-2 .card-image { width: 7rem; height: 7rem; margin-right: auto; margin-bottom: 0.25rem; margin-left: auto; border-radius: 50%; }

.slider-2 .card-body { padding-bottom: 0; }

.slider-2 .testimonial-author { margin-bottom: 0; }

/*********************/
/*     14. About     */
/*********************/

.basic-4 { padding-top: 7rem; padding-bottom: 4rem; text-align: center; }

.basic-4 h2 { margin-bottom: 1rem; text-align: center; }

.basic-4 .team-member { max-width: 10rem; margin-right: 1.25rem; margin-bottom: 3rem; margin-left: 1.25rem; }

/* Hover Animation */
.basic-4 .image-wrapper { overflow: hidden; margin-bottom: 1.5rem; border-radius: 50%; }

.basic-4 .image-wrapper img { margin: 0; transition: all 0.3s; }

.basic-4 .image-wrapper:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
/* end of hover animation */

.basic-4 .team-member .p-large { margin-bottom: 0.25rem; font-size: 1.125rem; }

.basic-4 .team-member .job-title { margin-bottom: 0.375rem; }

.basic-4 .fa-stack { margin-top: 0.375rem; margin-right: 0.125rem; margin-left: 0.125rem; font-size: 0.875rem; }

.basic-4 .fa-stack-2x { color: #256ba2; transition: all 0.2s ease; }

.basic-4 .fa-stack-1x { color: #fff; transition: all 0.2s ease; }

.basic-4 .fa-stack:hover .fa-stack-2x { color: #00a7bd; }

.basic-4 .fa-stack:hover .fa-stack-1x { color: #fff; }

/***********************/
/*     15. Contact     */
/***********************/
.form-2 { padding-top: 7rem; padding-bottom: 6.25rem; background-image: url(../images/contact-background.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: right; background-size: contain; }

.form-2 h2 { margin-bottom: 1rem; text-align: center; }

.form-2 .list-unstyled { margin-bottom: 3.75rem; font-size: 1rem; line-height: 1.5rem; text-align: center; }

.form-2 .list-unstyled .fas,
.form-2 .list-unstyled .fab { margin-right: 0.5rem; font-size: 0.875rem; color: #256ba2; }

.form-2 .list-unstyled .fa-phone { vertical-align: 3%; }

.form-2 .map-responsive { position: relative; overflow: hidden; height: 0; margin-bottom: 4rem; padding-bottom: 70%; border-radius: 0.25rem; }

.form-2 .map-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/**********************/
/*     16. Footer     */
/**********************/
.footer { padding-top: 4.625rem; padding-bottom: 0.5rem; }

.footer .footer-col { margin-bottom: 2.25rem; }

.footer h4 { margin-bottom: 1rem; }

.footer .list-unstyled .fas { color: #256ba2; font-size: 0.5rem; line-height: 1.375rem; }

.footer .list-unstyled .media-body { margin-left: 0.625rem; }

.footer .fa-stack { margin-bottom: 0.75rem; margin-right: 0.5rem; font-size: 1.5rem; }

.footer .fa-stack .fa-stack-1x { color: #fff; transition: all 0.2s ease; }

.footer .fa-stack .fa-stack-2x { color: #256ba2; transition: all 0.2s ease; }

.footer .fa-stack:hover .fa-stack-1x { color: #fff; }

.footer .fa-stack:hover .fa-stack-2x { color: #00a7bd; }

/*************************/
/*     17. Copyright     */
/*************************/
.copyright { padding-top: 1rem; padding-bottom: 0.375rem; text-align: center; overflow-x: hidden !important; }

.copyright .p-small { padding-top: 1.375rem; border-top: 1px solid #c4d8dc; opacity: 0.7; }

/**********************************/
/*     18. Back To Top Button     */
/**********************************/
/* a.back-to-top {
  position: fixed;
  z-index: 999;
  right: 0.75rem;
  bottom: 0.75rem;
  display: none;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 1.875rem;
  background: #256ba2 url("../images/up-arrow.png") no-repeat center 47%;
  background-size: 1.125rem 1.125rem;
  text-indent: -9999px;
}

a:hover.back-to-top {
  background-color: #00a7bd;
} */

/***************************/
/*     19. Extra Pages     */
/***************************/
.ex-header { padding-top: 8rem; padding-bottom: 5rem; text-align: center; }

.ex-basic-1 { padding-top: 2rem; padding-bottom: 0.875rem; background-color: #f7fcfd; }

.ex-basic-1 .breadcrumbs { margin-bottom: 1.125rem; }

.ex-basic-1 .breadcrumbs .fa { margin-right: 0.5rem; margin-left: 0.625rem; }

.ex-basic-2 { padding-top: 4.75rem; padding-bottom: 4rem; }

.ex-basic-2 h3 { margin-bottom: 1rem; }

.ex-basic-2 .text-container { margin-bottom: 3.625rem; }

.ex-basic-2 .text-container.last { margin-bottom: 0; }

.ex-basic-2 .list-unstyled .fas { color: #256ba2; font-size: 0.5rem; line-height: 1.375rem; }

.ex-basic-2 .list-unstyled .media-body { margin-left: 0.625rem; }

.ex-basic-2 .btn-outline-reg { margin-top: 1.75rem; }

.ex-basic-2 .image-container-large { margin-bottom: 4rem; }

.ex-basic-2 .image-container-large img { border-radius: 0.25rem; }

.ex-basic-2 .image-container-small img { border-radius: 0.25rem; }

.ex-basic-2 .text-container.dark-bg { padding: 1.625rem 1.5rem 0.75rem 2rem; background-color: #f9fafc; }

#info-form-box { display: none; width: 100%; background: #ffffff; text-align: center; margin-bottom: 1.5rem; border-radius: 6px; border: 1px solid #d3d3d3; box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.05); }

#info-form-box.is-active { display: block; }

.info-plan { padding: 1rem; display: flex; flex-flow: row wrap; margin: auto; justify-content: space-around; }

.info-plan h6 { color: #0ebfd8; font-size: 1.5rem !important; }

#box-info { display: flex; overflow: auto; margin: 1rem 0; flex-direction: column; }

.box-info-card { padding: 1rem; display: flex; cursor: pointer; flex-flow: row nowrap; align-items: center; border: 1px solid #ccc; border-radius: 0.25rem; margin: 0.25rem; transition: all ease-in 150ms; background-color: #ffffff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); }

.box-info-card:hover,
.box-info-card:focus { box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }

#info-new-boleto:checked:checked ~ .option-1,
#info-new-card:checked:checked ~ .option-2 { background: linear-gradient( 143deg, rgb(0, 166, 240) 0%, rgb(1, 191, 217) 100%) 0% 0% no-repeat padding-box padding-box transparent; color: white; }

.timeline { display: none; width: 100%; margin: 1rem 0; }

.timeline.is-active { display: flex; align-items: center; justify-content: center; }

.timeline ul { list-style-type: none; padding: 0; margin: auto; width: 365px; position: relative; display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-around; }

.timeline ul::after { content: ""; display: inline-block; height: 2px; width: 100%; position: absolute; background: #0ebfd8; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.timeline li { padding: 0.8rem; height: 15px; width: 15px; border-radius: 50%; border: 1px solid #0ebfd8; background: #ffffff; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 0; font-weight: bold; position: relative; }

.timeline li.is-completed { background: #0ebfd8; cursor: pointer; font-size: 0.6rem; color: white !important; }

.timeline li.is-completed + li { color: #0ebfd8; font-size: 0.6rem; cursor: pointer; }

.home-promotional-banner { /* background: linear-gradient(160deg, #0ea9d8, #0b80e5, #0481f6); */ /* background: linear-gradient(30deg, #0ebfd8, #0ba9e5, #0481f6); */ background: linear-gradient(30deg, #242424, #2a373d, #434343); /* background-color: #272727; */ width: 100vw; height: 130px; position: fixed; bottom: 0; z-index: 999; padding: 1rem 5rem; transition: all ease-in-out 300ms; font-family: var(--font-family-sans-serif); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.15); }

.home-promotional-banner .grid-container { max-width: 1280px; display: grid; grid-template-columns: auto 1fr 1fr 200px; align-items: center; height: 100%; grid-gap: 1rem; margin: auto; }

.home-promotional-banner .grid-flex { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }

.home-promotional-banner .count-field { width: 150px; text-align: center; color: #0ebfd8; background: white; font-size: 1.8rem; font-weight: bold; line-height: 1.25; padding: 1rem; border-radius: 8px; }

.home-promotional-banner .promo-info { border-right: 1px solid #d4d4d4; padding: 0 1rem; margin-right: 1rem; width: 150px; display: flex; flex-direction: column; justify-content: center; }

.home-promotional-banner .promo-info-mobile { display: none; }

.home-promotional-banner .promo-mobile { display: none; position: relative; text-align: center; color: #ffffff; outline: 0; border: none; width: 150px; background: transparent; }

.home-promotional-banner .promo-info .promotion-title,
.home-promotional-banner .promo-info .promotion-description { font-size: 0.75rem; line-height: 1.5; }

.home-promotional-banner .promotion-title,
.home-promotional-banner .promotion-description { margin: 0; color: #ffffff; }

.home-promotional-banner .promotion-title { font-size: 1rem; line-height: 24px; /* letter-spacing: -0.3px; */ font-weight: lighter; margin-bottom: 4px; text-align: center; }

.home-promotional-banner .promotion-title strong { font-size: 1.35rem; font-weight: 800; }

.home-promotional-banner .promotion-description { font-size: 1rem; font-weight: bold; line-height: 32px; letter-spacing: -0.69px; }

.home-promotional-banner .promotion-description .promotion-value { font-size: 2.2rem; letter-spacing: -1.23px; color: #fedc6a; /* color: #8bff88; */ }

.home-promotional-banner .promotion-description .promotion-old { position: relative; }

.home-promotional-banner .promotion-description .promotion-old::after { content: ""; display: block; transform: rotate(20deg); position: absolute; top: 12px; left: 6px; width: 90%; height: 3px; z-index: 2; background: #da0707; }

.home-promotional-banner .btn-promo { /* background: transparent linear-gradient(246deg, #2AE3E8 0%, #249FD5 100%) 0% 0% no-repeat padding-box; */ color: #ffffff; background: #0ebfd8; font-size: 1rem; font-weight: bold; letter-spacing: 0.8px; border: 1px solid #0ebfd8; padding: 1rem; width: 100%; transition: all ease 150ms; text-decoration: none; max-width: 240px; white-space: nowrap; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.235); /* font-weight: 600;
  height: 60px;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px; */ }

.home-promotional-banner .btn-promo:hover { padding: 1.35rem; box-shadow: -6px 6px 9px rgba(0, 0, 0, 0.35); }

#lead-form-slide .text-muted { padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px dotted #6c757d; }

.allow-cookie-banner { font-size: 0.8rem; z-index: 99; width: 100%; bottom: 0; position: fixed; background: #ffffff; transition: ease-out all 150ms; box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.18), 0 2px 2px rgba(0, 0, 0, 0.36); }

.allow-cookie-banner .grid-container { display: grid; grid-template-columns: 1fr 200px; max-width: 1500px; margin: auto; padding: 10px; }

.allow-cookie-banner .allow-cookie-description { margin: auto; font-weight: 600; padding-left: 70px; }

.allow-cookie-banner .allow-cookie-button { color: white; width: 110px; background: #1da9da; border: 1px solid #1da9da; }

.image-promo { height: 25vh; }


@media screen and (max-height: 700px ) and (min-width:400px) {
    .header .header-content { padding-top: 6rem; }
}

/*****************************/
/*     20. Media Queries     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {
    /* General Styles */
    .p-heading { width: 85%; margin-right: auto; margin-left: auto; }

    /* end of general styles */

    /* Header */
    .header .header-content { /* padding-top: 1rem; */ }

    .header h1 { font-size: 2rem; line-height: 3.5rem; }


    /* end of header */

    /* Customers */
    .slider-1 { padding-top: 3rem; padding-bottom: 2.875rem; }

    .slider-1 .slider-container { padding-right: 3.5rem; padding-left: 3.5rem; }
    /* end of customers */

    /* Video */
    .basic-3 p { width: 85%; margin-right: auto; margin-left: auto; }
    /* end of video */

    /* Testimonials */
    .slider-2 .slider-container { width: 70%; margin-right: auto; margin-left: auto; }

    .slider-2 .swiper-container { width: 85%; }

    .slider-2 .swiper-button-prev { left: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }

    .slider-2 .swiper-button-next { right: 1rem; width: 1.375rem; background-size: 1.375rem 2.125rem; }
    /* end of testimonials */

    /* About */
    .basic-4 .team-member { display: inline-block; width: 12.5rem; margin-right: 2rem; margin-left: 2rem; vertical-align: top; }
    /* end of about */

    /* Contact */
    .form-2 .list-unstyled li { display: inline-block; margin-right: 0.5rem; margin-left: 0.5rem; }

    .form-2 .list-unstyled .address { display: block; }
    /* end of contact */

    /* Extra Pages */
    .ex-header { padding-top: 11rem; padding-bottom: 9rem; }

    .ex-basic-2 .text-container.dark { padding: 2.5rem 3rem 2rem 3rem; }

    .ex-basic-2 .text-container.column { width: 90%; margin-right: auto; margin-left: auto; }
    /* end of extra pages */
}
/* end of min-width width 768px */

/* Min-width width 992px */
@media (min-width: 992px) {
    /* Navigation */
    .navbar-custom { padding: 2.125rem 1.5rem 2.125rem 2rem; box-shadow: none; background: transparent; }

    .navbar-custom .navbar-nav { margin-top: 0; margin-bottom: 0; }

    .navbar-custom .nav-item .nav-link { padding: 0.25rem 0.75rem 0.25rem 0.75rem; color: #fff; opacity: 0.8; }

    .navbar-custom .nav-item .nav-link:hover,
    .navbar-custom .nav-item .nav-link.active { color: #fff; opacity: 1; }

    .navbar-custom.top-nav-collapse { padding: 0.5rem 1.5rem 0.5rem 2rem; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); background-color: #fff; }

    .navbar-custom.top-nav-collapse .nav-item .nav-link { color: #393939; opacity: 1; }

    .navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
    .navbar-custom.top-nav-collapse .nav-item .nav-link.active { color: #256ba2; }

    .navbar-custom .dropdown-menu { padding-top: 1rem; padding-bottom: 1rem; border-top: 0.75rem solid rgba(0, 0, 0, 0); border-radius: 0.25rem; }

    .navbar-custom.top-nav-collapse .dropdown-menu { border-top: 0.5rem solid rgba(0, 0, 0, 0); box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02); }

    .navbar-custom .dropdown-item { padding-top: 0.25rem; padding-bottom: 0.25rem; }

    .navbar-custom .dropdown-items-divide-hr { width: 84%; }

    .navbar-custom .social-icons { display: block; margin-left: 0.5rem; }

    .navbar-custom .fa-stack { margin-bottom: 0.1875rem; margin-left: 0.25rem; font-size: 0.75rem; }

    .navbar-custom .fa-stack-2x { color: #256ba2; transition: all 0.2s ease; }

    .navbar-custom .fa-stack-1x { color: #fff; transition: all 0.2s ease; }

    .navbar-custom .fa-stack:hover .fa-stack-2x { color: #fff; }

    .navbar-custom .fa-stack:hover .fa-stack-1x { color: #256ba2; }

    .navbar-custom.top-nav-collapse .fa-stack-2x { color: #256ba2; }

    .navbar-custom.top-nav-collapse .fa-stack-1x { color: #fff; }

    .navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-2x { color: #00a7bd; }

    .navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-1x { color: #fff; }
    /* end of navigation */

    /* General Styles */
    .p-heading { width: 65%; }
    /* end of general styles */

    /* Header */
    .header { background: url("../images/fundo-header.png") center center no-repeat; background-size: cover; /* background-color: #272727; */ }
    /* 
  #img-header{
    padding-top: 3rem;
  } */

    #subtitulo-header { color: white; }

    #texto-header { color: white; margin-top: 3rem; }

    #cor-mercado { color: #36F8FF; }

    #destaque-subtitulo { background-color: #2a89e8; padding: 4px; line-height: 2; font-weight: 600; }

    /* @media (min-width:1800px){
    #container-header{
      max-width: 1650px;
    }
  } */



    .header .header-content { text-align: left; height: fit-content; padding-top: 10rem; }

    .header .text-container { margin-top: 3rem; margin-bottom: 0; }
    /* end of header */

    /* Details 1 */
    .basic-1 .text-container { margin-bottom: 0; }
    /* end of details 1 */

    /* Details 2 */
    .basic-2 .image-container { margin-bottom: 0; }

    /* end of details 2 */

    /* Details Lightboxes */
    .lightbox-basic { max-width: 62.5rem; padding: 2.5rem 2.5rem 2.5rem 2.5rem; }

    .lightbox-basic .image-container { max-width: 100%; margin-right: 2rem; margin-bottom: 0; margin-left: 0.5rem; }

    .lightbox-basic h3 { margin-top: 0.5rem; }
    /* end of details lightboxes */

    /* Pricing */
    .cards-2 .card { display: inline-block; width: 17.125rem; max-width: 100%; margin-right: 1rem; margin-left: 1rem; }
    /* end of pricing */

    /* Request */
    .form-1 { padding-top: 7.5rem; }

    .form-1 .text-container { /* margin-top: 1.5rem; */ margin-bottom: 0; }
    /* end of request */

    /* Video */
    .basic-3 .image-container { max-width: 53.125rem; margin-right: auto; margin-left: auto; }

    .basic-3 p { width: 65%; }
    /* end of video */

    /* Testimonials */
    .slider-2 { padding-bottom: 7.5rem; }

    .slider-2 .image-container { margin-bottom: 0; }

    .slider-2 .slider-container { width: 88%; }

    .slider-2 .swiper-container { width: 82%; }
    /* end of testimonials */

    /* Contact */
    .form-2 .map-responsive { margin-bottom: 0; }
    /* end of contact */

    /* Extra Pages */
    .ex-header { background: url("../images/ex-header-background.jpg") center center no-repeat; background-size: cover; }

    .ex-header h1 { width: 80%; margin-right: auto; margin-left: auto; }

    .ex-basic-2 { padding-bottom: 5rem; }

    .ex-basic-2 .text-container.column { margin-bottom: 0; }
    /* end of extra pages */
}
/* end of min-width width 992px */

@media (min-width:1550px) {
    .navbar-custom { padding: 2.125rem 5rem 2.125rem 11rem; }
}
/* Min-width width 1200px */
@media (min-width: 1500px) {
    /* Navigation */
    .navbar-custom { padding: 2.125rem 5rem 2.125rem 11rem; }

    .navbar-custom.top-nav-collapse { padding: 0.5rem 5rem 0.5rem 11rem; }
    /* end of navigation */

    /* General Styles */
    .p-heading { width: 55%; }
    /* end of general styles */

    /* Header */
    .header .header-content { /* padding-top: 12.5rem; */ }

    .header .text-container { margin-top: 5.375rem; margin-left: 0rem; margin-right: 2rem; }

    .header .image-container { margin-top: 2rem; margin-left: 6rem; margin-right: 1rem; }
    /* end of header */

    /* Customers */
    .slider-1 .slider-container { margin-right: 3rem; margin-left: 3rem; padding-right: 2.5rem; padding-left: 2.5rem; }
    /* end of customers */

    /* Details 2 */
    .basic-2 .text-container { margin-bottom: 0rem; }
    /* end of details 2 */

    /* Pricing */
    .cards-2 .card { width: 19.5rem; margin-right: 1.625rem; margin-left: 1.625rem; }
    /* end of pricing */

    /* Request */
    /* .form-1 .text-container {
		margin-right: 1.5rem;
		margin-left: 6rem;
	}

	.form-1 form {
		margin-right: 6rem;
		margin-left: 1.5rem;
	} */
    /* end of request */

    /* Video */
    .basic-3 p { width: 55%; }
    /* end of video */

    /* Testimonials */
    .slider-2 h2 { margin-top: 3.5rem; }
    /* end of testimonials */

    /* About */
    .basic-4 .team-member { margin-right: 3.25rem; margin-left: 3.25rem; }
    /* end of about */

    /* Contact */
    .form-2 .map-responsive { max-width: 31rem; margin-right: auto; margin-left: auto; }

    .form-2 #contactForm { max-width: 31rem; margin-right: auto; margin-left: auto; }
    /* end of contact */

    /* Footer */
    .footer .footer-col { width: 90%; }

    .footer .footer-col.middle { margin-right: auto; margin-left: auto; }

    .footer .footer-col.last { margin-right: 0; margin-left: auto; }
    /* end of footer */

    /* Extra Pages */
    .ex-header h1 { width: 60%; margin-right: auto; margin-left: auto; }

    .ex-basic-2 .form-container { margin-left: 1.75rem; }

    .ex-basic-2 .image-container-small { margin-left: 1.75rem; }
    /* end of extra pages */
}

/* Max-width width 1320 */
@media (max-width: 1100px) {
    .home-promotional-banner.is-active { height: 500px; }

    .home-promotional-banner .grid-container { grid-template-columns: 1fr; /* grid-template-rows: repeat(4, 1fr); */ }

    .home-promotional-banner .grid-flex { justify-content: center; }

    .home-promotional-banner .grid-flex:not(.not-column) { flex-direction: column; }

    .home-promotional-banner .promo-mobile { display: block; }

    .home-promotional-banner .promo-mobile::before { content: ""; width: 0; height: 0; position: absolute; top: 8px; right: -12px; margin: auto; border: solid #ffffff; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transition: all linear 300ms; transform: rotate(45deg); }

    .home-promotional-banner .promo-mobile.is-close::before { transform: rotate(-135deg); }
}

@media (max-width: 400px) {
    .home-promotional-banner { height: 50px !important; }
}

/* Max-width 576px */
@media (max-width: 576px) {
    .home-promotional-banner { padding: 0.5rem; height: 70px; /* padding: 0 2rem 3.5rem 2rem;
	height:65px; */ }

    .home-promotional-banner.is-active { height: calc(100% - 58px) !important; }

    .home-promotional-banner .grid-container { grid-template-rows: repeat(5, 0.5fr); }

    .home-promotional-banner .promo-info { display: none; }

    .home-promotional-banner .promo-info-mobile { display: flex; flex-direction: column; align-items: center; padding-bottom: 1rem; border-bottom: 1px dotted #d4d4d4; }
}

/* -----------Radio Button Style------------ */
.wrapper { width: 100%; display: inline-flex; align-items: center; border-radius: 0.25rem; }

.wrapper .option { height: 5vh; width: 100%; display: flex; align-items: center; justify-content: space-evenly; cursor: pointer; padding: 0 10px; transition: all 0.3s ease; border: 1px solid lightgrey; border-radius: 0.25rem; min-height: 40px; }

.wrapper .option .dot { height: 20px; width: 20px; background: #d9d9d9; border-radius: 50%; position: relative; }
.wrapper .option .dot::before { position: absolute; content: ""; top: 4px; left: 4px; width: 12px; height: 12px; background: linear-gradient( 143deg, rgb(0, 166, 240) 0%, rgb(1, 191, 217) 100%) 0% 0% no-repeat padding-box padding-box transparent; border-radius: 50%; opacity: 0; transform: scale(1.5); transition: all 0.5s ease; }
input[type="radio"] { display: none; }

#tipoPessoaFisica:checked:checked ~ .option-1,
#tipoPessoaJuridica:checked:checked ~ .option-2 { background: linear-gradient( 143deg, rgb(0, 166, 240) 0%, rgb(1, 191, 217) 100%) 0% 0% no-repeat padding-box padding-box transparent; }
#tipoPessoaFisica:checked:checked ~ .option-1 .dot,
#tipoPessoaJuridica:checked:checked ~ .option-2 .dot { background: #fff; }
#tipoPessoaFisica:checked:checked ~ .option-1 .dot::before,
#tipoPessoaJuridica:checked:checked ~ .option-2 .dot::before { opacity: 1; transform: scale(1); }
.wrapper .option span { font-size: 0.85rem; color: #808080; }
#tipoPessoaFisica:checked:checked ~ .option-1 span,
#tipoPessoaJuridica:checked:checked ~ .option-2 span { color: #fff; }

@media(max-width:500px) {
    .wrapper { display: flex; flex-direction: column; }
}

.btn-group-toggle { display: flex; align-items: center; justify-content: center; }

.plans-options { background-color: #f3f3f382; border-radius: 6px; border: 1px solid #d9d9d97a; padding: .2rem; }

.btn-plans { color: #393939; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; padding: 0.375rem 0.75rem; margin: 0; font-weight: 600; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; cursor: pointer; }

.plans-options .active { color: white; background: #256ba2 !important; transition: opacity 0.5s ease-in; z-index: 2; }

.btn-plans:hover { opacity: 1; }

.footer-bottom { background: #eaeaea; display: flex; align-items: center; justify-content: space-between; padding: 30px 30px 100px; }
.footer-bottom div { margin-top: 10px; margin-bottom: 20px; margin-right: 10px; }
.frm-captcha {display: flex;}