@media only screen and (max-width: 991px) {
  .content-right{
	  border-top: 3px solid #007bff;
  }
  .content-center{
    position: absolute !important;
    height: 300px !important;
  }
}
@keyframes btn-press {
  0%   { border-bottom: 0px ;position:relative;top:2px; }
  100% { border-bottom: 3px solid;position:relative;top:0px; }
}
@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('/font/poppins/fonts/PoppinsSemiBold.eot');
    src: url('/font/poppins/fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('/font/poppins/fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('/font/poppins/fonts/PoppinsSemiBold.woff') format('woff'),
         url('/font/poppins/fonts/PoppinsSemiBold.ttf') format('truetype');
}
.font-poppins{font-family: PoppinsSemiBold;}
button:focus{outline: none;}input:focus{outline: none;}textarea:focus{outline: none;}select:focus{outline: none;}
label{font-family: PoppinsSemiBold;font-size: 13px; color: #007bff;}
body{
  margin: 0px;
  background-color: #f1f1f1;
}

.content-center{
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-img{
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  background: url('/img/img.png');
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-size: cover;
  background-attachment: fixed;
}
.content-left{
  padding: 0px;
  min-height: 300px;
  /*
  display: flex;
  align-items: center;
  background: url('/img/img.png');
  background-repeat: no-repeat;
  background-size: cover;
  */
}
.content-right{
  display: flex;
  align-items: center;
  animation: side 5s;
  /*color: #ffffff;*/
  /*background: linear-gradient(99deg, rgba(0,123,255,1) 0%, rgba(0,89,185,1) 75%);*/
  background-color: #ffffff;
}

.btn-main{
  padding: 6px 14px;
  text-transform: uppercase;
  font-family: PoppinsSemiBold;
  font-size: 15px;
  color: #ffffff;
  background-color: #3ae474;
  border: 0px;
  border-bottom: 3px solid #30be61;
}.btn-main:hover{
  background-color: #38db70;
}.btn-main:focus{
  animation: btn-press 0.2s;
}

nav{
  position: absolute;
  top: 20px;
  left: 30px;
}
nav button{
  margin: 0px 10px;
  padding: 5px 0px;
  font-family: PoppinsSemiBold;
  color: #c4c4c4;
  border: none;
  background-color: rgba(255,255,255,0);
}nav button.active{
  color: #818181;
  border-bottom: 2px solid #818181;
}

textarea::placeholder, input::placeholder{
  color: #929292;
}
input[type=text]{
  padding: 4px 5px;
  font-size: 15px;
  color: #5aa9ff;
  background-color: rgba(255,255,255,0);
  border: none;
  border-bottom: 1px solid #d2d2d2;
}
textarea{
  padding: 4px 5px;
  min-height: 110px;
  font-size: 15px;
  color: #5aa9ff;
  background-color: rgba(255,255,255,0);
  border: none;
  border-bottom: 1px solid #d2d2d2;
}
select{
  padding: 4px 5px;
  font-size: 15px;
  color: #5aa9ff;
  background-color: rgba(255,255,255,0);
  border: none;
  border-bottom: 1px solid #d2d2d2;
}