.bg-background {
    background-image: url(../img/bg-futura.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;}

.bg-title {
    height: 100vh;}
    .bg-title2 {
        padding: 20em 1em 2em 1em;}
        .bg-title2 h1 a {
            font-family: 'DarwinPro-Bold',Arial;
            color: #fff;
            font-size: 50px;}
            .bg-title2 .box-desc {
                margin-top: 15%;}
                .bg-title2 .box-desc div > div{
                    color: #fff;
                    padding: 10px;
                    border: 1px solid #fff;
                    opacity: 0.7;
                    -webkit-border-radius: 10px;
                    border-radius: 10px;
                    margin: 0 0 5px 5px;}
                .bg-title2 p {
                    color: #fff;
                    font-size: 32px;
                    margin-top: 60px;
                    line-height: 30px;
                    font-family: 'DarwinPro-Light',Arial;}
				.bg-title2 img {
					width:100%}

.efeito {
    background-color: #ffffff;
    height: 100vh;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.ellipse {
    -webkit-clip-path: ellipse(50% 65% at 70% 50%);
    clip-path: ellipse(50% 65% at 70% 50%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}

.bg-form {
    height: 100vh;
    padding: 12em 0 0 0;}

.bg-form fieldset {
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 20px;
	border-radius: 20px;}

.bg-form input.form-control {
    background-color: #f1f1f1;
    color: #E61E4E;
    font-size: 22px;
    padding: 0.6em 0.5em 0.6em 1em;
    margin-bottom: 20px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.bg-form input:focus, .bg-form input:active{
    background-color:#ccc !important;
    color: #333 !important;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.bg-form input.btn {
    background: #FF0000;
    background: -webkit-linear-gradient(to right, #FF0000 0%, #FF007F 68%);
    background: -moz-linear-gradient(to right, #FF0000 0%, #FF007F 68%);
    background: linear-gradient(to right, #FF0000 0%, #FF007F 68%);
    color: #fff;
    font-family: "DarwinPro-Light";
    width: 100%;
    font-size: 22px;
    padding: 0.6em 0.5em;
    margin-bottom: 20px;
    -webkit-border-radius: 500px;
    border-radius: 500px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.7);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.7);
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.7);
}
.bg-form input.btn:hover {
    background: #FF007F;
    background: -webkit-linear-gradient(to right, #FF007F 0%, #FF0000 68%);
    background: -moz-linear-gradient(to right, #FF007F 0%, #FF0000 68%);
    background: linear-gradient(to right, #FF007F 0%, #FF0000 68%);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.bg-form input.btn:focus {
    background: #FF007F;
    background: -webkit-radial-gradient(ellipse farthest-side at center center, #FF007F 0%, #990000 100%);
    background: -moz-radial-gradient(ellipse farthest-side at center center, #FF007F 0%, #990000 100%);
    background: radial-gradient(ellipse farthest-side at center center, #FF007F 0%, #990000 100%);
    margin-top: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.options-list{
    margin-top: 5px;
    margin-bottom: 5px;}
    .options-list i{
        color: #fff;
        font-size: 18px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
        padding: 5px 8px;}
        .options-list span {
            font-family: "DarwinPro-Light";}
            .card-list .item-list {
                font-size: 16px;}

.ico-senha {
    background-color: #712CBF;}

.ico-novo {
    background-color: #5DBF2C;}
 @media screen and (max-width: 767px) and (min-width: 575px) {

.bg-title2 img {
					width:90%}
                    .bg-form {
                        padding: 12em 0 0 0;
                        margin-top: -45px;
                        height: auto;}
                    .bg-form input.form-control, .bg-form input.btn {
                        font-size: 22px;}
                    .bg-title {
                        height: 300px;
                        text-align: center;}
                    .bg-title2 {
                        padding: 12em 1em 0 1em;}
                    .bg-title2 h1 a {
                        font-size: 30px;}
                        .bg-title2 p {
                            font-size: 18px;
                            margin-top: 10px;
                            line-height: 20px;}
                            .card-list {
                                padding: 10px 10px 0 10px;}
                                .options-list {
                                    margin-top: 10px;
                                }
            }
@media screen and (max-width: 576px) and (min-width: 120px) {
	
	.bg-title {			height:0}
	.bg-title2 {
                        padding: 5em 1em 0 1em;
						text-align:center}
						.bg-title2 img {
    width: 80%;
}
	
	.bg-form {
                        margin-top: 50px;
						height:0}
	
	
}
/* smartphones medio*/