section#contact{
    background-color:#152c7f
}
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
.firstname {
	display:none !important
}
section#contact .contentContact{
    padding-top:12.3%;
    background-image:url(../images/slide3.png);
    background-repeat:no-repeat;
    background-position:top right;
	background-size:52%;
    height:100vh 
}
section#contact .contentContact .infos{
    color:#fff;
    margin:62px 0;
    font-family:'Convergence',sans-serif
}
section#contact .contentContact .infos .anime{
    -webkit-transform:translate3d(0,100px,0);
    -moz-transform:translate3d(0,100px,0);
    -o-transform:translate3d(0,100px,0);
    -ms-transform:translate3d(0,100px,0);
    transform:translate3d(0,100px,0);
    opacity:0;
    -webkit-transition:all .6s;
    -moz-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s
}
section#contact .contentContact .infos h3{
    font-size:20px;
    font-size:1.25rem;
    text-transform:uppercase;
    margin:0
}
section#contact .contentContact .infos p{
    margin:0;
    font-size:16px;
    font-size:1rem;
    line-height:24px
}
section#contact .contentContact .infos .phone{
    display:flex;
    align-items:center;
    -webkit-transform:translate3d(0,150px,0);
    -moz-transform:translate3d(0,150px,0);
    -o-transform:translate3d(0,150px,0);
    -ms-transform:translate3d(0,150px,0);
    transform:translate3d(0,150px,0);
    opacity:0;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s
}
section#contact .contentContact .infos .phone img{
    margin-right:10px
}
section#contact .contentContact form{
    color:#fff;
    font-size:14px;
    font-size:.875rem;
    font-family:'Convergence',sans-serif
}
section#contact .contentContact form label{
    margin:0
}
section#contact .contentContact form .form-group{
    margin-bottom:1.6rem;
    -webkit-transform:translate3d(0,200px,0);
    -moz-transform:translate3d(0,200px,0);
    -o-transform:translate3d(0,200px,0);
    -ms-transform:translate3d(0,200px,0);
    transform:translate3d(0,200px,0);
    opacity:0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s
}
section#contact .contentContact form .div-btn{
    -webkit-transform:translate3d(0,350px,0);
    -moz-transform:translate3d(0,350px,0);
    -o-transform:translate3d(0,350px,0);
    -ms-transform:translate3d(0,350px,0);
    transform:translate3d(0,350px,0);
    opacity:0;
    -webkit-transition:all 1.2s;
    -moz-transition:all 1.2s;
    -o-transition:all 1.2s;
    transition:all 1.2s
}
section#contact .contentContact form .form-control{
    background-color:transparent;
    border:0;
    border-radius:0;
    border-bottom:2px solid #fff;
    color:#fff;
    font-size:14px;
    font-size:.875rem;
    padding:5px .75rem
}
section#contact .contentContact form .form-control:focus{
    box-shadow:none
}
section#contact .contentContact form .form-control.error{
    border-color:#ff3939
}
section#contact .contentContact form textarea{
    height:35px
}
section#contact .contentContact form .labelError{
    color:#ff3939
}
section#contact .contentContact form .btn{
    margin-left:auto;
    display:block;
    text-transform:uppercase;
    height:50px;
    width:160px;
    border-radius:0;
    background:#f65317;
    border:0;
    font-size:13px;
    font-size:.8125rem;
    font-family:'Kabrio-Bold';
    color:#21409a;
    letter-spacing:1.5px
}
section#contact .contentContact form .btn:focus,section#contact .modal .content-modal .text .btn:focus{
    box-shadow:none;
    outline:0
}
section#contact .fadeUp{
    opacity:1!important;
    transform:translate3d(0,0,0)!important
}
section#contact .modal{
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:99
}
section#contact .modal .overlay{
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    background-color:rgba(0,0,0,.75)
}
section#contact .modal .content-modal{
    background-color:#fff;
    position:absolute;
    height:100%;
    width:100%;
    top:50%;
    left:50%;
    padding:25px 0 25px 30px;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-height:470px;
    max-width:535px;
    background-repeat:no-repeat;
    background-position:center right
}
section#contact .modal .content-modal .text{
    max-width:62%;
    text-align:center;
    margin-top:150px
}
section#contact .modal .content-modal .text h3,section#contact .modal .content-modal .text p{
    font-family:'Raleway',sans-serif;
    color:#21409a
}
section#contact .modal .content-modal .text h3{
    font-weight:900;
    font-style:normal;
    font-size:50px;
    font-size:3.125rem;
    text-transform:uppercase
}
section#contact .modal .content-modal .text p{
    font-size:18px;
    font-size:1.125rem;
    margin-bottom:25px;
    line-height:26px
}
section#contact .modal .content-modal .text .btn,section#contact .modal .content-modal .text .btn:hover{
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    -o-transition:background-color .2s;
    transition:background-color .2s
}
section#contact .modal .content-modal .text .btn{
    text-transform:uppercase;
    font-family:'Kabrio-Bold';
    font-size:14px;
    font-size:.875rem;
    color:#21409a;
    border:0;
    border-radius:0;
    max-width:160px;
    height:50px;
    width:100%;
    outline:0;
    background-color:#f5846c
}
section#contact .modal .content-modal .text .btn:hover{
    background-color:#00a79d
}
section#contact .modal .content-error{
    background-image:url(../images/alertError.png)
}
section#contact .modal .content-error .text{
    margin-top:170px
}
section#contact .modal .content-success{
    background-image:url(../images/alertSuccess.png)
}
@media (max-width:1920px){
	section#contact .contentContact .titleH1{
    line-height:80px
	}
}
@media (max-width:1600px){
    section#contact .contentContact{
        padding-top:12%;
        background-size:49%
    }
    section#contact .contentContact .infos{
        margin:30px 0
    }
    section#contact .contentContact .infos h3{
        font-size:18px;
        font-size:1.125rem
    }
    section#contact .contentContact .infos p{
        font-size:14px;
        font-size:.875rem
    }
    section#contact .contentContact form .form-group{
        margin-bottom:1rem
    }
    section#contact .contentContact form .btn{
        height:45px;
        width:140px
    }
	section#contact .contentContact .infos .phone img{
		margin-right:10px
}
}
@media (max-width:1366px){
	section#contact .contentContact{
		padding-top:8%;
		background-size:48%
	}
@media (max-width:991px){
    section#contact .contentContact{
        padding-top:12%;
    }
}
@media only screen and (max-device-height: 600px) and (max-device-height: 767px) and (orientation: landscape){
	section#contact .contentContact{
        padding-top:8%;
		height:120vh
    }
	section#contact .contentContact .infos{
        margin:0px 0
	}
	/*section#contact{
        overflow-x:hidden
    }
    section#contact .contentContact{
        background-size:cover;
        background-position:center;
        padding-bottom:40px;
        height:auto;
        background-image:none
	}*/
}
@media (max-width:599px){
    section#contact{
        overflow-x:hidden
    }
    section#contact .container{
        padding-right:30px;
        padding-left:30px
    }
    section#contact .contentContact{
        padding-top:18%;
        background-size:cover;
        background-position:center;
        padding-bottom:40px;
        height:auto;
        background-image:none
    }
    section#contact .contentContact .infos .phone{
        margin-top:30px
    }
    section#contact .contentContact .infos .anime,section#contact .contentContact form .form-group{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
    section#contact .contentContact form .form-group{
        margin-bottom:0
    }
    section#contact .contentContact form .form-group>div{
        margin-bottom:1rem
    }
    section#contact .contentContact form .btn{
        margin-top:30px;
        width:100%
    }
    section#contact .modal .content-modal{
        max-height:350px;
        -webkit-background-size:40%;
        background-size:40%;
        padding:10px
    }
    section#contact .modal .content-modal .text{
        margin-top:120px
    }
    section#contact .modal .content-modal .text h3{
        font-size:32px;
        font-size:2rem
    }
    section#contact .modal .content-modal .text p{
        font-size:14px;
        font-size:.875rem;
        line-height:normal
    }
    section#contact .modal .content-modal .text .btn{
        max-width:140px;
        height:40px
    }
}