/*!
Template :	XIOM @by Softnio
Preset   :	Default
Version	 :	1.0.0
Updated	 :	18.08.2018
*/

.navbar-toggler {
    background-color: #8b9aff;
}

.header-area-s2 .navbar-toggler {
    background-color: #3742fa;
}

.header-area-s3 .navbar-toggler {
    background-color: #6580CE;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ff6d18;
}

.header-area-s2 .navbar-light .navbar-nav .nav-link:hover {
    color: #3742fa;
}

.header-area-s3 .navbar-light .navbar-nav .nav-link:hover {
    color: #fff200;
}

.dropdown:hover .nav-link,
.dropdown:focus .nav-link {
    color: #2980b9;
}

.header-area-s2 .dropdown:hover .nav-link,
.header-area-s2 .dropdown:focus .nav-link {
    color: #3742fa;
}

.header-area-s3 .dropdown:hover .nav-link,
.header-area-s3 .dropdown:focus .nav-link {
    color: #fff200;
}

.header-area-s2 .site-header.has-fixed .navbar {
    background-color: #8b9aff;
}

.header-area-s3 .site-header.has-fixed .navbar {
    background-color: #4e3bb1;
}

.btn-menu {
    background-color: #ff6d18;
    color: #fff;
}

.btn-menu:hover {
    background-color: #fff;
    color: #000;
}

.btn-menu-2 {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

.btn-menu-2:hover {
    background-color: transparent;
    border: 2px solid #0ACC92;
}

.btn-menu-3 {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.btn-menu-3 i {
    color: #f7949c;
}

.btn-menu-3:hover {
    background-color: #C8CFE7;
    color: #3d486a;
}

.btn-menu-3:hover i {
    color: #3d486a;
}

.btn-lg {
    color: #fff;
    background-color: #ff6d18;
    box-shadow: 0px 25px 35px rgba(53, 80, 102, 0.18);
}

.btn-lg:hover {
    background-color: #355066;
    box-shadow: 0px 25px 35px rgba(255, 109, 24, 0.18);
}

.why-xiom .btn-lg:hover {
    background: #fff;
    color: #000;
}

.btn-s2:hover {
    box-shadow: none;
    background-color: #fff;
    color: #0ACC92;
}

.btn-lg-s3 {
    background: linear-gradient(to right, #f5848f, #fdb8ab);
}

.btn-lg-s3 span {
    color: #fff;
}

.btn-lg-s3:after {
    background: linear-gradient(to right, #fdb8ab, #f5848f);
}

.btn-link {
    color: #008059;
    border-bottom-color: #008059;
}

.btn-link:focus {
    color: #00583e;
}

.btn-link:hover {
    color: #7c98e7;
    border-bottom: 1px solid #7c98e7;
}

.sec-heading h2::before {
    background-color: #f9dfea;
}

.input-line {
    border-bottom: 1px solid #ff6d18;
}

.input-icon-s3 i {
    color: #4a5b7a;
}

.team-photo img {
    border: 8px solid #ccd8ff;
}

.pricing-box .pricing-title {
    border-bottom: 1px solid #e6edf7;
}

.active-box {
    background-color: #7c98e7;
}

.active-box .pricing-title {
    border-bottom: 1px solid #e6edf7;
}

.active-box .btn-price {
    background-color: #0ACC92;
    color: #fff;
}

.active-box .btn-price:hover {
    box-shadow: none;
}

.active-box-s2 {
    background: linear-gradient(to right, #674ece, #b476e9);
}

.card-header .btn-link {
    color: #4a5b7a;
}

.card-header .btn-link:hover {
    border-bottom: none;
}

.card-body {
    border-top-color: #e7e9ee;
}

.up-icon {
    background-color: #ff6d18;
    box-shadow: 0px 15px 40px 0px rgba(255, 21, 89, 0.4);
}

.up-icon:hover {
    background-color: #ff6d18;
    box-shadow: 0px 15px 40px 0px rgba(124, 152, 231, 0.3);
}

.social-icon {
    background-color: #fff;
}

.social-icon a {
    color: #424C6D;
}

.footer-widget-s3 .social-icon {
    background-color: #4a5b7a;
}

.footer-text {
    border-top: 1px solid #DADEE3;
}

.header-area::before {
    background: url(../images/shape-a.svg), linear-gradient(to bottom, #cfd6ff, #e1e7ff, #f8fbff);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}

.header-area-s2::before {
    background: url(../images/shape-e.svg), linear-gradient(to bottom, #7585ff, #8a98ff, #b1bbff);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
}

.config-shape svg {
    background: linear-gradient(to right, #e3e8ff, #f2f6ff);
}

.feature-config::before {
    background: none;
}

.feature::before {
    background: url(../images/shape-c.svg), linear-gradient(to bottom, #e3e8ff, #f2f6ff, #f8fbff);
    background-repeat: no-repeat;
    background-size: 100%;
}

.feature-s2::before {
    background: url(../images/shape-g.svg), linear-gradient(to bottom, #f1f2ff, #fafbff, #fff);
    background-repeat: no-repeat;
    background-size: 100%;
}

.team::before {
    background: url(../images/shape-c.svg), linear-gradient(to bottom, #e3e8ff, #f2f6ff, #f8fbff);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
}

.footer-area::before {
    background: url(../images/shape-d.svg), linear-gradient(to bottom, #355066, #355066);
    background-repeat: no-repeat;
    background-size: 100%;
}

.footer-area-s2::before {
    background: url(../images/shape-h.svg), linear-gradient(to bottom, #355066, #355066);
    background-repeat: no-repeat;
    background-size: 100%;
}

.tools-s3::before {
    background: #355066;
}

.why-xiom-s4::before {
    background: #355066;
}

.quick-access-icon {
    background: linear-gradient(to right, #674ece, #b476e9);
}

.tools-icon-s3 {
    background: linear-gradient(to right, #674ece, #b476e9);
}

.testimonial-client-s3 {
    background: #355066;
}

.testimonial-text-s3 span {
    color: #3931ec;
}

.header-area-s3::before {
    background: url(../images/shape-i.svg), linear-gradient(to right, #d184f3 0%, #3b36be 100%);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
}

.overlay-bar {
    background: linear-gradient(to right, rgba(202, 88, 252, 0.7) 0%, rgba(59, 54, 190, 0.7) 100%);
}

.cta-s2::before {
    background: url(../images/shape-j.svg), linear-gradient(to right, #3b36be 0%, #d184f3 100%);
    background-size: 100%;
    background-repeat: no-repeat;
}

.subscriber-s3::before {
    background: url(../images/shape-j.svg), linear-gradient(to right, #3b36be 0%, #d184f3 100%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.overlay-bar-1 {
    background: linear-gradient(to right, rgba(59, 54, 190, 0.7) 0%, rgba(209, 132, 243, 0.7) 100%);
}

.login-s2::before {
    background: url(../images/shape-i.svg), linear-gradient(to right, #d184f3 0%, #3b36be 100%);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
}

.pages-icon i {
    color: #21caff;
}

.color-icon i {
    color: #c980ff;
}

.instalacoes {
    color: #f85c02;
    font-weight: bolder;
}


#mapa {
    filter: drop-shadow(0 0 80px #f85c0255);
}