@font-face {
    font-family: gecho;
    src: url(../gecko2/Gecko_PersonalUseOnly.ttf);
  }

  @font-face {
    font-family: myriad-light;
    src: url(../myriad-pro-cufonfonts/MyriadPro-Light.otf);
  }

  @font-face {
    font-family: myriad-bold;
    src: url(../myriad-pro-cufonfonts/MYRIADPRO-BOLD.OTF);
  }


body
{
    background: url(../images/Pattern_Pattern.png)  repeat 100% 100% fixed;
    background-size:cover;
    width: 100%;
    margin: 0;
    height: 100%;
    box-sizing: border-box;
    animation: slide 20s linear infinite;
    -webkit-animation: slide 20s linear infinite;
    font-family: myriad-light !important
}

.font-wg
{
        font-family: gecho;
        color:#0D3D56;
        font-size:43px

}


/* Start Header Section */

header .logo
{
    height:150px;
}


header .overlay
{
    background: url(../images/Pattern_Pattern.png)  repeat 100% 98% fixed;
    background-size:cover;
    height:100%;
    animation: slide 20s linear infinite;
    -webkit-animation: slide 20s linear infinite;    
}

header .logo-text
{
    background: url(../images/Header\ &\ Footer.jpg)  repeat 100% 98% fixed;
    background-size:cover;    
    color:white;
}

header .logo-text h1
{
    padding:5px 5px 0;
    font-family: gecho !important;


}

/* End Header Section */

/* Start First-Content Section */

.first-content
{
    padding:0px 0
}

.first-content .first-img-content
{
    height:60px
}

.first-content .pull-dog
{
    position: relative;
    bottom: 0px;
    
}

.first-content h2
{
    font-weight: bold;
    font-size: 35px;
    font-family: myriad-bold;

}

label
{
    font-family: myriad-bold;

}

.first-content .first-btn
{

    width:60%;
    display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: column;
    height:100%;
    margin:0 auto;
    text-align:center;    
}

.first-content .first-ancor
{
    box-shadow:0 0 17px 3px grey ;
    border-radius:70px;
    transition: all 0.3s ease-in-out;
}

.first-content .first-ancor:hover
{
    box-shadow:0 0 5px 1px grey;
}

.first-content .content
{
    background: linear-gradient(to top left, #2EA7BA 2%, #316698 94%);
        border-radius:70px;
    padding:120px 50px 60px ;
    margin:0 auto;
    text-align:center;
    
}


/* End First-Content Section */

/* Start Footer Section */

footer
{
    background:url(../images/Header\ &\ Footer.jpg) no-repeat center center;
    background-size:cover;

}

footer .overlay
{
    padding:20px 0 5px;
    background: url(../images/Pattern_Pattern.png)  repeat 100% 98% fixed;
    background-size:cover;
    height:100%;
    animation: slide 20s linear infinite;
    -webkit-animation: slide 20s linear infinite;    
}

footer .logo
{
    height: 90px;
    border-radius: 50%;}


footer .social-media
{
    margin:10px auto;
    text-align:center
}

footer .links
{
    text-align:center;
    margin:10px auto 30px
}

footer .links li
{
    /* padding-right:30px !important; */
    text-align:center
}

footer .links li::after {
    margin-right: 10px;
    margin-left: 10px;
}

footer .links li a
{
    color:white !important;
    font-weight:bold;
    text-align:center;
        margin-right: 10px;
    margin-left: 10px;
    /* padding-right:20px */
}

footer .social-media
{
    margin-bottom:30px !important
}

footer .social-media li
{
    margin-right: 10px !important;
        margin-left: 10px !important;

}

footer .social-media img
{
    width:30px;
    height:30px
}

footer h6
{
    font-size:13px;
    color:#CCC
}

/* End Footer Section */

/* Style the form */

.submit 
{
    position: relative;
    padding-bottom: 80px;
}

.submit .container
{
    border: 1px solid #DDD;
    border-radius: 75px;
    background-color:white;
    width:75%
}

.submit #regForm {
    background-color: #ffffff;
    margin: 0 auto;
    width: 60%;
    min-width: 300px;
  }
  
  /* Style the input fields */
  .submit input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
  }
  
  /* Mark input boxes that gets an error on validation: */
  .submit input.invalid {
    background-color: #ffdddd;
  }
  
  /* Hide all steps by default: */
  .submit .tab {
    display: none;
    width: 100%;
  }
  
  /* Make circles that indicate the steps of the form: */
  .submit .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
  }
  
  /* Mark the active step: */
  .submit .step.active {
    opacity: 1;
  }
  
  /* Mark the steps that are finished and valid: */
  .submit .step.finish {
    background-color: #4CAF50;
  }

  .submit .first-tab .filelabel {
    width: 100% !important;
    /* border: 2px dashed grey; */
    border-radius: 5px;
    display: block;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: left;
    margin: 0;
    color: white;
    background: #0D3D56;
}
.submit .first-tab .filelabel i {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
}
.submit .first-tab .filelabel i,
.submit .first-tab .filelabel .title {
  color: grey;
  transition: 200ms color;
}
.submit .first-tab .filelabel:hover {
  border: 2px solid #1665c4;
}
.submit .first-tab .filelabel:hover i,
.submit .first-tab .filelabel:hover .title {
  color: #1665c4;
}
.submit .first-tab #FileInput{
    display:none;
}

/* .submit .first-tab
{
    border:1px solid #DDD;
    border-radius:40px
} */

.submit .buttons-submit
{
    position: absolute;
    right: 70px;
    bottom:0px
}

.submit .file-drop-area {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin:0 auto;
    /* max-width: 100%; */
    padding: 25px;
    border: 1px dashed rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.submit .file-drop-area.is-active {
    background-color: rgba(255, 255, 255, 0.05);
  }
  
  .submit .fake-btn {
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 3px 10px;
    margin-right: 10px;
    font-size: 12px;
    text-transform: uppercase;
    background-color:#0D3D56;
    color:white;
    width:100%;
    border-radius:10px
  }
  
  .submit .file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .submit .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
  }
  .submit .file-input:focus {
    outline: none;
  }
  .nextBtn
  {
      cursor: pointer;
  }

  .submit .suggest-tab
  {
      padding:30px 0
  }

  .submit .suggest-item 
  {
      margin-bottom: 40px;
  }  

  .submit .suggest-tab .suggest-item label
  {
      font-weight:bold;
      color:#0D3D56
  }

  .submit .suggest-tab .suggest-item input {
    background: #0D3D56;
    color: white;
    width: 265px;
    height: 27px;
    font-size: 14px;
    color: white;
    border-radius: 10px;
}

.submit .suggest-tab .recommend-item label
{
    font-weight:bold;
    color:#0D3D56
}

.submit .suggest-tab .recommend-item input {
  background: #0D3D56;
  color: white;
  width:90%;
  height: 130px;
  padding: 10px 65px;
  font-size: 14px;
  color: white;
  border-radius: 10px;
}

.submit .account-tab 
{
    padding:50px 0
}

.submit .account-tab label
{
    font-weight:bold;
    color:#0D3D56    
}

.submit .account-tab .form-group {
    margin-bottom: 4.5rem;
}

.submit .account-tab input,
.submit .account-tab select
{
    background: #0D3D56;
    color: white;
    height: 27px;
    font-size: 14px;
    color: white;
    border-radius: 10px;  

}

.submit .account-tab select
{
    width:100% !important
}

.submit .account-tab select option
{
    width:100px !important
}

.submit input[type=radio]
{
    width:auto;
    margin-right:6px;
    margin-top: 6px;
}


/* .form-check-input {
    position: absolute;
    margin-top: 0.50rem !important;
    margin-left: -0.25rem; 
}*/

.submit .form-check-label {
    padding-left: 0 !important;
    margin-bottom: 0;
}

.submit .form-check {
    position: relative;
    display: inline-block !important    ;
    margin-bottom: .5rem;
    margin-right: 40px;
}

.submit .radio-boxs .input-text input
{
    background: #0D3D56 !important;
    color: white !important;
    width:325px !important;
    height: 29px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    padding:3px 20px !important
    
}


.submit .radio-boxs .radio-label
{
    font-weight:bold;
    color:#0D3D56;
    margin-left:-20px !important        
}

.submit .radio-boxs .form-check-label
{
    font-weight:bold;
    color:#0D3D56;
}




.submit .suggest-tit
{
    padding:90px 0;
    font-weight:bold
}

.submit .suggest-item 
{
    margin-bottom: 40px;
}  

.submit .suggest-tit .suggest-item label
{
    font-weight:bold;
    color:#0D3D56
}

.submit .suggest-tit .suggest-item input {
  background: #0D3D56;
  color: white;
  width: 265px;
  height: 27px;
  font-size: 14px;
  color: white;
  border-radius: 10px;
}

.submit .suggest-tit .recommend-item label
{
  font-weight:bold;
  color:#0D3D56
}

.submit .suggest-tit .recommend-item input {
background: #0D3D56;
color: white;
width:100%;
height: 130px;
padding: 10px 65px;
font-size: 14px;
color: white;
border-radius: 10px;
}


.submit .suggest-tit textarea {
    position: absolute;
    width: 450px;
    background-color: #0D3D56;
    color: white;
    border-radius: 10px;
    padding: 30px 50px;
    height: 100px;
    resize: none;
}

textarea:focus,
input:focus
{
    border:none !important;
    box-shadow:none !important;

}

.submit .suggest-tit .message
{
    margin-bottom:50px    
}

.submit .thanks-tab
{
    margin-top:50px;
    margin-bottom:50px ;
    position: relative;   
}

.submit .thanks-tab img
{
    position: absolute;
    bottom: -115px;
}

.submit .thanks-tab .row
{
    margin-top: 30px;
    margin-bottom: 20px;
}


#return
{
    display:none
}

.nextBtn
{
    height:75px
}

fieldset .form-check:last-of-type
{
    margin-left:-35px
}

#check-box1,
#check-box2
{
    width:inherit !important;
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem;
}


input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -4px;
    left: -1px;
    position: relative;
    background-color: #0D3D56 ;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -4px;
    left: -1px;
    position: relative;
    background-color: #DDBE66;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #0D3D56;
}


/* Modal */

.modal 
{
        border-radius:40px;

}

.modal h5,
.modal label
{
    color:#0D3D56;
    font-family: myriad-bold;
}

.modal label
{
    margin-top:40px;
    margin-bottom:20px
}

.modal p
{
    font-size:12px;
        color:#0D3D56;
        font-weight:bold;
        text-align:justify

}

.modal .modal-content
{
        border-radius:40px;

}

.modal .container-fluid .all-content
{
    padding:20px;
    border-radius:40px;
    border:2px solid #0D3D56;
    margin:20px 0
}

.modal-footer {

    border-top: none !important;
}

.modal-footer img
{
    height:60px
}

.modal-lg {
    max-width: 80%;
}

.email-check-label
{
    font-size:10px
}

#group4 span
{
    color: black;
}

.pages-number
{
    position: absolute;
    left: 60px;
    bottom: 0;
    color: black;
    /* font-weight: bold !important; */
    font-size: 40px;
    font-family: gecho;
    color:#f3c12d;
    text-shadow: 1px 1px 0px black;

}