@keyframes load {0% {width:0%;} 100% {width:100%;}}
.trent-slider {width:100%;position:relative;overflow:hidden;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.65s;}
.t-slide img {width:100%;height:100%;}
.t-slider-controls {position:absolute;top:0;bottom:0;left:0;right:0;} 
.t-slider-controls .arrow {min-height:100%;width:50px;position:relative;transition:.25s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {float:right;} .t-slider-controls .left-arrow {float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {width:100%;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:8px;height:8px;margin:5px;float:left;border-radius:50%;transition:.65s;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {transform:scale(1.65);cursor:pointer;}
/*text-slider*/
.text-slider .t-slide-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;padding:10px 5px;color:#fafafa;width:90%;max-width:500px;background:#000;}
.text-slider .t-slide-content p {margin-bottom:0;}
/*close slider css*/
@media screen and (min-width:768px) {.t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}}
.imgcs{
    width:82%;height:auto;margin:3px;margin-top:1px;margin-bottom:1px;
}
.imgcs2{
    width:90%;height:auto;margin:3px;margin-top:1px;margin-bottom:1px;
}
.slidtr{
    width:65%;float:left;display:inline-block;background-color:white;height:392px;border: 1px solid white;border-radius: 5px;margin:15px;margin-top:2px;
}
.wp-content{
    margin-top:40px;
}
@media screen and (max-width: 768px) {
    .slidtr{
        display:none;
}
}
.slidtr3{
    width:65%;float:left;display:inline-block;background-color:#ffbc47;height:400px;margin:15px;border: 1px solid white;border-radius: 5px;margin-top:2px;
}
.slidtr4{
    width:30%;
    height:815px;
    float:right;
    background:white;
    border: 1px solid white;border-radius: 5px;
}
@media screen and (max-width: 768px) {
    .slidtr3{
        width:100%;
        height:auto;
        margin:1px;
    }
    .slidtr4{
        width:100%;
        height:auto;
    }
}

#rikeys-meaning2{
    position: relative;
    z-index:2;
    background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.2) 25%,
    rgba(255,255,255,0.2) 75%,
    rgba(255,255,255,0) 100%,);
    box-shadow: 0px 2px 4px 0px rgba(0,0,1,0.2),inset 0px 0px 2px rgba(255,255,255,0.6);
    font-size:14px;
    border: 1px solid white;
    border-radius: 5px;
    color:black;
    background:white;
	width: 19%;
	height:170px;
	padding: 3px;
	margin: 3px;
	float: left;
	display: inline-block;
}
#rikeys-meaning2:after{
			content: "";
			display: block;
			clear: both;
		}
@media screen and (max-width: 768px) {
    #rikeys-meaning2{
        font-size:9px;
        margin:1px;
        padding:1px;
        max-height:100px;
    }
}
#rikeys-meaning3{
    position: relative;
    z-index:2;
    background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.2) 25%,
    rgba(255,255,255,0.2) 75%,
    rgba(255,255,255,0) 100%,);
    box-shadow: 0px 2px 4px 0px rgba(0,0,1,0.2),inset 0px 0px 2px rgba(255,255,255,0.6);
    font-size:14px;
    border: 1px solid white;
    border-radius: 5px;
    color:black;
    background:white;
	width: 16.3%;
	height:170px;
	padding: 3px;
	margin: 3px;
	float: left;
	display: inline-block;
}
#rikeys-meaning3:after{
			content: "";
			display: block;
			clear: both;
		}
@media screen and (max-width: 768px) {
    #rikeys-meaning3{
        font-size:9px;
        margin:1px;
        padding:1px;
        max-height:100px;
    }
}
a {
    color: inherit;
    text-decoration: none;
}
 .giant-quotes-quote {
  display:inline-block;
  font-family:sans-serif;
  margin:1em;
  max-width:20em;
  blockquote {
    display:inline-block;
    margin:0;
    padding:1em;
    position:relative;
    &:before {
      color:#f90;
      content:"\201C";
      font-size:4em;
      left:0;
      line-height:.75em;
      position:absolute;
      top:0;
      transform:scale(2, 8);
      transform-origin:top;
    }
    &:after {
      color:#f90;
      content:"\201D";
      font-size:4em;
      line-height:.75em;
      position:absolute;
      right:0;
      top:0;
      transform:scale(2, 8);
      transform-origin:top;
    }
     * {
      padding:0 2em;
    }
    cite {
      color:#c60;
      display: block;
      font-style: normal;
      text-align: right;
      text-transform:uppercase;
    }
  }
}
.join2{
    width:100%;
    height:30px;
    background:#ffbc47;
    display:inline-block;
    padding:3px;
    border: 1px solid white;
    border-radius: 3px;
    margin:1px;
    color:white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
}
.join{
    width:40%;
    height:40px;
    display:inline-block;
    padding:4px;
    border: 1px solid black;
    border-radius: 3px;
    margin:1px;
    color:white;
}
.join:hover{
    border: 5px solid white;
    padding:2px;
    height:44px;
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
}

/*wrapper button*/
.wrappd{
  width: 90%;
  margin: 3px;
  padding:3px;
  margin-top:1px;
  height: 60px;
  font-size: 18px;
  font-family: sans-serif;
  text-decoration: none;
  
  border: 10px solid #333;
  border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
}
.wrappd2{
  color: White;
  background-color:#ffbc47;
  width:100%;
  height:35px;
  line-height:35px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
}
.wrappd2:hover{
  text-decoration: none;
  background-color:#fb641b; 
}
.catsp{
    font-family: "Josefin Sans"; 
    font-size: 24px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 700; 
    line-height: 26.4px;
    float:left;
    width:100%;
    clear:both;
    text-align:left;
    margin:5px;
    color:black;
}
.catsp1{
    font-family: "Josefin Sans"; 
    font-size: 20px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 500; 
    line-height: 28px;
    width:100%;
    clear:both;
    text-align:left;
    margin:10px;
    color:black;
}