section.bg-white h2,
section.bg-grey h2,footer h2,section h2,
section.sec-overview .warpper-outer h5,
.sec-features h5,
.sec-video .wrapper-video h3,
.sec-testimonial .media .media-body h6,
.sec-blog .thumbnail-blog a>h5,
.sec-blog-list .thumbnail-blog a>h5,
.sec-get-app h4,.sec-contact .contact h3,
.sec-contact .conForm_heading,nav.bg-solid .btn-getnow,
nav.bg-solid .navbar-collapse .navbar-right>li>a,
.sec-blog-post .blog-post .blog-post-header .blog-title,
header.blog-list h1,header.blog-detail h1,
nav.bg-solid .navbar-header .navbar-brand,
nav.bg-solid .navbar-collapse .navbar-right 
li.menu-item-has-children::after,
nav.bg-solid .navbar-collapse .navbar-right 
li.menu-item-has-children .dropdown-menu 
li a:hover,.sec-pricing [class^="col-"] 
.wrapper h3,.sec-pricing [class^="col-"] 
.wrapper h3,.sec-pricing [class^="col-"] 
.wrapper h1,.sec-team .wrapper h5,
.sec-steps .row.row-2 [class^="col-"] 
.step-desc h4{
	color: !important
}
nav.bg-solid .navbar-collapse .navbar-right>li.
active>a{
	border-bottom:2px solid!important
}
nav.bg-solid .btn-getnow{
	border:1.5px solid!important
}
nav.bg-solid .navbar-collapse .navbar-right>li>a:hover{
	border-bottom:2px solid!important}
section.sec-overview .warpper-outer span.overview-img,
.sec-features .ficons,.sec-screenshots .filter-btn.active,
.sec-screenshots .filter-btn,
.sec-testimonial .media .media-body .fa-quote-left,.
sec-blog .thumbnail-blog p+a,
.sec-blog-list .thumbnail-blog p+a,
.sec-blog .container a.go_blog,
.sec-blog-post .blog-post .blog-post-body blockquote p i,
.sec-blog-post .blog-post .blog-post-body blockquote,
.sec-blog-list .container a.go_blog,
.sec-pricing [class^="col-"]
 .wrapper a,.sec-pricing [class^="col-"]
 .wrapper .pricing-img{
 	color: !important
 }
 section.sec-overview .warpper-outer hr,
 .sec-features .ficons,.sec-screenshots .filter-btn.active,
 .sec-screenshots .screenshots .screenshot::before,
 .sec-screenshots .screenshots .owl-controls .owl-pagination .owl-page,
 section.bg-gradient-horizontal,
 .sec-testimonial .owl-controls .owl-pagination .owl-page,
 .sec-blog .container a.go_blog,
 section.bg-gradient-vertical,
 .sec-blog-list .container a.go_blog,
 .sec-contact,footer,
 .sec-contact form,header,.sec-blog-list .pagination a::after,
 .sec-blog-post .blog-submit form button,
 .sec-blog-list .pagination span.current::after,
 .sec-get-app a::after,.scrollup,.sec-pricing [class^="col-"]
  .wrapper a,.sec-team .wrapper a i{
  	background-color: !important;
  	background-image:none!important;
  	
  }
  
  .sec-blog-post .blog-post .blog-post-body blockquote{
  	border-left:2px solid!important
  }
header,section.bg-gradient-horizontal,
section.sec-overview .warpper-outer hr,
.sec-features .ficons,section#screenshots .filter-btn.active,
.sec-screenshots .screenshots .screenshot::before,
.sec-screenshots .screenshots .owl-controls .owl-pagination .owl-page,
.sec-team .wrapper a i,.sec-pricing [class^="col-"] .wrapper a,
.sec-blog .container a.go_blog,.sec-blog-list .container a.go_blog,
nav.bg-solid .btn-getnow:hover,.sec-blog-list .pagination a::after,
.sec-blog-list .pagination span.current::after,
.sec-testimonial .owl-controls .owl-pagination .owl-page,
.sec-get-app a::after,
.sec-blog-post .blog-submit form button{
	background:-moz-linear-gradient(0deg,0%,#8e54e9 100%)!important;
	background:-webkit-linear-gradient(0deg,0%,#8e54e9 100%)!important;
	background:-ms-linear-gradient(0deg,0%,#8e54e9 100%)!important
}
section.bg-gradient-vertical{
	background:-moz-linear-gradient(90deg,0%,#8e54e9 100%)!important;
	background:-webkit-linear-gradient(90deg,0%,#8e54e9 100%)!important;
	background:-ms-linear-gradient(90deg,0%,#8e54e9 100%)!important
}
section.bg-white .subheader,section.bg-grey .subheader,
footer .subheader,section .subheader,
section.sec-overview .warpper-outer p,
.sec-features p,.sec-testimonial .media .media-body p,
.sec-video .wrapper-video h6,.sec-blog .thumbnail-blog p,
.sec-blog-list .thumbnail-blog p,.sec-steps .row.row-2 [class^="col-"] 
.step-desc p{
	color: !important
}

$primary: #303F9F
$light-primary: #BBDEFB
$white: #f2f2f2
$divider: #B6B6B6
$error: #D32F2F

$borde: 2px
$font-family: "Roboto", Arial

*
    margin: 0
    padding: 0
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box

body
    background: $white
    font-family: $font-family
    border-top: 30px solid $primary

.wrap
    width: 90%
    max-width: 500px
    padding: 40px
    margin: auto
    background: #fff
    box-shadow: 0px 0px 3px grey

.contenedor-formulario
    width: 100%
    color: $white
    padding: 50px
    .formulario
        width: 100%
        margin: auto
        .input-group
            position: relative
            margin-bottom: 32px
            // background: rgba(#ccc, .2)
            input[type="text"],
            input[type="email"],
            input[type="password"],
                font-family: $font-family
                font-size: 16px
                color: $primary
                width: 100%
                outline: none
                padding: 15px
                background: none
                border: none
                border-bottom: $borde solid $light-primary
                &:focus,
                &:active
                    outline: none
                    border-bottom: $borde solid $primary
                &.error
                    border-bottom: $borde solid $error
                    + label
                        color: $error
            label
                color: $primary
                &.label
                    -webkit-transition: all .3s ease
                    -o-transition: all .3s ease
                    transition: all .3s ease
                    margin-left: 15px
                    font-size: 16px
                    line-height: 16px
                    position: absolute
                    top: 16px
                    left: 0
                    &.active
                        top: -12px
                        font-size: 12px
                        line-height: 12px
                        color: $divider
            &.checkbox label,
            &.radio label
                display: inline-block
                cursor: pointer
                color: $primary
                position: relative
                padding: 5px 15px 5px 51px
                font-size: 1em
                border-radius: 3px
                -webkit-transition: all .3s ease
                -o-transition: all .3s ease
                transition: all .3s ease
                &:hover
                    background: rgba($light-primary, 1)
                &:before
                    content: ""
                    display: inline-block
                    width: 17px
                    height: 17px
                    position: absolute
                    left: 15px
                    border-radius: 50%
                    background: none
                    border: $borde solid $primary
            // Clase de error para Checkbox y Radio
            &.error
                label
                    color: $error
                    &:hover
                        background: rgba($error, .2)
                    &:before
                        border: $borde solid $error
            .radio
                input[type="radio"]
                    display: none
                    &:checked + label:before
                        display: none
                    &:checked + label
                        padding: 5px 15px
                        background: $primary
                        border-radius: $borde
                        color: $white
            &.checkbox
                label:before 
                    border-radius: 3px
                input[type="checkbox"]
                    display: none
                    &:checked + label:before 
                        display: none
                    &:checked + label
                        background: $primary
                        color: $white
                        padding: 5px 15px
        input[type="submit"]
            background: $primary
            border-radius: 1px
            border: $borde solid $white
            color: #fff
            cursor: pointer
            display: inline-block
            font-family: $font-family
            font-size: 16px
            padding: 15px
            width: 100%
            -webkit-transition: all .3s ease
            -o-transition: all .3s ease
            transition: all .3s ease
            &:hover
                background: #1976D2