
#slideit * {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-weight:300;
 font-style:normal;
 font-size:100%;
 vertical-align:bottom;
 line-height:normal;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box
}

#slideit input#close-item:checked ~ label.open.cp-title {
	background: #3f51b5;
	font-size: 16px !important;
	padding: 8px 18px !important;
	color: #fff !important; 
	width:260px;
	border-radius: 20px 20px 0px 0px;
}

.cp-user-icon {
    position: absolute;
    top: -35px;
    right: 6px;
    display: block;
    width: 58px;
    margin: 20px auto 15px;
    border: solid 3px #003567 !important;       
    border-radius: 100%;
}

#slideit a {
 text-decoration:none
}
#slideit input[type=radio] {
 display:none
}
#slideit input.accept,#slideit label {
 cursor:pointer
}
#slideit {
 z-index:9999;
 position:fixed;
 width:330px;
 bottom:0;
 right:1%;
}
#slideit section {
 margin:0;
 padding-top: 10px;
 overflow:hidden;
 width:100%;
 height:auto;
 right:0;
 bottom:0;
 position:absolute;
 z-index:10;
 background:#fff;
 border-bottom:6px solid #A7ABC6;
 -webkit-backface-visibility:hidden
}
#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: 20px 20px 0px 0px;
 position:relative;
 float:left
}
#slideit .field {
 position:relative;
 display:inline-block;
 margin-bottom:20px
}
#slideit input#open-options:checked~.more-options {
 max-height:230px;
 visibility:visible
}
#slideit .title {
 display:block;
 text-transform:uppercase;
 font-size:24px;
 color:#ffff00;
 padding-bottom:6px;
 margin-bottom:6px;
 font-weight:bold;
 text-shadow: 1px 2px 2px rgba(0,0,0,.7);


}
#slideit p.info {
 display:block;
 font-size:20px;
 color:#fff;
}
#slideit p.info a {
 color:#fff
}
#slideit p.info a:hover {
 text-decoration:underline
}
#slideit label.close,#slideit label.open {
 text-align:center;
 position:absolute
}
#slideit label.open {
 font-size:11px;
 color:#fff;
 background:#fff;
 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 {
 bottom:0
}
#slideit label.open:focus,#slideit label.open:hover {
 background:#fff;
 color:#fff
}
#slideit label.close {
 right:30px;
 left:auto;
 top:0;
 bottom:auto;
 font-size:20px;
 background:#002685;
 color:#fff;
 width:22px;
 z-index:999
}
#slideit label.close:focus,#slideit label.close:hover {
 background:#757786
}
#slideit input.accept {
 background:#9EA3C5;
 color:#fff;
 display:inline-block;
 float:left;
 font-size:13px;
 text-transform:uppercase;
 padding:6px 14px;
 text-align:center;
 border:0;
 outline:0;
 width:auto;
 margin-top:16px
}
#slideit input.accept:focus,#slideit input.accept:hover {
 background:#757786
}
#slideit a,#slideit input.accept,#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
}
#slideit section {
 -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~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
}
@media screen and (max-width:420px) {
 #slideit {
  width:100%;
  right:0;
  left:0
 }
}

