body{padding:0;position:relative;z-index:6}.ip2{border-radius:25px;border:2px solid #fff;padding:4px 5px 10px 0;width:200px;height:30px;background-color:#fff}.ip2 i{float:right}.s-grid1{grid-area:s-grid1}.s-grid2{grid-area:s-grid2}.s-grid3{grid-area:s-grid3}#search{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,77,67,.9);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translate(0,-100%) scale(0,0);-moz-transform:translate(0,-100%) scale(0,0);-o-transform:translate(0,-100%) scale(0,0);-ms-transform:translate(0,-100%) scale(0,0);transform:translate(0,-100%) scale(0,0);opacity:0}#search.open{-webkit-transform:translate(0,0) scale(1,1);-moz-transform:translate(0,0) scale(1,1);-o-transform:translate(0,0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);opacity:1}#search input::-webkit-input-placeholder{color:#819a95}#search input:-ms-input-placeholder{color:#819a95}#search input::placeholder{color:#819a95}#search .btn{position:absolute;top:22%;left:11%;margin-top:61px;margin-left:30px}#search .close{position:fixed;top:15px;right:15px;color:#fff;opacity:1;padding:10px 17px}#search .close:focus,#search .close:visited{outline-color:rgba(0,77,67,.9)!important;background-color:rgba(0,77,67,.9)}@media only screen and (min-width :320px){#search input[type=search]{position:absolute;top:160px;left:35px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:24px;font-weight:500;text-align:left;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}#search .intro{position:absolute;top:160px;left:35px;width:100%;color:#fff;background:rgba(0,0,0,0);font-weight:300;text-align:left;border:0;margin:0 auto;margin-top:-80px;padding-left:30px;padding-right:30px;outline:0}#search #livesearch{position:absolute;top:200px;width:100%;color:#fff;font-weight:300;outline:0;height:90vh;margin:40px 0 100px 0;overflow-y:auto}#livesearch a{font-size:16px;line-height:80px;width:100%;padding-left:50px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;background-color:#bacfcc;color:#014d44!important;font-weight:600}#livesearch a:hover{background-color:#bacfcc;color:#014d44;font-size:16px;line-height:80px;width:100%;padding-left:50px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#search .icon-search{width:2.5em;height:2.5em;background-size:cover;position:absolute;top:120px;left:20px;margin:0 auto;outline:0;padding:0}#search .no-suggestion{position:absolute;top:0;left:35px;width:100%;color:#fff;font-size:16px;font-weight:300;line-height:28px;margin-top:0;padding-top:0;padding-left:30px;padding-right:0;outline:0;height:100px}}@media (min-width :600px){#search input[type=search]{position:absolute;top:215px;left:85px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:28px;font-weight:500;text-align:left;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}#search .intro{position:absolute;top:215px;left:85px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:20px;font-weight:300;line-height:28px;text-align:left;border:0;margin:0 auto;margin-top:-80px;padding-left:30px;padding-right:30px;outline:0}#search #livesearch{position:absolute;top:200px;width:100%;color:#fff;font-weight:300;outline:0;height:90vh;margin:40px 0 100px 0;overflow-y:auto}#livesearch a{color:#fff;font-size:18px;line-height:80px;width:100%;padding-left:80px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#livesearch a:hover{background-color:#bacfcc;color:#014d44;font-size:18px;line-height:80px;width:100%;padding-left:80px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#search .icon-search{width:2.5em;height:2.5em;background-size:cover;position:absolute;top:185px;left:65px;margin:0 auto;outline:0;padding:0}#search .no-suggestion{position:absolute;top:0;left:85px;width:100%;color:#fff;font-size:16px;font-weight:300;line-height:28px;margin-top:0;padding-top:0;padding-left:30px;padding-right:0;outline:0;height:100px}}@media only screen and (min-width :768px){#search input[type=search]{position:absolute;top:200px;left:150px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:40px;font-weight:700;text-align:left;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}#search #livesearch{position:absolute;top:180px;width:100%;color:#fff;font-size:20px;font-weight:300;outline:0;height:90vh;margin:80px 0 100px 0;overflow-y:auto}#livesearch a{color:#fff;font-size:18px;line-height:80px;width:100%;padding-left:150px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#livesearch a:hover{background-color:#bacfcc;color:#014d44;font-size:18px;line-height:80px;width:100%;padding-left:150px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#search .intro{position:absolute;top:200px;left:150px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:18px;font-weight:300;line-height:28px;text-align:left;border:0;margin:0 auto;margin-top:-80px;padding-left:30px;padding-right:30px;outline:0}#search .icon-search{width:2.85em;height:2.85em;background-size:cover;position:absolute;top:175px;left:120px;margin:0 auto;outline:0;padding:0}#search .no-suggestion{position:absolute;top:0;left:120px;width:100%;color:#fff;font-size:20px;font-weight:300;line-height:28px;margin-top:0;padding-top:0;padding-left:30px;padding-right:0;outline:0;height:100px}}@media only screen and (min-width :992px){#search input[type=search]{position:absolute;top:280px;left:180px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:40px;font-weight:700;text-align:left;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}#search #livesearch{position:absolute;top:280px;width:100%;color:#fff;font-size:20px;font-weight:300;outline:0;height:90vh;margin:80px 0 100px 0;overflow-y:auto}#livesearch a{color:#fff;font-size:18px;line-height:80px;width:100%;padding-left:210px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#livesearch a:hover{background-color:#bacfcc;color:#014d44;font-size:18px;line-height:80px;width:100%;padding-left:210px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#search .intro{position:absolute;top:280px;left:180px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:18px;font-weight:300;line-height:28px;text-align:left;border:0;margin:0 auto;margin-top:-80px;padding-left:30px;padding-right:30px;outline:0}#search .icon-search{width:3em;height:3em;background-size:cover;position:absolute;top:255px;left:150px;margin:0 auto;outline:0;padding:0}#search .no-suggestion{position:absolute;top:0;left:180px;width:100%;color:#fff;font-size:20px;font-weight:300;line-height:28px;margin-top:0;padding-top:0;padding-left:30px;padding-right:0;outline:0;height:100px}}@media only screen and (min-width :1200px){#search input[type=search]{position:absolute;top:280px;left:280px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:60px;font-weight:700;text-align:left;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}#search #livesearch{position:absolute;top:280px;width:100%;color:#fff;font-size:20px;font-weight:300;outline:0;height:90vh;margin:80px 0 100px 0;overflow-y:auto}#livesearch a{color:#fff;font-size:20px;line-height:80px;width:100%;padding-left:310px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#livesearch a:hover{background-color:#bacfcc;color:#014d44;font-size:20px;line-height:80px;width:100%;padding-left:310px;display:flex;flex-direction:row;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}#search .intro{position:absolute;top:280px;left:280px;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:20px;font-weight:300;line-height:28px;text-align:left;border:0;margin:0 auto;margin-top:-80px;padding-left:30px;padding-right:30px;outline:0}#search .icon-search{width:3.5em;height:3.5em;background-size:cover;position:absolute;top:270px;left:245px;margin:0 auto;outline:0;padding:0}#search .no-suggestion{position:absolute;top:0;left:280px;width:100%;color:#fff;font-size:20px;font-weight:300;line-height:28px;margin-top:0;padding-top:0;padding-left:30px;padding-right:0;outline:0;height:100px}}@media only screen and (min-height :100px){#search #livesearch{height:20vh}}@media only screen and (min-height :600px){#search #livesearch{height:50vh}}@media only screen and (min-height :812px){#search #livesearch{height:80vh}}