@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/montserrat/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat/Montserrat-Regular.ttf');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat/Montserrat-Bold.ttf');
}

a{color: #5A5A5A;}
a:hover{color: #5A5A5A;}

#entrar{
    width:100%;
    margin-top:20px;
    height: 50px;
    border-radius: 15px;
    font-family: 'Montserrat-Regular';
}

#fechar{
    font-family: 'Montserrat-Regular';
    background: transparent;
    color:#FFF;
    font-weight: bold;
}

#footer{
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    color: #5F5F5F;
    margin-top:80px;
}

.header{
    width:100%;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.30);
    -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.30);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.30);
}

.logo{
    width:225px;
    height:75px;
}

.texto{
    font-size:16px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'Montserrat-Medium';
}

.container{
    margin-top:50px;
    text-align: center;
    color: #5F5F5F;
    max-width: 1180px;
}
.container h1{
    font-family: 'Montserrat-Bold';
    font-size: 35px;
}
.container h2{
    font-family: 'Montserrat-Medium';
    font-size: 30px;
}

.lista-indica-amigos{
    padding:0;
    margin:80px 0 0 0;
}
.lista-indica-amigos li{
    font-family: 'Montserrat-Medium';
    list-style: none;
    display: inline-block;
    width:33%;
    min-height: 195px;
}
.lista-indica-amigos img{
    width:150px;
    height:150px;
}

.form-indica-amigo{
    margin-top:50px;
}
.form-indica-amigo-container{
    font-family: 'Montserrat-Medium';
    margin-left:19%;
}
.form-indica-amigo input {
    border-radius: 20px;
}

.primeiro-amigo, .segundo-amigo, .terceiro-amigo{
    border-left:solid 1px #DDD;
}
.segundo-amigo, .terceiro-amigo{
    padding-top:30px;
}
.form-indica-amigo-container img{
    width:30px;
    height: 30px;
    position:relative;
    top: -4px;
    padding-right: 10px;
}

.titulo-indica-amigo{
    text-align: left;
    top: -34px;
    position: relative;
}

.elipse-verde{
    background: #44D88F;
    border: 1px solid #44D88F;
    width: 19px;
    height: 19px;
    position: relative;
    left:-25px;
    top: -10px;
    border-radius: 50px;
}

.elipse-branca{
    background: #FFFFFF;
    border: 1px solid #DDD;
    width: 19px;
    height: 19px;
    position: relative;
    left:-25px;
    top: -10px;
    border-radius: 50px;
}

.form-container{
    margin-top:20px;
    width:100%;
}
.form-esquerdo{
    float:left;
    width:49%;
}

.form-direito{
    float:right;
    width:49%;
}

.form-label{
    padding-left:10px;
    color: #FFF;
    font-family: 'Montserrat-Regular';
}

.modal-dialog{
    max-width:800px;
}
.modal-container{
    background: #44D88F;
    opacity:0.90;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    border-radius:15px;
}
.modal-header{
    display:block;
    border-bottom: 0px;
    font-family: 'Montserrat-Medium';
}
.modal-header h5{
    color: #5F5F5F;
    font-size: 25px;
    font-family: 'Montserrat-Medium';
}
.modal-footer{
    border-top: 0px;
    display: block;
    text-align: center;
    margin-top:30px;
}
.modal-body span{
    display:block;
    text-align: center;
    font-family: 'Montserrat-Regular';
    color:#FFF;
    font-size: 25px;
}

.input{
    border-radius: 15px;
    border:0px;
    text-align: center;
    height:50px;
    width:99%;
    opacity:0.70;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    box-shadow: 0px 3px 6px #00000029;
}

.erro{
    color: #F00;
}

@media (max-width: 325px){
    .logo{
        width:130px;
        height:60px;
    }

    .modal-header h5{
        font-size: 20px;
    }

    .form-esquerdo{
        float:left;
        width:100%;
    }

    .form-direito{
        float:right;
        width:100%;
    }

    .container h1{
        font-size: 30px;
    }
    .container h2{
        font-size: 25px;
    }

    .form-indica-amigo-container{
        margin-left:0%;
    }

}

@media (max-width: 767px){
    .logo{
        width:130px;
        height:60px;
    }
    .input{
        width:100%;
    }
    .form-esquerdo{
        float:left;
        width:100%;
    }

    .form-direito{
        float:right;
        width:100%;
    }

    .form-indica-amigo-container{
        margin-left:0%;
    }

}

@media (max-width:1025px) and (min-width:320px){
    .lista-indica-amigos li{
        display: block;
        margin-top:40px;
        width:100%;
    }
}