/*menu*/
/*#header .scrollbar .scrollbar-content-inner,
#header .scrollbar .track .scrollbar-track-inner .thumb,
#header #menu-left-scrollbar-thumb-inner {
    background: #323232;
}*/

.loader-spinner {
  background-color: #eaeaea;
}

.load-more-fade-effect {
  background: -moz-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
  background: -webkit-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
  background: -webkit-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
  background: -o-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
  background: -ms-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.7) 65%,
    rgba(255, 255, 255, 1) 90%
  );
}

#header .scrollbar .thumb .end,
#header .scrollbar .thumb .end {
  cursor: pointer;
}
#header .scrollbar .track .scrollbar-track-inner {
  background: rgba(50, 50, 50, 0.2);
}
#header .scrollbar .track .scrollbar-track-inner .scrollbar-content-inner {
  background: rgba(50, 50, 50, 1);
}

/*barra de fundo para outros*/
.custom-scroll.y .scrollbar .track .scrollbar-track-inner,
.custom-scroll.x .scrollbar .track .scrollbar-track-inner {
  background-color: rgba(50, 50, 50, 0.4);
}
/*barra  para outros*/
.custom-scroll.y .scrollbar .scrollbar-content-inner,
.custom-scroll.x .scrollbar .thumb {
  background-color: #eaeaea;
}

.gallery-slider
  .wrap-flying-information
  .white
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner,
.gallery-slider
  .wrap-flying-information
  .white
  .custom-scroll.x
  .scrollbar
  .track
  .scrollbar-track-inner {
  background-color: rgba(255, 255, 255, 0.4);
}
.gallery-slider
  .wrap-flying-information
  .black
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner,
.gallery-slider
  .wrap-flying-information
  .black
  .custom-scroll.x
  .scrollbar
  .track
  .scrollbar-track-inner {
  background-color: rgba(0, 0, 0, 0.4);
}
/*componentes*/
.image-background-element.white
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner,
.video-background-element.white
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner {
  background-color: rgba(255, 255, 255, 0.4);
}
.image-background-element.black
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner,
.video-background-element.black
  .custom-scroll.y
  .scrollbar
  .track
  .scrollbar-track-inner {
  background-color: rgba(0, 0, 0, 0.4);
}

/* .ico div.icon,*/

.link-color,
#header-resp a,
#header a {
  color: #323232;
}

#wrapper-header-resp.layout1 .modal-menu-resp .filter-wrap .bg-filter,
#wrapper-header-resp.layout1
  .hamburger-fixed-wrapper:not(.opened-menu-modal)
  .filter-wrap
  .bg-filter {
  background-color: rgb(255, 255, 255);
}

#wrapper-header-resp.layout1 .modal-menu-resp .filter-wrap .menu-filter,
#wrapper-header-resp.layout1
  .hamburger-fixed-wrapper:not(.opened-menu-modal)
  .filter-wrap
  .menu-filter {
  background-color: rgba(255, 255, 255, 0.6);
}

#wrapper-header-resp.layout1
  .hamburger-fixed-wrapper.opened-menu-modal
  .filter-wrap
  .bg-filter,
#wrapper-header-resp.layout1
  .hamburger-fixed-wrapper.opened-menu-modal
  .filter-wrap
  .menu-filter {
  background-color: transparent;
}

body.menu-left #header li.sub a {
  color: rgba(50, 50, 50, 0.7);
}
body.menu-left #header li.sub a:hover {
  color: #323232;
}

#modal h1,
#modal h2,
#modal h1 a,
#modal h2 a,
#modal h2.small,
#modal .title,
#modal .title2,
#modal .title-color,
#content h1,
#content h2,
#content h1 a,
#content h2 a,
#content h2.small,
#content .title,
#content .title2,
#content .title-color {
  color: #000000;
}

#modal h3,
#modal h3 a,
#modal .subtitle,
#content h3,
#content h3 a,
#content .subtitle {
  color: #000000;
}

#modal h4,
#modal h4 a,
#content h4,
#content h4 a {
  color: #b3b1b1;
}
/*#content h4.legend {
    color: #b3b1b1 !important;
}*/

#content a.sub-title,
.sub-title {
  color: #000000 !important;
}

/*#content a,
#content .text h1,
#content .text h2,*/
#content blockquote,
#content blockquote a,
#content p,
#content p a,
.text,
.text a,
.site-color-text,
.site-color-text:before,
.site-color-text:after {
  color: #323232;
}
.text-color {
  color: #323232 !important;
}

.bg-text-before:before,
.bg-text-after:after {
  background-color: #323232 !important;
}

.modal-content.modal-payments-manual input {
  color: #323232;
}

/* PLACEHOLDERS */
::-webkit-input-placeholder {
  color: #323232;
}
:-moz-placeholder {
  color: #323232;
}
::-moz-placeholder {
  color: #323232;
}
:-ms-input-placeholder {
  color: #323232;
}
::placeholder {
  color: #323232;
}

.bg-website,
body {
  background-color: #ffffff;
}
.bg-website-force,
.bg-website-after:after,
.bg-website-before:before {
  background-color: #ffffff !important;
}

.bg-menu,
#header div.bg {
  background-color: #ffffff;

  opacity: 0.6;
  filter: alpha(opacity=100); /* IE 7 and Earlier */
  /* Next 2 lines IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  zoom: 1;
}

.bg-menu-resp {
  background-color: rgba(255, 255, 255, 0.6);
}

hr {
  border-bottom-color: #323232;
}

.cookies-banner-wrapper .inner {
  background: rgba(50, 50, 50, 0.05);
}

.cookies-banner-wrapper .inner a {
  border-bottom: 1px solid #323232;
}

body.menu-top .bg-menu,
body.menu-top #header div.bg {
  z-index: 0;
}

body.menu-left .bg-menu,
body.menu-left #header div.bg {
  z-index: -1;
}

/* content */
#global-parts .scroll-to-top .ico div.ico-bg {
  background: #323232;
  background: rgba(50, 50, 50, 0.8);
}

#global-parts .scroll-to-top .ico {
  color: #ffffff;
}

#modal .ico div.ico-bg,
#modal .ico div.bg,
#content .ico div.ico-bg,
#content .ico div.bg,
#global-parts .ico div.ico-bg,
#global-parts .ico div.bg {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
}

#modal .ico .icon,
#content .ico .icon,
#global-parts .ico .icon {
  background: rgba(50, 50, 50, 0.04);
}

#modal .ico *,
#content .ico *,
#global-parts .ico * {
  color: #323232;
  color: rgba(50, 50, 50, 0.6);
}

body.icon-type3 #modal .ico,
body.icon-type2 #modal .ico,
body.icon-type3 #content .ico,
body.icon-type2 #content .ico,
body.icon-type3 #global-parts .ico,
body.icon-type2 #global-parts .ico {
  border: 1px solid #323232;
  border: 1px solid rgba(50, 50, 50, 0.2);
}

body.icon-type3 #modal a:hover .ico,
body.icon-type2 #modal a:hover .ico,
body.icon-type3 #content a:hover .ico,
body.icon-type2 #content a:hover .ico,
body.icon-type3 #global-parts a:hover .ico,
body.icon-type2 #global-parts a:hover .ico {
  border: 1px solid rgba(50, 50, 50, 0.4);
}

#modal a.active .ico div.icon,
#modal a:hover .ico div.icon,
#content a.active .ico div.icon,
#content a:hover .ico div.icon,
#global-parts a.active .ico div.icon,
#global-parts a:hover .ico div.icon {
  background: rgba(50, 50, 50, 0.1);
}

#modal a.active .ico *,
#modal a:hover .ico *,
#content a.active .ico *,
#content a:hover .ico *,
#global-parts a.active .ico *,
#global-parts a:hover .ico * {
  color: #323232;
}

/* header */
#header .ico div.ico-bg,
#header .ico div.bg,
#header-resp .menu-ul-wrap .ico div.ico-bg,
#header-resp .menu-ul-wrap .ico div.bg {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.6);
}

#header .ico .icon,
#header-resp .menu-ul-wrap .ico .icon {
  background: rgba(50, 50, 50, 0.04);
}

#header .ico *,
#header-resp .menu-ul-wrap .ico * {
  color: #323232;
  color: rgba(50, 50, 50, 0.7);
}

body.icon-type3 #header .ico,
body.icon-type2 #header .ico,
body.icon-type3 #header-resp .menu-ul-wrap .ico,
body.icon-type2 #header-resp .menu-ul-wrap .ico {
  border: 1px solid #323232;
  border: 1px solid rgba(50, 50, 50, 0.3);
}

body.icon-type3 #header a:hover .ico,
body.icon-type2 #header a:hover .ico,
body.icon-type3 #header-resp .menu-ul-wrap a:hover .ico,
body.icon-type2 #header-resp .menu-ul-wrap a:hover .ico {
  border: 1px solid rgba(50, 50, 50, 0.5);
}
#header a:hover .ico div.icon,
#header-resp .menu-ul-wrap a:hover .ico div.icon {
  background: rgba(50, 50, 50, 0.1);
}
#header a:hover .ico *,
#header-resp .menu-ul-wrap a:hover .ico * {
  color: #323232;
}

#content .testimonial-wrapper .ico .icon {
  color: #323232;
  color: rgba(50, 50, 50, 0.9);
}

#content .image-effects-component * {
  color: #323232;
}

.image-effects-component .thumb div.bottom-legend,
.image-effects-component .thumb .featured-filter,
.image-effects-component a.square-bottom-info .thumb div.bg-legend-container,
.image-effects-component a.light-bottom-gradient-info .top-line,
.image-effects-component a.dark-bottom-gradient-info .top-line,
.image-effects-component a.light-bottom-gradient-info .top-line {
  background-color: #eaeaea;
}

/* effect1 */

#header-resp ul.effect1 li a.selected,
html.pc #header-resp ul.effect1 li a:hover,
body.menu-left #menu ul.effect1 li a.selected,
body.menu-left #menu ul.effect1 li a:hover,
body.menu-top #menu ul.effect1 li a.selected,
body.menu-top #menu ul.effect1 li a:hover {
  border-bottom-color: #eaeaea;
}

/* effect2 */

#header-resp ul.effect2 li a.selected,
html.pc #header-resp ul.effect2 li a:hover,
body.menu-left #menu ul.effect2 li a.b.selected,
body.menu-left #menu ul.effect2 li a.b:hover,
body.menu-top #menu ul.effect2 li a.b.selected,
body.menu-top #menu ul.effect2 li a.b:hover {
  background: #eaeaea;
}

/* effect3 */

body.menu-left #menu ul.effect3.mobile li a.b,
body.menu-top #menu ul.effect3.mobile li a.b {
  background: none;
}

#header-resp ul.effect3 li a.selected,
html.pc #header-resp ul.effect3 li a:hover,
body.menu-left #menu ul.effect3 li a.b.selected,
body.menu-left #menu ul.effect3 li a.b:hover,
body.menu-top #menu ul.effect3 li a.b.selected,
body.menu-top #menu ul.effect3 li a.b:hover {
  color: #eaeaea;
}

body.menu-left #menu ul.effect3 li a.b,
body.menu-top #menu ul.effect3 li a.b {
  background: #ffffff;
}

/* effect4 */

body.menu-left #menu ul.effect4.mobile li a.b,
body.menu-top #menu ul.effect4.mobile li a.b {
  background: none;
}

#header-resp ul.effect4 li a.selected,
html.pc #header-resp ul.effect4 li a:hover,
body.menu-left #menu ul.effect4 li a.b.selected,
body.menu-left #menu ul.effect4 li a.b:hover,
body.menu-top #menu ul.effect4 li a.b.selected,
body.menu-top #menu ul.effect4 li a.b:hover {
  color: #ffffff;
  background: #323232;
}

body.menu-left #menu ul.effect4 li a.b,
body.menu-top #menu ul.effect4 li a.b {
  background: #ffffff;
}

#content .image-effects-component div.square-legend hr {
  background-color: rgba(50, 50, 50, 0.5);
}

/* effect5 */
body.menu-left #menu ul.effect5.mobile li a.b,
body.menu-top #menu ul.effect5.mobile li a.b {
  background: none;
}

#header-resp ul.effect5 li a.selected,
html.pc #header-resp ul.effect5 li a:hover,
body.menu-left #menu ul.effect5 li a.b.selected,
body.menu-left #menu ul.effect5 li a.b:hover,
body.menu-top #menu ul.effect5 li a.b.selected,
body.menu-top #menu ul.effect5 li a.b:hover {
  color: #ffffff;
  background: #323232;
}

body.menu-left #menu ul.effect5 li a.b,
body.menu-top #menu ul.effect5 li a.b {
  background: #ffffff;
}

/* effect6 */

#header-resp ul.effect6 li a.selected,
html.pc #header-resp ul.effect6 li a:hover,
body.menu-left #menu ul.effect6 li a.b.selected,
body.menu-left #menu ul.effect6 li a.b:hover,
body.menu-top #menu ul.effect6 li a.b.selected,
body.menu-top #menu ul.effect6 li a.b:hover {
  color: #eaeaea;
}

/* effect7 */

#header-resp ul.effect7 li a.selected,
html.pc #header-resp ul.effect7 li a:hover,
body.menu-left #menu ul.effect7 li a.b.selected,
body.menu-left #menu ul.effect7 li a.b:hover,
body.menu-top #menu ul.effect7 li a.b.selected,
body.menu-top #menu ul.effect7 li a.b:hover {
  border: 1px solid #323232;
}

/*body.menu-left #menu ul.effect3.mobile li a.b,
body.menu-top #menu ul.effect3.mobile li a.b,
body.menu-left #menu ul.effect4.mobile li a.b,
body.menu-top #menu ul.effect4.mobile li a.b,
body.menu-left #menu ul.effect5.mobile li a.b,
body.menu-top #menu ul.effect5.mobile li a.b {
    background: none;
}*/

/* BEGIN GHOST EFFECTS */
#content .ghost-effect {
  -webkit-transition:
    border-color 0.4s ease-out,
    box-shadow 0.4s ease-out,
    color 0.4s ease-out;
  -moz-transition:
    border-color 0.4s ease-out,
    box-shadow 0.4s ease-out,
    color 0.4s ease-out;
  -o-transition:
    border-color 0.4s ease-out,
    box-shadow 0.4s ease-out,
    color 0.4s ease-out;
  transition:
    border-color 0.4s ease-out,
    box-shadow 0.4s ease-out,
    color 0.4s ease-out;

  -moz-box-shadow: 0px 10px 15px -10px rgba(55, 55, 57, 0.2);
  -webkit-box-shadow: 0px 10px 15px -10px rgba(55, 55, 57, 0.2);
  box-shadow: 0px 10px 15px -10px rgba(55, 55, 57, 0.2);

  border: 2px solid rgba(55, 55, 57, 0.2);

  color: #373739;
}

#content .ghost-effect:hover {
  -moz-box-shadow: 0px 15px 30px -10px rgba(55, 55, 57, 0.35);
  -webkit-box-shadow: 0px 15px 30px -10px rgba(55, 55, 57, 0.35);
  box-shadow: 0px 15px 30px -10px rgba(55, 55, 57, 0.35);

  border: 2px solid rgba(55, 55, 57, 0.35);

  color: #3f3f41;
}

/* END GHOST EFFECTS */

/* Begin QuickContactForm */
.quick-contact-wrapper
  .quick-contact-content
  .quick-contact-container
  .quick-wrapper-fields {
  border: 1px solid rgba(50, 50, 50, 0.2);
}

.quick-contact-wrapper
  .quick-contact-content
  .quick-contact-container
  .quick-wrapper-fields
  .field:not(.field-textarea) {
  border-bottom: 1px solid rgba(50, 50, 50, 0.2);
}

.quick-contact-wrapper
  .quick-contact-content
  .quick-contact-container
  .quick-wrapper-fields
  .field
  input,
.quick-contact-wrapper
  .quick-contact-content
  .quick-contact-container
  .quick-wrapper-fields
  .field
  textarea {
  color: rgba(50, 50, 50, 1) !important;
}

.generic-form-success-modal .default-color-button-success,
.quick-contact-wrapper .button-wrapper,
.integrations-chats .default-color-button,
.integrations-chats .default-color-button-success,
.payment-modal-success .default-color-button-success {
  color: rgba(255, 255, 255, 0.7);

  background-color: #373739;
}

.quick-contact-wrapper .button-wrapper.disabled {
  background-color: #373739 !important;
}

.quick-contact-wrapper .button-wrapper:hover,
.integrations-chats .default-color-button:hover,
.integrations-chats .default-color-button.close {
  background-color: #3f3f41;
}

/* END QuickContact */

/* Begin GenericForm css */
#content .caption {
  color: #b3b1b1;
}

#modal .form select,
#modal .form textarea,
#modal .form input,
#content .form select,
#content .form textarea,
#content .form input {
  background-color: rgba(50, 50, 50, 0.03);
  border-color: rgba(50, 50, 50, 0.2);
}

#modal .form select:hover,
#modal .form textarea:hover,
#modal .form input:hover,
#content .form select:hover,
#content .form textarea:hover,
#content .form input:hover {
  border-color: rgba(50, 50, 50, 0.4);
  background-color: rgba(50, 50, 50, 0.1);
}

#modal .form select.active,
#modal .form textarea.active,
#modal .form input.active,
#modal .form input:focus,
#modal .form select:focus,
#modal .form textarea:focus,
#content .form select.active,
#content .form textarea.active,
#content .form input.active,
#content .form input:focus,
#content .form select:focus,
#content .form textarea:focus {
  border-color: rgba(50, 50, 50, 0.6);
  background-color: rgba(50, 50, 50, 0.1);
}

.wrap-login .login-dialog {
  border: 1px solid #323232;
  border: 1px solid rgba(50, 50, 50, 0.2);
}

a.simple-button,
a.negative-color,
#modal .form .submit,
#modal .simple-button,
#modal .button-wrapper.round-button,
#global-parts .form .submit,
#content .form .submit,
#content .simple-button,
#content .button-wrapper.round-button {
  color: #ffffff;

  background-color: #373739;
  background-color: rgba(55, 55, 57, 0.7);
}

a.simple-button:hover,
a.negative-color:hover,
#modal .form .submit:hover,
#modal .simple-button:hover,
#modal .button-wrapper.round-button:hover,
#global-parts .form .submit:hover,
#content .form .submit:hover,
#content .simple-button:hover,
#content .button-wrapper.round-button:hover {
  background-color: #373739;
  background-color: rgba(55, 55, 57, 1);
}

#modal .text-body-buttons,
#modal .button-wrapper.text-button,
#modal .button-wrapper.ghost,
#content .text-body-buttons,
#content .button-wrapper.text-button,
#content .button-wrapper.ghost {
  color: #373739;
}

#modal .button-wrapper.text-button:hover,
#modal .button-wrapper.ghost:hover,
#content .button-wrapper.text-button:hover,
#content .button-wrapper.ghost:hover {
  color: #3f3f41;
}

#modal .form .error select,
#modal .form .error textarea,
#modal .form .error input,
#content .form .error select,
#content .form .error textarea,
#content .form .error input {
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.7);
}

#modal .form .error-msg,
#content .form .error-msg {
  color: #ffffff;
}
/*End GenericForm css */

/* Init Manual Form Payment */

#content .modal-payments-manual .form .error-msg {
  color: #ffffff;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.7);
}

#content .modal-payments-manual .form .error select,
#content .modal-payments-manual .form .error textarea,
#content .modal-payments-manual .form .error input {
  border-color: rgba(50, 50, 50, 0.4);
  background-color: rgba(50, 50, 50, 0.1);
}

/* End Manual Form Payment */

.modal-wrapper .modal-dialog .modal-content.simple-text .inner-modal-content {
  background-color: #ffffff;
}

.modal-wrapper .modal-dialog .modal-footer {
  background-color: #ffffff;
  border-top: 1px solid #323232;
  border-top: 1px solid rgba(50, 50, 50, 0.2);
}
.modal-wrapper .modal-dialog .modal-footer .inner-modal-footer {
  background-color: rgba(50, 50, 50, 0.03);
}

.__react_component_tooltip.type-dark.tooltip {
  background-color: #323232;
  color: #ffffff;
}

.__react_component_tooltip.type-dark.tooltip.place-top:after {
  border-top-color: #323232;
}

.__react_component_tooltip.type-dark.tooltip.place-bottom:after {
  border-bottom-color: #323232;
}

.__react_component_tooltip.type-dark.tooltip.place-left:after {
  border-left-color: #323232;
}

.__react_component_tooltip.type-dark.tooltip.place-right:after {
  border-right-color: #323232;
}

.highlight {
  color: #eaeaea !important;
}

.highlight-bg {
  background-color: #eaeaea !important;
}

.button-bg {
  background-color: #373739 !important;
}

.button-color {
  color: #373739 !important;
}

.modal-wrapper .modal-dialog.generic-form-success-modal .button-contrast *,
.button-contrast {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.7);
}

ul.carousel-bullets li span:not(.active):hover {
  background-color: #323232;
}

/* ================================================================= */

#content .input.radio .circle,
.dynamic-color-border {
  border-color: #323232;
}

#content .input.radio .circle .dot {
  background-color: #323232;
}

.rangeslider-horizontal .rangeslider__fill,
.rangeslider .rangeslider__handle {
  background: #ffffff;
}

.rangeslider-horizontal:after {
  background-color: rgba(255, 255, 255, 0.4);
}