/*------------------------------------*\
   Custom
\*------------------------------------*/

/* Footer */

.footer .container {
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  justify-content: center;
  max-width: 600px;
  flex-wrap: wrap;
}

.footer .container p {
  /*flex-basis: 45%;*/
	flex-basis:33%;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-size: .85rem;
}

/*added 093019*/
.footer .container p.copyright {
	text-align:center;
}

/* Wisdom */

.wisdom-slider {
  margin: 0px;
  background: #fff;
  border: none;
}

.wisdom-slide {
  width: 100%;
  min-height: 500px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.wisdom-slides {
  margin: 0px;
  padding: 0px;
}

/* wisdom background colors */

.wisdom-slide {
  background-color: rgba(89,226,209,1);
}


.wisdom-slide .contents {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
  padding: 25px;
}

.wisdom-slide h4 {
	font-family: 'Playfair Display', serif;
	font-weight: 100;
	color: rgba(59,44,78,1);
  font-size: 2.5em;
}

.wisdom-slide p {
  color: #fff;
  font-size: 1.35em;
  margin-left: -15px;
}
/* Blurbs */

.blurbs {
 text-align: center;
 margin: 0px;
}

.blurbs p {
  font-size: 1rem;
  line-height: 1.5em;
}

.blurbs h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: .85rem;
  margin-top: 0px;
  color: rgba(59,44,78,.65);
}

/* Home */

.home-hero {
}

.home-hero h1 {
  color: rgba(249,220,67,1);
  font-size: 10em;
  line-height: 1em;
}

.home-hero h2 {
  color: rgba(249,220,67,1);
  font-size: 3.5em;
  line-height: 1.15em;
  text-align: right;
}

.page-id-6 .page-wrapper, .page-wrapper.front {
	position: relative;
	margin-top: 0px;
	background-color: #fff;
	min-height: calc(100vh);
}

.home-intro a { font-size: 1.35em; }

/* Projects */

.home-projects a:not(.overlay-link),
.home-creations a {
	color: rgba(251,78,74,1);
	transition: all .2s linear;
  font-size: 1.35em;
  padding-bottom: 3px;
	border-bottom: 3px solid rgba(251,78,74,1);
}

.home-projects a:not(.overlay-link):hover,
.home-creations a:hover {
	color: rgba(251,78,74,1);
	border-bottom: 3px solid rgba(251,78,74,1);
}
.home-creations {
  background-color: rgba(15,171,137,0.15);
}

.projects h6 {
  background-color: rgba(11,42,63,1);
  padding: 5px 5px;
  color: rgba(255, 255, 255,1);
  margin: 10px 0px 10px 0px;
}

.projects h2 {
  color: rgba(255,255,255,1);
  margin: 10px 0px 0px 0px;
  line-height: 1em;
}

.projects p, .wisdom p {
  font-family: 'courier-prime', monospace;
  color: rgba(255,255,255,1);
  font-size: 1.35em;
}

.wisdom {
  background-color: rgba(199,229,231,1);
}

/* Project Page */

.projects-page {
  background-color: #fff;
}

.single-project {
  margin-top: 0px;
  position: relative;
}

.project-header {
  top: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.project-header h1 {
  margin: 0;
  font-size: 1.6em;
}

.project-label {
  background-image: url('/wp-content/uploads/small-stroke-bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  font-size: 1em;
  color: #fff;
  padding: 12px 25px;
  margin: 0 auto;
  max-width: 145px;
}

.project-label h6 {
  margin: -6px 0px 0px -6px;
  padding: 0px;
  color: rgba(255,255,255,1);
  font-size: .85em;
}

span.project-number {
  font-size: 1.15em;
  font-family: 'Rock Salt', cursive;
  color: rgba(255,255,255,1);
  margin-left: 5px;
}


/* Steps Slider */

button.slider-nav {
  width: 60px;
  height: 60px;
  line-height: .5;
  border: 2px solid #ccc;
  color: #ccc;
  border-radius: 50%;
  background: transparent;
  font-size: 36px;
  text-align: center;
  outline: none;
  opacity: 0.5;
  transition: opacity .2s ease-out;
  position: fixed;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

button.slider-nav.left {
  left: 25px;
  border: 2px solid rgba(251,78,74,1);
  color: rgba(251,78,74,1);
}

button.slider-nav.right {
  right: 25px;
  color: #fff;
  background-color: rgba(251,78,74,1);
}

button.slider-nav:hover {
  opacity: 1;
  background: transparent;
}

.scroller {
  overflow: hidden;
  background-color: rgba(220,239,240,.5);
  height: calc(100vh - 131px);
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
}


  /* Steps */

  .steps {
    white-space: nowrap;
    transition: transform .5s ease-in-out;
    height: calc(100vh - 131px);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  /* step flexslider */

  #step-holder  {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  #step-holder.fullscreen-view  > .flex-direction-nav {
    display: none;
  }

  .flex-direction-nav a {
    display: block;
    position: fixed;
  }

  .wisdom-slider .flex-direction-nav a {
    position: absolute;
  }

  .flex-direction-nav .flex-next { right: 25px !important; margin-right: 0px; opacity: 1 !important; }
  .flex-direction-nav .flex-prev { left: 25px !important; opacity: 1 !important; margin-left: 0px; }

  #step-holder > .flex-direction-nav a:before {
  	font-family: 'Material Icons';
  	font-size: 36px;
  	width: 48px;
  	height: 48px;
  	line-height: 48px;
  	background-color: transparent;
  	border-radius: 50%;
  	color: #fff;
  	text-align: center;
  	box-sizing: border-box;
  }

  #step-holder  > .flex-direction-nav a.flex-prev:before {
  	content: '\E5C4';
    margin-left: 0px;
    line-height: 44px;
    color: rgba(251,78,74,1);
    border: 2px solid rgba(251,78,74,1);
  }

  #step-holder > .flex-direction-nav a.flex-next:before {
  	content: '\E5C8';
    margin-right: 0px;
    color: #fff;
    background-color: rgba(251,78,74,1);
  }

  .step {
    position: relative;
  	width: 100%;
  	min-height: calc(100vh - 115px);
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    overflow:  hidden;
    white-space: normal;
    padding-top: 50px !important;
    background-color:  rgba(249,220,67,1);
  }

  .step.intro {
    height: auto;
    min-height: calc(100% - 131px);
    width: 100%;
    display: inline-flex;
    overflow:  scroll;
    white-space: normal;
  }

  .step.intro p {
    font-size: 1.75em;
    color: rgba(11,42,63,1);
    font-family: 'courier-prime', monospace;
  }

  .intro-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .15;
  }

  .step-content {
    max-width: 780px;
    margin: 0px auto;
    padding: 25px 25px 120px 25px;
    opacity: 1;
    transition: opacity .35s ease-in-out;
    position: relative;
    max-height: calc(100vh - 181px);
    /* changed to auto to avoid empty white scroll backgrounds on older webkit*/
    overflow-y: auto;
  }
  /* Commented out for testing
  .step-content:before {
    content: '';
    position: fixed;
    bottom: calc(25% - 20px);
    left: 0;
    width: 100%;
    height: 150px;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(249,220,67,0) 0%, rgba(249,220,67,0) 25%, rgba(249,220,67,1) 100%);
    background: -webkit-linear-gradient(top, rgba(249,220,67,0) 0%,rgba(249,220,67,0) 25%,rgba(249,220,67,1) 100%);
    background: linear-gradient(to bottom, rgba(249,220,67,0) 0%,rgba(249,220,67,0) 25%,rgba(249,220,67,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9dc43', endColorstr='#f9dc43',GradientType=0 );
  }
  */

  .step:last-of-type .step-content {
    max-height: 100%;
  }

  .step-content.revealed {
    max-width: 660px;
    margin: 0 auto;
    opacity: 0;
  }

  .step-content p {
    font-size: 1.35em;
    font-family: 'courier-prime', monospace;
    color: rgba(11,42,63,1);
  }

  .step-content .step-count {
    margin: 0px;
  }

  .step .step-image {
    height: 20%;
    width: 50%;
    text-align:center;
    margin: 0 auto;
    position: absolute;
    bottom: 0%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .35s ease-in-out;
    cursor: pointer;
    z-index: 1;
  }

  .step .step-image.revealed {
    bottom: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    height: 50%;
    width: 80%;
    background-size: contain;
  }

  .step .step-image.revealed button.reveal-image {
    transform: rotate(180deg);
  }

  button.reveal-image {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -25px;
    width: 50px;
    height: 50px;
    font-size: 48px;
    padding-top: 12px;
    border-radius: 50%;
    background-color: tomato;
    color: #fff;
    transition: all .35s linear;
  }

  /* Project List */

  .project-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
  }

  .project-list .project-item {
    flex-basis: 30%;
    margin: 1.5%;
  }

  .project-item {
    height: 420px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
  }

  .project-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .2s linear;
  }

  .project-item .overlay.background-image {
    background-size: cover;
    background-position: center center;
    /* blur stuff */
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    transform: scale(1.0);
  }

  .project-item .contents {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    padding: 25px 25px 25px 25px;
  }

  .project-item .project-label {
    position: relative;
    margin: 25px auto 0px;
  }


  .project-item .project-title {
    color: rgba(255,255,255,1);
    font-size: 2.25em;
    margin: 0;
    text-align: center;
  }

  .project-item p {
    font-family: 'courier-prime', monospace;
    color: rgba(255,255,255,0.9);
    font-size: 1.35em;
  }

  .project-item .bottom-position {
    position: absolute;
    bottom: 0px;
    padding: 0px 25px 25px;
    width: 100%;
  }

  .project-item .action-button {
    width: 100%;
    background-color: rgba(249,220,67,1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(59,44,78,1);
    height: 50px;
    transition: all .2s linear;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }

  .project-item a.overlay-link {
    transition: all .2s linear;
  }

  .project-item a.overlay-link:hover {
    transition: all .2s linear;
  }

  .project-item .overlay:not(.background-image) {
    background: rgba(15,171,137,.5);
  }

  .project-item .overlay-link:hover .overlay {
    background: rgba(15,171,137,.75);
  }

  .project-item .overlay-link:hover .action-button {
    background-color: rgba(249,220,67,1);
  }

  .project-item .overlay-link:hover .overlay.background-image {
    background-size: cover;
    background-position: center center;
    /* blur stuff */
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    transform: scale(1.1);
  }

  .project-item .action-button i {
    transition: all .2s linear;
    position: relative;
    margin-left: -30px;
    font-size: 1.75em;
  }

  .project-item .overlay-link:hover .action-button i {
    margin-left: 10px;
  }

  .project-item .action-button:before {
    transition: all .2s linear;
    content: 'Start';
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    position: relative;
    opacity: 0;
    left: -10px;
  }

  .project-item .overlay-link:hover .action-button:before {
    transition: all .2s linear;
    content: 'Start';
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    position: relative;
    opacity: 1;
    left: 0px;
  }

  /* Creations */

  .creations-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .creations-header .column {
    flex-basis: 45%;
    max-width: 320px;
  }

  .creations-header .column p {
    font-size: 1em;
  }

  /* PayPal */

  .PayPal { text-align: center; margin: 0 auto; }
  .PayPal input[type="image"] { max-width: 200px; }
  .PayPal--Give input[type="image"] { max-width: 200px; }
.PayPal--Give select { width: 100%; }

.join-now-margins {
	margin: 15px 0 5px 0 !important;
}

.join-now-margins p {
	margin: 0;
}

.new-giving-section p {
	margin:0;
}

  /* Masonry w/JS

  .creations-list {
  display: flex;
  flex-flow: column wrap;
  max-height: 2400px;
  margin-left: -15px;
  width: 100%;
}

.creations-list .creation-item {
  margin: 0 8px 8px 0;
  overflow: hidden;
  border-radius: 5px;
  margin: 0 0 15px 15px;
  color: white;
  position: relative;
  width: 25%;
}

.creation-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

*/

.creations-list {
  column-count: 3;
  column-gap: 25px;
  column-fill: inherit;
}

.creation-item {
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
}

.creation-item:after {
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: calc(100% - 25px);
  background-color: rgba(15,171,137,0);
  transition: all .2s linear;
  pointer-events: none;
}
.creation-item:hover:after {
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: calc(100% - 25px);
  background-color: rgba(15,171,137,.5);
  transition: all .2s linear;
  pointer-events: none;
}

.creation-item:hover {
  cursor: pointer;
}

.creation-item img {
  margin-bottom: 25px;
}

.page-id-6 .creation-item:after, .home .creation-item:hover:after { display: none; }
.page-id-6 .creation-item { pointer-events: none; }



  .share-form, .creation-meta { display: none; }
  .share-form.revealed, .creation-meta.revealed {
    display:block;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100vw;
    min-height: 100vh;
    background-color: rgba(255,255,255,1);
    z-index: 3;
  }

  .share-form .contents {
    max-width: 600px;
    width: 100%;
    margin: auto;
    position: relative;
    height: auto;
  }

  .creation-meta .creation-img {
    position: absolute;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
  }

  .creation-meta .close-button {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1;
    cursor: pointer;
  }

  .creation-meta .meta-box {
    width: 100%;
    position: absolute;
    height: auto;
    padding: 25px;
    bottom: 0;
    background-color: rgba(255,255,255,1);
  }

  .creation-meta .contents {
    max-width: 800px;
    width: 100%;
    margin: auto;
    position: relative;
    height: auto;
  }

  .creation-meta .contents p {
    /* color: #fff; */
  }

  .share-form .contents h2 {
    color: #fff;
  }

  .share-form .contents .close-button, .creation-meta .contents .close-button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }

.share-form .acf-label { /*display: none;*/ }

.share-form .acf-field[data-name="image"] {
  flex-basis: 100%;
  cursor: pointer;
}

.acf-image-uploader {
  border: 1px solid rgba(0,0,0,.15);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 25px;
}

/* --- Commmented out
.acf-image-uploader:after {
  content: '\E148';
  font-family: 'Material Icons';
	font-size: 28px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background-color: rgba(251,78,74,.85);
	border-radius: 25px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

.acf-image-uploader:hover:after {
  content: '\E148';
  font-family: 'Material Icons';
	font-size: 28px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background-color: rgba(251,78,74,1);
	border-radius: 25px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

input[type="file"] {
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

---*/

.share-form .acf-field:not(:first-child) {
}

.share-form .acf-field[data-name="creator_name"],
.share-form .acf-field[data-name="message"],
.share-form .acf-field[data-name="project"] {
  flex-basis: 50%;
}

.share-form .acf-field[data-name="age"],
.share-form .acf-field[data-name="grade"] {
  flex-basis: 25%;
}

.share-form .acf-fields {
  display: flex;
  flex-wrap: wrap;
}

.acf-form-submit .button {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.donate {
	line-height: 1;
	color: rgba(59,44,78,1);
	cursor: pointer;
	font-family: "Roboto", Sans-serif;
	font-weight:700;
	padding-left:40px;
	padding-right:40px;
}
.elementor-element-57a578b3 .donate {
	padding-left:0;
	padding-right:0;
}
.home-creations-form .acf-field-5acba33cc5116 {display:none;}
/* Contact Form 7 Mods */

.wpcf7-form-control {
    width: 100%;
}

  /* Flexslider flex-disabled */

  .flex-disabled {
      display: none !important;
    }
/* to hide projects select on new page */
.home-creations-form .acf-field-5acba33cc5116 {display:none;}
/********VIDEO PAAGE CSS**********/
.vid-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.vid-item-container {
	flex-basis: 49%;
	padding-bottom:20px;
}
.vid-item {
    height:275px;
    margin-bottom:5px;
}
.vid-item video {
	min-width: 100% !important;
	min-height: 100% !important;
	height: 100% !important;
	width: 100% !important;
	background-color:#000;
}
.vid-item-container h3 {
	font-family: 'Roboto', sans-serif;
	text-align:center;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	padding:0;
}
.vid-archive {
	padding:40px 0;
}
.vid-archive, .vid-top {
	width: calc(100% - 50px);
	margin: 30px auto;
	max-width:1000px;
}
.vid-top h2 {
	font-size:2.2em;
	text-align:center;
	margin-top:80px;
}
.vid-top p {
	font-size:1.35em;
	color:rgba(59,44,78,.85);
	text-align:center;
}
/********CSS NEW LANDING PAGE**********/
.new-page-top {
	display:flex;
	background:#F9DC43;
}
.new-page-top .columns {
	width:12%;
}
.new-page-middle {
	display:flex;
	align-items:center;
	justify-content:center;
	width:76%;
}
.new-page-inner-content {
	width:60%;
	height:auto;
	text-align:center;
}
.elementor-widget-wrap > .elementor-element.new-page-started {
	width:62%;
	margin:0 21%;
}

.new-page-started h2 {
	font-size: calc(14px + (32 - 12) * ((100vw - 300px) / (1600 - 300)));
}
.new-page-inner-content h2 {
	font-size: calc(16px + (32 - 10) * ((100vw - 300px) / (1600 - 300)));
}
.new-page-inner-content h2 {

}
.new-page-inner-content p, .new-page-started p, .new-page-create p, .new-page-ideas p {
	font-size: calc(12px + (26 - 12) * ((100vw - 300px) / (1600 - 300)));
}
.new-page-inner-content p {
	margin-bottom: 1.5em;
}
.elementor-2959 .elementor-element.elementor-element-2f22fb6 {
    /*font-size: calc(12px + (26 - 12) * ((100vw - 300px) / (1600 - 300)));*/
}

@media screen and (max-width: 1048px) {
	.new-page-inner-content {
		width:70%;
	}
	.new-page-top .columns {
		width:15%;
	}
	.new-page-started h2 {
		font-size:1.2em;
	}
}
@media screen and (max-width: 767px) {
	.new-page-top .columns {
		display:none;
	}
	.new-page-middle {
		width:90%;
		margin:0 5%;	
	}
	.new-page-inner-content {
		width:100%;
		padding:20px 0;
	}
	.new-page-inner-content h2 {
		font-size:1.6em;
	}

	.new-page-inner-content p {
		font-size: 1.2em;
	}
	.elementor-widget-wrap > .elementor-element.new-page-started {
		width:94%;
		margin:0 3%;
	}
	.new-page-started p {
		font-size:.9em;
	}
	.new-page-create p, .new-page-ideas p {
		font-size:1.2em;
		width:98%;
		margin:0 1%;
	}
	.new-page-ideas h2 {
		text-align:center;
	}
	.mg_mobile_mode .mgis_m_w_1_2 {
		float:none;
		width: 80%;
		height:200px;
		margin:10px 12% 20px 8%;
	}
	.elementor-3141 .elementor-element.elementor-element-6bd786a4 {
		padding: 0 1em 2em 1em !important;
	}
	.vid-item-container {
		flex-basis: 90%;
		padding-bottom:20px;
		margin:0 5%;
	}
	.vid-item {
		height:280px;
		margin-bottom:5px;
	}
}

@media screen and (max-width: 680px) {

	.vid-item {
		height:260px;
	}
}
@media screen and (max-width: 480px) {
	.vid-item-container {
		flex-basis: 98%;
		margin:0 1%;
	}
	.vid-item {
		height:200px;
	}
}

/********CSS CHANGES REQUESTED FOR MISCELANEOUS ITEMS ******/
.image-slide {
	margin-bottom:30px;
}

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: white;
    padding: 0.4em;
    box-sizing: border-box;
}
.ui-slideouttab-panel {
	display: block;
	position: fixed;
    border: 2px solid grey;
}
/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
	transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    color: white;
    background-color: grey;
}
.ui-slideouttab-handle-image {
    transform: rotate(0);
}

/* Right */
.ui-slideouttab-right {
	right: 0px;
	transform: translateX(100%);
	border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
    transform-origin: 0% 100%;
    transform: rotate(-90deg);
}
/* Left */
.ui-slideouttab-left {
	left: 0px;
	transform: translateX(-100%);
	border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
	transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
    transform-origin: 100% 0%;
    transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
    transform-origin: 100% 100%;
    transform: rotate(-90deg) translate(100%,100%);   
}
/* Top */
.ui-slideouttab-top {
	top: 0px;
	transform: translateY(-100%);
	border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
	transform: translateY(0%);
}
/* Bottom */
.ui-slideouttab-bottom {
	bottom: 0px;
	transform: translateY(100%);
	border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
		transform: translateY(0%);
}

/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
    transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
    margin-left: 0.5em;
}

/* apply rounded corners if handle has the -rounded class */
.ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
    border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
    border-radius: 4px 4px 0 0;
}

/********CSS FOR PDF PRINT DROPDOWN ON PROJECTS PAGE ******/

.pdf-menu-container, .pdf-print-single {
	position:absolute;
	width:160px;
	right:18px;
	top:10px;
}
.dropbtn {
	background-color: transparent;
	color: rgba(59,44,78,1);
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	transition:all 0s;
}
.pdf-print {
	font-size:18px;
	margin-right:10px;
	color: rgba(59,44,78,1);
}
/* The container <div> - needed to position the dropdown content */
.pdf-menu {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: rgba(59,44,78,1);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.pdf-menu:hover .dropdown-content {
  display: block;
}

/* PDF Print Button on individual project pages */
.pdf-print-single {
	width:130px;
	right:30px;
}
.pdfbutton {
	color: rgba(59,44,78,1);

}
.pdf-print-single-icon {
	font-size:18px;
	position:relative;
	top:3px;
	margin-right:6px;
	color: rgba(59,44,78,1);
}
/*Hacks for positioning*/
/*chrome/safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/*.pdf-menu-container {top:40.5px;}
	.pdf-print-single {top:48px;}*/
}
/*firefox*/
@-moz-document url-prefix() {
	/*.pdf-menu-container {top:39.8px;}
	.pdf-print-single {top:46.5px;}*/
}

/********POPUP*********/
.fancybox-bg {
    background: rgba(249,220,67,1);
}
.fancybox-is-open .fancybox-bg {
	opacity:0.7;
}
.register-window {
	height:auto;
	width:100%;
	max-width:540px;
	background: #fff;
	border-radius: .5em;
	box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}
.register-window-title {
	font-size:2em;
	margin:8px 0 10px 0;
	text-align:center;
}
.register-window-text {
	font-size:1.1em;
}
.registration-buttons {
	width:74%;
	margin:0 13%;
}
.register-window-confirm, .register-window-deny {
	font-size:1.2em;
	font-weight:600;
}
.register-window-confirm {
	float:left;
	margin-left:2%;
}
.register-window-deny {
	float:right;
}
.maybe-window-text {
	font-size:1.2em;
}
/****REGISTRATION******/
.register-form-left {
	width:80%;
	margin:0 7% 0 13%;
}
.register-form-right {
	width:87%;
	margin:0 0 0 13%;
}
.register-form-group {
	margin:40px 0;
}
.register-form-button {
	padding:10px 30px;
}
p.form-rows {
	width:68%;
	margin-bottom:30px;
}
.register-form-right label.container {
 color:rgba(59,44,78,.85);
}
.newsletter-group label.container {
	padding-left:0;
  display: inline-block;
  vertical-align: top;
  padding-left: 25px;
  position: relative;
}
.newsletter-group label.newsletter-label input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 42%;
	padding:0;
}
p.form-rows input {
	float:right;
	width:70%;
}
.errors {
	color:red;
}
.register-form-group strong, .required-text strong, .after-text {
	color:red;
}
.required-text {
	font-size:1em;
	margin-left:10px;
}
.login-info {
	width:90%;
	margin:60px 5%;
	font-size:1.4em;
	text-align:center;
}
.more-checkbox-break {
	display:block;
	margin-top:25px;
}
.select-role .container {
	padding-right:0;
}
/* Join Us button css */

.join-us-projects, .join-us-project {
	position:absolute;
	width:130px;
	right:210px;
	top:48.5px;
}
.grecaptcha-badge, rc-anchor {
	visibility: collapse !important;  
}

.thank-you-header {
	text-align:center;
	font-size:3.5em;
}
/****SHOP****/
.elementor-element-7d20790 table {
	margin-bottom:10px;
	width:100%;
}
.elementor-element-7d20790 table td, .elementor-element-ed7667c table td, .elementor-element-9dc2fa4 table td, .donate-form table td {
	padding-bottom:12px;
}
.workshop-td {
	text-align:center;
}
.workshop-td select {
	width:auto;
}
.workshop-dropdown {
	font-size:.9em;

}
.wp-image-2321 {
	margin-left:-12px;
}
.shop-workshop-img {
	padding:0 0 2em;
}
.shop-workshop-text {
	padding:0;
	margin:0;
}
.elementor-2272 .elementor-element.elementor-element-5d7b1f7 {
	margin-bottom:10px;
}
.PayPal--Give input[type="image"] {
    max-width: 180px !important;
}
.elementor-3141 .elementor-element.elementor-element-c50ac51 {
    width: 72% !important;
}
.get-the-shirt img {
	margin:0;
}
.get-the-shirt p {
	margin-bottom:40px;
}
.single-page-nav a {
	color:rgba(59,44,78,.85);
}
.single-page-nav a:hover {
	color:rgba(251,78,74,1);
}
@media screen and (max-width: 767px) {
	.elementor-3141 .elementor-element.elementor-element-c50ac51 {
		width: 96% !important;
		margin:0 2% !important;
	}
}
/*_________________ANXIETY SOCIETY_____________________*/
.elementor-section.elementor-section-boxed.anxiety-top > .elementor-container {
    max-width: 1400px !important;
}
@media screen and (max-width: 760px) {
	.power-anxiety-para .elementor-widget-container .elementor-text-editor {
		text-align:center;
	}
}
.merch-row {

}
.get-the-shirt {
	text-align:left;
}
.PayPal--Give table {
	margin-bottom:10px;
	width:100%;
}
.PayPal--Give table td {
	padding-bottom:12px;
}
.PayPal--Give .donate {
	width:46%;
	margin:0 27% !important; 
	padding:10px 0;
	text-align:center;
	font-family: 'Roboto', sans-serif;
}
.elementor-element-7d20790 .donate:hover {
	color:rgba(251,78,74,1);
}
.support-program .donate {
	text-align:center;
	width:60%;
	margin:0 20%;
	padding-left:0;
	padding-right:0;
}
/**DONATE CSS**/
/*
.elementor-element-2517fef {
	display:flex;
	align-items:center;
	justify-content:center;
}
.anxiety-copy .elementor-widget-container {
	width:98%;
	height:auto;
}
.anxiety-copy p {
	padding:0;
	margin:0;
}
*/
.anxiety-society-section .elementor-widget-container{
	padding:0 1em 0 1.6em;
}

.donate-container {
	width:100%;
	font-size:.8em;
	padding:3% 5%;
	background:rgba(249,220,67,1);
}
.donate-form-row {
	display: flex;
	justify-content: space-between;
	background:rgba(249,220,67,1);
}

.form-row table td, .donate-form-row table td {
	padding-bottom:12px;
}
.form-row-left {
	margin-bottom:24px;
}
.form-row-right {
	margin-bottom:24px;
}
.form-row-pos-left, .form-row-pos-right {
	width:47%;
	margin-bottom:3%;
	padding:0 3% 3% 3%;
	background:white;
}
.form-row-pos-left p, .form-row-pos-right p {
	font-weight:500;
	line-height:1.4em;
	text-align:center;
}
.form-row-pos-left p span, .form-row-pos-right p span {
	display:block;
	font-weight:bold;
	margin:4px 0;
}
.elementor-element-57a578b3 .donate.form {
	width:80%;
	margin:0 10%;
	padding:0;
	text-align:center;
}
.form-thanks {
	background:white;
	margin:3% 0 0 0;
	padding:1.5% 2% 1.8% 3%;
	line-height:1.2em;
	font-size:.85em;
}
.elementor-element-57a578b3  .donate.button {
	text-transform:uppercase;
	width:70%;
	margin:0 15%;
	font-size:1.2em;
}
.alert-bar {
	padding:10px 20px;
	background:#6de2d1;
	font-size:.95em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.ansoc-label {
	font-weight: bold;
	display: block;
}
.ansoc-plan {
    margin-bottom: 30px;
}
.header-donate-link {
	position: absolute;
	right:120px;
	top: 48.5px;
	color: rgba(59,44,78,1);
}
.donate-page h1 {
	margin:0;
}
.mobile-br {
	display:none;
}
@media screen and (max-width: 767px) {
	.mobile-br {
		display:block;
	}
}
@media screen and (max-width: 500px) {
	.mobile-br {
		display:none;
	}
	@-moz-document url-prefix() {
		.alert-bar {
			font-weight:normal;
			padding:10px 5px
		}
	}
	.alert-bar {
		padding:10px 10px;
	}
}
@media screen and (max-width: 410px) {
	.alert-bar {
		font-size:.85em;
	}
}
.closebtn {
  color: white;
  font-weight:bold;
  float: right;
  font-size: 24px;
  line-height: 23px;
  cursor: pointer;
  transition: 0.3s;
}
.closebtn:hover {
  color: black;
}

.elementor-element-7d20790 .donate, .get-the-shirt .button, .elementor-element-b62403a {
	width:46%;
	margin:0 27% !important; 
	padding:10px 0;
	text-align:center;
	font-family: 'Roboto', sans-serif;
}
.get-the-shirt .button {
	font-size:16px;
}
.elementor-element-7d20790 .donate:hover {
	color:rgba(251,78,74,1);
}
.projects-read-more, .videos-read-more {
	overflow:hidden;
}
.read-more-link {
	cursor:pointer;
	margin:20px 0 40px;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	color:rgba(251,78,74,1);
}
@media screen and (max-width: 1600px) {
	.elementor-element-57a578b3 {
		width:88%;
		margin:0 6%;
		padding:10% 0;
	}
}
@media screen and (max-width: 1362px) {
	.donate.form {
		width:96%;
		margin:0 0 0 4px;
		padding:0;
	}
	.form-row select, .donate-form-row select {
		width:90%;
	}
}
@media screen and (max-width: 976px) {
	.elementor-element-57a578b3 {
		padding:10px !important;
	}
}
@media screen and (max-width: 767px) {
	.elementor-element-57a578b3 {
		padding:40px !important;
	}
	.anxiety-society-section .elementor-widget-container{
		padding:0 !important;
	}
	.elementor-element-57a578b3 .donate.button {
		width:70%;
		margin:0 15%;
	}
	.elementor-element-7d20790 .donate, .get-the-shirt .button, .PayPal--Give .donate {
		width:30%;
		margin:0 35% !important; 
	}
	.support-program .donate {
		width:40%;
		margin:0 30% !important; 	
	}
}
@media screen and (max-width: 560px) {
	.elementor-element-57a578b3 {
		padding:10px !important;
	}
	.elementor-element-7d20790 .donate, .get-the-shirt .button, .PayPal--Give .donate {
		width:40%;
		margin:0 30% !important; 
	}
	.support-program .donate {
		width:50%;
		margin:0 25% !important; 	
	}
}
@media screen and (max-width: 420px) {
	.donate-form-row {
		flex-wrap:wrap;
	}
	.form-row-pos-left, .form-row-pos-right {
		width:100%;
		margin-bottom:3%;
		padding:2% 0 1% 2%;
	}
	.support-program .donate {
		width:60%;
		margin:0 20% !important; 	
	}
}

/**COUNSELORS/TEACHERS PAGE**/
.page-id-2227 #post-2227 img {
	margin:0;
	width:100%;
	max-width:100%;
	height:auto;
}
/*RESPONSIVE PDF/REGISTRATION CSS*/
@media screen and (max-width: 1048px) {

	.pdf-print-single {
		width:160px;
		right:2px;
		top:18px;
	}
	.page-id-2925 article#post-2925 {
		width:100%;
		max-width:100%;
		margin:0;
		padding:0;
	}
	.register-form-left {
		width:80%;
		margin:0 9% 0 11%;
	}
	.register-form-right {
		width:89%;
		margin:0 0 0 11%;
	}
	.page-id-2925 label.container {
		padding: 25px 10px 25px 10px;
	}
	.page-id-2925 label.container.newsletter-label {
		padding: 25px 0 25px 20px;
	}
	.page-id-2925 div.more-para p {	
		width:98%;
	}

}
@media screen and (max-width: 850px) {

	.register-form-group p {
		font-size:1.2em;
	}
	.role-radio-break {
		display:block;
		margin-top:10px;
	}
	.label-break {
		display:inline-block;
	}
}
@media screen and (max-width: 767px) {

	.pdf-menu-container {
/*		width:160px;
		right:auto;
		left:50%;
		margin-left:-80px;*/
	}
	p.form-row {
		width:88%;
	}
	.page-id-2925 div.more-para p {	
		width:95%;
	}
	.more-projects {
		display:block;
	}
	.ok-nonprofit-margin .elementor-widget-container {
		width:100%;
		margin:0 !important;
	
	}
	
}
@media screen and (max-width: 680px) {

	.pdf-menu-container {
		/*display:none;*/
	}
	.register-form-left {
		width:90%;
		margin:0 4% 0 6%;
	}
	.register-form-right {
		width:94%;
		margin:0 0 0 6%;
	}
	.register-form-group p {
		font-size:1.1em;
	}
	.page-id-2925 label.container {
		padding: 25px 10px 25px 0;
	}

}
@media screen and (max-width: 480px) {
	.register-form-left {
		width:96%;
		margin:0 2% 0 2%;
	}
	.register-form-right {
		width:96%;
		margin:0 1% 0 3%;
	}
	p.form-row {
		width:98%;
	}
	.page-id-2925 label.container {
		display:block;
		padding: 10px 10px 10px 0;
	}
	.role-radio-break {
		margin-top:0;
	}
	.more-checkbox-break {
		margin-top:0;
	}
	.page-id-2925 label.container.newsletter-label {
		padding: 0 0 0 20px;
		margin:0;
	}
}
@media screen and (max-width: 420px) {

	.pdf-menu-container {
		width:160px;
		right:17px;
		left:auto;
		margin-left:0;
		top:15px;
	}
	p.form-row input {
		width: 60%;
	}
}

/*************************************/
@media screen and (max-width: 1600px) {
	.elementor-3141 .elementor-element.elementor-element-c44d038 > .elementor-widget-container {
		padding: 3.5em 4em 0em 4em;
	}
}
@media screen and (max-width: 1450px) {
	.elementor-3141 .elementor-element.elementor-element-c44d038 > .elementor-widget-container {
		margin: 0px 0px 0px 0px;
		padding: 1em 4em 0em 4em;
		background-color: #F9DC43;
	}
}
@media screen and (max-width: 1260px) {
	.elementor-3141 .elementor-element.elementor-element-c44d038 > .elementor-widget-container {
		padding: 0 .5em 0em .5em;
	}
	.elementor-3141 .elementor-element.elementor-element-6bd786a4 {
		padding: 4em 0em 2em 2em;
	}
}
@media screen and (max-width: 1250px) {
	.elementor-3141 .elementor-element.elementor-element-c44d038 > .elementor-widget-container {
		padding: 0 .5em 0em .5em;
	}
}
@media screen and (max-width: 1160px) {

  .column-image {
    display:none;
  }
	.elementor-3141 .elementor-element.elementor-element-c44d038 > .elementor-widget-container {
		padding: 0 .1em 0em .1em;
	}
	.elementor-3141 .elementor-element.elementor-element-6bd786a4 {
		padding: 4em 1em 2em 1em;
	}
	.elementor-element-7ef8c777 ul {
		padding:0;
	}
}
@media screen and (max-width: 1100px) {

  .project-list .project-item {
    flex-basis: 45%;
  }

}
@media screen and (max-width:1000px) {
  .mobile-navigation span.mobile-navigation-label {
    display: none;
  }
	.join-us-projects, .join-us-project {
		right:135px;
	}
	.header-donate-link {
		right:80px;
	}
}

@media screen and (max-width: 900px) {

	.wisdom-slide .contents {
		padding: 25px 80px;
	}

	.wisdom-slide h4 {
		font-size: 1.8em;
	}

}

@media screen and (max-width: 767px) {

	.elementor-element-4cb3a3aa h2 {
		text-align:center;
		line-height:1.3
	}
	.elementor-3141 .elementor-element.elementor-element-1431ce33 > .elementor-element-populated {
		padding: 0em 0em 0em 1em !important;
	}

  .project-item .action-button:before {
    display: none;
  }

  .home-hero h1 {
    font-size: 5em;
    margin: 0;
  }

  .home-hero h2 {
    margin: 0;
    font-size: 2.5em;
    text-align: center !important;
  }

  .project-list .project-item {
    flex-basis: 100%;
  }

  .wisdom-slider .flex-direction-nav { display: none; }

  .creations-list {
    column-count: 2;
    column-gap: 25px;
    column-fill: inherit;
  }

  .step .step-image {
    width: 100%;
  }

  .project-header {
    display: none;
  }

  .creations-header {
    flex-direction: column;
  }

  .creations-header .column {
    margin: 25px auto;
    flex-basis: 100%;
  }

  .flex-direction-nav a {
    position: absolute;
  }

  .flex-direction-nav .flex-next { top: 30px; }
  .flex-direction-nav .flex-prev { top: 30px; }

  .image-slider.flexslider.fullscreen-view .options {
    top: 1px;
    right: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .footer .container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    flex-wrap: wrap;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .footer .container p {
    text-align: center;
    flex-basis: 100%;
  }

	.header-donate-link {
		display: none;
	}

	.join-us-projects, .join-us-project {
		right: 70px;
	}

	.wisdom-slide h4 {
		font-size: 1.6em;
	}

}

@media screen and (max-width: 520px) {

	.mobile-hide {
		display: none;
	}

	.wisdom-slide h4 {
		font-size: 1.4em;
	}

	.wisdom-slide p {
		font-size: 1em;
		line-height: 1.2em;
	}

	.wisdom-slide {
		min-height: auto;
	}

  .home-hero h1 {
    font-size: 3em;
    margin: 0;
  }

	.join-us-project {
		display:none;
	}
}

@media screen and (max-width: 420px) {

  .container {
    padding: 0px;
  }

  p { font-size: 1em; }

  .creations-list {
    column-count: 1;
    column-gap: 0px;
    column-fill: inherit;
  }

  .home-hero {

  }

}
#post-3592 h2 {
	font-size:2.2em;
	margin-bottom:40px;
}

/*__________________________FONTS___________________________*/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?jg86a8');
  src:  url('../fonts/icomoon.eot?jg86a8#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jg86a8') format('truetype'),
    url('../fonts/icomoon.woff?jg86a8') format('woff'),
    url('../fonts/icomoon.svg?jg86a8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change ../fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e900";
}
.icon-brand:before {
  content: "\e900";
}
.icon-social:before {
  content: "\e900";
}
.icon-faq:before {
  content: "\e901";
}
.icon-envelope-o:before {
  content: "\e904";
}


.pbs {
	position:relative;
	text-align:center;
	height:auto;
	padding:12px 0 24px;
	margin:0;
	background:#333333;
}
.pbs a {
	position:relative;
	display:inline-block;
	margin:0 14px;
	width:30px;
	height:auto;
	vertical-align:top;
}
.pbs a span {
	position:absolute;
	top:0;left;0;
	font-size:22px;
	color:#ffffff;

}

.pbs span:hover {
	color:rgba(251,78,74,1);
}
.pbs span.icon-facebook {
	top:2px;
	font-size:24px;
}
.pbs span.icon-instagram {
	top:3px;
	font-size:23px;
}
.pbs span.icon-envelope-o {
	font-size:26px;
}
.pbs span.icon-faq {
	font-size:35px;
}

.el-heading-1, .el-heading-2, .el-heading-3 {
	font-family: 'cubano', sans-serif;
	color: rgba(59,44,78,1);
	font-weight: 400;
}
.el-heading-1 {
	font-size: 2em;
}
.el-heading-2 {
	font-size: 1.75em;
}
.el-heading-3 {
	font-size: 1.4em;
}

@media print {

	@page { margin:0; }
	body { margin:1.6cm; font-size:.9em;}
	header.header {
		display:none !important;
		visibility: hidden !important;
		height:0 !important;
	}
	footer, .footer {
		display:none !important;
	}

}

/******************************************************
*                                                     *
*   Floating ToTop Button - jQuery Plugin             *
*                                                     *
*   Purpose: This project contains a simple and       *
*            full configurable jQuery plugin which    *
*            appends a customizable floating ToTop    *
*            button to a DOM node of a HTML page.     *
*                                                     *
*   Author: Andreas Kar (thex) <andreas.kar@gmx.at>   *
*   Repository: https://git.io/fA1FW                  *
*                                                     *
******************************************************/

a.to-top-button {
    position: fixed;
    z-index: 9999;
    color: #fff;
    padding-top: 2px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    background-color: rgb(97, 110, 131);
}

a.to-top-button:not(.filter):hover { background-color: rgb(121, 121, 121); }
a.to-top-button.filter:hover { filter: brightness(115%); -webkit-filter: brightness(115%); }

a.to-top-button.hide { display:none; }

a.to-top-button.sz-1 { width: 30px; height: 30px; }
a.to-top-button.sz-2 { width: 40px; height: 40px; }
a.to-top-button.sz-3 { width: 50px; height: 50px; }
a.to-top-button.sz-4 { width: 60px; height: 60px; }
a.to-top-button.sz-5 { width: 70px; height: 70px; }
a.to-top-button.sz-6 { width: 80px; height: 80px; }

a.to-top-button.bp-tl.bm-0 { top: 0; left: 0; }
a.to-top-button.bp-tr.bm-0 { top: 0; right: 0; }
a.to-top-button.bp-bl.bm-0 { bottom: 0; left: 0; }
a.to-top-button.bp-br.bm-0 { bottom: 0; right: 0; }
a.to-top-button.bp-tl.bm-1 { top: 10px; left: 10px; }
a.to-top-button.bp-tr.bm-1 { top: 10px; right: 10px; }
a.to-top-button.bp-bl.bm-1 { bottom: 10px; left: 10px; }
a.to-top-button.bp-br.bm-1 { bottom: 10px; right: 10px; }
a.to-top-button.bp-tl.bm-2 { top: 20px; left: 20px; }
a.to-top-button.bp-tr.bm-2 { top: 20px; right: 20px; }
a.to-top-button.bp-bl.bm-2 { bottom: 20px; left: 20px; }
a.to-top-button.bp-br.bm-2 { bottom: 20px; right: 20px; }
a.to-top-button.bp-tl.bm-3 { top: 30px; left: 30px; }
a.to-top-button.bp-tr.bm-3 { top: 30px; right: 30px; }
a.to-top-button.bp-bl.bm-3 { bottom: 30px; left: 30px; }
a.to-top-button.bp-br.bm-3 { bottom: 30px; right: 30px; }
a.to-top-button.bp-tl.bm-4 { top: 40px; left: 40px; }
a.to-top-button.bp-tr.bm-4 { top: 40px; right: 40px; }
a.to-top-button.bp-bl.bm-4 { bottom: 40px; left: 40px; }
a.to-top-button.bp-br.bm-4 { bottom: 40px; right: 40px; }
a.to-top-button.bp-tl.bm-5 { top: 50px; left: 50px; }
a.to-top-button.bp-tr.bm-5 { top: 50px; right: 50px; }
a.to-top-button.bp-bl.bm-5 { bottom: 50px; left: 50px; }
a.to-top-button.bp-br.bm-5 { bottom: 50px; right: 50px; }
a.to-top-button.bp-tl.bm-6 { top: 60px; left: 60px; }
a.to-top-button.bp-tr.bm-6 { top: 60px; right: 60px; }
a.to-top-button.bp-bl.bm-6 { bottom: 60px; left: 60px; }
a.to-top-button.bp-br.bm-6 { bottom: 60px; right: 60px; }
a.to-top-button.bp-tl.bm-7 { top: 70px; left: 70px; }
a.to-top-button.bp-tr.bm-7 { top: 70px; right: 70px; }
a.to-top-button.bp-bl.bm-7 { bottom: 70px; left: 70px; }
a.to-top-button.bp-br.bm-7 { bottom: 70px; right: 70px; }
a.to-top-button.bp-tl.bm-8 { top: 80px; left: 80px; }
a.to-top-button.bp-tr.bm-8 { top: 80px; right: 80px; }
a.to-top-button.bp-bl.bm-8 { bottom: 80px; left: 80px; }
a.to-top-button.bp-br.bm-8 { bottom: 80px; right: 80px; }
a.to-top-button.bp-tl.bm-9 { top: 90px; left: 90px; }
a.to-top-button.bp-tr.bm-9 { top: 90px; right: 90px; }
a.to-top-button.bp-bl.bm-9 { bottom: 90px; left: 90px; }
a.to-top-button.bp-br.bm-9 { bottom: 90px; right: 90px; }
a.to-top-button.bp-tl.bm-10 { top: 100px; left: 100px; }
a.to-top-button.bp-tr.bm-10 { top: 100px; right: 100px; }
a.to-top-button.bp-bl.bm-10 { bottom: 100px; left: 100px; }
a.to-top-button.bp-br.bm-10 { bottom: 100px; right: 100px; }

a.to-top-button.op-0 { opacity: 0.0; }
a.to-top-button.op-1 { opacity: 0.5; }
a.to-top-button.op-2 { opacity: 0.10; }
a.to-top-button.op-3 { opacity: 0.15; }
a.to-top-button.op-4 { opacity: 0.20; }
a.to-top-button.op-5 { opacity: 0.25; }
a.to-top-button.op-6 { opacity: 0.30; }
a.to-top-button.op-7 { opacity: 0.35; }
a.to-top-button.op-8 { opacity: 0.40; }
a.to-top-button.op-9 { opacity: 0.45; }
a.to-top-button.op-10 { opacity: 0.50; }
a.to-top-button.op-11 { opacity: 0.55 }
a.to-top-button.op-12 { opacity: 0.60; }
a.to-top-button.op-13 { opacity: 0.65; }
a.to-top-button.op-14 { opacity: 0.70; }
a.to-top-button.op-15 { opacity: 0.75; }
a.to-top-button.op-16 { opacity: 0.80; }
a.to-top-button.op-17 { opacity: 0.85; }
a.to-top-button.op-18 { opacity: 0.90; }
a.to-top-button.op-19 { opacity: 0.95; }
a.to-top-button.op-20 { opacity: 1.00; }

a.to-top-button.p-none {}
a.to-top-button.p-aliceblue { background-color: #F0F8FF; }
a.to-top-button.p-antiquewhite { background-color: #FAEBD7; }
a.to-top-button.p-aqua { background-color: #00FFFF; }
a.to-top-button.p-aquamarine { background-color: #7FFFD4; }
a.to-top-button.p-azure { background-color: #F0FFFF; }
a.to-top-button.p-beige { background-color: #F5F5DC; }
a.to-top-button.p-bisque { background-color: #FFE4C4; }
a.to-top-button.p-black { background-color: #000000; }
a.to-top-button.p-blanchedalmond { background-color: #FFEBCD; }
a.to-top-button.p-blue { background-color: #0000FF; }
a.to-top-button.p-blueviolet { background-color: #8A2BE2; }
a.to-top-button.p-brown { background-color: #A52A2A; }
a.to-top-button.p-burlywood { background-color: #DEB887; }
a.to-top-button.p-cadetblue { background-color: #5F9EA0; }
a.to-top-button.p-chartreuse { background-color: #7FFF00; }
a.to-top-button.p-chocolate { background-color: #D2691E; }
a.to-top-button.p-coral { background-color: #FF7F50; }
a.to-top-button.p-cornflowerblue { background-color: #6495ED; }
a.to-top-button.p-cornsilk { background-color: #FFF8DC; }
a.to-top-button.p-crimson { background-color: #DC143C; } 
a.to-top-button.p-cyan { background-color: #00FFFF; }
a.to-top-button.p-darkblue { background-color: #00008B; }
a.to-top-button.p-darkcyan { background-color: #008B8B; }
a.to-top-button.p-darkgoldenrod { background-color: #B8860B; }
a.to-top-button.p-darkgray { background-color: #A9A9A9; }
a.to-top-button.p-darkgrey { background-color: #A9A9A9; }
a.to-top-button.p-darkgreen { background-color: #006400; }
a.to-top-button.p-darkkhaki { background-color: #BDB76B; }
a.to-top-button.p-darkmagenta { background-color: #8B008B; }
a.to-top-button.p-darkolivegreen { background-color: #556B2F; }
a.to-top-button.p-darkorange { background-color: #FF8C00; }
a.to-top-button.p-darkorchid { background-color: #9932CC; }
a.to-top-button.p-darkred { background-color: #8B0000; }
a.to-top-button.p-darksalmon { background-color: #E9967A; }
a.to-top-button.p-darkseagreen { background-color: #8FBC8F; }
a.to-top-button.p-darkslateblue { background-color: #483D8B; }
a.to-top-button.p-darkslategray { background-color: #2F4F4F; }
a.to-top-button.p-darkslategrey { background-color: #2F4F4F; }
a.to-top-button.p-darkturquoise { background-color: #00CED1; }
a.to-top-button.p-darkviolet { background-color: #9400D3; }
a.to-top-button.p-deeppink { background-color: #FF1493; }
a.to-top-button.p-deepskyblue { background-color: #00BFFF; }
a.to-top-button.p-dimgray { background-color: #696969; }
a.to-top-button.p-dimgrey { background-color: #696969; }
a.to-top-button.p-dodgerblue { background-color: #1E90FF; }
a.to-top-button.p-firebrick { background-color: #B22222; }
a.to-top-button.p-floralwhite { background-color: #FFFAF0; }
a.to-top-button.p-forestgreen { background-color: #228B22; }
a.to-top-button.p-fuchsia { background-color: #FF00FF; }
a.to-top-button.p-gainsboro { background-color: #DCDCDC; }
a.to-top-button.p-ghostwhite { background-color: #F8F8FF; }
a.to-top-button.p-gold { background-color: #FFD700; }
a.to-top-button.p-goldenrod { background-color: #DAA520; }
a.to-top-button.p-gray { background-color: #808080; }
a.to-top-button.p-grey { background-color: #808080; }
a.to-top-button.p-green { background-color: #008000; }
a.to-top-button.p-greenyellow { background-color: #ADFF2F; }
a.to-top-button.p-honeydew { background-color: #F0FFF0; }
a.to-top-button.p-hotpink { background-color: #FF69B4; }
a.to-top-button.p-indianred { background-color: #CD5C5C; }
a.to-top-button.p-indigo { background-color: #4B0082; }
a.to-top-button.p-ivory { background-color: #FFFFF0; }
a.to-top-button.p-khaki { background-color: #F0E68C; }
a.to-top-button.p-lavender { background-color: #E6E6FA; }
a.to-top-button.p-lavenderblush { background-color: #FFF0F5; }
a.to-top-button.p-lawngreen { background-color: #7CFC00; }
a.to-top-button.p-lemonchiffon { background-color: #FFFACD; }
a.to-top-button.p-lightblue { background-color: #ADD8E6; }
a.to-top-button.p-lightcoral { background-color: #F08080; }
a.to-top-button.p-lightcyan { background-color: #E0FFFF; }
a.to-top-button.p-lightgoldenrodyellow { background-color: #FAFAD2; }
a.to-top-button.p-lightgray { background-color: #D3D3D3; }
a.to-top-button.p-lightgrey { background-color: #D3D3D3; }
a.to-top-button.p-lightgreen { background-color: #90EE90; }
a.to-top-button.p-lightpink { background-color: #FFB6C1; }
a.to-top-button.p-lightsalmon { background-color: #FFA07A; }
a.to-top-button.p-lightseagreen { background-color: #20B2AA; }
a.to-top-button.p-lightskyblue { background-color: #87CEFA; }
a.to-top-button.p-lightslategray { background-color: #778899; }
a.to-top-button.p-lightslategrey { background-color: #778899; }
a.to-top-button.p-lightsteelblue { background-color: #B0C4DE; }
a.to-top-button.p-lightyellow { background-color: #FFFFE0; }
a.to-top-button.p-lime { background-color: #00FF00; }
a.to-top-button.p-limegreen { background-color: #32CD32 }
a.to-top-button.p-linen { background-color: #FAF0E6 }
a.to-top-button.p-magenta { background-color: #FF00FF }
a.to-top-button.p-maroon { background-color: #800000 }
a.to-top-button.p-mediumaquamarine { background-color: #66CDAA }
a.to-top-button.p-mediumblue { background-color: #0000CD }
a.to-top-button.p-mediumorchid { background-color: #BA55D3 }
a.to-top-button.p-mediumpurple { background-color: #9370D8 }
a.to-top-button.p-mediumseagreen { background-color: #3CB371 }
a.to-top-button.p-mediumslateblue { background-color: #7B68EE }
a.to-top-button.p-mediumspringgreen { background-color: #00FA9A }
a.to-top-button.p-mediumturquoise { background-color: #48D1CC }
a.to-top-button.p-mediumvioletred { background-color: #C71585 }
a.to-top-button.p-midnightblue { background-color: #191970 }
a.to-top-button.p-mintcream { background-color: #F5FFFA }
a.to-top-button.p-mistyrose { background-color: #FFE4E1 }
a.to-top-button.p-moccasin { background-color: #FFE4B5 }
a.to-top-button.p-navajowhite { background-color: #FFDEAD }
a.to-top-button.p-navy { background-color: #000080 }
a.to-top-button.p-oldlace { background-color: #FDF5E6 }
a.to-top-button.p-olive { background-color: #808000 }
a.to-top-button.p-olivedrab { background-color: #6B8E23 }
a.to-top-button.p-orange { background-color: #FFA500 }
a.to-top-button.p-orangered { background-color: #FF4500 }
a.to-top-button.p-orchid { background-color: #DA70D6 }
a.to-top-button.p-palegoldenrod { background-color: #EEE8AA }
a.to-top-button.p-palegreen { background-color: #98FB98 }
a.to-top-button.p-paleturquoise { background-color: #AFEEEE }
a.to-top-button.p-palevioletred { background-color: #D87093 }
a.to-top-button.p-papayawhip { background-color: #FFEFD5 }
a.to-top-button.p-peachpuff { background-color: #FFDAB9 }
a.to-top-button.p-peru { background-color: #CD853F }
a.to-top-button.p-pink { background-color: #FFC0CB }
a.to-top-button.p-plum { background-color: #DDA0DD }
a.to-top-button.p-powderblue { background-color: #B0E0E6 }
a.to-top-button.p-purple { background-color: #800080 }
a.to-top-button.p-red { background-color: #FF0000 }
a.to-top-button.p-rosybrown { background-color: #BC8F8F }
a.to-top-button.p-royalblue { background-color: #4169E1 }
a.to-top-button.p-saddlebrown { background-color: #8B4513; }
a.to-top-button.p-salmon { background-color: #FA8072; }
a.to-top-button.p-sandybrown { background-color: #F4A460; }
a.to-top-button.p-seagreen { background-color: #2E8B57; }
a.to-top-button.p-seashell { background-color: #FFF5EE; }
a.to-top-button.p-sienna { background-color: #A0522D; }
a.to-top-button.p-silver { background-color: #C0C0C0; }
a.to-top-button.p-skyblue { background-color: #87CEEB; }
a.to-top-button.p-slateblue { background-color: #6A5ACD; }
a.to-top-button.p-slategray { background-color: #708090; }
a.to-top-button.p-snow { background-color: #FFFAFA; }
a.to-top-button.p-springgreen { background-color: #00FF7F; } 
a.to-top-button.p-steelblue { background-color: #4682B4; } 
a.to-top-button.p-tan { background-color: #D2B48C; } 
a.to-top-button.p-teal { background-color: #008080; }
a.to-top-button.p-thistle { background-color: #D8BFD8; } 
a.to-top-button.p-tomato { background-color: #FF6347; }
a.to-top-button.p-turquoise { background-color: #40E0D0; }
a.to-top-button.p-transparent { background-color: transparent; }
a.to-top-button.p-violet { background-color: #EE82EE; }
a.to-top-button.p-wheat { background-color: #F5DEB3; }
a.to-top-button.p-white { background-color: #FFFFFF; }
a.to-top-button.p-whitesmoke { background-color: #F5F5F5; }
a.to-top-button.p-yellow { background-color: #FFFF00; }
a.to-top-button.p-yellowgreen { background-color: #9ACD32; }

a.to-top-button.bw-0w { border: 0; }
a.to-top-button.bw-1w { border: 1px solid #FFF; }
a.to-top-button.bw-2w { border: 2px solid #FFF; }
a.to-top-button.bw-3w { border: 3px solid #FFF; }

a.to-top-button.bw-0b { border: 0; }
a.to-top-button.bw-1b { border: 1px solid #000; }
a.to-top-button.bw-2b { border: 2px solid #000; }
a.to-top-button.bw-3b { border: 3px solid #000; }

a.to-top-button.sh-0 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
a.to-top-button.sh-1 { -webkit-border-radius: 5%; -moz-border-radius: 5%; border-radius: 5%; }
a.to-top-button.sh-2 { -webkit-border-radius: 10%; -moz-border-radius: 10%; border-radius: 10%; }
a.to-top-button.sh-3 { -webkit-border-radius: 15%; -moz-border-radius: 15%; border-radius: 15%; }
a.to-top-button.sh-4 { -webkit-border-radius: 20%; -moz-border-radius: 20%; border-radius: 20%; }
a.to-top-button.sh-5 { -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; }
a.to-top-button.sh-6 { -webkit-border-radius: 30%; -moz-border-radius: 30%; border-radius: 30%; }
a.to-top-button.sh-7 { -webkit-border-radius: 35%; -moz-border-radius: 35%; border-radius: 35%; }
a.to-top-button.sh-8 { -webkit-border-radius: 40%; -moz-border-radius: 40%; border-radius: 40%; }
a.to-top-button.sh-9 { -webkit-border-radius: 45%; -moz-border-radius: 45%; border-radius: 45%; }
a.to-top-button.sh-10 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

a.to-top-button.bs-1 {
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.4);
}

a.to-top-button.bs-2 {
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

a.to-top-button.bs-3 {
    -webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.8);
}

a.to-top-button.bs-4 {
    -webkit-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    -moz-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
}

a.to-top-button.bs-5 {
    -webkit-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    -moz-box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
    box-shadow:  0 0 4px 0 rgba(0, 0, 0, 1);
}

a.to-top-button.sz-1 .arrow-img { vertical-align: top; margin: 1px 15% }
a.to-top-button.sz-1 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-1 .arrow-img.arrow-l-img { margin: -1px 10%; }
a.to-top-button.sz-1 .arrow-img.caret-img { margin: 1px 18% }
a.to-top-button.sz-1 .arrow-img.arrow-circle-img,
a.to-top-button.sz-1 .arrow-img.caret-circle-img,
a.to-top-button.sz-1 .arrow-img.circle-img,
a.to-top-button.sz-1 .arrow-img.circle-o-img { margin: 2px 15% }
a.to-top-button.sz-1 .arrow-img.rise-img { margin: 1px 15% }
a.to-top-button.sz-1 .arrow-img.top-img { margin: 2px 15% }

a.to-top-button.sz-2 .arrow-img { vertical-align: top; margin: 2px 15% }
a.to-top-button.sz-2 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-2 .arrow-img.arrow-l-img { margin: -1px 10%; }
a.to-top-button.sz-2 .arrow-img.caret-img { margin: 2px 18% }
a.to-top-button.sz-2 .arrow-img.arrow-circle-img { margin: 4px 15% }
a.to-top-button.sz-2 .arrow-img.caret-circle-img,
a.to-top-button.sz-2 .arrow-img.circle-img { margin: 3px 15% }
a.to-top-button.sz-2 .arrow-img.circle-o-img { margin: 4px 15% }
a.to-top-button.sz-2 .arrow-img.rise-img { margin: 2px 15% }
a.to-top-button.sz-2 .arrow-img.top-img { margin: 3px 15% }

a.to-top-button.sz-3 .arrow-img { vertical-align: top; margin: 3px 15% }
a.to-top-button.sz-3 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-3 .arrow-img.arrow-l-img { margin: -1px 10%; }
a.to-top-button.sz-3 .arrow-img.caret-img { margin: 3px 18% }
a.to-top-button.sz-3 .arrow-img.arrow-circle-img,
a.to-top-button.sz-3 .arrow-img.caret-circle-img,
a.to-top-button.sz-3 .arrow-img.circle-img { margin: 5px 15% }
a.to-top-button.sz-3 .arrow-img.circle-o-img { margin: 6px 15% }
a.to-top-button.sz-3 .arrow-img.rise-img { margin: 3px 15% }
a.to-top-button.sz-3 .arrow-img.top-img { margin: 4px 15% }

a.to-top-button.sz-4 .arrow-img { vertical-align: top; margin: 4px 15% }
a.to-top-button.sz-4 .arrow-img.drop-img { margin: -2px 0%; }
a.to-top-button.sz-4 .arrow-img.arrow-l-img { margin: 0 10%; }
a.to-top-button.sz-4 .arrow-img.caret-img { margin: 4px 18% }
a.to-top-button.sz-4 .arrow-img.arrow-circle-img { margin: 7px 15% }
a.to-top-button.sz-4 .arrow-img.caret-circle-img,
a.to-top-button.sz-4 .arrow-img.circle-img { margin: 6px 15% }
a.to-top-button.sz-4 .arrow-img.circle-o-img { margin: 7px 15% }
a.to-top-button.sz-4 .arrow-img.rise-img { margin: 4px 15% }
a.to-top-button.sz-4 .arrow-img.top-img { margin: 5px 15% }

a.to-top-button.sz-5 .arrow-img { vertical-align: top; margin: 5px 15% }
a.to-top-button.sz-5 .arrow-img.drop-img { margin: -3px 0%; }
a.to-top-button.sz-5 .arrow-img.arrow-l-img { margin: 1px 10%; }
a.to-top-button.sz-5 .arrow-img.caret-img { margin: 5px 18% }
a.to-top-button.sz-5 .arrow-img.arrow-circle-img { margin: 8px 15% }
a.to-top-button.sz-5 .arrow-img.caret-circle-img,
a.to-top-button.sz-5 .arrow-img.circle-img { margin: 7px 15% }
a.to-top-button.sz-5 .arrow-img.circle-o-img { margin: 8px 15% }
a.to-top-button.sz-5 .arrow-img.rise-img { margin: 4px 15% }
a.to-top-button.sz-5 .arrow-img.top-img { margin: 5px 15% }

a.to-top-button.sz-6 .arrow-img { vertical-align: top; margin: 6px 15% }
a.to-top-button.sz-6 .arrow-img.drop-img { margin: -4px 0%; }
a.to-top-button.sz-6 .arrow-img.arrow-l-img { margin: 1px 10%; }
a.to-top-button.sz-6 .arrow-img.caret-img { margin: 6px 18% }
a.to-top-button.sz-6 .arrow-img.arrow-circle-img { margin: 9px 15% }
a.to-top-button.sz-6 .arrow-img.caret-circle-img,
a.to-top-button.sz-6 .arrow-img.circle-img { margin: 8px 15% }
a.to-top-button.sz-6 .arrow-img.circle-o-img { margin: 9px 15% }
a.to-top-button.sz-6 .arrow-img.rise-img { margin: 6px 15% }
a.to-top-button.sz-6 .arrow-img.top-img { margin: 7px 15% }

a.to-top-button .arrow-img.is-0 {
    -webkit-filter: drop-shadow(2px 2px 2px #000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
    filter: drop-shadow(2px 2px 2px #000);
}
a.to-top-button .arrow-img.is-1 {
    -webkit-filter: drop-shadow(2px 2px 2px #111);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#111')";
    filter: drop-shadow(2px 2px 2px #111);
}
a.to-top-button .arrow-img.is-2 {
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#222')";
    filter: drop-shadow(2px 2px 2px #222);
}
a.to-top-button .arrow-img.is-3 {
    -webkit-filter: drop-shadow(2px 2px 2px #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#333')";
    filter: drop-shadow(2px 2px 2px #333);
}
a.to-top-button .arrow-img.is-4 {
    -webkit-filter: drop-shadow(2px 2px 2px #444);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: drop-shadow(2px 2px 2px #444);
}
a.to-top-button .arrow-img.is-5 {
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#555')";
    filter: drop-shadow(2px 2px 2px #555);
}
a.to-top-button .arrow-img.is-6 {
    -webkit-filter: drop-shadow(2px 2px 2px #666);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#666')";
    filter: drop-shadow(2px 2px 2px #666);
}
a.to-top-button .arrow-img.is-7 {
    -webkit-filter: drop-shadow(2px 2px 2px #777);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#777')";
    filter: drop-shadow(2px 2px 2px #777);
}
a.to-top-button .arrow-img.is-8 {
    -webkit-filter: drop-shadow(2px 2px 2px #888);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#888')";
    filter: drop-shadow(2px 2px 2px #888);
}
a.to-top-button .arrow-img.is-9 {
    -webkit-filter: drop-shadow(2px 2px 2px #999);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#999')";
    filter: drop-shadow(2px 2px 2px #999);
}
a.to-top-button .arrow-img.is-10 {
    -webkit-filter: drop-shadow(2px 2px 2px #AAA);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#AAA')";
    filter: drop-shadow(2px 2px 2px #AAA);
}
a.to-top-button .arrow-img.is-11 {
    -webkit-filter: drop-shadow(2px 2px 2px #BBB);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#BBB')";
    filter: drop-shadow(2px 2px 2px #BBB);
}
a.to-top-button .arrow-img.is-12 {
    -webkit-filter: drop-shadow(2px 2px 2px #CCC);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#CCC')";
    filter: drop-shadow(2px 2px 2px #CCC);
}
a.to-top-button .arrow-img.is-13 {
    -webkit-filter: drop-shadow(2px 2px 2px #DDD);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#DDD')";
    filter: drop-shadow(2px 2px 2px #DDD);
}
a.to-top-button .arrow-img.is-14 {
    -webkit-filter: drop-shadow(2px 2px 2px #EEE);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#EEE')";
    filter: drop-shadow(2px 2px 2px #EEE);
}
a.to-top-button .arrow-img.is-15 {
    -webkit-filter: drop-shadow(2px 2px 2px #FFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#FFF')";
    filter: drop-shadow(2px 2px 2px #FFF);
}

/* FOR ABOUT PAGE */
.about-line-height p {
	line-height: 1.35;
}