.sidebar-contact{
  position:fixed;
  top:calc(100vw*280/1900 - 28px);
  right:-350px;
  width:350px;
  height:auto;
  padding:15px;
  background:#fff;
  background: #002e4c;
  box-sizing:border-box;
  transition:0.5s;
  z-index:99999;
  border:3px solid #fff;
  color:#fff;
  border-right:0;
  border-radius: 0 0 0 25px;
}
.sidebar-contact .btn {
  font-size:1.2em;
}
.sidebar-contact.active{
right:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
width:100%;
height:36px;
padding:5px;
margin-bottom:10px;
box-sizing:border-box;
border:1px solid rgba(0,0,0,.5);
outline:none;
}
.sidebar-contact h2{
margin:0 0 20px;
padding:0;
}
.sidebar-contact textarea{
height:60px;
resize:none;
}
.sidebar-contact input[type="submit"]{
background:#00bcd4;
color:#fff;
cursor:pointer;
border:none;
font-size:18px;
}
.toggle{
position:absolute;
padding: 9px 0;
width:50px;
text-align:center;
cursor:pointer;
background:#002e4c;
color:#fff;
border:3px solid #fff;
border-right:0;
border-radius: 50px 0 0  50px;
top:-3px;
left:-50px;
}
.toggle .icon-close {
  display:none;
}
.sidebar-contact.active .icon-close {
  display:block;
}
.sidebar-contact.active .icon-open {
  display:none !important;
}

@media(max-width:768px)
{
.sidebar-contact{
  width:100%;
  height:100%;
  right:-100%;
  top:0;
}
.sidebar-contact .toggle{
  top: initial;
  bottom:2%;
  transition:0.5s;
}
.sidebar-contact.active {
  border:0 !important;      
}
.sidebar-contact.active .toggle
{
  top:0;
  bottom:initial;
  right:0;
  left:initial;
  border:0 !important;
}
.scroll{
  width:100%;
  height:100%;
  overflow-y:auto;
}
.content{
  padding:50px 50px;
}
}