@charset "UTF-8";
/* CSS Document */
 .ui-datepicker-header .ui-datepicker-title select {
     color:black;
}
 @-webkit-keyframes animation-btn {
     0% {
         -webkit-box-shadow:0 0 0 0 rgba(255,255,37,0.2),0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2);
         box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2) 
    }
     100% {
         -webkit-box-shadow:0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0);
         box-shadow:0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0) 
    }
}
@keyframes animation-btn {
     0% {
         -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2);
         box-shadow:0 0 0 0 rgba(255,255,255,0.2),0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2) 
    }
     100% {
         -webkit-box-shadow:0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0);
         box-shadow:0 0 0 10px rgba(255,255,255,0.2),0 0 0 20px rgba(255,255,255,0.2),0 0 0 30px rgba(255,255,255,0) 
    }
}
@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55?styles=30128,15999,30135');
 body {
     font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
     font-weight:300;
     font-size:12px;
     color:#ffffff;
     font-style:normal;
     background-color:#172953;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
}
 .alert-warning {
     font-size:13px;
     border-radius:30px;
     font-weight:400;
}
/*********/
/*content*/
/*********/
 .image-banner {
     width:100%;
}
 .image-parceiro {
     position:absolute;
     left:15px;
     bottom:20px;
}
 .btn {
     border-radius:50px;
     display:flex;
     justify-content:center;
     align-items:center;
     height:70px;
     min-width:190px;
     white-space:normal;
     border:none;
     text-transform:uppercase;
     color:#ffffff;
     background-color:transparent;
     font-size:19px;
     outline:none;
     font-weight:700;
     padding:15px 40px;
     -webkit-transition:all ease-in-out 300ms;
     -moz-transition:all ease-in-out 300ms;
     -o-transition:all ease-in-out 300ms;
     transition:all ease-in-out 300ms;
     position:relative;
     line-height:23px;
}
 .btn:hover,.btn:focus {
     color:#FFF;
     background-color:#23A5E1;
     outline:none;
}
 .btn-primary {
     background-color:#23A5E1;
}
 .btn-primary:hover,.btn-primary:focus {
     background-color:#ffffff;
     color:#23A5E1;
}
 .btn-outline {
     border:1px solid #fff;
}
 .video {
     position:relative;
     padding:0px;
     margin:0px;
}

.video video {
     height:100%;
     width:100%;
     border-radius:30px;
     border:5px solid rgba(255,255,255,0.4);
     background-color:transparent;
}
 .btn-play {
     cursor:pointer;
     position:absolute;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     margin:auto;
     width:70px;
     height:70px;
     border-radius:50%;
     z-index:4;
     background:rgb(255,255,255);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#fff",GradientType=1);
     -webkit-animation:animation-btn 1s linear infinite;
     animation:animation-btn 1s linear infinite;
     -webkit-transition:.5s;
}
 .btn-play::before {
     position:absolute;
     top:50%;
     margin-top:-10px;
     left:50%;
     margin-left:-6px;
     content:'';
     width:0;
     height:0;
     border-style:solid;
     border-width:10px 0 10px 17px;
     border-color:transparent transparent transparent #172953;
     border-color:transparent transparent transparent #172953;
}
 h2 {
     font-size:35px;
}
 h3 {
     font-size:29px;
}
 p {
     font-size:20px;
}
 .content-2 p {
     font-weight:500;
}
 .box {
     background-color:#23A5E1;
     color:#ffffff;
     padding:30px;
     height:100%;
     border-radius:30px;
     font-weight:500;
     transition:all 0.3s ease-in-out;
}
 .box:hover {
     transform:translate(0,-10px);
}
 .box-light {
     background-color:#ffffff;
     color:#122142;
}
 .box h3 {
     text-transform:uppercase;
     font-weight:500;
}
 .box p {
     line-height:25px;
}
 .box ul {
     list-style:none;
     margin:0px;
     padding:0px;
     padding-left:0px;
     font-size:15px;
     line-height:18px;
}
 .box ul li {
     padding-bottom:4px;
     padding-top:4px;
}
 .box ul li::before {
     content:'';
     display:inline-block;
     width:10px;
     height:10px;
     background-image:url('../images/arrow.svg');
     background-size:contain;
     background-repeat:no-repeat;
     background-position:center;
     margin-right:5px;
}
 .box-light ul li::before {
     background-image:url('../images/arrow-blue.svg');
}
 .container {
     max-width:1150px;
}
 .content-2 {
     background-color:#122142;
}
 .content-2,.content-3 {
     padding-top:80px;
     padding-bottom:80px;
}
 .content-3 p {
     font-size:15px;
     line-height:18px;
}
/*********/
/*footer*/
/*********/
 .footer {
     background-color:#122142;
     padding-top:30px;
     padding-bottom:30px;
     font-size:15px;
     color:#ffffff;
}
 .footer p {
     font-size:14px;
}
 .footer p a {
     color:#ffffff;
     text-decoration:none;
}
 .footer p a:hover {
     text-decoration:underline;
}
 .footer .info {
     font-size:12px;
}
/*********/
/*modal*/
/*********/
 .modal-content {
     padding:30px 20px;
     padding-bottom:50px;
     border-radius:30px;
     border:none;
     color:#ffffff 
}
 .modal .close {
     opacity:1;
     outline:none;
     position:absolute;
     right:20px;
     top:20px;
}
 .modal h2 {
     font-weight:500;
     font-size:30px;
     color:#ffffff;
}
 .modal hr {
     border:none;
     margin:20px 0px;
     margin-top:10px;
     border-bottom:1px solid #a99a6f;
}
 .modal form {
     width:100%;
}
 .modal .form-control::-webkit-input-placeholder {
     color:#172953;
     font-weight:500;
}
/* WebKit,Blink,Edge */
 .modal .form-control:-moz-placeholder {
     color:#172953;
     font-weight:500;
}
/* Mozilla Firefox 4 to 18 */
 .modal .form-control::-moz-placeholder {
     color:#172953;
     font-weight:500;
}
/* Mozilla Firefox 19+ */
 .modal .form-control:-ms-input-placeholder {
     color:#172953;
     font-weight:500;
}
/* Internet Explorer 10-11 */
 .modal .form-control::-ms-input-placeholder {
     color:#172953;
     font-weight:500;
}
/* Microsoft Edge */
/*modal contact*/
 .modal-contacto .modal-content {
     padding:40px 40px;
     padding-bottom:50px;
     background-color:#122142;
     border-radius:30px;
     border:none;
}
 .modal .form input {
     border-radius:30px;
     outline:none;
     background-color:#ffffff;
     border:none;
     box-shadow:none;
     color:#172953;
     height:52px;
}
 .modal .form .form-control {
     border-radius:30px;
     text-align:left;
     font-size:16px;
     line-height:19px;
     margin:8px 0;
     padding:20px;
}
 .modal .form .form-control:focus {
     box-shadow:none;
}
 .modal .form textarea {
     outline:none;
     border:none;
     box-shadow:none;
     font-size:15px;
     margin:8px 0;
     width:100%;
     padding-left:9px;
     color:#000000;
     resize:vertical;
     height:100px;
}
 .modal .form .textCondicoes {
     font-size:15px;
     color:#ffffff;
     font-weight:400;
}
 .modal .form .textCondicoes a {
     color:#ffffff;
     text-decoration:none;
}
 .modal .form .textCondicoes a:hover {
     color:#ffffff;
     text-decoration:underline;
}
 .modal .checkbox label {
     padding-left:10px;
}
 .modal .checkbox {
     margin:5px 0px;
}
 .modal input[type="checkbox"] {
     height:inherit;
}
 .modal .formulario h2 {
     margin-top:10px;
}
/*END/modal contact*/
 @media (min-width:992px) {
     .content-3 .wrap-btn {
         padding-top:30px;
    }
}
@media (max-width:767px) {
     .container {
         padding-left:30px;
         padding-right:30px;
    }
     .box {
         margin-top:30px;
         height:auto;
    }
     .video {
         margin-bottom:20px;
         margin-top:20px;
    }
     .video video {
         height:100%;
    }
     .wrap-btn {
         flex-direction:column;
    }
     .modal-contacto .modal-content {
         padding:40px 20px;
    }
     .content-2,.content-3 {
         padding-top:40px;
         padding-bottom:40px;
    }
     h1 {
         text-align:center;
         font-size:33px;
    }
     .image-banner-mobile {
         width:100%;
         max-width:420px;
         margin:auto;
         margin:10px 0px;
    }
     .wrap-logo {
         justify-content:center !important;
    }
     .wrap-logo img {
         max-width:140px;
    }
     .btn {
         height:64px;
         font-size:18px;
    }
}
@media (max-width:390px) {
     h1 {
         text-align:center;
         font-size:28px;
    }
}