.cd-main-content {
  text-align:center;
}
.cd-main-content h1 {
  font-size:20px;
  font-size:1.25rem;
  color:#64788c;
  padding:4em 0;
}
.cd-main-content .cd-btn {
  position:relative;
  display:inline-block;
  padding:1em 2em;
  background-color:#89ba2c;
  color:#ffffff;
  font-weight:bold;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border-radius:50em;
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  transition:all 0.2s;
}
.no-touch .cd-main-content .cd-btn:hover {
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width:1170px) {
  .cd-main-content h1 {
    font-size:32px;
    font-size:2rem;
  }
}
.cd-panel {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  visibility:hidden;
  -webkit-transition:visibility 0s 0.6s;
  -moz-transition:visibility 0s 0.6s;
  transition:visibility 0s 0.6s;
  background:rgba(0,0,0,0.6);
}
.cd-panel::after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:transparent;
  cursor:pointer;
  -webkit-transition:background 0.3s 0.3s;
  -moz-transition:background 0.3s 0.3s;
  transition:background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility:visible;
  -webkit-transition:visibility 0s 0s;
  -moz-transition:visibility 0s 0s;
  transition:visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background:rgba(0, 0, 0, 0.6);
  -webkit-transition:background 0.3s 0s;
  -moz-transition:background 0.3s 0s;
  transition:background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation:cd-close-1 0.6s 0.3s;
  -moz-animation:cd-close-1 0.6s 0.3s;
  animation:cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation:cd-close-2 0.6s 0.3s;
  -moz-animation:cd-close-2 0.6s 0.3s;
  animation:cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
}
.cd-panel-header {
  position:fixed;
  width:300px;
  height:50px;
  //top:10px !important;
  line-height:50px;
  background:#cecece;
  z-index:2;
  -webkit-transition:top 0.3s 0s;
  -moz-transition:top 0.3s 0s;
  transition:top 0.3s 0s;
}
.cd-panel-header h1 {
  font-weight:bold;
  color:#89ba2c;
  padding-left:5%;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top:-50px;
}
.from-right .cd-panel-header {
  right:0;
}
.from-left .cd-panel-header {
  left:0;
}
.is-visible .cd-panel-header {
  top:0;
  -webkit-transition:top 0.3s 0.3s;
  -moz-transition:top 0.3s 0.3s;
  transition:top 0.3s 0.3s;
}
@media screen and (max-width:768px) {
  .cd-panel-header {
    width:70%;
  }
}
@media screen and (max-width:1170px) {
  .cd-panel-header {
    width:50%;
  }
}
.cd-panel-close {
 	width:17px;
  	height:17px;
	background:url(../../img/sprit.png) -304px -7px no-repeat;
  	display:inline-block;
	float:right;
  	display:inline-block;
  	margin:15px;
}
.cd-panel-close::before, .cd-panel-close::after {
  position:absolute;
  top:22px;
  left:20px;
  height:3px;
  width:20px;
  background-color:#424f5c;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.cd-panel-close::before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  /*background-color:#424f5c;*/
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color:#ffffff;
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  transition-property:transform;
  -webkit-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  transition-duration:0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform:rotate(220deg);
  -moz-transform:rotate(220deg);
  -ms-transform:rotate(220deg);
  -o-transform:rotate(220deg);
  transform:rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  transform:rotate(135deg);
}
.cd-panel-container {
  width:300px;
  height:100%;
  position:fixed;
  top:0px !important;
  background:#F0EEEF;
  z-index:1;
  -webkit-transition-property:-webkit-transform;
  -moz-transition-property:-moz-transform;
  transition-property:transform;
  -webkit-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-delay:0.3s;
  -moz-transition-delay:0.3s;
  transition-delay:0.3s;
}
.from-right .cd-panel-container {
  right:0;
  -webkit-transform:translate3d(100%, 0, 0);
  -moz-transform:translate3d(100%, 0, 0);
  -ms-transform:translate3d(100%, 0, 0);
  -o-transform:translate3d(100%, 0, 0);
  transform:translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left:0;
  -webkit-transform:translate3d(-100%, 0, 0);
  -moz-transform:translate3d(-100%, 0, 0);
  -ms-transform:translate3d(-100%, 0, 0);
  -o-transform:translate3d(-100%, 0, 0);
  transform:translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  -webkit-transition-delay:0s;
  -moz-transition-delay:0s;
  transition-delay:0s;
}
.cd-panel-content {
  background:#f0eeef !important;
  position:absolute;
  top:102px;
  left:0;
  width:100%;
  height:100%;
  padding:0px 0px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.cd-panel-content p {
  font-size:14px;
  font-size:0.875rem;
  color:#424f5c;
  line-height:1.4;
  margin:2em 0;
}
.cd-panel-content p:first-of-type {
  margin-top:0;
}
@media screen and (max-width:768px) {
  .cd-panel-content p {
    font-size:16px;
    font-size:1rem;
    line-height:1.6;
  }
}
.forLabelAccordion figure {
  display:inline-block;
}
@media screen and (max-width:768px) {
  .cd-panel-container {
    width:50%;
  }
  .cd-panel-content p {
    font-size:16px;
    font-size:1rem;
    line-height:1.6;
  }
}
@media screen and (max-width:1170px) {
  .cd-panel-container {
    width:50%;
  }
}
@media screen and (max-width:635px) {
  .cd-panel-container {
    width:75% !important;
  }
}
@media screen and (max-width:400px) {
  .cd-panel-container {
    width:85% !important;
  }
}