.gyan-simple-transition,
.gyan-ease-transition,
.gyan-ease-transition:before,
.gyan-ease-transition:after,
.gyan-ease-transition svg,
.gyan-ease-transition i,
ul.gyan-menu-list-item li
 { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }

.gyan-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.4s; }
.gyan-bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center; }
.gyan-flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.gyan-stack-desktop-yes .gyan-adv-heading-stack,
.gyan-stack-tablet-yes .gyan-adv-heading-stack,
.gyan-stack-mobile-yes .gyan-adv-heading-stack { display:block; }

.gyan-button {transition: all 0.3s ease-in-out; }
.gyan-button:active,
.gyan-button:focus,
.gyan-button{border: 0; outline: none; cursor: pointer; }

.gyan-transition-toggle{-webkit-tap-highlight-color:transparent}

svg:not(:root) {overflow: hidden; }

@media (min-width:640px){.gyan-hidden\@s{display:none !important}}
@media (min-width:960px){.gyan-hidden\@m{display:none !important}}
@media (min-width:1200px){.gyan-hidden\@l{display:none !important}}
@media (min-width:1600px){.gyan-hidden\@xl{display:none !important}}
@media (max-width:639px){.gyan-visible\@s{display:none !important}}
@media (max-width:959px){.gyan-visible\@m{display:none !important}}
@media (max-width:1199px){.gyan-visible\@l{display:none !important}}
@media (max-width:1599px){.gyan-visible\@xl{display:none !important}}

/* Animation */

@keyframes gyan-animation-rotate{
  from {transform: rotate(0deg); } to {transform: rotate(359deg); }
}

.gyan-animation-rotate {animation-name:gyan-animation-rotate; animation-duration:8s; animation-timing-function:linear; animation-iteration-count:infinite }

@keyframes gyan-animation-hang{
	0%{transform:translateY(8px)}
	50%{transform:translateY(4px)}
	100%{transform:translateY(8px)}
}

.gyan-animation-hang {animation-name:gyan-animation-hang; animation-duration:1.5s; animation-timing-function:ease-in-out; animation-iteration-count:infinite }

@keyframes gyan-animation-pulse{
	25%{transform:scale(1.1)}
	75%{transform:scale(0.9)}
}

.gyan-animation-pulse {animation-name:gyan-animation-pulse; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite }

@keyframes gyan-animation-buzz{
	50%{transform:translateX(3px) rotate(2deg)}
	100%{transform:translateX(-3px) rotate(-2deg)}
}

.gyan-animation-buzz {animation-name:gyan-animation-buzz; animation-duration:0.15s; animation-timing-function:linear; animation-iteration-count:infinite }

@keyframes gyan-animation-wiggle {
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

.gyan-animation-wiggle {animation: gyan-animation-wiggle 75ms infinite; animation-timing-function: linear; }

@keyframes gyan-animation-shake {
  0% { transform: rotate(-2deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(2deg); }
}
.gyan-animation-shake {animation: gyan-animation-shake 75ms infinite; animation-timing-function: linear; }


/* Animation Box -------------------------------------- */

.gyan-animation-box { position:relative; }

.gyan-animation-box:before,
.gyan-animation-box:after {
    position: absolute;
    opacity:1;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.gyan-animation-box-none .gyan-animation-box:before { display:none; }
.gyan-animation-box:after { display:none; }

.gyan-animation-box-fade .gyan-animation-box:before { opacity:0; }
.gyan-animation-box-fade .gyan-animation-box:hover:before { opacity:1; }

.gyan-animation-box-sb .gyan-animation-box:before,
.gyan-animation-box-st .gyan-animation-box:before {-webkit-transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); }

.gyan-animation-box-sb .gyan-animation-box:hover:before,
.gyan-animation-box-st .gyan-animation-box:hover:before {-webkit-transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); }

.gyan-animation-box-sb .gyan-animation-box:before {-webkit-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; transform-origin: top; }

.gyan-animation-box-st .gyan-animation-box:before {-webkit-transform-origin: bottom; -ms-transform-origin: bottom; -moz-transform-origin: bottom; transform-origin: bottom; }

.gyan-animation-box-sr .gyan-animation-box:before,
.gyan-animation-box-sl .gyan-animation-box:before,
.gyan-animation-box-br-tsr .gyan-animation-box:before,
.gyan-animation-box-br-tsl .gyan-animation-box:before,
.gyan-animation-box-br-bsr .gyan-animation-box:before,
.gyan-animation-box-br-bsl .gyan-animation-box:before,
.gyan-animation-box-br-et .gyan-animation-box:before,
.gyan-animation-box-br-eb .gyan-animation-box:before {-webkit-transform: scaleX(0); -ms-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); }

.gyan-animation-box-sr .gyan-animation-box:hover:before,
.gyan-animation-box-sl .gyan-animation-box:hover:before,
.gyan-animation-box-br-tsr .gyan-animation-box:hover:before,
.gyan-animation-box-br-tsl .gyan-animation-box:hover:before,
.gyan-animation-box-br-bsr .gyan-animation-box:hover:before,
.gyan-animation-box-br-bsl .gyan-animation-box:hover:before,
.gyan-animation-box-br-et .gyan-animation-box:hover:before,
.gyan-animation-box-br-eb .gyan-animation-box:hover:before {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1); }

.gyan-animation-box-sr .gyan-animation-box:before,
.gyan-animation-box-br-tsr .gyan-animation-box:before,
.gyan-animation-box-br-bsr .gyan-animation-box:before {-webkit-transform-origin: left; -ms-transform-origin: left; -moz-transform-origin: left; transform-origin: left; }

.gyan-animation-box-sl .gyan-animation-box:before,
.gyan-animation-box-br-tsl .gyan-animation-box:before,
.gyan-animation-box-br-bsl .gyan-animation-box:before {-webkit-transform-origin: right; -ms-transform-origin: right; -moz-transform-origin: right; transform-origin: right; }

.gyan-animation-box-br-tsr .gyan-animation-box:before,
.gyan-animation-box-br-tsl .gyan-animation-box:before,
.gyan-animation-box-br-bsr .gyan-animation-box:before,
.gyan-animation-box-br-bsl .gyan-animation-box:before,
.gyan-animation-box-br-et .gyan-animation-box:before,
.gyan-animation-box-br-eb .gyan-animation-box:before { height:4px; }

.gyan-animation-box-br-bsr .gyan-animation-box:before,
.gyan-animation-box-br-bsl .gyan-animation-box:before,
.gyan-animation-box-br-eb .gyan-animation-box:before { top:auto; bottom:0; }

.gyan-animation-box-br-et .gyan-animation-box:before,
.gyan-animation-box-br-eb .gyan-animation-box:before {-webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center; transform-origin: center; }

.gyan-animation-box-br-tt .gyan-animation-box:before,
.gyan-animation-box-br-ttb .gyan-animation-box:before { top:0; height:0; }

.gyan-animation-box-br-tt .gyan-animation-box:hover:before,
.gyan-animation-box-br-ttb .gyan-animation-box:hover:before { top:-10px; height:10px; width:calc(100% - 30px); margin:0 15px; transition: all 0.2s ease-in-out; }

.gyan-animation-box-br-tb .gyan-animation-box:before,
.gyan-animation-box-br-ttb .gyan-animation-box:after { bottom:0; height:0; top:auto; display:block; }

.gyan-animation-box-br-tb .gyan-animation-box:hover:before,
.gyan-animation-box-br-ttb .gyan-animation-box:hover:after { bottom:-10px; height:10px; width:calc(100% - 30px); margin:0 15px; transition: all 0.2s ease-in-out; }

.gyan-animation-box-co .gyan-animation-box:before,
.gyan-animation-box-cs .gyan-animation-box:before { left:50%; top:50%; right:50%; bottom:50%; width:0; height:0; border-radius:100%; }

.gyan-animation-box-co .gyan-animation-box:hover:before,
.gyan-animation-box-cs .gyan-animation-box:hover:before { right:0; top:0; left:0; bottom:0; width:100%; height:100%; border-radius:0; }

.gyan-animation-box-cs .gyan-animation-box:before { border-radius:0; }

/* Width -------------------------------------- */

[class*='gyan-width'] {box-sizing: border-box; width: 100%; max-width: 100%; }
.gyan-width-auto {width: auto; }
.gyan-width-expand {flex: 1; min-width: 1px; }


/* Badge -------------------------------------- */
.gyan-badge{box-sizing:border-box;min-width:22px;height:22px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff;font-size:.875rem;display:inline-flex;justify-content:center;align-items:center}
.gyan-badge:hover,.gyan-badge:focus{color:#fff;text-decoration:none;outline:none}

/* Icon -------------------------------------- */
/*.gyan-icon {margin: 0; border: none; border-radius: 0; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0; }*/

.gyan-icon {display: inline-block; line-height: 1; text-align: center; }

.gyan-icon i, .gyan-icon svg {width: 1em; height: 1em; position: relative; }

.gyan-icon i:before, .gyan-icon svg:before {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/* Position -------------------------------------- */

.gyan-position-top{top:0;left:0;right:0}
.gyan-position-bottom{bottom:0;left:0;right:0}
.gyan-position-left{top:0;bottom:0;left:0}
.gyan-position-right{top:0;bottom:0;right:0}
.gyan-position-top-left{top:0;left:0}
.gyan-position-top-right{top:0;right:0}
.gyan-position-bottom-left{bottom:0;left:0}
.gyan-position-bottom-right{bottom:0;right:0}

.gyan-position-center{top:50%;left:50%;transform:translate(-50%, -50%);width:-moz-max-content;width:max-content;max-width:100%;box-sizing:border-box}
.gyan-position-center-left{left:0}
.gyan-position-center-right{right:0}
.gyan-position-center-left-out{right:100%;width:-moz-max-content;width:max-content}
.gyan-position-center-right-out{left:100%;width:-moz-max-content;width:max-content}
.gyan-position-top-center,
.gyan-position-bottom-center{left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content;max-width:100%;box-sizing:border-box}
.gyan-position-top-center{top:0}
.gyan-position-bottom-center{bottom:0}

.gyan-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}
.gyan-position-relative{position:relative !important}
.gyan-position-absolute{position:absolute !important}
.gyan-position-fixed{position:fixed !important}
.gyan-position-z-index{z-index:1}

.gyan-position-small{max-width:calc(100% - (15px * 2));margin:15px}
.gyan-position-small.gyan-position-center{transform:translate(-50%, -50%) translate(-15px, -15px)}
.gyan-position-small.gyan-position-top-center,
.gyan-position-small.gyan-position-bottom-center{transform:translateX(-50%) translateX(-15px)}

.gyan-position-medium{max-width:calc(100% - (30px * 2));margin:30px}
.gyan-position-medium.gyan-position-center{transform:translate(-50%, -50%) translate(-30px, -30px)}
.gyan-position-medium.gyan-position-top-center,
.gyan-position-medium.gyan-position-bottom-center{transform:translateX(-50%) translateX(-30px)}

.gyan-position-large{max-width:calc(100% - (30px * 2));margin:30px}
.gyan-position-large.gyan-position-center{transform:translate(-50%, -50%) translate(-30px, -30px)}
.gyan-position-large.gyan-position-top-center,
.gyan-position-large.gyan-position-bottom-center{transform:translateX(-50%) translateX(-30px)}

[class*='gyan-position-top'],[class*='gyan-position-bottom'],[class*='gyan-position-left'],[class*='gyan-position-right'],[class*='gyan-position-center']{position:absolute !important}
[class*='gyan-position-center-left'],[class*='gyan-position-center-right']{top:50%;transform:translateY(-50%)}

.gyan-position-small[class*='gyan-position-center-left'],
.gyan-position-small[class*='gyan-position-center-right']{transform:translateY(-50%) translateY(-15px)}

.gyan-position-medium[class*='gyan-position-center-left'],
.gyan-position-medium[class*='gyan-position-center-right']{transform:translateY(-50%) translateY(-30px)}

.gyan-position-large[class*='gyan-position-center-left'],
.gyan-position-large[class*='gyan-position-center-right']{transform:translateY(-50%) translateY(-30px)}

@media (min-width:1200px){
	.gyan-position-large{max-width:calc(100% - (50px * 2));margin:50px}
	.gyan-position-large.gyan-position-center{transform:translate(-50%, -50%) translate(-50px, -50px)}

	.gyan-position-large[class*='gyan-position-center-left'],
    .gyan-position-large[class*='gyan-position-center-right']{transform:translateY(-50%) translateY(-50px)}

	.gyan-position-large.gyan-position-top-center,
    .gyan-position-large.gyan-position-bottom-center{transform:translateX(-50%) translateX(-50px)}
}

/* Flex -------------------------------------- */

.gyan-flex {display: flex; }
.gyan-flex-inline {display: inline-flex; }
.gyan-flex::before, .gyan-flex::after, .gyan-flex-inline::before, .gyan-flex-inline::after {display: none; }
.gyan-flex-left {justify-content: flex-start; }
.gyan-flex-center {justify-content: center; }
.gyan-flex-right {justify-content: flex-end; }
.gyan-flex-between {justify-content: space-between; }
.gyan-flex-around {justify-content: space-around; }
.gyan-flex-stretch {align-items: stretch; }
.gyan-flex-top {align-items: flex-start; }
.gyan-flex-middle {align-items: center; }
.gyan-flex-bottom {align-items: flex-end; }
.gyan-flex-row {flex-direction: row; }
.gyan-flex-row-reverse {flex-direction: row-reverse; }
.gyan-flex-column {flex-direction: column; }
.gyan-flex-column-reverse {flex-direction: column-reverse; }
.gyan-flex-nowrap {flex-wrap: nowrap; }
.gyan-flex-wrap {flex-wrap: wrap; }
.gyan-flex-wrap-reverse {flex-wrap: wrap-reverse; }
.gyan-flex-wrap-stretch {align-content: stretch; }
.gyan-flex-wrap-top {align-content: flex-start; }
.gyan-flex-wrap-middle {align-content: center; }
.gyan-flex-wrap-bottom {align-content: flex-end; }
.gyan-flex-wrap-between {align-content: space-between; }
.gyan-flex-wrap-around {align-content: space-around; }
.gyan-flex-first {order: -1; }
.gyan-flex-last {order: 99; }
.gyan-flex-none {flex: none; }
.gyan-flex-auto {flex: auto; }
.gyan-flex-1 {flex: 1; }

/*Font Awesome Fix*/
i.fas-regular { font-weight:400; }

/*Post Like*/
.gyan-love .fa-heart.fas-regular { display: inline-block; }
.gyan-love .fa-heart { display: none; }
.gyan-love.loved .fa-heart.fas-regular { display: none; }
.gyan-love.loved .fa-heart { display: inline-block; }