/*********** INFORMATION *****************************



- document:  SlideIt - CSS3 fixed sliding elements

- author:    Capelle @ Codecanyon

- profile:   http://codecanyon.net/user/Capelle



*****************************************************/



@import url(http://fonts.googleapis.com/css?family=Lato:300);

#slideit *{margin:0;padding:0;border:0;outline:0;font-weight:300;font-style:normal;font-size:100%;font-family:Lato,sans-serif;vertical-align:baseline;line-height:normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#slideit a{text-decoration:none}#slideit input[type=radio]{display:none}

#slideit label{cursor:pointer}

#slideit{z-index:9999;position:fixed;width:320px;bottom:0;right:2%}

#slideit section{margin:0;overflow:hidden;width:100%;height:auto;right:0;bottom:0;position:absolute;z-index:10;background:#fff;-webkit-backface-visibility:hidden;-webkit-transition:all .4s cubic-bezier(0.2,.6,.3,1);-moz-transition:all .4s cubic-bezier(0.2,.6,.3,1);-ms-transition:all .4s cubic-bezier(0.2,.6,.3,1);-o-transition:all .4s cubic-bezier(0.2,.6,.3,1);transition:all .4s cubic-bezier(0.2,.6,.3,1)}

#slideit input#close-item:checked~section,

#slideit section{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}#slideit input#open-item:checked~section{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#slideit section .wrap{padding:30px;position:relative;border-bottom:6px solid #A7ABC6; background: #72C02C}#slideit .field{width:100%;position:relative;display:block}#slideit label.close,

#slideit label.open{text-align:center;position:absolute}#slideit label.open{font-size:15px; font-weight: 700; color:#fff;background:#009BDF;width:100px;bottom:-50px;left:0;right:0;top:auto;margin:0 auto;padding:10px 0;text-transform:uppercase;z-index:1}

#slideit input#close-item:checked~label.open{-webkit-transition:bottom .3s ease .4s,background .1s ease,color .1s ease;-moz-transition:bottom .3s ease .4s,background .1s ease,color .1s ease;-ms-transition:bottom .3s ease .4s,background .1s ease,color .1s ease;-o-transition:bottom .3s ease .4s,background .1s ease,color .1s ease;transition:bottom .3s ease .4s,background .1s ease,color .1s ease;bottom:0}#slideit label.open:focus,

#slideit label.open:hover{background:#222;color:#fff}#slideit label.close{right:30px;left:auto;top:0;bottom:auto;font-size:20px;background:#9ea3c5;color:#fff;width:22px;z-index:999}#slideit label.close:focus,#slideit label.close:hover{background:#757786}

#slideit input{display:block;width:100%;border-bottom:solid 1px #ddd;padding:0 20px 6px 30px;font-size:14px;color:#222;position:relative}

#slideit input:focus,#slideit input:hover{border-bottom-color:#222;outline:0}#slideit input.search-btn{content:"";background:#fff url(img/search.png) no-repeat right;width:20px;height:20px;cursor:pointer;border:0;outline:0;position:absolute;top:0px;left:0;padding:0}#slideit input.search-btn:focus,#slideit input.search-btn:hover{background:#fff url(img/search-focus.png) no-repeat right}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-input-placeholder{color:#999}#slideit input:focus::-webkit-input-placeholder{color:#ccc}#slideit textarea:focus::-webkit-input-placeholder{color:#ccc}:-moz-placeholder{color:#999}#slideit input:focus:-moz-placeholder{color:#ccc}#slideit textarea:focus:-moz-placeholder{color:#ccc}::-moz-placeholder{color:#999}#slideit input:focus::-moz-placeholder{color:#ccc}#slideit textarea:focus::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#999}#slideit input:focus:-ms-input-placeholder{color:#ccc}#slideit textarea:focus:-ms-input-placeholder{color:#ccc}.ie9-placeholder{color:#999!important}.ie9-placeholder:focus{color:#ccc!important}#slideit input,#slideit label{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}