*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);.expSearchBox{ position:absolute; right:0;margin:12px 0;}.expSearchFrom{border:3px solid #fff;border-radius:20px;display:inline-block;height:34px;position:relative;}input#field{cursor:pointer;border:none;background:transparent;height:30px;width:0px;line-height:0px;vertical-align:top;padding:0px 15px;-webkit-transition:width .5s;transition:width .5s;position:relative;z-index:2;color:#fff;}input#field:focus{width:140px;outline:none;margin-right:30px; border-radius:50px;background:#FFF; color:#333; top:-1px; left:-1px }.close{position:absolute;width:30px;height:30px;top:0px;right:0px;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;cursor:pointer;z-index:1;opacity:1;}
.close span{background:#fff none repeat scroll 0 0;border-radius:3px;display:block;height:4px;position:absolute;right:-7px;top:29px;width:14px;-webkit-transition:.2s .5s ease-in-out;-moz-transition:.2s .5s ease-in-out;-o-transition:.2s .5s ease-in-out;transition:.2s .5s ease-in-out;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.close span.back{top:12px;right:5px;opacity:0;}input#field:focus+.close span{top:12px;right:5px;}input#field:focus+.close span.back{-webkit-transition:.5s .7s ease-in-out;-moz-transition:.5s .7s ease-in-out;-o-transition:.5s .7s ease-in-out;transition:.5s .7s ease-in-out;-webkit-transform:rotate(45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);opacity:1;}.codecon_half{ position:relative;}