* {

  font-family: 'Open Sans', sans-serif;

}



.formulario select {

  -webkit-appearance: none;

  -moz-appearance: none;

  text-indent: 1px;

  text-overflow: '';

}



.formulario .container {

  position: relative;

}



.formulario .col-md-2 {

  padding-left: 0;

}









/**

  * Formulario Homepage

  */

  /**

    * Size of Select

    *!/

    .formulario .first > .row:nth-of-type(1) > div:nth-of-type(1) {

      width: 37%;

    }



    .formulario .first > .row:nth-of-type(1) > div:nth-of-type(2) {

      width: 21%;

    }



    .formulario .first > .row:nth-of-type(1) > div:nth-of-type(3) {

      width: 20%;

    }



    .formulario .first > .row:nth-of-type(1) > div:nth-of-type(4) {

      width: 22%;

    }

  /**@end*/





  .formulario {

    position: relative;

    z-index: 10;



    text-align: center;



    color: white;



    margin-top: 0;



    background: blue;



    /*padding: 50px 0 40px;*/

    padding: 15px 0 40px;



    /*

    background: rgba(68,149,179,1);

    background: -moz-linear-gradient(top, rgba(68,149,179,1) 0%, rgba(82,151,173,1) 38%, rgba(133,190,184,1) 74%, rgba(160,204,189,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,149,179,1)), color-stop(38%, rgba(82,151,173,1)), color-stop(74%, rgba(133,190,184,1)), color-stop(100%, rgba(160,204,189,1)));

    background: -webkit-linear-gradient(top, rgba(68,149,179,1) 0%, rgba(82,151,173,1) 38%, rgba(133,190,184,1) 74%, rgba(160,204,189,1) 100%);

    background: -o-linear-gradient(top, rgba(68,149,179,1) 0%, rgba(82,151,173,1) 38%, rgba(133,190,184,1) 74%, rgba(160,204,189,1) 100%);

    background: -ms-linear-gradient(top, rgba(68,149,179,1) 0%, rgba(82,151,173,1) 38%, rgba(133,190,184,1) 74%, rgba(160,204,189,1) 100%);

    background: linear-gradient(to bottom, rgba(68,149,179,1) 0%, rgba(82,151,173,1) 38%, rgba(133,190,184,1) 74%, rgba(160,204,189,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4495b3', endColorstr='#a0ccbd', GradientType=0 );

    */



    background: rgb(36, 122, 154);

    background: -moz-linear-gradient(top, rgb(36, 122, 154) 0%, rgb(62, 130, 152) 38%, rgb(125, 183, 177) 74%, rgba(160,204,189,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(36, 122, 154)), color-stop(38%, rgb(62, 130, 152)), color-stop(74%, rgb(125, 183, 177)), color-stop(100%, rgba(160,204,189,1)));

    background: -webkit-linear-gradient(top, rgb(36, 122, 154) 0%, rgb(62, 130, 152) 38%, rgb(125, 183, 177) 74%, rgba(160,204,189,1) 100%);

    background: -o-linear-gradient(top, rgb(36, 122, 154) 0%, rgb(62, 130, 152) 38%, rgb(125, 183, 177) 74%, rgba(160,204,189,1) 100%);

    background: -ms-linear-gradient(top, rgb(36, 122, 154) 0%, rgb(62, 130, 152) 38%, rgb(125, 183, 177) 74%, rgba(160,204,189,1) 100%);

    background: linear-gradient(to bottom, rgb(36, 122, 154) 0%, rgb(62, 130, 152) 38%, rgb(125, 183, 177) 74%, rgba(160,204,189,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4495b3', endColorstr='#a0ccbd', GradientType=0 );

  } .formulario form {

      text-align: left;

    }



    .formulario button {

      background: rgba(255,115,33,1);

      background: -moz-linear-gradient(top, rgba(255,115,33,1) 0%, rgba(227,95,18,1) 100%);

      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,115,33,1)), color-stop(100%, rgba(227,95,18,1)));

      background: -webkit-linear-gradient(top, rgba(255,115,33,1) 0%, rgba(227,95,18,1) 100%);

      background: -o-linear-gradient(top, rgba(255,115,33,1) 0%, rgba(227,95,18,1) 100%);

      background: -ms-linear-gradient(top, rgba(255,115,33,1) 0%, rgba(227,95,18,1) 100%);

      background: linear-gradient(to bottom, rgba(255,115,33,1) 0%, rgba(227,95,18,1) 100%);

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7321', endColorstr='#e35f12', GradientType=0 );



      border: 0;



      padding: 0px 15px 0;

      width: 100%;

      border-radius: 5px;

      font-size: 100%;

      height: 88px;



      -webkit-transition: all 75ms ease-out;

      -moz-transition: all 75ms ease-out;

      -ms-transition: all 75ms ease-out;

      -o-transition: all 75ms ease-out;

      transition: all 75ms ease-out;



      -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);

      -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);

      box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.40);

    } .formulario button span {

        display: block;

        font-size: 16px;

        line-height: 19px;

        text-transform: uppercase;

        font-weight: 400;

      }



      .formulario button [class*=fa] {

        font-size: 21px;

        margin-bottom: 7px;

      }



      .formulario button:active {

        transform: scale(.97);

        box-shadow: none;

      }





  /*Title Segment*/

    .formulario h1 > span,

    .formulario h3 > span {

      padding: 8px 40px;

      font-size: 12px;

      font-weight: 900;

      top: -3px;

      position: relative;

      color: #fff;

      line-height: 1px;

      display: block;

      letter-spacing: .1em;

    }



    .formulario h1,

    .formulario h3 {

      font-size: 28px;

      font-weight: 700;

      text-transform: uppercase;

      line-height: 38px;

      margin: 0 0 24px;

      color: #E6F7F4;

      /*background: #0C487F;*/

      display: inline-block;

      padding: 0 20px;

      float: left;

    }



    @media screen and (max-width: 700px) and (min-width: 100px) {

   .formulario h1,

    .formulario h3 {

      font-size: 17px;

      font-weight: 700;

      text-transform: uppercase;

      line-height: 38px;

      margin: 0 0 24px;

      color: #E6F7F4;

      /*background: #0C487F;*/

      display: inline-block;

      padding: 0 20px;

      float: left;

    }

}




    .formulario h3 {

      /*font-size: 29px;

      line-height: 29px;

      margin-top: -30px;*/

    }



    .formulario p {

      font-size: 16px;

    }

  /**@end*/





  /*First Segment*/

    .formulario .first {

      position: relative;

      z-index: 1;

    }



    .formulario .first > .row > [class*=col-md] {

      padding-left: 10px;

      padding-right: 10px;

    } .formulario .first > .row > [class*=col-md]:first-child,

      .formulario .first > .row > [class*=col-md]:nth-of-type(4) {

        padding-left: 15px;

      }



      .formulario .first > .row > [class*=col-md]:last-child,

      .formulario .first > .row > [class*=col-md]:nth-of-type(2) {

        padding-right: 15px;

      }



    .formulario .first .mask {

      cursor: pointer;

      border-radius: 5px;



      background-color: white;

    } .formulario .first .mask.divFocus {

        border: 4px solid #F96E1F;

        height: 45px;

        padding-top: 0px;

      } .formulario .first .mask.divFocus select,

        .formulario .first .mask.divFocus input {

          padding-top: 0px;

        }





    /*Editing NiceSelect*/

      .formulario .nice-select {

        height: 45px;

        line-height: 36px;

        border-width: 0;

        float: none;

        z-index: 2;

        background: transparent;

        padding-left: 13px;

        box-shadow: none;

      } .formulario .nice-select:after {

          content: none;

        }



        .formulario .nice-select.open,

        .formulario .nice-select:focus {

          border-width: 0;

          box-shadow: none;

          z-index: 3;

        }



        .formulario .first > .row:first-child .AllReadySelected .nice-select {

          height: 37px;

          line-height: 27px;

          padding-left: 9px;

        }



        .divFocus .nice-select {

          padding-top: 2px;

        }

    /**@end*/











    .formulario .first .form-group {

      position: relative;

    }



    .formulario .first select,

    .formulario .first input {

      border-width: 0;

      border-radius: 0;

      box-shadow: none;



      width: 130%;



      height: 45px;



      color: #555;

    }



    .formulario .first > .row:first-child select,

    .formulario .first input[type=text] {

      top: 0;

      z-index: 1;

      position: relative;

      background-color: transparent;

    }



    .formulario .first input[type=text] {

      cursor: pointer;

      font-size: 14px;

      color: #555;

    } .formulario .first input[type=text]::-webkit-input-placeholder {

        color: #555;

      }



      .formulario .first input[type=text]:-ms-input-placeholder {

        color: #555;

      }



      .formulario .first input[type=text]::placeholder {

        color: #555;

      }



    .formulario .first .form-group > label {

      position: relative;

      top: 0;

      font-size: 19px;

      font-weight: 400;

      color: white;

      width: 100%;



    } .formulario .first .onTop label {

        color: white;

        top: 2px;

        /*font-size: 16px;*/

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 300;

      }



      .formulario .first label > [class*=fa] {

        margin-right: 2px;

        font-size: 16px;

      }



      .formulario .first label span {

        float: right;

        color: #081115;

        font-size: 16px;

      }



    .formulario .first .mask > [class*=fa] {

      position: absolute;

      bottom: 10px;

      right: 14px;

      z-index: 1;

      color: #9DA7AB;

      font-size: 14px;

      z-index: 1;

    }



    .formulario .first .onTop .mask > [class*=fa] {

      /*bottom: 3px;*/

    }



    .formulario .first .onTop select {

      font-size: 100%;

      padding-left: 9px;



      background: transparent;

    }



    /*AllReadySelected*/

      .formulario .first .AllReadySelected .mask {

        background-color: #79EFAE;

        border: 4px solid #78EFAF;

        border-radius: 6px;



        position: relative;



        border-radius: 6px;

        position: relative;



        padding-right: 50px;



      } .formulario .first .AllReadySelected .mask:after {

          font-family: "Font Awesome 5 Pro";

          content: "\f00c";

          position: absolute;



          right: 5px;

          top: -3px;



          font-size: 31px;

          color: #C5FFE0;

        }



        .formulario .first .AllReadySelected .mask:before {

          content: '';

          position: absolute;

          background: #78EFAF;

          width: 80%;

          height: 100%;

        }



        .formulario .first .AllReadySelected .mask > [class*=fa] {

          z-index: 1;

          background: #78EFAF;

          padding: 2px;

          right: 53px !important;

          top: 7px;

        }



        .formulario .first .AllReadySelected .mask * {

          color: #537553 !important;

        }



        .formulario .first .AllReadySelected label,

        .formulario .first .AllReadySelected label [class*=fa] {

          color: white !important;

        }



        .formulario .first .AllReadySelected select,

        .formulario .first .AllReadySelected input {

          background: transparent;



          z-index: 1;

          position: relative;

          width: 100%;



          height: 37px;

        }

    /**@end*/

  /**@end*/







  /*Box-Qtd Segment*/

    .formulario .box-qtd .mask{display:inline-block;width:29%;position:relative}

    .formulario .box-qtd .mask>[class*=fa]{right:7px;bottom:7px}

    .formulario .box-qtd .nice-select{padding:0;height:30px;border-radius:5px;padding-left:9%;color:#000;font-weight:300}

    .formulario .box-qtd .nice-select span{margin-top:3px}



    .formulario .box-qtd {

      background: #F98A3F;



      display: inline-block;

      width: 100%;



      border: 1px solid white;

      border-radius: 5px;

      background: transparent;

    } .formulario .box-qtd .form-group {

        background: transparent;

      }



      .formulario .box-qtd>.form-group>div{float:left}



    .formulario .box-qtd {

      position: relative;

      color: white;

    }



    .formulario .box-qtd .right {

      width: 73%;

      padding: 0 10px;

      padding-right: 0;

    }



    .formulario .box-qtd .right span {

      float: left;

      text-transform: uppercase;

      font-size: 11px;

      margin-top: 4px;

      margin-right: 8px;

      line-height: 8px;

      text-align: left;

      margin-left: 0;

      margin-bottom: 1px;

    }



    .formulario .box-qtd label {

      position: relative;

      top: 0;

      /*top: 8px;*/



      font-size: 12px;

      line-height: 16px;



      text-transform: uppercase;

      color: white;

      font-weight: 400;

      letter-spacing: .05em;



      text-align: center;



      vertical-align: top;

      padding-left: 12px;

    }



    .formulario .box-qtd span {

      font-size: 24px;

      display: inline-block;

      text-align: center;

      line-height: 24px;

      margin: 5px 0 0 2px;



      top: 0;

      position: relative;



      width: 100%;

    }



    .formulario .box-qtd .left {

      text-align: center;

      margin: 0;

      width: 27%;

      display: inline-block;

      margin-top: 15px;

    }



    .formulario .box-qtd .left span{top:0;width:10%;margin-left:0}



    .formulario .box-qtd button {

      background: white;

      color: #458EAE;

      padding: 4px;

      border-radius: 50%;

      width: 25px;

      height: 25px;

      cursor: pointer;

      text-align: center;

      border: none;



      position: relative;

      top: -7px;



    } .formulario .box-qtd button:nth-of-type(2) {

        left: 5px;

      }



      .formulario .box-qtd button [class*=fa] {

        font-size: 17px;

        line-height: 15px;

      }



      .formulario .box-qtd button:focus,

      .formulario .box-qtd button:active {

        outline: none;

      }



    .formulario .box-qtd .right input {

      width: 10%;

      font-size: 18px;

      line-height: 1px;

      text-align: center;

      float: left;

      margin-right: 4px;

      color: #FFFFFF;

      height: 30px;

      border: 1px solid white;

      background: rgba(0, 0, 0, .05);

      border-radius: 5px;

      margin: 2px 0;

      margin-right: 2.5%;

    }



    /*Bug for Safari*/

    .formulario .box-qtd .right input:not(:root:root) {

      height: inherit;

    }



    .formulario .box-qtd .disabled {

      background: #E0E0E0 !important;

      color: #AFAFAF;

      opacity: .7;

    }

  /**@end*/







  /*Second Row*/

    .formulario .second {

      opacity: 0;

      width: 100%;

      display: none;



      background: #F7751D;



      margin-top: 3px;

      padding-bottom:7px;



      top: 0;

      position: relative;

      z-index: 0;



      background: transparent;



      border-radius: 5px;

      border: 1px solid rgb(80, 144, 150);

      background-color: rgba(86, 117, 134, 0.2);

    } .formulario .second.AnimaFieldShowIn {

        opacity: 1;

        display: inline-block;

      }



      .formulario .second.actived + input[type=submit] {

        -webkit-transition: all 0.250s ease-out;

        -moz-transition: all 0.250s ease-out;

        -ms-transition: all 0.250s ease-out;

        -o-transition: all 0.250s ease-out;

        transition: all 0.250s ease-out;



        top: 0;

      } .formulario .second.actived + input[type=submit]:active {

          -webkit-transition: none;

          -moz-transition: none;

          -ms-transition: none;

          -o-transition: none;

          transition: none;



          top: 6px;

        }



    .formulario .second .form-group {

      margin-bottom: 0;

    }



    .formulario .second span {

      font-size: 12px;

      color: #FFF;

      font-weight: 300;

      text-transform: uppercase;

      letter-spacing: .06em;



      line-height: 11px;

      display: block;

      margin-top: 7px;

    }





    .formulario .second input {

      /*height: 30px;*/

      border-width: 0;

      /*width: 100%;*/



      margin-top: 15px;

      padding-left: 15px;

      color: #8E8E8E;

      border-radius: 4px;

      font-size: 16px;

      background-color: rgba(246, 255, 252, 0.87);



    }



    .formulario .second input:not([type=checkbox]){height:30px;border-width:0;width:100%;margin-top:7px;padding-left:15px;color:#8e8e8e;border-radius:4px;font-size:16px;background-color:rgba(246,255,252,.87)}



      .formulario .second > [class*=col-md] > .form-group input {

        box-shadow: none;

      }



      .formulario .second>div:first-child{padding-right:5px}

      .formulario .second>div:nth-of-type(2)>.row>div{padding-left:5px;padding-right:5px}

      .formulario .second>div:nth-of-type(2)>.row>div:last-child{padding-left:5px}

      .formulario .second>.col-md-12{height:13px}

      .formulario .second>.col-md-12 input{margin-top:0}

      .formulario .second>.col-md-12 label{font-size:11px;margin-bottom:0;display:inline-block;position:relative;top:-2px}

  /**@end*/





  /*Button Formulario*/

    .formulario input[type=submit] {

      margin: 15px auto 0;

      display: block;



      background-color: #9b0707;

      border-width: 0;

      color: white;

      font-size: 26px;

      text-transform: uppercase;

      font-weight: 800;

      letter-spacing: .025em;

      padding: 10px 25px;

      border-radius: 7px;



      top: -100px;

      position: relative;



      -webkit-box-shadow: 0px 10px 0px 0px rgba(76, 0, 0, .99);

      -moz-box-shadow: 0px 10px 0px 0px rgba(76, 0, 0, .99);

      box-shadow: 0px 10px 0px 0px rgba(76, 0, 0, .99);





    } .formulario input[type=submit]:active {

        position: relative;

        top: -94px;



        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

      } .formulario input[type=submit]:active:focus,

        .formulario input[type=submit]:focus {

          outline: none;

        }



        .formulario .js-CallLead label{margin-bottom:0;line-height:10px;margin-top:0;display:inline-block;font-size:14px;position:relative;top:-2px}

        .formulario .second label{font-size:14px!important} .formulario .second .col-md-12{margin-top:4px}

  /**@end*/

/**@end*/











/**

  * TimeLine

  */

  .TimeLine {

    position: relative;

    border: 3px solid #C7C7C7;

    padding: 10px 0 50px;

    border-radius: 10px;



    cursor: default;

    top: -83px;

    text-align: center;



  } .TimeLineContainer {

      position: relative;

      width: 90%;

      margin: 0 auto;



    } .TimeLineContainer:before {

        content: '';

        width: 100%;

        height: 3px;

        background: #BBB;

        position: absolute;

        left: 0;

        top: 0;

      }



    .TimeLineTitle {

      display: block;

      text-transform: uppercase;

      font-size: 18px;

      color: #A9A9A9;



      font-size: 16px;

      font-weight: 700;

      letter-spacing: .1em;

      margin: 10px 0 10px;


    display: block;
    font-size: 1.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  

    }



    .TimeLine span {

      position: absolute;

      margin-top: 15px;

      text-transform: uppercase;

      letter-spacing: .05em;

      color: #909090;



    } .TimeLine span:before {

        content: '';

        position: absolute;

        width: 12px;

        height: 12px;

        border-radius: 50%;

        top: -20px;

        left: 35%;



        background: #E5E5E5;

        border: 4px solid #BBB;



        -webkit-box-shadow: 0px 0px 5px 1px rgb(183, 183, 183);

        -moz-box-shadow: 0px 0px 5px 1px rgb(183, 183, 183);

        box-shadow: 0px 0px 5px 1px rgb(183, 183, 183);

      }



    .TimeLine span:nth-of-type(1) {

      left: -10px;

    } .TimeLine span:nth-of-type(1):before {

        left: 7px;

      }



    .TimeLine span:nth-of-type(2) {

      left: 30%;

    }



    .TimeLine span:nth-of-type(3) {

      left: 60%;

    }



    .TimeLine span:nth-of-type(4) {

      right: 0;

      line-height: 12px;

    } .TimeLine span:nth-of-type(4):before {

        left: inherit;

        right: 0;

      }

/**@end*/

















/***

  * Animation

  */

  .AnimaFieldShowIn {

    animation: animationFrames linear .35s;

    -webkit-animation: animationFrames linear .35s;

    -moz-animation: animationFrames linear .35s;

    -o-animation: animationFrames linear .35s;

    -ms-animation: animationFrames linear .35s;



            animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

       -moz-animation-iteration-count: 1;

         -o-animation-iteration-count: 1;

        -ms-animation-iteration-count: 1;



            transform-origin: 50% 50%;

    -webkit-transform-origin: 50% 50%;

       -moz-transform-origin: 50% 50%;

         -o-transform-origin: 50% 50%;

        -ms-transform-origin: 50% 50%;

  }



  @keyframes animationFrames{

    0% {

      transform:  scaleX(0.50) scaleY(0.50) ;

    }

    27% {

      transform:  scaleX(0.95) scaleY(0.95) ;

    }

    50% {

      transform:  scaleX(1.10) scaleY(1.10) ;

    }

    100% {

      transform:  scaleX(1.00) scaleY(1.00) ;

    }

  }



  @-moz-keyframes animationFrames{

    0% {

      -moz-transform:  scaleX(0.50) scaleY(0.50) ;

    }

    27% {

      -moz-transform:  scaleX(0.95) scaleY(0.95) ;

    }

    50% {

      -moz-transform:  scaleX(1.10) scaleY(1.10) ;

    }

    100% {

      -moz-transform:  scaleX(1.00) scaleY(1.00) ;

    }

  }



  @-webkit-keyframes animationFrames {

    0% {

      -webkit-transform:  scaleX(0.50) scaleY(0.50) ;

    }

    27% {

      -webkit-transform:  scaleX(0.95) scaleY(0.95) ;

    }

    50% {

      -webkit-transform:  scaleX(1.10) scaleY(1.10) ;

    }

    100% {

      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;

    }

  }



  @-o-keyframes animationFrames {

    0% {

      -o-transform:  scaleX(0.50) scaleY(0.50) ;

    }

    27% {

      -o-transform:  scaleX(0.95) scaleY(0.95) ;

    }

    50% {

      -o-transform:  scaleX(1.10) scaleY(1.10) ;

    }

    100% {

      -o-transform:  scaleX(1.00) scaleY(1.00) ;

    }

  }



  @-ms-keyframes animationFrames {

    0% {

      -ms-transform:  scaleX(0.50) scaleY(0.50) ;

    }

    27% {

      -ms-transform:  scaleX(0.95) scaleY(0.95) ;

    }

    50% {

      -ms-transform:  scaleX(1.10) scaleY(1.10) ;

    }

    100% {

      -ms-transform:  scaleX(1.00) scaleY(1.00) ;

    }

  }

/**@end**/