@font-face {
  font-family: "Montserrat-Regular";
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf"); }
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf"); }
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf"); }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  body {
    font-family: "Montserrat-Regular";
    /* font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  */
  }
p{
  font-size: 18px;
}
ul li{
  padding: 10px 0 !important; 
  text-align: justify;
  font-size: 18px;
}
  .ffr{
    font-family: "Montserrat-Regular";
  }
  .ffb{
    font-family: "Montserrat-Bold";
  }
  .ffsb{
    font-family: "Montserrat-SemiBold";
  }
  a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    a, a:hover {
      text-decoration: none !important; }


.get-in-touch {
    max-width: 800px;
    margin: 50px auto;
    position: relative;
  
  }
   .title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 3.2em;
    /* line-height: 48px;
    padding-bottom: 48px; */
       /* color: #5543ca;
      background: #5543ca;
      background: -moz-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
      background: -webkit-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
      background: linear-gradient(to right,#f4524d  0%,#5543ca  100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important; */
  }
  
  .contact-form .form-field {
    position: relative;
    margin: 32px 0;
  }
  .contact-form .input-text {
    display: block;
    width: 100%;
    height: 36px;
    border-width: 0 0 2px 0;
    border-color: #5543ca;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
  }
  .contact-form .input-text:focus {
    outline: none;
  }
  .contact-form .input-text:focus + .label,
  .contact-form .input-text.not-empty + .label {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
  }
  .contact-form .label {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #5543ca;
    cursor: text;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, 
    -webkit-transform .2s ease-in-out;
  }
  .contact-form .submit-btn {
    display: inline-block;
    background-color: #000;
     background-image: linear-gradient(125deg,#a72879,#064497);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding: 8px 16px;
    border: none;
    width:200px;
    cursor: pointer;
  }


  
  
/* footer */
  
  .content {
    height: 70vh; }
  
  .footer-20192 {
    position: relative;
    color: #fff;
    /* padding: 7rem 0; */
    background-color: #141d2a; }
    .footer-20192 .container {
      position: relative; }
    .footer-20192 h3 {
      font-size: 16px;
      margin-bottom: 10px;
      margin-top: 0;
      line-height: 1.5; }
    .footer-20192 .links li {
      margin-bottom: 10px;
      line-height: 1.5;
      display: block; }
      .footer-20192 .links li a {
        color: #666873; }
        .footer-20192 .links li a:hover {
          color: #fff; }
    .footer-20192 .social li {
      display: inline-block;
      position: relative; 
        
    }
      .footer-20192 .social li a {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
        margin: 0;
        padding: 0;
        background-color: #8186d5;
        color: #fff; }
        .footer-20192 .social li a > span {
          /*position: absolute;*/
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .footer-20192 .footer-logo {
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: .1rem; }
    .footer-20192 .copyright {
      color: #666873; }
    .footer-20192 .cta {
      -webkit-box-shadow: -20px -20px 0 0 rgba(102, 110, 117, 0.2);
      box-shadow: -20px -20px 0 0 rgba(92, 102, 112, 0.2);
      padding: 20px;
      background-color: #06a6b6;
      top: -40px;
      position: relative; }
      .footer-20192 .cta h2, .footer-20192 .cta h3 {
        line-height: 1.5; }
      .footer-20192 .cta h3 {
        font-size: 20px; }
  






        /* form */
        #form {
        font-family: "Montserrat-Regular";
        color: #fff;}
        
        
       #form input, textarea, select, button {
          font-family: "Montserrat-Regular";
          color: #fff;
          font-size: 15px; }
        
     
        
          #form img {
          max-width: 100%; }
        
          #form  ul {
          padding-left: 0;
          margin-bottom: 0; }
        
          #form a:hover {
          text-decoration: none; }
        
          #form   :focus {
          outline: none; }
        
          #form  .wrapper {
         
          display: flex;
          align-items: center;
          background: url("../images/bg-registration-form-7.jpg") no-repeat;
          background-size: cover; }
        
          #form  .inner {
          max-width: 758px;
          margin: auto;
          padding:37px 22px 94px;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
        
          #form textarea {
          resize: none; }
        
        
          #form .form-group1 {
          position: relative;
          display: block;
          margin-bottom: 48px; }
          #form   .form-group1 span {
            font-size: 15px;
            color: #00ade6;
            position: absolute;
            top: 11px;
            transition: all .2s ease;
            transform-origin: 0 0;
            cursor: text; }
            #form .form-group1 span.border {
            height: 2px;
            display: block;
            position: absolute;
            width: 100%;
            left: 0;
            top: 41px;
            transform: scaleX(0);
            transition: all .15s ease;
            background: #fff; }
        
            #form  .form-control1 {
          border: none;
          border-bottom: 2px solid #00ade6;
          display: block;
          width: 100%;
          height: 43px;
          font-size: 15px;
          background: none;
          font-family: "Montserrat-SemiBold"; }
          #form   .form-control1:focus, .form-control1:valid {
            border-bottom: 2px solid #fff; }
            #form   .form-control1:focus + span, .form-control1:valid + span {
              transform: translateY(-22px) scale(0.8); }
              #form      .form-control1:focus + span + .border, .form-control1:valid + span + .border {
                transform: scaleX(1); }
        
                #form textarea.form-control1 {
          padding-top: 10px;
          padding-bottom: 10px; }
        
          #form  button {
          border: none;
          width: 162px;
          height: 51px;
          border: 2px solid #fff;
          margin: auto;
          margin-top: 60px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          background: none;
          color: #fff;
          text-transform: uppercase;
          font-family: "Montserrat-SemiBold";
          -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
          position: relative;
          -webkit-transition-property: color;
          transition-property: color;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }
          #form    button i {
            margin-left: 10px;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
            #form    button:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #2098D1;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
            #form    button:active {
              border-color: transparent;
              -webkit-transform: scaleX(1);
              transform: scaleX(1);
            }
            #form    button:focus {
              background: #2098D1;
              border: transparent;
              -webkit-transform: scaleX(1);
              transform: scaleX(1);
              -webkit-transform: translateX(4px);
              transform: translateX(4px);
            }
            #form    button:hover {
            border-color: transparent; }
            #form     button:hover:before {
              -webkit-transform: scaleX(1);
              transform: scaleX(1); }
        #form    button:hover i {
              -webkit-transform: translateX(4px);
              transform: translateX(4px); }
        
        @media (max-width: 767px) {
          #form  h3 {
            font-size: 38px; }
        
            #form  p {
            font-size: 14px;
            padding: 0; }
        
            #form  .inner {
            padding: 27px 20px 37px;
            border: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none; }
        
            #form   .wrapper {
            background: #39459b;
            border: 10px solid #0d99d7; } }
        
        /*# sourceMappingURL=style.css.map */
        @media (max-width: 768px) {
          /* For mobile phones: */
          iframe{
            width:390px !important;
          }
        }
        @media (max-width: 390px) {
          /* For mobile phones: */
          iframe{
            width:320px !important;
          }
        }


        /* Add basic styles for the floating image */
.floating-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: floatAnimation 4s ease-in-out infinite;
}

@keyframes floatAnimation {
  0% {
      transform: translate(-50%, -50%) translateY(0);
  }
  50% {
      transform: translate(-50%, -50%) translateY(-20px);
  }
  100% {
      transform: translate(-50%, -50%) translateY(0);
  }
}