#mainSearch{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:0!important;overflow:hidden;background-color:rgba(0,0,0,.8);transition:all .25s ease-in-out!important;transform:translate(0,-100%) scale(0,0)!important;opacity:0!important;z-index:999999999!important}
#mainSearch.open{transform:translate(0,0) scale(1,1)!important;height:100%!important;opacity:1!important}
#mainSearch input[type=search]{position:absolute;top:50%;width:100%;color:#fff;background:rgba(0,0,0,0);font-family:'Saira Condensed',Arial,sans-serif;font-weight:300;font-size:60px;line-height:60px;text-align:center;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;box-sizing:border-box}
#mainSearch .searchButton{position:absolute;top:50%;left:0;margin-top:50px;text-align:center;width:100%!important;background:0 0;border:none;color:#fff;font-family:'Open Sans',Arial,sans-serif;text-transform:lowercase;letter-spacing:1px;font-size:12px}
#mainSearch input[type=search],#mainSearch .searchButton,#mainSearch input[type=search]:focus,#mainSearch .searchButton:focus{outline:none}
#mainSearch .mainSearchClose{position:fixed;top:0;right:0;background:#fff;opacity:1;cursor:pointer}
#mainSearch .mainSearchClose img{width:45px;height:45px;padding:15px}
@media (max-width:991px){
#mainSearch input[type=search]{font-size:45px;line-height:45px}
#mainSearch .searchButton{margin-top:0}}
@media (max-width:767px){
#mainSearch input[type=search]{font-size:30px;line-height:30px}
#mainSearch .searchButton{margin-top:0}}