#findtop {
	/* background-color: #e27876;*/
}

#findtop {
    border: 1px solid transparent; 
    padding-right: 0px;
    margin-right: 0px;
    display: block;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 35px;
    height: 39px;
}

#opentopfindchek,
#closetopfindchek {
    display: none;
}
#searchform form #search {
    float: left;
    position: relative;
}

#searchform form #search,
#searchform form,
#searchform {
    margin: 0;
    padding: 0;
    width: 0;
    opacity: 0;
    height: 39px;
    overflow: hidden;
    outline: none;
    border: 0;
}
#searchform form .buttonSend,
#labelopentopfindbtn {
    background-image: url(search24.png);
}
#searchform form .buttonSend,
#labelclosetopfindbtn,
#labelopentopfindbtn {
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-x: 5px;
    background-position-y: 7px;
    background-color: transparent;
    position: absolute;
}

#labelclosetopfindbtn,
#searchform form .buttonSend {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-in-out;
}
#searchform form .buttonSend,
#labelclosetopfindbtn,
#labelopentopfindbtn {
    cursor: pointer;
    padding-top: 0px;
    padding-left: 0px;
    margin: 0;
    padding-bottom: 0px;
    width: 35px;
    height: 39px;
    border: 0;
    position: absolute;
}
#searchform form .buttonSend,
#labelopentopfindbtn {
   z-index: 1000;
}
#searchform form .buttonSend {
    padding-right: 0px;
    outline: 0;
}
#labelopentopfindbtn,
#labelclosetopfindbtn {
    right: 0;
    background-color: #ffffff;
}

#opentopfindchek.checked ~ * #labelclosetopfindbtn,
#opentopfindchek:checked ~ * #labelclosetopfindbtn {
    opacity: 1; 
    filter:Alpha(OPACITY=100);   
    width:35px;
}

#labelclosetopfindbtn {
    background-image: url(cross-32b.png);
    width:35px;
    opacity: 0; 
    filter:Alpha(OPACITY=0);  
}
#opentopfindchek.checked ~ * #labelopentopfindbtn,
#opentopfindchek:checked ~ * #labelopentopfindbtn {
    opacity: 0; 
    filter:Alpha(OPACITY=0);   
    /*right:35px;*/
}


#closetopfindchek.checked ~ * #labelopentopfindbtn,
#closetopfindchek:checked ~ * #labelopentopfindbtn {
    opacity: 1; 
    filter:Alpha(OPACITY=100);   
    right:0;
}

#closetopfindchek.checked ~ * #labelclosetopfindbtn,
#closetopfindchek:checked ~ * #labelclosetopfindbtn {
    opacity: 0;  
}


#opentopfindchek.checked ~ #findtop,
#opentopfindchek:checked ~ #findtop {
    width: 100%;
    top: 0;
    bottom: 0;
    border-color: #f25252;
    background-color: #ffffff;
}
#opentopfindchek.checked ~ * #searchform,
#opentopfindchek:checked ~ * #searchform,
#opentopfindchek.checked ~ * #searchform form #search,
#opentopfindchek:checked ~ * #searchform form #search {
    width: 100%;
    opacity: 1; 
    filter:Alpha(OPACITY=100);   
}


#opentopfindchek.checked ~ * #searchform form #search,
#opentopfindchek:checked ~ * #searchform form #search {
	  width: -o-calc(100% - 40px);
	  width: -ms-calc(100% - 40px);
	  width: -moz-calc(100% - 40px);
	  width: -webkit-calc(100% - 40px);
  	width: calc(100% - 40px);
    opacity: 1; 
    filter:Alpha(OPACITY=100);   
    padding-left: 5px;    
}

#opentopfindchek.checked ~ * #searchform form,
#opentopfindchek:checked ~ * #searchform form {
	  width: -o-calc(100% - 35px);
	  width: -ms-calc(100% - 35px);
	  width: -moz-calc(100% - 35px);
	  width: -webkit-calc(100% - 35px);
  	width: calc(100% - 35px);
    opacity: 1; 
    filter:Alpha(OPACITY=100);   

}