@charset "UTF-8";.secondaryNav{}.contact-sidebar-container{margin:0!important;padding:0!important;position:fixed;top:0;right:0;bottom:0;display:flex;align-items:center;flex-direction:row-reverse;height:100%;z-index:500;//background-color:red;a{color:$black;text-decoration:none}#contact-sidebar{width:30px;height:300px;z-index:1;overflow:hidden;transition:0.5s;// background-color:blue;.openbtn-wrapper{height:300px;width:30px;float:left;display:flex;align-items:center;flex-direction:row-reverse;// background-color:pink;.openbtn,.closebtn{text-transform:uppercase;font-weight:bold;padding:7px 15px 4px;text-decoration:none;border:1px solid $black;border-bottom:none;background-color:$white;border-radius:5px 5px 0 0;//transition:0.5s;transform:rotate(-90deg) translateX(60%);transform-origin:100% 100%;cursor:pointer;color:$black;margin-bottom:60px;&:hover{background-color:$main-color;color:$white}}}.form-content{height:300px;width:288px;padding:15px;float:right;overflow:hidden;transition:0.5s;background-color:$white;border:$black 1px solid;position:relative;// background-color:yellow;.problem{font-size:$font-size;margin:10px 0;width:100%}textarea,input{outline:none;border:0;border-bottom:1px solid #cecece;// height:40px;width:95%;transition:0.5s;margin:10px 0;line-height:15px;height:25px;padding:0 5px;&:focus{border-bottom:1px solid $black}}input[type="submit"]{background-color:$main-color;color:$white;border:none;width:99%;margin-top:15px}.dropdown{width:222px;color:$black;outline:none;border:0;border-bottom:1px solid $black}}}}@media screen and (max-height:450px){.form-content{//padding-top:15px}.form-content a{// font-size:18px}}