.ham6 .line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke:#d03a7e;
    stroke-width:2.5;
    stroke-linecap:round;
  }
  .ham6 .top {
    stroke-dasharray: 40 172;
  }
  .ham6 .middle { 
    stroke-dasharray: 40 111;
  }
  .ham6 .bottom {
    stroke-dasharray: 40 172;
  }
  .ham6.active .top {
    stroke-dashoffset: -132px !important;
  }
  .ham6.active .middle {
    stroke-dashoffset: -71px !important;
  }
  .ham6.active .bottom {
    stroke-dashoffset: -132px !important;
  }
  .hamRotate.active {
    transform: rotate(45deg);
  }
  .scroll_menu .ham6 .line {
    stroke:#d03a7e;
  }


  [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #7dc051;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}





[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #60cbc0;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.loader.hide {
  transform:translateY(-100%);
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
 }

.nicescroll-rails-hr {
	display: none !important;
}

@keyframes fadeOutUp {
 0% {
  opacity:1
 }
 to {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
}
.fadeOutUp {
 animation-name:fadeOutUp
}
@keyframes fadeOutUpSlow {
 0% {
  opacity:1
 }
 to {
  opacity:.2;
  transform:translate3d(0,-20%,0)
 }
}
.fadeOutUpSlow {
 animation-name:fadeOutUpSlow
}
@keyframes fadeInDown {
 0% {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
 to {
  opacity:1;
  transform:translateZ(0)
 }
}
.fadeInDown {
 animation-name:fadeInDown
}
@keyframes fadeInDownSlow {
 0% {
  opacity:.2;
  transform:translate3d(0,-20%,0)
 }
 to {
  opacity:1;
  transform:translateZ(0)
 }
}
.fadeInDownSlow {
 animation-name:fadeInDownSlow
}

.animated {
  animation-duration:var(--animate-duration);
  animation-fill-mode:both
 }
 .animated.infinite {
  animation-iteration-count:infinite
 }
 .animated.repeat-1 {
  animation-iteration-count:var(--animate-repeat)
 }
 .animated.repeat-2 {
  animation-iteration-count:calc(var(--animate-repeat) * 2)
 }
 .animated.repeat-3 {
  animation-iteration-count:calc(var(--animate-repeat) * 3)
 }
 .animated.delay-1s {
  animation-delay:var(--animate-delay)
 }
 .animated.delay-2s {
  animation-delay:calc(var(--animate-delay) * 2)
 }
 .animated.delay-3s {
  animation-delay:calc(var(--animate-delay) * 3)
 }
 .animated.delay-4s {
  animation-delay:calc(var(--animate-delay) * 4)
 }
 .animated.delay-5s {
  animation-delay:calc(var(--animate-delay) * 5)
 }
 .animated.faster {
  animation-duration:calc(var(--animate-duration) / 2)
 }
 .animated.fast {
  animation-duration:calc(var(--animate-duration) * .8)
 }
 .animated.slow {
  animation-duration:calc(var(--animate-duration) * 2)
 }
 .animated.slower {
  animation-duration:calc(var(--animate-duration) * 3)
 }
 @media print,(prefers-reduced-motion: reduce) {
  .animated {
   animation-duration:1ms!important;
   transition-duration:1ms!important;
   animation-iteration-count:1!important
  }
  .animated[class*=Out] {
   opacity:0
  }
 }

 .homebg2 {
  background: rgb(255,255,255);
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(191, 213, 225) 100%);
 }


 
.wagca {
	display: flex;
	padding: 5px;
	border-radius: 4px;
	transform: translate(0%);
	transition: 1s all;
	align-items: center;
}

.wagca .size {
	padding: 2px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	align-items: center;
}
.fontSizeSm {
	background-image: url('../../images/template/font-sm.png') !important;
	border: none;
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: center;
	background-color: transparent;
	width: 26px;
	height: 21px;
}
.fontSizeMd {
	background-image: url('../../images/template/font-md.png') !important;
	border: none;
	background-repeat: no-repeat;
	background-size: inherit;
	background-color: transparent;
	background-position: center;
	width: 26px;
	height: 21px;
}
.fontSizeLg {
	background-image: url('../../images/template/font-lg.png') !important;
	border: none;
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: center;
	background-color: transparent;
	width: 26px;
	height: 21px;
}
.wagca .contrast {
	padding-right: 5px;
	background-image: url('../../images/template/contrast.png') !important;
	border: none;
	background-repeat: no-repeat;
	background-size: inherit;
	background-color: transparent;
	background-position: 5% 50%;
	width: 115px;
	height: 21px;
	text-align: end;
	color: #fff;
}

.contrastbody {
	background: black;
	color: #ff0 !important;
}
.contrastbody p, .contrastbody h1, .contrastbody h2, .contrastbody h3 , .contrastbody h4, .contrastbody h5 , .contrastbody h6 , .contrastbody li, .contrastbody .h1 {
	
	color: #ff0 !important;
}

.contrastbody nav a {
	color: #ff0 !important;
}
.contrastbody nav {
	background-color: black !important;

	border-bottom:1px solid #ff0 !important;
}
.contrastbody .text-fontcolor {
 	color: #ff0 !important;
}

.contrastbody .footer a {
	color: #ff0 !important;
}
.contrastbody .bg-white {
  background:black !important;
}
.contrastbody .bg-\[\#f4f7f8\] {
  background:black !important;
}
.contrastbody .lg\:bg-white {
  background:black !important;
}
.contrastbody .bg-\[\#ffffffb0\] {
  background:black !important;
}