.wizard,
    .tabcontrol
    {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .wizard a,
    .tabcontrol a
    {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul
    {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

    .wizard ul > li,
    .tabcontrol ul > li
    {
        display: block;
        padding: 0;
    }

    /* Accessibility */
    .wizard > .steps .current-info,
    .tabcontrol > .steps .current-info
    {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .title,
    .tabcontrol > .content > .title
    {
        position: absolute;
        left: -999em;
    }



    /*
        Wizard
    */

    .wizard > .steps
    {
        position: relative;
        display: block;
        width: 100%;
        padding-left: 207px;
    }
    @media only screen and (max-width: 600px) {
        .wizard > .steps{
            padding-left:10px !important;
        }
      }
    .wizard.vertical > .steps
    {
        display: inline;
        float: left;
        width: 30%;
    }

    .wizard > .steps .number
    {
        font-size: 1.1em;
    }

    .wizard > .steps > ul > li
    {
        width: 25%;
    }
    @media only screen and (max-width: 600px) {
        .wizard > .steps > ul > li {
        width: auto !important;
        }
      }
    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li
    {
        float: left;
    }

    .wizard.vertical > .steps > ul > li
    {
        float: none;
        width: 100%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding: 0.5em 1em;
        text-decoration: none;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active
    {
        background: #8e97a8;
        color: #002e5c;
        cursor: default;
    }

    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active
    {
        background: #0e5398;
        color: #fff;
        cursor: default;
        font-weight: 500;
    }

    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active
    {
        background: #4CAF50;
        color: #fff;
    }

    .wizard > .steps .error a,
    .wizard > .steps .error a:hover,
    .wizard > .steps .error a:active
    {
        background: #e4262a;
        color: #fff;
    }

    .wizard > .content
    {
        /*background: #eee;*/
        /* background-color: #ffffff66; */
        
        display: block;
        margin: 0.5em;
        min-height: 25em;
        overflow: hidden;
        position: relative;
        width: auto;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 8px;
    }

    .wizard.vertical > .content
    {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 100%;
    }

    .wizard > .content > .body
    {
        /*float: left;*/
        /*position: absolute;*/
        /*width: 95%;*/
        /*height: 95%;*/
        padding: 2.5%;
    }

    .wizard > .content > .body ul
    {
        list-style: disc !important;
    }

    .wizard > .content > .body ul > li
    {
        display: list-item;
    }

    .wizard > .content > .body > iframe
    {
        border: 0 none;
        width: 100%;
        height: 100%;
    }

    .wizard > .content > .body input
    {
        display: block;
        border: 1px solid #ccc;
    }

    .wizard > .content > .body input[type="checkbox"]
    {
        display: inline-block;
    }

    .wizard > .content > .body input.error
    {
        background: rgb(251, 227, 228);
        border: 1px solid #fbc2c4;
        color: #8a1f11;
    }

    .wizard > .content > .body label
    {
        display: inline-block;
        margin-bottom: 0.5em;
    }

    .wizard > .content > .body label.error
    {
        color: #8a1f11;
        display: inline-block;
    }

    .wizard > .actions
    {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
    }

    .wizard.vertical > .actions
    {
        display: inline;
        float: right;
        margin: 0 2.5%;
        width: 95%;
    }

    .wizard > .actions > ul
    {
        display: inline-block;
        text-align: right;
    }

    .wizard > .actions > ul > li
    {
        margin: 0 0.5em;
    }

    .wizard.vertical > .actions > ul > li
    {
        margin: 0 0 0 1em;
    }

    .wizard > .actions a,
    .wizard > .actions a:hover,
    .wizard > .actions a:active
    {
        background: #0e529e;
        color: #fff;
        display: block;
        padding: 0.5em 1em;
        text-decoration: none;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .actions .disabled a,
    .wizard > .actions .disabled a:hover,
    .wizard > .actions .disabled a:active
    {
        background: #eee;
        color: #aaa;
    }

    .wizard > .loading
    {
    }

    .wizard > .loading .spinner
    {
    }



    /*
        Tabcontrol
    */

    .tabcontrol > .steps
    {
        position: relative;
        display: block;
        width: 100%;
    }

    .tabcontrol > .steps > ul
    {
        position: relative;
        margin: 6px 0 0 0;
        top: 1px;
        z-index: 1;
    }

    .tabcontrol > .steps > ul > li
    {
        float: left;
        margin: 5px 2px 0 0;
        padding: 1px;

        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .tabcontrol > .steps > ul > li:hover
    {
        background: #edecec;
        border: 1px solid #bbb;
        padding: 0;
    }

    .tabcontrol > .steps > ul > li.current
    {
        background: #fff;
        border: 1px solid #bbb;
        border-bottom: 0 none;
        padding: 0 0 1px 0;
        margin-top: 0;
    }

    .tabcontrol > .steps > ul > li > a
    {
        color: #5f5f5f;
        display: inline-block;
        border: 0 none;
        margin: 0;
        padding: 10px 30px;
        text-decoration: none;
    }

    .tabcontrol > .steps > ul > li > a:hover
    {
        text-decoration: none;
    }

    .tabcontrol > .steps > ul > li.current > a
    {
        padding: 15px 30px 10px 30px;
    }

    .tabcontrol > .content
    {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

    .tabcontrol > .content > .body
    {
        float: left;
        position: absolute;
        width: 95%;
        height: 95%;
        padding: 2.5%;
    }

    .tabcontrol > .content > .body ul
    {
        list-style: disc !important;
    }

    .tabcontrol > .content > .body ul > li
    {
        display: list-item;
    }
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);


    .container-wizard {
      max-width: 1050px;
      width: 100%;
      margin: 0 auto;
      position: relative;
     
    }

    #contact input[type="text"],
    #contact input[type="email"],
    #contact input[type="tel"],
    #contact input[type="url"],
    #contact textarea,
    #contact button[type="submit"] {
      font: 400 12px/16px "Titillium Web", Helvetica, Arial, sans-serif;
    }

    #contact {
      background: #F9F9F9;
      padding: 25px; 
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    }

    #contact h3 {
      display: block;
      font-size: 30px;
      font-weight: 300;
      margin-bottom: 10px;
    }

    #contact h4 {
      margin: 5px 0 15px;
      display: block;
      font-size: 13px;
      font-weight: 400;
    }

    fieldset {
      border: medium none !important;
      margin: 0 0 10px;
      min-width: 100%;
      padding: 0;
      width: 100%;
    }

    #contact input[type="text"],
    #contact input[type="email"],
    #contact input[type="tel"],
    #contact input[type="url"],
    #contact textarea {
      width: 100%;
      border: 1px solid #ccc;
      background: #FFF;
      margin: 0 0 5px;
      padding: 10px;
    }

    #contact input[type="text"]:hover,
    #contact input[type="email"]:hover,
    #contact input[type="tel"]:hover,
    #contact input[type="url"]:hover,
    #contact textarea:hover {
      -webkit-transition: border-color 0.3s ease-in-out;
      -moz-transition: border-color 0.3s ease-in-out;
      transition: border-color 0.3s ease-in-out;
      border: 1px solid #aaa;
    }

    #contact textarea {
      height: 100px;
      max-width: 100%;
      resize: none;
    }

    #contact button[type="submit"] {
      cursor: pointer;
      width: 100%;
      border: none;
      background: #4CAF50;
      color: #FFF;
      margin: 0 0 5px;
      padding: 10px;
      font-size: 15px;
    }

    #contact button[type="submit"]:hover {
      background: #43A047;
      -webkit-transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
    }

    #contact button[type="submit"]:active {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    .copyright {
      text-align: center;
    }

    #contact input:focus,
    #contact textarea:focus {
      outline: 0;
      border: 1px solid #aaa;
    }

    ::-webkit-input-placeholder {
      color: #888;
    }

    :-moz-placeholder {
      color: #888;
    }

    ::-moz-placeholder {
      color: #888;
    }

    :-ms-input-placeholder {
      color: #888;
    }

    .steps > ul > li > a,
    .actions li a { 
        padding: 10px;
        text-decoration: none;
        margin: 1px;
        display: block;
        color: #777;
    }
    .steps > ul > li,
    .actions li {
        list-style:none;
    }
    .uk{
        color: #151515;
    }

    .arrow {
        text-align: center;
        margin: 8% 0;
        color: #0b4486;
      }
      .bounce {
        -moz-animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite;
      }
      
      @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
          transform: translateY(0);
        }
        40% {
          transform: translateY(-30px);
        }
        60% {
          transform: translateY(-15px);
        }
      } 
      .down_color{
        color: #0b4486;
      }
      @media screen {
        
      }
      @media only screen and (max-width: 600px) {
      .add_h {
         padding-bottom: 5px !important;
        }
      }
      @media only screen and (min-width: 900px) {
      .boun_display_mobile {
       display: none !important;
        }
      }
      @media only screen and (max-width: 900px) {
      .boun_display_desk {
       display: none !important;
        }
      }