/* -------------------------------- 

	Primary style

	-------------------------------- */

	*, *::after, *::before {

	  -webkit-box-sizing: border-box;

	  -moz-box-sizing: border-box;

	  box-sizing: border-box;

	}

	a {

	  color: #c00000;

	  text-decoration: none;

	}

	/* -------------------------------- 

	Main components 

	-------------------------------- */

	html, body {

	  height: 100%;

	}

	.cd-main-content {

	  text-align: center;

	}

	.cd-main-content h1 {

	  font-size: 20px;

	  font-size: 1.25rem;

	  color: #64788c;

	  padding: 4em 0;

	}

	 .cd-btn:hover {

	  color: #474747 !important;

	}

	@media only 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;

	  z-index: 99999;

	  -webkit-transition: visibility 0s 0.6s;

	  -moz-transition: visibility 0s 0.6s;

	  transition: visibility 0s 0.6s;

	}

	.cd-panel::after {

	  /* overlay layer */

	  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(0);

	  }

	  100% {

	    -webkit-transform: rotate(45deg);

	  }

	}

	@-moz-keyframes cd-close-1 {

	  0%, 50% {

	    -moz-transform: rotate(0);

	  }

	  100% {

	    -moz-transform: rotate(45deg);

	  }

	}

	@keyframes cd-close-1 {

	  0%, 50% {

	    -webkit-transform: rotate(0);

	    -moz-transform: rotate(0);

	    -ms-transform: rotate(0);

	    -o-transform: rotate(0);

	    transform: rotate(0);

	  }

	  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(0);

	  }

	  100% {

	    -webkit-transform: rotate(-45deg);

	  }

	}

	@-moz-keyframes cd-close-2 {

	  0%, 50% {

	    -moz-transform: rotate(0);

	  }

	  100% {

	    -moz-transform: rotate(-45deg);

	  }

	}

	@keyframes cd-close-2 {

	  0%, 50% {

	    -webkit-transform: rotate(0);

	    -moz-transform: rotate(0);

	    -ms-transform: rotate(0);

	    -o-transform: rotate(0);

	    transform: rotate(0);

	  }

	  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;

	  padding:0 !important;

	  margin:0 !important;

	  width: 30%;

	  height: 40px !important;

	  top:0;

	  line-height: 50px;

	  background: #c00000;

	  z-index: 2;

	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);

	  -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: #fff;

	  padding-left: 5%;

	  margin-top:0px;

	}

	.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 only screen and (min-width: 768px) {

	  .cd-panel-header {

	    width: 30%;

	  }

	}

	@media only screen and (min-width: 1170px) {

	  .cd-panel-header {

	    width: 30%;

	  }

	}

	.cd-panel-close {

	  position: absolute;

	  top: 0;

	  right: 0;

	  height: 100%;

	  width: 60px;

	  /* image replacement */

	  display: inline-block;

	  overflow: hidden;

	  text-indent: 100%;

	  white-space: nowrap;

	}

	.cd-panel-close::before, .cd-panel-close::after {

	  /* close icon created in CSS */

	  position: absolute;

	  top: 22px;

	  left: 20px;

	  height: 3px;

	  width: 20px;

	  background-color: #fff;

	  /* this fixes a bug where pseudo elements are slighty off position */

	  -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: #fff;

	  color:#474747;

	}

	.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 {

	  position: fixed;

	  width: 30%;

	  height: 100%;

	  top: 0;

	  background: #dbe2e9;

	  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;

	}

	@media only screen and (min-width: 768px) {

	  .cd-panel-container {

	    width: 30%;

	  }

	}

	@media only screen and (min-width: 1170px) {

	  .cd-panel-container {

	    width: 30%;

	  }

	}

	.cd-panel-content {

	  position: absolute;

	  top: 0;

	  left: 0;

	  width: 100%;

	  height: 100%;

	  padding: 70px 5%;

	  overflow: auto;

	  /* smooth scrolling on touch devices */

	  -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 only screen and (min-width: 768px) {

	  .cd-panel-content p {

	    font-size: 16px;

	    font-size: 1rem;

	    line-height: 1.6;

	  }

	}