@charset "UTF-8";
#bp-login-widget-form label {
    display: block;
    font-weight: 600;
    margin: 15px 0 5px;
    width: auto;
}
#bp-login-widget-form input[type="password"],
#bp-login-widget-form input[type="text"] {
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    font: inherit;
    font-size: 100%;
    padding: 0.5em;
}
.smallimg img {
    width: 20px;
}
.inside_login_form .inside {
    padding: 35px 25px 25px 25px;
    color: #000;
}
#bp-login-widget-form .bp-login-widget-register-link,
#bp-login-widget-form .login-submit {
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
}
#bp-login-widget-form .bp-login-widget-register-link {
    margin-left: 1em;
    vertical-align: super;
}
#bp-login-widget-form .bp-login-widget-pwd-link {
    font-size: 80%;
}
[class*=" icon-"]:before,
[class^="icon-"]:before,
[data-icon]:before {
    font-family: fonticon !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.label {
    vertical-align: baseline;
}
.btn,
.btn-group,
.checkbox-inline,
img {
    vertical-align: middle;
}
.fa,
[data-icon]:before {
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
}
@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}
body {
    -webkit-backface-visibility: hidden;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}
@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}
@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}
@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}
@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}
@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}
@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}
@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}
@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@-moz-keyframes slideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-200px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes slideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-200px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }
    100% {
        transform: translateY(0);
    }
}
@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes slideInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes slideInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes slideInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}
@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}
@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}
@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@-moz-keyframes bounceOut {
    0% {
        -moz-transform: scale(1);
    }
    25% {
        -moz-transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }
}
@-o-keyframes bounceOut {
    0% {
        -o-transform: scale(1);
    }
    25% {
        -o-transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -o-transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}
@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
}
@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
}
@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
}
@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
}
@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}
@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-moz-keyframes lightSpeedOut {
    0% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-o-keyframes lightSpeedOut {
    0% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}
@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}
@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
@-moz-keyframes fadeInFromNone {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slideDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes slideDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(0.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes zoom {
    0% {
        -moz-transform: scale(0.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes zoom {
    0% {
        -o-transform: scale(0.2);
    }
    100% {
        -o-transform: scale(1);
    }
}
@keyframes zoom {
    0% {
        transform: scale(0.2);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0.5);
        opacity: 0.1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scale {
    0% {
        -o-transform: scale(0.5);
        opacity: 0.1;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale {
    0% {
        transform: scale(0.5);
        opacity: 0.1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes slide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
@-moz-keyframes slide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
@-o-keyframes slide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
@keyframes slide {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes expand {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@-moz-keyframes expand {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@-o-keyframes expand {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@keyframes expand {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
        opacity: 1;
    }
}
@-webkit-keyframes ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes ltr {
    0% {
        -moz-transform: translate(-10%, 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes ltr {
    0% {
        -o-transform: translate(-10%, 0);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes ltr {
    0% {
        transform: translate(-10%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes rtl {
    0% {
        -moz-transform: translate(10%, 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes rtl {
    0% {
        -o-transform: translate(10%, 0);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes rtl {
    0% {
        transform: translate(10%, 0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes btt {
    0% {
        -webkit-transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes btt {
    0% {
        -moz-transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes btt {
    0% {
        -o-transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes btt {
    0% {
        transform: translate(0, 50%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}
@-moz-keyframes ttb {
    0% {
        -moz-transform: translate(0, -10%);
        opacity: 0;
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}
@-o-keyframes ttb {
    0% {
        -o-transform: translate(0, -10%);
        opacity: 0;
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes ttb {
    0% {
        transform: translate(0, -10%);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.scale.load {
    -webkit-animation: scale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-animation: scale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-animation: scale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: scale 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-moz-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-o-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
    }
}
@-moz-keyframes shake {
    0%,
    100% {
        -moz-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(10px);
    }
}
@-o-keyframes shake {
    0%,
    100% {
        -o-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -o-transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -o-transform: translateX(10px);
    }
}
@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}
@-moz-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}
@-o-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }
    10%,
    20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}
@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }
    10%,
    20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes swing {
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transform-origin: top center;
    }
    20% {
        -webkit-transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
    }
}
@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }
    40% {
        -moz-transform: rotate(-10deg);
    }
    60% {
        -moz-transform: rotate(5deg);
    }
    80% {
        -moz-transform: rotate(-5deg);
    }
    100% {
        -moz-transform: rotate(0);
    }
}
@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }
    40% {
        -o-transform: rotate(-10deg);
    }
    60% {
        -o-transform: rotate(5deg);
    }
    80% {
        -o-transform: rotate(-5deg);
    }
    100% {
        -o-transform: rotate(0);
    }
}
@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0);
    }
}
@-webkit-keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }
}
@-moz-keyframes wobble {
    0%,
    100% {
        -moz-transform: translateX(0);
    }
    15% {
        -moz-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -moz-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -moz-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -moz-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -moz-transform: translateX(-5%) rotate(-1deg);
    }
}
@-o-keyframes wobble {
    0%,
    100% {
        -o-transform: translateX(0);
    }
    15% {
        -o-transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -o-transform: translateX(20%) rotate(3deg);
    }
    45% {
        -o-transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -o-transform: translateX(10%) rotate(2deg);
    }
    75% {
        -o-transform: translateX(-5%) rotate(-1deg);
    }
}
@keyframes wobble {
    0%,
    100% {
        transform: translateX(0);
    }
    15% {
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        transform: translateX(-5%) rotate(-1deg);
    }
}
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    100%,
    90% {
        -webkit-transform: skewX(0);
    }
}
@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    100%,
    90% {
        -moz-transform: skewX(0);
    }
}
@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    100%,
    90% {
        -o-transform: skewX(0);
    }
}
@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    100%,
    90% {
        transform: skewX(0);
    }
}
@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
    }
}
@-moz-keyframes pulse {
    0%,
    100% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.1);
    }
}
@-o-keyframes pulse {
    0%,
    100% {
        -o-transform: scale(1);
    }
    50% {
        -o-transform: scale(1.1);
    }
}
@keyframes pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) rotateY(0);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) rotateY(0);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }
    70% {
        -moz-transform: scale(0.9);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }
    70% {
        -o-transform: scale(0.9);
    }
    100% {
        -o-transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }
    80% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(30px);
    }
    80% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }
    80% {
        -moz-transform: translateX(-10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px);
    }
    80% {
        -o-transform: translateX(-10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }
    80% {
        -moz-transform: translateX(10px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px);
    }
    80% {
        -o-transform: translateX(10px);
    }
    100% {
        -o-transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@-moz-keyframes lightSpeedIn {
    0% {
        -moz-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -moz-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -moz-transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@-o-keyframes lightSpeedIn {
    0% {
        -o-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -o-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -o-transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -o-transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
    }
}
@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0) rotate(0);
    }
}
@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0) rotate(0);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0);
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes stretch {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes stretchRight {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}
@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}
@font-face {
    font-family: fonticon;
    src: url(https://www.gangboard.com/wp-content/themes/wplms/assets/css/fonts/fonticon.eot);
    src: url(https://www.gangboard.com/wp-content/themes/wplms/assets/css/fonts/fonticon.eot?#iefix) format("embedded-opentype"), url(https://www.gangboard.com/wp-content/themes/wplms/assets/css/fonts/fonticon.woff) format("woff"),
        url(https://www.gangboard.com/wp-content/themes/wplms/assets/css/fonts/fonticon.ttf) format("truetype"), url(https://www.gangboard.com/wp-content/themes/wplms/assets/css/fonts/fonticon.svg#fonticon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
[data-icon]:before {
    content: attr(data-icon);
}
.icon-pencil:before {
    content: "s";
}
.icon-shopping-cart:before {
    content: "x";
}
.icon-block:before {
    content: "M";
}
.icon-cd:before {
    content: "W";
}
.icon-screen:before {
    content: "Y";
}
.icon-instagram:before {
    content: "0";
}
.icon-list:before {
    content: "!";
}
.icon-windows:before {
    content: "$";
}
.icon-question:before {
    content: "[";
}
.icon-home:before {
    content: "`";
}
.icon-in-alt:before {
    content: "\e016";
}
.icon-menu:before {
    content: "\e018";
}
.icon-cloud:before {
    content: "\e020";
}
.icon-play:before {
    content: "\e023";
}
.icon-list-1:before {
    content: "\e031";
}
.icon-x:before {
    content: "\e036";
}
.icon-check:before {
    content: "\e038";
}
.icon-left-quote:before {
    content: "\e03d";
}
.icon-share:before {
    content: "\e03f";
}
.icon-at:before {
    content: "\e045";
}
.icon-cloud-1:before {
    content: "\e048";
}
.icon-left-quote-alt:before {
    content: "\e04b";
}
.icon-plus-1:before {
    content: "\e05d";
}
.icon-article:before {
    content: "\e063";
}
.icon-cd-1:before {
    content: "\e065";
}
.icon-link:before {
    content: "\e067";
}
.icon-check-alt:before {
    content: "\e06b";
}
.icon-first:before {
    content: "\e06f";
}
.icon-image:before {
    content: "\e079";
}
.icon-document-alt-fill:before {
    content: "\e07e";
}
.icon-right-quote-alt:before {
    content: "\e086";
}
.icon-last:before {
    content: "\e087";
}
.icon-play-alt:before {
    content: "\e098";
}
.icon-target:before {
    content: "\e09b";
}
.icon-right-quote:before {
    content: "\e0c0";
}
.icon-play-1:before {
    content: "\e0c1";
}
.icon-home-1:before {
    content: "\e0c7";
}
.icon-read-more:before {
    content: "\e0ca";
}
.icon-document-fill:before {
    content: "\e0cb";
}
.icon-arrow-1-up:before {
    content: "\e0d2";
}
.icon-content-41:before {
    content: "\e0d5";
}
.icon-check-5:before {
    content: "\e0da";
}
.icon-server-1:before {
    content: "\e0dc";
}
.icon-send-to-front:before {
    content: "\e0e5";
}
.icon-html:before {
    content: "\e0ef";
}
.icon-arrow-1-right:before {
    content: "\e0f6";
}
.icon-content-14:before {
    content: "\e103";
}
.icon-content-7:before {
    content: "\e105";
}
.icon-arrow-right-1:before {
    content: "\e106";
}
.icon-send-to-back:before {
    content: "\e10e";
}
.icon-home-1-1:before {
    content: "\e112";
}
.icon-linkedin-alt:before {
    content: "\e115";
}
.icon-video-1:before {
    content: "\e116";
}
.icon-play-1-1:before {
    content: "\e118";
}
.icon-cloud-2:before {
    content: "\e11e";
}
.icon-content-43:before {
    content: "\e126";
}
.icon-content-34:before {
    content: "\e128";
}
.icon-at-email:before {
    content: "\e132";
}
.icon-text-document:before {
    content: "\e137";
}
.icon-content-42:before {
    content: "\e13c";
}
.icon-3-css:before {
    content: "\e145";
}
.icon-google-plus-1:before {
    content: "\e146";
}
.icon-close-off-2:before {
    content: "\e147";
}
.icon-script:before {
    content: "\e14d";
}
.icon-content-1:before {
    content: "\e150";
}
.icon-content-8:before {
    content: "\e159";
}
.icon-check-1:before {
    content: "\e15e";
}
.icon-arrow-1-left:before {
    content: "\e172";
}
.icon-content-44:before {
    content: "\e174";
}
.icon-next-1:before {
    content: "\e17b";
}
.icon-arrow-down-1:before {
    content: "\e186";
}
.icon-database-5:before {
    content: "\e191";
}
.icon-date:before {
    content: "\e199";
}
.icon-road:before {
    content: "\e19f";
}
.icon-arrow-left-1:before {
    content: "\e1a0";
}
.icon-shop-24:before {
    content: "\e1bb";
}
.icon-square-24:before {
    content: "\e1d0";
}
.icon-aim:before {
    content: "\e1f9";
}
.icon-aim-alt:before {
    content: "\e1fa";
}
.icon-amazon:before {
    content: "\e1fb";
}
.icon-aws:before {
    content: "\e1ff";
}
.icon-facebook-1:before,
.icon-facebook:before {
    content: "\e21e";
}
.icon-github:before {
    content: "\e22b";
}
.icon-github-alt:before {
    content: "\e22c";
}
.icon-google:before {
    content: "\e22e";
}
.icon-last-1:before {
    content: "\e23e";
}
.icon-linkedin:before {
    content: "\e23f";
}
.icon-linkedin-alt-1:before {
    content: "\e240";
}
.icon-official:before {
    content: "\e24e";
}
.icon-twitter-1:before {
    content: "\e27a";
}
.icon-twitter-alt-1:before,
.icon-twitter:before {
    content: "\e27b";
}
.icon-w3:before {
    content: "\e280";
}
.icon-whatsapp:before {
    content: "\e281";
}
.icon-windows-1:before {
    content: "\e283";
}
.icon-wordpress:before {
    content: "\e285";
}
.icon-wordpress-alt:before {
    content: "\e286";
}
.icon-cd-2:before {
    content: "\e2b6";
}
.icon-cloud-3:before {
    content: "\e2bc";
}
.icon-comment:before {
    content: "\e2be";
}
.icon-email:before {
    content: "\e2c9";
}
.icon-enter:before {
    content: "\e2cb";
}
.icon-flag:before {
    content: "\e2d3";
}
.icon-graph:before {
    content: "\e2db";
}
.icon-home-2:before {
    content: "\e2de";
}
.icon-list-2:before {
    content: "\e2e5";
}
.icon-pencil-1:before {
    content: "\e2f3";
}
.icon-phone:before {
    content: "\e2f4";
}
.icon-phone-2:before {
    content: "\e2f5";
}
.icon-phone-3:before {
    content: "\e2f6";
}
.icon-power:before {
    content: "\e2fb";
}
.icon-screen-1:before {
    content: "\e300";
}
.icon-select:before {
    content: "\e301";
}
.icon-windows-2:before {
    content: "\e31b";
}
.icon-search-2:before {
    content: "\e0c6";
}
.icon-download-3:before {
    content: '"';
}
.icon-user:before {
    content: "|";
}
.icon-flag-1:before {
    content: "\e088";
}
.icon-right-open-big:before {
    content: "\e093";
}
.icon-left-open-big:before {
    content: "\e094";
}
.icon-up-open-big:before {
    content: "\e09a";
}
.icon-down-open-big:before {
    content: "\e0a4";
}
.icon-arrow-1-down:before {
    content: "\e01c";
}
.icon-arrow-up-1:before {
    content: "\e022";
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
article,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
video {
    display: inline-block;
    vertical-align: baseline;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
b,
strong {
    font-weight: 700;
}
h1 {
    margin: 0.67em 0;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
textarea {
    overflow: auto;
}
code {
    font-size: 1em;
}
button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.content_list th {
    padding: 10px;
    border: 1px solid #e6e2e2;
    font-size: 15px;
    line-height: 25px;
}
@media print {
    img {
        page-break-inside: avoid;
    }
    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    img {
        max-width: 100% !important;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    .label {
        border: 1px solid #000;
    }
}
.btn,
.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.btn.active,
.btn:active,
.form-control,
.open > .btn-default.dropdown-toggle,
.open > .btn-primary.dropdown-toggle {
    background-image: none;
}
@font-face {
    font-family: "Glyphicons Halflings";
    src: url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.eot);
    src: url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
        url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2) format("woff2"),
        url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.woff) format("woff"),
        url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"),
        url(https://www.gangboard.com/wp-content/themes/wplms/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    line-height: 1.428571429;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:focus,
a:hover {
    text-decoration: underline;
}
a:focus {
    outline-offset: -2px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
[role="button"] {
    cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h1,
h1 {
    font-size: 36px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 18px;
}
.h5,
h5 {
    font-size: 14px;
}
.h6,
h6 {
    font-size: 12px;
}
p {
    padding: 5px 0;
    line-height: 30px;
    font-size: 15px;
    margin: 0;
    font-weight: 400;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-primary {
    color: #337ab7;
}
a.text-primary:focus,
a.text-primary:hover {
    color: #286090;
}
.text-success {
    color: #3c763d;
}
a.text-success:focus,
a.text-success:hover {
    color: #2b542c;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
ul {
    margin-top: 0;
}
ul ul {
    margin-bottom: 0;
}
ul {
    margin-bottom: 10px;
}
.list-inline {
    margin-left: -5px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
code {
    font-size: 90%;
}
caption,
th {
    text-align: left;
}
code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
    background-color: #f9f2f4;
    border-radius: 4px;
}
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " ";
}
.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
}
.container,
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.container:after {
    clear: both;
}
.container-fluid:after {
    clear: both;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row:after {
    clear: both;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}
.col-xs-1 {
    width: 8.3333333333%;
}
.col-xs-2 {
    width: 16.6666666667%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-4 {
    width: 33.3333333333%;
}
.col-xs-5 {
    width: 41.6666666667%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-7 {
    width: 58.3333333333%;
}
.col-xs-8 {
    width: 66.6666666667%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-10 {
    width: 83.3333333333%;
}
.col-xs-11 {
    width: 91.6666666667%;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-push-1 {
    left: 8.3333333333%;
}
.col-xs-push-2 {
    left: 16.6666666667%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-4 {
    left: 33.3333333333%;
}
.col-xs-push-5 {
    left: 41.6666666667%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-7 {
    left: 58.3333333333%;
}
.col-xs-push-8 {
    left: 66.6666666667%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-10 {
    left: 83.3333333333%;
}
.col-xs-push-11 {
    left: 91.6666666667%;
}
.col-xs-push-12 {
    left: 100%;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
}
.btn-group > .btn-group,
.dropdown-menu {
    float: left;
}
label {
    max-width: 100%;
    margin-bottom: 5px;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    line-height: normal;
}
.form-control {
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    display: block;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success.checkbox label,
.has-success.checkbox-inline label {
    color: #3c763d;
}
.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}
.form-control[disabled],
.form-control[readonly] {
    background-color: #eee;
    opacity: 1;
}
.form-control[disabled] {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 15px;
}
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
}
.checkbox + .checkbox {
    margin-top: -5px;
}
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="checkbox"][disabled],
input[type="radio"][disabled] {
    cursor: not-allowed;
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-btn > .btn,
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > select.form-control,
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.input-group-sm > .input-group-btn > select[multiple].btn,
.input-group-sm > .input-group-btn > textarea.btn,
.input-group-sm > select[multiple].form-control,
.input-group-sm > textarea.form-control,
select[multiple].input-sm,
textarea.input-sm {
    height: auto;
}
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto;
}
.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-btn > .btn,
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.input-group-lg > .input-group-btn > select.btn,
.input-group-lg > select.form-control,
select.input-lg {
    height: 46px;
    line-height: 46px;
}
.input-group-lg > .input-group-btn > select[multiple].btn,
.input-group-lg > .input-group-btn > textarea.btn,
.input-group-lg > select[multiple].form-control,
.input-group-lg > textarea.form-control,
select[multiple].input-lg,
textarea.input-lg {
    height: auto;
}
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto;
}
.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.dropdown {
    position: relative;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active,
.btn:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.focus,
.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
    background-color: #fff;
    border-color: #ccc;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.open > .btn-success.dropdown-toggle {
    background-image: none;
}
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
    color: #777;
    text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-header,
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    line-height: 1.428571429;
    white-space: nowrap;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child,
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn,
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    color: #333;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-header {
    font-size: 12px;
    color: #777;
}
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}
.btn-group {
    position: relative;
    display: inline-block;
}
.btn-group > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}
.btn-group-lg.btn-group > .btn + .dropdown-toggle,
.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.input-group,
.input-group-btn,
.input-group-btn > .btn {
    position: relative;
}
.input-group {
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group .form-control:focus {
    z-index: 3;
}
.input-group .form-control,
.input-group-btn {
    display: table-cell;
}
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group .form-control:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
    z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav:after,
.nav:before {
    content: " ";
    display: table;
}
.nav > li,
.nav > li > a {
    display: block;
    position: relative;
}
.nav:after {
    clear: both;
}
.nav > li > a {
    padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #eee;
    border-color: #337ab7;
}
.nav > li > a > img {
    max-width: none;
}
.embed-responsive,
.modal,
.modal-open {
    overflow: hidden;
}
.btn .label {
    top: -1px;
    position: relative;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc;
}
.breadcrumb > .active {
    color: #777;
}
.label {
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    color: #fff;
    border-radius: 0.25em;
}
.label:empty {
    display: none;
}
a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label-default {
    background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #286090;
}
.label-success {
    background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #449d44;
}
.media-object {
    display: block;
}
.close {
    font-weight: 700;
}
.modal,
.modal-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0;
}
.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}
.media-body {
    width: 10000px;
}
.media-right {
    padding-left: 10px;
}
.media-left {
    padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.media-list {
    padding-left: 0;
    list-style: none;
}
.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
    color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}
button.list-group-item {
    width: 100%;
    text-align: left;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading {
    color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef;
}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}
.panel-heading > .dropdown .dropdown-toggle,
.panel-title,
.panel-title > a {
    color: inherit;
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-title,
.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel-body {
    padding: 15px;
}
.panel-body:after,
.panel-body:before {
    content: " ";
    display: table;
}
.panel-body:after {
    clear: both;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-title {
    margin-top: 0;
    font-size: 16px;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #337ab7;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.close {
    font-size: 26px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    position: absolute;
    right: 15px;
    top: 10px;
}
.tooltip {
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-weight: 400;
    text-decoration: none;
}
.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0;
    -webkit-appearance: none;
}
.modal-content {
    background-clip: padding-box;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
    display: table;
    content: " ";
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: scale(1.1, 1.1) !important;
    -ms-transform: scale(1.1, 1.1) !important;
    transform: scale(1.1, 1.1) !important;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}
.modal.fade.in .modal-content {
    display: block !important;
}
.modal-backdrop {
    position: fixed;
    z-index: 100;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-header {
    padding: 10px 35px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header:after {
    clear: both;
}
.modal-header .close {
    margin-top: 0;
}
.modal-title {
    margin: 0;
    line-height: 1.428571429;
    text-align: center;
    font-size: 15px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}
.modal-body {
    position: relative;
    padding: 25px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer:after {
    clear: both;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
    text-align: start;
    font-size: 12px;
    opacity: 0;
}
.tooltip.in {
    opacity: 0.9;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px;
}
.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.text-hide {
    text-shadow: none;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important;
}
.fa,
.fa-stack,
.select2-container {
    display: inline-block;
}
.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.fa-lg {
    font-size: 1.3333333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.1428571429em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: 0.1428571429em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.8571428571em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: 0.08em solid #eee;
    border-radius: 0.1em;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-search:before {
    content: "";
}
.fa-user:before {
    content: "";
}
.fa-th-large:before {
    content: "";
}
.fa-th:before {
    content: "";
}
.fa-th-list:before {
    content: "";
}
.fa-check:before {
    content: "";
}
.fa-close:before,
.fa-times:before {
    content: "";
}
.fa-search-plus:before {
    content: "";
}
.fa-power-off:before {
    content: "";
}
.fa-signal:before {
    content: "";
}
.fa-home:before {
    content: "";
}
.fa-road:before {
    content: "";
}
.fa-download:before {
    content: "";
}
.fa-rotate-right:before {
    content: "";
}
.fa-list-alt:before {
    content: "";
}
.fa-flag:before {
    content: "";
}
.fa-text-height:before {
    content: "";
}
.fa-text-width:before {
    content: "";
}
.fa-list:before {
    content: "";
}
.fa-image:before {
    content: "";
}
.fa-pencil:before {
    content: "";
}
.fa-pencil-square-o:before {
    content: "";
}
.fa-share-square-o:before {
    content: "";
}
.fa-check-square-o:before {
    content: "";
}
.fa-play:before {
    content: "";
}
.fa-arrow-left:before {
    content: "";
}
.fa-arrow-right:before {
    content: "";
}
.fa-arrow-up:before {
    content: "";
}
.fa-arrow-down:before {
    content: "";
}
.fa-share:before {
    content: "";
}
.fa-plus:before {
    content: "";
}
.fa-comment:before {
    content: "";
}
.fa-shopping-cart:before {
    content: "";
}
.fa-twitter-square:before {
    content: "";
}
.fa-facebook-square:before {
    content: "";
}
.fa-sign-out:before {
    content: "";
}
.fa-linkedin-square:before {
    content: "";
}
.fa-sign-in:before {
    content: "";
}
.fa-github-square:before {
    content: "";
}
.fa-phone:before {
    content: "";
}
.fa-square-o:before {
    content: "";
}
.fa-phone-square:before {
    content: "";
}
.fa-twitter:before {
    content: "";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
}
.fa-github:before {
    content: "";
}
.fa-group:before {
    content: "";
}
.fa-link:before {
    content: "";
}
.fa-cloud:before {
    content: "";
}
.fa-copy:before {
    content: "";
}
.fa-square:before {
    content: "";
}
.fa-list-ul:before {
    content: "";
}
.fa-google-plus-square:before {
    content: "";
}
.fa-google-plus:before {
    content: "";
}
.fa-linkedin:before {
    content: "";
}
.fa-rotate-left:before {
    content: "";
}
.fa-comment-o:before {
    content: "";
}
.fa-cloud-download:before {
    content: "";
}
.fa-user-md:before {
    content: "";
}
.fa-h-square:before {
    content: "";
}
.fa-plus-square:before {
    content: "";
}
.fa-angle-double-left:before {
    content: "";
}
.fa-angle-double-right:before {
    content: "";
}
.fa-angle-double-up:before {
    content: "";
}
.fa-angle-double-down:before {
    content: "";
}
.fa-angle-left:before {
    content: "";
}
.fa-angle-right:before {
    content: "";
}
.fa-angle-up:before {
    content: "";
}
.fa-angle-down:before {
    content: "";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "";
}
.fa-quote-left:before {
    content: "";
}
.fa-quote-right:before {
    content: "";
}
.fa-github-alt:before {
    content: "";
}
.fa-keyboard-o:before {
    content: "";
}
.fa-flag-o:before {
    content: "";
}
.fa-code:before {
    content: "";
}
.fa-question:before {
    content: "";
}
.fa-html5:before {
    content: "";
}
.fa-css3:before {
    content: "";
}
.fa-level-up:before {
    content: "";
}
.fa-level-down:before {
    content: "";
}
.fa-check-square:before {
    content: "";
}
.fa-pencil-square:before {
    content: "";
}
.fa-share-square:before {
    content: "";
}
.fa-toggle-down:before {
    content: "";
}
.fa-toggle-up:before {
    content: "";
}
.fa-toggle-right:before {
    content: "";
}
.fa-inr:before {
    content: "";
}
.fa-jpy:before {
    content: "";
}
.fa-youtube-square:before {
    content: "";
}
.fa-youtube:before {
    content: "";
}
.fa-youtube-play:before {
    content: "";
}
.fa-instagram:before {
    content: "";
}
.fa-windows:before {
    content: "";
}
.fa-android:before {
    content: "";
}
.fa-linux:before {
    content: "";
}
.fa-toggle-left:before {
    content: "";
}
.fa-try:before {
    content: "";
}
.fa-plus-square-o:before {
    content: "";
}
.fa-wordpress:before {
    content: "";
}
.fa-google:before {
    content: "";
}
.fa-language:before {
    content: "";
}
.fa-database:before {
    content: "";
}
.fa-git-square:before {
    content: "";
}
.fa-git:before {
    content: "";
}
.fa-send:before {
    content: "";
}
.fa-send-o:before {
    content: "";
}
.fa-header:before {
    content: "";
}
.fa-share-alt:before {
    content: "";
}
.fa-share-alt-square:before {
    content: "";
}
.fa-at:before {
    content: "";
}
.fa-toggle-off:before {
    content: "";
}
.fa-toggle-on:before {
    content: "";
}
.fa-cart-plus:before {
    content: "";
}
.fa-cart-arrow-down:before {
    content: "";
}
.fa-facebook-official:before {
    content: "";
}
.fa-whatsapp:before {
    content: "";
}
.fa-server:before {
    content: "";
}
.fa-user-plus:before {
    content: "";
}
.fa-user-times:before {
    content: "";
}
.fa-object-group:before {
    content: "";
}
.fa-500px:before {
    content: "";
}
.fa-amazon:before {
    content: "";
}
.fa-industry:before {
    content: "";
}
.fa-shopping-basket:before {
    content: "";
}
.fa-sign-language:before {
    content: "";
}
.fa-first-order:before {
    content: "";
}
.fa-yoast:before {
    content: "";
}
.fa-google-plus-official:before {
    content: "";
}
.fa-fa:before {
    content: "";
}
.fa-user-o:before {
    content: "";
}
.fa-id-card:before {
    content: "";
}
.fa-id-card-o:before {
    content: "";
}
.fa-s15:before {
    content: "";
}
.fa-window-close:before {
    content: "";
}
.fa-window-close-o:before {
    content: "";
}
.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-dropdown {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: -100000px;
    z-index: 1051;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
}
a,
a:active,
a:focus,
a:hover,
select {
    -webkit-appearance: none;
    outline: 0;
}
.login_sidebar,
.pagesidebar,
body {
    overflow-x: hidden;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.modal.fade {
    opacity: 1;
}
body,
html {
    font-size: 14px;
}
#close_menu_sidebar,
.success {
    text-align: center;
}
body,
button,
code,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
textarea,
th,
ul {
    -webkit-font-smoothing: antialiased;
}
html {
    -webkit-tap-highlight-color: transparent;
}
body {
    z-index: 0;
    background-color: #fff;
    color: #313b3d;
    font-weight: 400;
    font-family: Roboto, sans-serif;
}
*,
::before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.container,
.container-fluid {
    position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #333;
    font-weight: 400;
}
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.6rem;
}
h3 {
    font-size: 1.3rem;
    font-weight: 500;
}
h4 {
    font-size: 1.2rem;
    font-weight: 500;
}
h5 {
    font-size: 1.1rem;
    font-weight: 500;
}
h6 {
    font-size: 1rem;
    font-weight: 500;
}
a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
}
img {
    height: auto;
}
h3 + p,
p + h3,
p + p,
p + ul,
ul + p {
    margin-top: 10px;
}
code {
    background: #fafafa;
    padding: 4px 6px;
    color: #444;
    line-height: 1.5;
    white-space: pre-line;
}
button:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
    bordercolor: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: 0;
}
ins {
    text-decoration: none;
}
label {
    font-weight: 600;
}
input[type="radio"]:hover {
    -webkit-appearance: radio;
}
#s,
.input-text {
    padding: 6px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #888;
}
.input {
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #888;
}
input[type="file"] {
    margin-bottom: 15px;
}
select {
    -moz-appearance: none;
    appearance: none;
    padding: 0 24px 0 10px;
    height: 36px;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
    color: #313b3d;
    -webkit-transition: 0.05s bordercolor ease-in-out;
    transition: 0.05s bordercolor ease-in-out;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 15%;
    border-radius: 0;
    width: 100%;
}
input[type="email"],
input[type="image"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
textarea {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 5px;
}
textarea {
    width: 100%;
}
input + input,
input + textarea {
    margin-top: 10px;
}
#signup_submit,
#submit,
.sidebar .widget #searchform input[type="submit"] {
    padding: 10px 24px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f16645;
    border: 0;
    color: #fff;
    border-radius: 2px;
    margin: 20px 0;
}
input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover {
    outline: 0 !important;
}
.checkbox > input[type="checkbox"] {
    display: none;
}
.checkbox > input[type="checkbox"] + label {
    padding-left: 0;
    display: block;
    position: relative;
}
.checkbox > input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-right: 8px;
}
.checkbox > input[type="checkbox"]:checked + label:before {
    border-width: 8px;
    border-color: #78c8ce;
}
.checkbox > input[type="checkbox"]:checked + label:after {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    color: #fff;
    left: 1px;
    top: 1px;
    line-height: 1;
    font-size: 14px;
}
.link,
a:hover {
    color: #78c8ce;
    -webkit-transition: all 0.2s ease-in-out;
    text-decoration: none;
}
.select2-container.input-mini {
    width: 60px;
}
.select2-container.input-large {
    width: 210px;
}
.select2-container.input-default {
    width: 220px;
}
.select2-container[class*="span"] {
    float: none;
    margin-left: 0;
}
[class^="input-"] .select2-container {
    font-size: 14px;
}
.link {
    font-size: 11px;
    text-transform: uppercase;
}
.select2-dropdown-open [class^="select2-choice"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
select.select2 {
    height: 28px;
    visibility: hidden;
}
.select2-dropdown {
    border-color: rgba(0, 0, 0, 0.08);
}
.select2-dropdown {
    border-color: rgba(0, 0, 0, 0.08);
    display: inline-block;
    width: 100%;
    padding: 10px;
}
a {
    font-weight: 400;
}
a:hover {
    transition: all 0.2s ease-in-out;
}
.link {
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.link:after {
    content: "";
    padding-left: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: fontawesome;
}
#searchdiv,
.pagesidebar {
    -webkit-transition: all 0.5s;
}
#searchdiv > span:before,
.fa:before,
.nav_search form:after {
    font-family: fontawesome;
}
.link:hover:after {
    content: "\f178";
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.content p > ul,
.content > ul {
    list-style: disc;
    margin-left: 15px;
}
.content ul > li > ul {
    padding-left: 30px;
}
.global,
.pusher {
    height: auto;
    display: block;
    width: 100%;
}
.global {
    position: relative;
}
.pusher {
    z-index: 99;
    background: #fff;
    height: auto;
}
.pagesidebar {
    position: fixed;
    top: 0;
    right: 0;
    visibility: hidden;
    width: 220px;
    height: 100%;
    background: #0e262e;
    transition: all 0.5s;
}
.pagesidebar li > ul {
    display: none;
}
.pagesidebar .left.menu-item {
    float: none;
}
.pagesidebar .open .menu::after {
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    background: 0;
    content: "";
    cursor: pointer;
}
#main {
    z-index: 1;
    background: #fff;
}
.left {
    float: left;
}
.right {
    float: right;
}
.first {
    clear: both;
}
.success {
    padding: 10px;
    display: inline-block;
    background: #70c989;
    color: #fff;
    font-weight: 600;
    width: 100%;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@-webkit-keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}
@keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}
@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@-webkit-keyframes fadeInFromNone {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}
@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
header {
    display: block;
    padding: 0;
    margin: 0;
    z-index: 99;
    background: #fff;
    width: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
#searchdiv,
header #header_alt_logo,
header #header_mobile_logo {
    display: none;
}
#searchdiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99;
    padding: 10%;
    transition: all 0.5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
#searchdiv input[type="text"] {
    background: 0;
    border: 0;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    font-size: 6rem;
    color: #fff;
}
#searchdiv > span {
    width: 64px;
    height: 64px;
    display: block;
    margin: 20vh auto 0;
    cursor: pointer;
}
#searchdiv > span:before {
    content: "\f00d";
    font-size: 48px;
    color: #fff;
}
.search_active #searchdiv {
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.nav_search {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 30px 6px;
    width: 100%;
}
.nav_search input,
.nav_search select {
    border: 0;
}
.nav_search input {
    padding-right: 20px;
}
.nav_search form {
    position: relative;
}
.nav_search form:after {
    content: "\f002";
    position: absolute;
    right: 8px;
    top: 6px;
}
#vibe_bp_login:after,
.pusher::after {
    content: "";
}
#trigger {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 5px;
    right: 10px;
    line-height: 1;
    padding: 0 10px 10px;
    border: 0;
    z-index: 99;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0;
    z-index: 1;
}
#trigger .lines {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 2px;
    background: #1d6b87;
    color: #1d6b87;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#trigger .lines:after,
#trigger .lines:before {
    display: inline-block;
    width: 24px;
    height: 2px;
    background: #1d6b87;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: "";
    -webkit-transform-origin: 5px center;
    transform-origin: 5px center;
}
#trigger .lines:after {
    top: -5px;
}
#trigger .lines:before {
    top: 5px;
}
.open #trigger .lines {
    background: 0 0 !important;
}
.open #trigger .lines:after,
.open #trigger .lines:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 32px;
}
.open #trigger .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.open #trigger .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
#close_menu_sidebar {
    position: relative;
    display: block;
    cursor: pointer;
}
#close_menu_sidebar span:after {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 48px;
    display: inline;
}
.pusher {
    position: relative;
    left: 0;
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.pusher::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    over-y: hidden;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.open .pusher {
    -webkit-transform: translate3d(-220px, 0, 0);
    transform: translate3d(-220px, 0, 0);
}
.open .pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.login_open .pusher {
    -webkit-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
}
.login_open .pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.pagesidebar {
    z-index: 1;
    overflow-y: auto;
    color: #eee;
}
.pagesidebar::after {
    display: none;
}
.pagesidebar .widget li > a {
    padding: 4px 0;
    display: inline-block;
}
.open .pagesidebar {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}
#logo {
    margin: 6px 0 0;
    padding: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
#logo img {
    max-height: 48px;
    width: auto;
}
#vibe_bp_login {
    text-align: left;
    text-transform: uppercase;
}
#vibe_bp_login li#admin_panel_icon {
    position: absolute;
    bottom: 0;
    font-size: 16px;
    right: 0;
    text-align: right;
}
#vibe_bp_login li#admin_panel_icon i {
    padding: 4px 8px;
    line-height: 0;
}
.standard #alt_logo img {
    height: 48px;
    padding: 10px 0;
}
.mobile_icons {
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.08);
}
.mobile_icons > a {
    padding: 15px 0;
    float: left;
    width: 50%;
    color: #fff;
}
.mobile_icons > a:first-child:nth-last-child(1) {
    width: 100%;
}
.mobile_icons > a:first-child:nth-last-child(2),
.mobile_icons > a:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
.mobile_icons > a em {
    padding: 5px;
}
header#blank_header {
    background: 0;
    position: fixed;
}
header#blank_header + #title {
    display: none;
}
#vibe_bp_login {
    display: none;
    width: 240px;
    position: absolute;
    right: 0;
    top: 36px;
    background: #232b2d;
    border-radius: 2px;
    opacity: 1;
    z-index: 100;
    margin: 0;
    padding: 20px;
    border: 0;
    font-size: 12px;
}
#vibe_bp_login .inside_login_form {
    position: relative;
    overflow: hidden;
}
#vibe_bp_login span {
    padding: 0;
    font-size: 10px;
    font-weight: 500;
    border-radius: 20px;
    margin-left: 2px;
    font-family: Roboto, sans-serif;
}
#vibe_bp_login:after {
    position: absolute;
    top: -14px;
    right: 30px;
    border: 7px solid;
    border-color: transparent transparent #232b2d;
}
#vibe_bp_login input[type="email"],
#vibe_bp_login input[type="password"],
#vibe_bp_login input[type="text"] {
    background: #c8c5c5;
    border: 1px solid #625f5f33;
    padding: 6px;
    border-radius: 2px;
    margin: 4px 0 10px;
    width: 100%;
    font-size: 12px;
    color: #484646;
    font-family: Roboto, sans-serif;
}
#vibe_bp_login input[type="submit"] {
    padding: 7px 20px;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 500;
    background-color: #00a8ff;
    color: #fff;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    margin: 10px;
}
#vibe_bp_login label {
    font-size: 11px;
    width: 100%;
    color: #040404;
    font-family: Roboto, sans-serif;
    letter-spacing: 0;
    font-weight: 500;
}
.inside_login_form .inside {
    padding: 35px 25px 25px 25px;
    color: #000;
}
#vibe_bp_login label input[type="checkbox"] {
    margin-right: 5px;
}
#vibe_bp_login #sidebar-me {
    text-align: left;
}
a.tip.vbpforgot {
    float: right;
    color: #000 !important;
    font-weight: 600;
}
a#close_full_popup {
    position: absolute;
    top: 0;
    right: 0;
    background: #333;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
}
a#close_full_popup::before {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 16px;
    color: #fff;
}
#vibe_bp_login .vbpregister {
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 500;
    background-color: #e66010;
    color: #fff;
    border: 0;
    border-radius: 2px;
    font-family: Roboto, sans-serif;
    letter-spacing: 0;
}
#vibe_bp_login #vbp-login-form label > a {
    font-weight: 600;
    opacity: 0.3;
    float: right;
}
#vibe_bp_login #vbp-login-form .checkbox label:before {
    background: rgba(0, 0, 0, 0.1);
    float: left;
    margin-top: 2px;
}
#vibe_bp_login #vbp-login-form .checkbox label:after {
    margin-top: 1px;
}
#vibe_bp_login.active li {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
}
#vibe_bp_login ul {
    width: 146px;
    float: right;
    padding: 20px 0 20px 0;
}
#vibe_bp_login ul + ul {
    width: 100%;
    text-align: start;
    padding: 0 20px;
    background: #313b3d;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#vibe_bp_login ul + ul li i {
    float: right;
}
#vibe_bp_login ul + ul li a {
    padding: 6px 0;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}
#vibe_bp_login ul + ul li:last-child {
    border: 0;
}
#vibe_bp_login ul:last-child {
    padding-bottom: 20px;
}
#vibe_bp_login ul li {
    position: relative;
}
#vibe_bp_login a:hover,
#vibe_bp_login ul li a {
    color: #fff;
}
#vibe_bp_login ul li#username {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 3px;
    text-transform: none;
}
#vibe_bp_login ul li#username + li > a {
    text-transform: none;
}
#vibe_bp_login #wplms_forgot_password_form {
    background: #232b2d;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#vibe_bp_login #wplms_forgot_password_form ul {
    width: 100%;
}
#vibe_bp_login #wplms_forgot_password_form ul li {
    text-align: left;
}
#vibe_bp_login #wplms_forgot_password_form.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#vibe_bp_login #wplms_forgot_password_form .message {
    display: inline-block;
    width: 100%;
}
#vibe_bp_login #wplms_forgot_password_form {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.logged-in #vibe_bp_login {
    padding: 0;
}
.logged-out #vibe_bp_login:after {
    right: 90px;
}
.logged-out #vibe_bp_login.pop_login.active {
    padding: 0;
}
.logged-out #vibe_bp_login.pop_login.active:after {
    border: 0;
}
.logged-out #vibe_bp_login.pop_login.active label {
    width: auto;
}
.logged-out #vibe_bp_login .popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
.logged-out #vibe_bp_login .popup_login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 2;
    height: 100%;
}
.logged-out #vibe_bp_login .popup_login h3 {
    font-size: 14px;
    letter-spacing: 0;
    padding: 30px 0 0;
    margin: 0 0 10px;
    color: #444;
    font-family: Roboto, sans-serif;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form {
    width: 400px;
    margin: 120px auto 0;
    padding: 0;
    background: #fff;
    color: #444;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    text-align: center;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form #close_full_popup {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 1;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form #close_full_popup:before {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 16px;
    color: #444;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside {
    padding: 50px 30px 5px;
    text-align: left;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside input[type="password"],
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside input[type="text"] {
    border: 0;
    background: 0;
    color: #444;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #eee;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside input[type="password"]:focus,
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside input[type="text"]:focus {
    border-color: #78c8ce;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside a {
    color: #444;
    float: right;
    line-height: 1;
    font-size: 12px;
    padding-top: 10px;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside .checkbox {
    display: inline-block;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside .tip,
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside label {
    font-size: 11px;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: Roboto, sans-serif;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside .tip {
    padding-top: 12px;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul {
    padding: 0;
    margin: 0;
    clear: both;
    width: 100%;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li {
    list-style: none;
    float: left;
    position: static;
    text-align: center;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li:first-child:nth-last-child(1) {
    width: 100%;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li:first-child:nth-last-child(2),
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li .vbpregister,
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li input[type="submit"] {
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 15px;
    text-transform: uppercase;
    display: inline-block;
    opacity: 0.9;
    height: 48px;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li .vbpregister:hover,
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form .inside + ul li input[type="submit"]:hover {
    opacity: 1;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form #wplms_forgot_password_form {
    padding: 20px;
    background: #fff;
}
.logged-out #vibe_bp_login .popup_login #vbp-login-form .inside_login_form #wplms_forgot_password_form label {
    color: #444;
}
.mooc #vibe_bp_login:after {
    right: 30px;
}
.login_sidebar {
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
}
.login_sidebar .login_content #vbp-login-form .vbpregister,
.login_sidebar .login_content #vbp-login-form input[type="submit"] {
    padding: 15px;
    width: 100%;
    margin-bottom: 15px;
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    position: absolute;
    left: 0;
    top: 0;
    padding: 120px 15px 60px;
    width: 100%;
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form ul {
    width: 100%;
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form ul li {
    text-align: left;
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form .message {
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    border: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
.login_sidebar .login_content #vbp-login-form #wplms_forgot_password_form {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
nav {
    float: right;
}
nav .menu li {
    float: left;
    position: relative;
}
nav .menu li a {
    margin: 0 10px;
    padding: 20px 6px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    opacity: 0.8;
    position: relative;
}
nav .menu li a span {
    display: block;
    font-weight: 400;
    font-size: 10px;
    opacity: 0.6;
}
nav .menu li.menu-item-has-children:hover > a:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 14px;
    bottom: -1px;
    border: 7px solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.1);
}
nav .menu li.active a {
    color: #fff;
    position: relative;
}
nav .menu li.current-menu-item a {
    color: #fff;
    opacity: 1;
}
nav .menu li:hover > a {
    opacity: 1;
}
nav .menu li:hover > .sub-menu {
    display: block;
    width: 176px;
    opacity: 1;
    -webkit-transition: fadeInFromNone 1s ease-in-out;
    transition: fadeInFromNone 1s ease-in-out;
}
nav .menu li:hover > .sub-menu > li {
    font-size: 12px;
}
nav .menu li:hover > .sub-menu > li i {
    display: block;
    font-size: 48px;
}
nav .menu li:hover.hasmegamenu {
    position: static;
}
nav .menu li:hover.hasmegamenu > .sub-menu {
    width: 100%;
}
nav .menu li .menu-sidebar {
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    color: rgba(255, 255, 255, 0.6);
}
nav .menu li .menu-sidebar .widget {
    padding: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
nav .menu li .menu-sidebar .widget .inside {
    padding: 20px 0;
}
nav .menu li .menu-sidebar .widget h4.widget_title {
    border: 0;
    color: #fff;
}
nav .menu li .menu-sidebar .widget ul li {
    border: 0;
    padding: 0;
}
nav .menu li .menu-sidebar .widget ul li h6 {
    color: #fff;
}
nav .menu li .menu-sidebar .widget ul li a {
    padding: 4px 0;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
nav .menu li .menu-sidebar .widget ul li a:hover,
nav .menu li .menu-sidebar .widget_course_list li h6 {
    color: #fff;
}
nav .menu li .menu-sidebar .widget_course_list li img {
    border-color: rgba(0, 0, 0, 0.2);
}
.sidemenu {
    width: 100%;
    padding: 0;
    margin: 0;
}
.sidemenu li {
    clear: both;
    cursor: pointer;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidemenu li a {
    padding: 15px 0 15px 30px;
    display: block;
    text-align: left;
    color: #fff;
    opacity: 0.8;
    background: rgba(255, 255, 255, 0.1);
}
.login_sidebar,
header.app {
    text-align: center;
}
.sidemenu li.menu-item-has-children > a {
    margin-right: 45px;
}
.sidemenu li:last-child a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidemenu li a:hover,
.sidemenu li.active a {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}
.sidemenu li.menu-item-has-children {
    position: relative;
}
.sidemenu li.menu-item-has-children:after {
    content: "\e05d";
    font-family: fonticon;
    position: absolute;
    top: 15px;
    right: 15px;
    color: rgba(0, 0, 0, 0.6);
}
.sidemenu li.menu-item-has-children.active > ul {
    display: block;
}
.sidemenu li.menu-item-has-children.active:after {
    content: "\e092";
}
header.standard nav {
    float: left;
}
header.standard nav > .menu > li > a {
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
}
header.mooc,
header.standard {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
header.standard #alt_logo {
    display: none;
}
header.app {
    padding: 0 72px;
}
header.app #login_trigger {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #444;
    width: 72px;
    height: 72px;
    line-height: 2.8;
}
header.app #login_trigger img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.login_sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    overflow-y: auto;
    visibility: hidden;
    width: 220px;
    height: 100vh;
    background: #0e262e;
    color: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.login_sidebar .login_content {
    overflow-x: hidden;
    position: relative;
    padding: 30px;
    overflow-y: auto;
}
.login_sidebar .login_content #vbp-login-form label {
    text-align: left;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
}
.login_sidebar .login_content #vbp-login-form label .tip {
    float: right;
    color: rgba(255, 255, 255, 0.4);
}
.login_sidebar .login_content #vbp-login-form label input[type="password"],
.login_sidebar .login_content #vbp-login-form label input[type="text"] {
    margin-top: 5px;
    width: 100%;
    padding: 8px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.login_sidebar .login_content #vbp-login-form #sidebar-wp-submit,
.login_sidebar .login_content #vbp-login-form .vbpregister {
    display: inline-block;
    padding: 15px;
    width: 100%;
    line-height: 1;
    background: #78c8ce;
    color: #fff;
    border: 0;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 600;
}
.login_sidebar .login_content #vbp-login-form .vbpregister {
    background: #f16645;
}
.login_open .login_sidebar {
    visibility: visible;
    z-index: 1;
}
.login_open .pusher {
    z-index: 2;
}
.mooc #logo {
    text-align: center;
    float: left;
    margin-right: 30px;
}
.mooc nav > .menu a {
    margin: 0 10px;
    padding: 15px 0;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 500;
    opacity: 1;
    text-transform: capitalize;
}
.mooc #logo a {
    display: inline-block;
}
.mooc.app #mooc_searchform:before {
    top: 0;
}
.mooc #vibe_bp_login.default_login {
    top: 76px;
}
.mooc nav > .menu a {
    display: inline-block;
}
.mooc #mooc_menu {
    position: relative;
    text-align: left;
}
.mooc #mooc_searchform {
    float: right;
    margin: 24px 0 0 20px;
    display: inline-block;
}
.mooc .vbpcart {
    cursor: pointer;
    position: relative;
    right: 15px;
}
.mooc .vbpcart span {
    position: relative;
}
.mooc .vbpcart span em {
    background: rgba(0, 0, 0, 0.2);
    padding: 4px;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: -10px;
    font-style: normal;
    border-radius: 2px;
}
.mooc .vbpcart.active:after {
    border: 7px solid;
    border-color: transparent transparent #fff;
    content: "";
    bottom: -4px;
    right: 0;
    position: absolute;
}
.mooc .woocart {
    display: none;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
    background: #fff;
    width: 240px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.content {
    position: relative;
}
.mooc .woocart.active {
    display: block;
}
.mooc .woocart .cart_list.product_list_widget {
    padding: 10px 15px 0;
}
.mooc .woocart .cart_list.product_list_widget .mini_cart_item {
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-bottom: 1px dotted #00000014;
}
.mooc .woocart .cart_list.product_list_widget .mini_cart_item a,
.mooc .woocart .cart_list.product_list_widget .mini_cart_item span {
    color: #666;
    font-weight: 600;
    font-size: 11px;
    text-transform: capitalize;
}
.mooc .woocart .cart_list.product_list_widget .mini_cart_item img {
    width: 48px;
    border-radius: 2px;
    margin: 0 10px 0 0;
    float: left;
}
.mooc .woocart .cart_list.product_list_widget .empty {
    padding: 10px 10px 20px;
    color: #666;
}
.mooc .woocart .total {
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    font-size: 12px;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}
.breadcrumbs li {
    font-size: 11px;
    text-transform: uppercase;
}
.content {
    margin: 30px 0;
    padding: 30px;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    width: 100%;
}
.content .main_content ul,
.content ul.list {
    list-style: disc inside;
}
.page .content,
.single .content {
    margin: 30px 0;
    background: #fff;
    border-radius: 2px;
    width: 100%;
    display: inline-block;
}
.page .content,
.single .content {
    padding: 15px;
}
.page .sidebar,
.single .sidebar {
    padding-top: 30px;
}
#content.no-content {
    margin: 0 !important;
    padding: 0 !important;
    background: 0;
    border: 0;
}
#content .content ul.question_options {
    list-style: none;
}
h4.block_title + .date {
    line-height: 1.4;
}
.course_title > h2 {
    margin: 0;
}
.col-md-3 .breadcrumbs {
    padding: 20px 0 10px;
}
.breadcrumbs {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none !important;
}
.breadcrumbs li {
    float: left;
    margin-right: 7px;
    padding-bottom: 2px;
}
.breadcrumbs li + li:before {
    content: "/";
    color: #444;
    font-size: 10px;
    margin-right: 7px;
}
.breadcrumbs li a {
    font-weight: 400;
    color: #444;
}
.meta,
.meta a {
    color: #bbb;
}
.breadcrumbs li.current span {
    font-weight: 600;
}
.meta {
    float: left;
    text-align: right;
    font-size: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.meta .date {
    margin: 0;
}
section#title {
    padding: 0;
}
.single section#title {
    padding-top: 30px;
}
.pagetitle h1 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 24px;
}
.pagetitle h5 {
    margin-bottom: 10px;
}
.content header {
    background: 0;
}
.instructor span,
.instructor strong a {
    font-weight: 600;
    color: #bbb;
    text-transform: uppercase;
}
.instructor {
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.instructor {
    padding: 30px;
    border-radius: 2px;
    margin: 0 0 30px;
}
.instructor img {
    margin-bottom: 10px;
    border-radius: 2px;
}
.instructor h3 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}
.instructor span {
    margin: 10px 0;
    font-size: 11px;
}
.instructor strong {
    font-size: 12px;
    font-weight: 600;
}
.instructor strong a {
    width: 100%;
}
.instructor strong a:hover {
    color: #78c8c9;
}
.instructor strong span {
    float: right;
    margin: -5px 0;
    padding: 5px 10px;
    border-radius: 50%;
    color: #fff;
    background: #78c8c9;
}
.course_content_panel {
    float: right;
    width: calc(100% - 460px);
    background: #fff;
    margin-right: 30px;
    padding-bottom: 60px;
    min-height: 100vh;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.full_desc {
    display: none;
}
.full_desc .link {
    margin-left: 0;
    font-weight: 600;
}
.post .content .question {
    padding: 30px;
    margin: 15px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}
.post .content .question .question_content {
    padding: 0;
    margin: 0;
    border: 0;
}
.post .content .question .message {
    position: relative;
}
.post .content .question .message.success:before {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 16px;
}
#question {
    padding-bottom: 60px;
}
.content ul.question_options {
    list-style: none;
    margin: 30px 0;
}
.question_options input[type="checkbox"],
.question_options input[type="radio"] {
    display: none;
}
.placeholder {
    background-color: #fff8dc;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    width: 100%;
    height: 48px;
    border: 2px dotted #ffe993;
}
#question #submit {
    position: absolute;
    z-index: 999;
    width: 50%;
    background: 0;
    padding: 15px 0;
    bottom: 0;
    left: 0;
    margin-left: 25%;
    border-radius: 0;
}
#question #submit:hover {
    opacity: 1;
    color: #fff;
    background: #6eaa66;
}
.single-text label.comment-form-textarea,
.single_text .logged-in-as {
    display: none;
}
.single_text #comment {
    max-height: 40px;
    margin-bottom: 48px;
}
.course_time {
    margin-top: 30px;
    font-family: sans-serif;
    text-transform: uppercase;
}
.course_time strong {
    color: #bbb;
}
.course_time strong span {
    color: #222;
}
#item-body {
    position: relative;
}
.course_button > span {
    display: block;
    opacity: 0.8;
    font-weight: 400;
}
.bp-primary-action,
.bp-secondary-action {
    letter-spacing: 0;
    margin-right: 10px;
    display: inline-block;
}
.bp-primary-action span,
.bp-secondary-action span {
    margin-left: 5px;
}
.col-md-3 select {
    width: 100%;
    margin: 15px 0;
}
#item-header {
    width: 100%;
}
input[type="submit"].loading {
    opacity: 0.4;
}
#item-body #send_message_form {
    width: 100%;
    display: inline-block;
}
@-webkit-keyframes loader-pulsate {
    from {
        border-color: #aaa;
        -webkit-box-shadow: 0 0 6px #ccc;
        box-shadow: 0 0 6px #ccc;
    }
    to {
        border-color: #ccc;
        -webkit-box-shadow: 0 0 6px #f8f8f8;
        box-shadow: 0 0 6px #f8f8f8;
    }
}
.bp-primary-action,
.bp-secondary-action {
    font-size: 11px;
    font-weight: 600;
    color: #78c8ce;
    text-transform: uppercase;
}
.bp-primary-action.button,
.bp-secondary-action.button {
    color: #fff;
}
.button {
    outline: 0;
}
.load-more a {
    padding: 10px 15px;
    width: 100%;
    display: block;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    background: rgba(0, 0, 0, 0.08);
    font-weight: 600;
}
.load-more a:hover {
    background: #78c8c9;
    color: #fff;
}
ul.item-list.loading {
    position: relative;
    z-index: 99;
}
ul.item-list.loading:after {
    content: "";
    color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    font-size: 5rem;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: -30px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loader 1.7s infinite ease;
    animation: loader 1.7s infinite ease;
}
ul.item-list.loading > li {
    opacity: 0.2;
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }
    38% {
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
.directory.d5 #title {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.directory.d5 section#content {
    margin-top: 60px;
}
.bp-widget + .bp-widget {
    margin-top: 15px;
}
.bp-user.p4 #item-header {
    border-left: none !important;
    border-right: none !important;
}
#item-body .certifications {
    clear: both;
    margin: 0 0 30px;
    display: inline-block;
    width: 100%;
    position: relative;
}
#item-body .certifications h6 {
    padding-bottom: 10px;
    margin: 0 0 10px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    font-weight: 600;
    text-transform: uppercase;
}
#item-body .certifications li i {
    float: left;
    font-size: 32px;
}
#item-body .certifications li a {
    font-weight: 600;
    grid-template-columns: 32px 1fr;
    grid-gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#item-body ul.item-list li {
    width: 100%;
}
.bp-user.p3 #item-nav,
.bp-user.p4 #item-nav {
    z-index: 9;
}
.bp-user.p3 #item-nav + .container,
.bp-user.p4 #item-nav + .container {
    z-index: 0;
}
.bp-user.p3 #item-body,
.bp-user.p4 #item-body {
    position: relative;
}
#group-create-body {
    background: #fff;
    padding: 10px;
}
#group-create-body #group-name {
    width: 100%;
}
.instructor_course {
    display: grid !important;
    grid-template-columns: 32px 1fr;
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: start;
}
.instructor_course .instructor_meta {
    margin: 0;
}
.instructor_course .instructor_meta li {
    list-style: none;
    padding: 0;
    clear: none;
    float: left;
    width: auto;
    border: 0;
}
.instructor_course .instructor_meta li a.button {
    padding: 1px 4px !important;
    margin: 0 5px 0 0;
}
.widget .instructor_course .instructor_meta {
    display: none;
}
.item-instructor {
    padding: 15px 0 0;
}
.item-instructor strong {
    float: right;
    display: inline-block;
    min-width: 108px;
}
.item-instructor strong span {
    display: block;
    font-size: 11px;
    opacity: 0.5;
    text-transform: uppercase;
}
.course_instructor {
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.course_instructor a {
    font-weight: 600;
}
.course_instructor span {
    display: block;
    color: #bbb;
    font-size: 11px;
}
.message {
    padding: 12px 24px;
    border: 1px solid #f0c36d;
    background-color: #f9edbe;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.message.success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.message h3,
.message h3 + p {
    margin: 0;
    font-weight: 600;
    color: #222;
}
.message p {
    margin-bottom: 0;
}
.button.create-group-button {
    padding: 27px 40px 28px;
    margin: 30px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
}
.register-section + .register-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
label.short span {
    color: red;
}
label.strong span {
    color: #32cd32;
}
.register-section {
    clear: both;
    margin: 0;
    padding: 5px 0;
}
.register-section h4 {
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}
.register-section h4:hover {
    color: #78c8ce;
}
.register-section h4 + label {
    margin-top: 30px;
}
.register-section h4:after {
    content: "\e092";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    font-family: fonticon;
}
.register-section h4.show:after {
    content: "\e05d" !important;
}
.register-section + .register-section {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.register-section + .register-section h4:after {
    content: "\e092";
}
.register-section label {
    width: 100%;
    position: relative;
}
.register-section label span {
    float: right;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 20px;
}
.register-section .short span,
.register-section strong span {
    padding: 2px 5px;
    background: #fff;
}
.register-section + .submit {
    margin-top: 30px;
}
.widget .course_cat_nav ul li a {
    display: inline-block;
    width: 100%;
}
.widget .course_cat_nav {
    background: #313b3d;
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
    clear: both;
}
.widget .course_cat_nav ul li {
    position: relative;
    padding: 0;
    border: 0;
}
.widget .course_cat_nav ul li a {
    color: rgba(255, 255, 255, 0.6);
    padding: 18px 24px;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
}
.widget .course_cat_nav ul li a span {
    float: right;
    font-size: 80%;
    background: #78c8ce;
    color: #fff;
    padding: 2px 7px;
    border-radius: 2px;
}
.widget .course_cat_nav ul li > ul {
    display: none;
}
.widget .course_cat_nav ul li.current-cat-parent > a,
.widget .course_cat_nav ul li.current-cat > a {
    background: #78c8ce;
    color: #fff;
}
.widget .course_cat_nav ul li.current-cat-parent > a span,
.widget .course_cat_nav ul li.current-cat > a span {
    color: #78c8ce;
    background: #fff;
}
.widget .course_cat_nav ul li.current-cat-parent > ul,
.widget .course_cat_nav ul li.current-cat > ul {
    display: block;
    background: #232b2d;
}
.widget .course_cat_nav ul li.current-cat-parent > ul > li > a,
.widget .course_cat_nav ul li.current-cat > ul > li > a {
    color: #fff;
}
.col-md-3.col-sm-3 .full {
    margin-bottom: 30px;
}
#course-list li div.item-desc {
    margin: 15px 0;
}
#course-list li .item-meta {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.6;
    color: #bbb;
}
#course-list li .item-meta .students {
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
}
#course-list li .item-meta .students i {
    line-height: 0;
    float: left;
    font-size: 18px;
    margin: -2px 10px 0;
}
.single_course {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    background: #f6f6f6;
    border-radius: 2px;
    border: 1px solid #ddd;
}
.single_course .inside {
    padding: 20px 30px 10px;
}
.single_course .inside h4 {
    margin: 0;
}
.single_course .inside ul {
    display: inline-block;
    margin-top: 10px;
}
.single_course .inside ul li {
    float: left;
    margin-right: 10px;
}
.single_course .controls {
    clear: both;
    width: 100%;
    margin: 0 0 -5px;
    display: inline-block;
    border-top: 1px solid #ddd;
}
.single_course .controls li {
    float: left;
}
.total_students span {
    float: right;
    display: inline-block;
}
.single_course .controls li a {
    padding: 10px 20px;
    font-size: 11px;
    display: inline-block;
    font-weight: 600;
    border-right: 1px solid #ddd;
}
.single_course .controls li a:hover {
    background-image: none;
}
.total_students {
    background: #f6f6f6;
    padding: 10px 20px;
    margin: 10px -30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.total_students span {
    color: #fff;
    text-align: center;
    padding: 1px 7px;
    font-size: 11px;
    line-height: 1.6;
    border-radius: 50%;
    background: #78c8ce;
    font-weight: 600;
}
.total_students + h3 {
    margin-top: 30px;
}
.course_reviews {
    margin-top: 30px;
}
.single-course.c2 .course_header,
.single-course.c3 .course_header {
    background-color: #232b2d;
    color: #fff;
    padding: 30px 0;
}
.single-course.c2 .course_header #item-header-content .breadcrumbs li + li:before,
.single-course.c2 .course_header #item-header-content a,
.single-course.c3 .course_header #item-header-content .breadcrumbs li + li:before,
.single-course.c3 .course_header #item-header-content a {
    color: #fff;
}
.single-course.c2 .course_header #item-header-content h1,
.single-course.c3 .course_header #item-header-content h1 {
    margin-top: 0;
    font-weight: 600;
}
.single-course #item-meta {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    grid-template-columns: 80px 120px repeat(auto-fill, minmax(80px, 120px));
}
.single-course #item-meta .students:before {
    content: "\f0c0";
    font-family: fontawesome;
}
.single-course.c2 #item-nav,
.single-course.c3 #item-nav,
.single-course.c5 #item-nav,
.single-course.c6 #item-nav,
.single-course.c7 #item-nav {
    background: #fff;
}
.single-course.c3 .course_header {
    margin-bottom: -30px;
}
.single-course.c6 #title,
.single-course.c7 #title {
    z-index: 99;
    position: relative;
}
.single-course.c6 #content,
.single-course.c7 #content {
    position: relative;
    z-index: 9 !important;
}
.single-course.c5 .course_header {
    background: #fff;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 0;
}
.single-course.c5 .course_header #item-header div#item-header-content h1 {
    margin-top: 0;
    font-weight: 600;
}
.single-course.c5 .course_header #item-header div#item-header-content div#item-meta .students {
    display: inline-block;
    margin: 0 0 0 30px;
}
.single-course.c5 header.transparent + #title #item-header div#item-header-content {
    color: #fff;
}
.course_message {
    display: none;
}
.course6_header .course6_course_title h1 {
    margin: 0;
}
.course_title {
    position: relative;
}
.course_title h1 {
    margin: 0;
    font-weight: 600;
}
.course_title h6 {
    font-size: 15px;
    line-height: 1.4;
}
.course_sharing {
    display: inline-block;
    padding: 0;
    width: 100%;
}
.course_sharing a {
    font-size: 20px;
}
.course_button.button {
    padding: 2em 0.1em !important;
    background-color: #78c8ce;
    width: 100%;
    text-align: center;
}
.single-course.c2 section#title,
.single-course.c3 section#title,
.single-course.c5 section#title {
    padding-top: 0;
}
.course6_header {
    display: grid;
    grid-template-columns: minmax(320px, 3fr) minmax(120px, 1fr);
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
}
.single-course.c6 #item-nav,
.single-course.c7 #item-nav {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
}
.custom_content {
    padding: 20px 30px 30px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    background: #f6f6f6;
    border-radius: 2;
}
.certifications h4,
.custom_content h4 {
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 10px;
    font-weight: 600;
}
.course_students li {
    clear: both;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: inline-block;
    width: 100%;
}
.course_students li h6 {
    margin: 0;
}
.course_students li h6 + span {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #bbb;
    line-height: 1;
}
.course_students li {
    position: relative;
    margin: 0;
}
.course_students li img {
    width: 48px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}
.course_students li > ul {
    position: absolute;
    right: 0;
    top: 0;
}
.course_students li > ul > li {
    float: left;
    clear: none;
    margin-left: 10px;
    padding: 0;
    border: 0;
    width: auto;
    display: inline-block;
}
.course_students li > ul > li > a {
    font-size: 20px;
    color: #bbb;
    padding: 16px 0 0;
    display: inline-block;
    cursor: pointer;
}
.course_students li > ul > li > a:hover {
    color: #78c8ce;
}
.course_students li input[type="checkbox"] {
    float: left;
    margin: 20px 10px 0 0;
}
.course_action_controls ul li {
    display: inline-block;
}
.course_action_controls {
    margin-top: 30px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.course_action_controls ul li a {
    padding: 12px 0;
    text-align: center;
    width: 45px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.course_reviews {
    margin: 60px 0;
}
.course_reviews .show_course_reviews {
    padding: 30px 0;
    clear: both;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.course_reviews .show_course_reviews .show_reviews {
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    background: #fff;
    padding: 15px 20px;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #eee;
}
.course_reviews .show_course_reviews .show_reviews:hover {
    background: #eee;
}
.course_reviews .show_course_reviews.active {
    max-height: none;
}
.block .block_media {
    position: relative;
}
[class*="span"].v_first {
    margin-left: 0;
}
.v_first {
    clear: both;
}
.blog-item .blog-item-date {
    float: left;
    font-size: 32px;
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    margin-right: 15px;
}
.blog-item + h4 + p {
    margin-left: 80px;
}
.block .block_content {
    position: relative;
    line-height: 1.4;
}
.block .block_media img {
    border-radius: 2px;
    width: 100%;
}
.block .block_media span.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
}
.block .block_media:hover span.overlay {
    opacity: 1;
}
.block h4.block_title {
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 600;
}
.block h4.block_title + .date {
    font-weight: 400;
    color: #bbb;
    text-transform: uppercase;
    margin: 5px 0;
    letter-spacing: 1px;
}
.block h4.block_title + .date a {
    font-weight: 600;
    color: #bbb;
    display: inline;
}
.block.side .block_media {
    float: left;
    max-width: 50%;
    margin: 0 15px 15px 0;
}
.block.general {
    position: relative;
    overflow: hidden;
}
.block.general .block_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(black));
    background: linear-gradient(to bottom, transparent 0, #000 100%);
}
.block.general .block_content .block_title a {
    color: #fff;
}
.block.general:hover .block_content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.block.course7 {
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
}
.block.course7 .block_content {
    padding: 15px 30px;
    text-align: center;
}
.block.course7 .block_content a.button {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    opacity: 0.6;
    background: #a6acb5;
    color: #fff;
    border-color: #a6acb5;
    border-radius: 8px;
}
.block.course7 .block_content a.button > span {
    display: block;
    font-size: 60%;
    text-transform: capitalize;
}
.block.course7 .block_content a.button:before {
    content: "\f023";
    font-family: fontawesome;
    margin-right: 5px;
}
.block.course7 .block_content input.button {
    border-radius: 8px;
    font-size: 16px;
    padding-left: 30px;
}
.block.course7 .block_content strong {
    display: block;
}
.block.course7 .block_content h4.block_title {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 15px;
}
.block.course7 .block_content form:before {
    content: "\f09c";
    font-family: fontawesome;
    position: absolute;
    z-index: 99;
    margin: 18px 10px;
    color: #fff;
}
.block.course8 {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 #ececec;
    box-shadow: 0 0 5px 0 #ececec;
}
.block.course8 .block_content {
    border: none !important;
}
.block.course8 .block_content .block_title {
    border-bottom: none !important;
}
.block.course8 .block_content p {
    padding: 12px 0 5px 6px;
}
.block.course8 .block_content .course_meta {
    display: inline-block;
    width: 100%;
}
.block.course8 .block_content .course_meta .course_price {
    float: left;
}
.block.course8:hover {
    -webkit-box-shadow: 0 20px 25px 5px #ececec;
    box-shadow: 0 20px 25px 5px #ececec;
}
.block.course8 .course_time {
    background: #fff;
    color: #000;
    border-radius: 20px;
    padding: 3px 7px;
    position: absolute;
    font-size: 10px;
    bottom: 5px;
    right: 5px;
}
.block.course8 .more {
    text-align: center;
    position: relative;
    z-index: 2;
}
.block.course8 .more:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.block.course8 .more_btn {
    color: #fff;
    border-radius: 20px;
    padding: 8px 10px;
}
.block.course8 .cat_btn {
    position: relative;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 18px;
    color: #fff;
    margin: 0 2px 0 0;
}
.block.course8 .cat_btn:before {
    content: "\f02b";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    top: 4px;
}
.block.course8 .course_time i {
    position: relative;
    top: 0.1026rem;
}
.gallery:after {
    content: "";
}
.content .tab-content {
    padding: 15px 0;
}
.widget .tab-content li {
    padding: 6px 0;
}
.tab-content > .active {
    display: block;
}
.gallery a,
.posts li {
    display: inline-block;
}
@-webkit-keyframes fadeinblock {
    0%,
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeinblock {
    0%,
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}
.posts li {
    clear: both;
    margin: 2px 0;
    padding: 2px;
    width: 100%;
}
.posts li:hover {
    background: #f3f5f6;
}
.posts li img {
    float: left;
    border: 2px solid #eef1f3;
    width: 60px;
    margin-right: 10px;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.posts li:hover img {
    border-color: #78c8ce;
}
.posts li a > span {
    color: #2a3744;
}
.gallery a {
    height: auto;
    float: left;
    margin: 0;
    padding: 3px 5px;
    width: auto;
    line-height: 0;
    text-align: center;
    overflow: hidden;
}
.gallery a img {
    width: 100%;
    border: 2px solid #f6f6f6;
}
.gallery a img:hover {
    border-color: #78c8ce;
}
.gallery.mini img {
    width: 48px;
    height: 48px;
}
.gallery.large img {
    width: 256px;
    height: auto;
}
.gallery:after {
    clear: both;
    display: block;
}
.heading {
    clear: both;
    padding: 10px 0;
    font-weight: 500;
}
.btn {
    font-size: 14px;
    line-height: 2em;
    padding: 8px 16px;
    background: #78c8ce;
    color: #fff;
    margin: 5px 5px 5px 0;
    border-radius: 2px;
}
.btn + .btn {
    margin-left: 5px;
}
.btn.other {
    border: 0;
}
.btn:hover {
    background: 0;
    border-color: #78c8ce;
    color: #78c8ce;
}
.btn.primary {
    background: #78c8ce;
    border-color: #78c8ce;
}
.one_fourth {
    width: 25%;
    float: left;
    min-width: 120px;
}
.popup_content {
    background: #fff;
    padding: 40px;
    display: block;
    margin-top: 10%;
    max-width: 60%;
}
#scrolltop {
    cursor: pointer;
}
.wp-video {
    width: 100% !important;
}
.button.full {
    text-align: center;
}
@keyframes stretch {
    0% {
        -webkit-transform: scaleX(0.3);
        transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
        transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
        transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
        transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes stretch {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}
del {
    opacity: 0.3;
}
@-webkit-keyframes flip-down-front {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        background-color: #fafbfc;
        color: #444;
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        background-color: #fafbfc;
        color: #444;
        opacity: 0.4;
    }
}
@keyframes flip-down-front {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        background-color: #fafbfc;
        color: #444;
    }
    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        background-color: #fafbfc;
        color: #444;
        opacity: 0.4;
    }
}
@-webkit-keyframes flip-down-back {
    0% {
        -webkit-transform: rotateY(180deg) rotateX(0);
        transform: rotateY(180deg) rotateX(0);
        background-color: #fafbfc;
        color: #444;
        opacity: 0.4;
    }
    100% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
        background-color: #fafbfc;
        color: #444;
    }
}
@keyframes flip-down-back {
    0% {
        -webkit-transform: rotateY(180deg) rotateX(0);
        transform: rotateY(180deg) rotateX(0);
        background-color: #fafbfc;
        color: #444;
        opacity: 0.4;
    }
    100% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg);
        background-color: #fafbfc;
        color: #444;
    }
}
@-webkit-keyframes fade-under {
    0%,
    100% {
        background-color: #fafbfc;
        color: #444;
    }
}
@keyframes fade-under {
    0%,
    100% {
        background-color: #fafbfc;
        color: #444;
    }
}
.button {
    font-size: 12px;
    font-weight: 500;
}
.button {
    padding: 10px 24px;
    display: inline-block;
    margin: 10px 10px 10px 0;
    background-color: #e37d40;
    color: #fff;
    border: 0;
    border-radius: 2px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
    font-family: Roboto, sans-serif;
}
input[type="button"],
input[type="submit"] {
    padding: 7px 24px;
    line-height: 1.6;
    background-color: #00a8ff;
    color: #fff;
    border: 0;
    border-radius: 2px;
    outline: 0;
    font-weight: 600;
}
.button.blue {
    background-color: #78c8ce;
}
.button.primary {
    background-color: #fa7252;
    border-color: #fa7252;
}
.button.full {
    width: 100%;
}
.button + .button {
    margin-left: 10px;
}
.button.full + .button {
    margin: 10px 0;
}
.button.full + .button.full {
    margin-top: 0;
}
.button:hover {
    color: #fff;
    background-image: none;
}
.heading {
    margin: 0 0 10px;
    background-color: #1ca8eb;
    background-image: -webkit-linear-gradient(126deg, #1ca8eb 92%, transparent 93%);
    background-image: -moz-linear-gradient(126deg, #1ca8eb 92%, transparent 93%);
    background-image: -o-linear-gradient(126deg, #1ca8eb 92%, transparent 93%);
    background-image: linear-gradient(126deg, #1ca8eb 92%, transparent 93%);
    color: #fff;
    padding: 10px 35px;
    position: relative;
    left: -35px;
    width: 100%;
}
.heading::before {
    content: "";
    background: linear-gradient(to bottom left, #3c4950 49%, transparent 50%);
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -16px;
    left: -1px;
}
.heading a {
    font-size: 14px;
    text-transform: uppercase;
    float: right;
}
.heading span > a {
    font-size: 11px;
    font-weight: 600;
    color: #bbb;
}
.widget .widget_title,
footer h4 {
    text-transform: uppercase;
}
.main .full-width {
    margin: 0 -15px;
}
.sidebar {
    padding: 30px 0;
}
.widget .widget_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-family: Roboto, sans-serif;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 20px;
}
.widget #searchform label {
    display: none;
}
.widget #s {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 6px;
}
.widget ul li {
    width: 100%;
    padding: 8px 0;
    display: inline-block;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.08);
    font-size: 14px;
}
.widget ul li > ul li:last-child {
    border-bottom: 0;
}
.widget ul li > ul.children {
    margin: 0;
    padding-left: 0;
}
.widget ul li:hover > a {
    color: #78c8ce;
}
.widget ul li.product:hover a {
    color: #fff;
}
.widget ul.menu li a {
    padding: 6px 0;
    color: #444;
}
.widget ul.menu li.current-menu-item a {
    color: #78c8c9;
}
.widget + .widget {
    margin-top: 0;
}
footer .widget + .widget {
    margin-top: 0;
}
.widget #searchform input[type="text"],
.widget #searchform select {
    width: 100%;
}
.col-md-3 .widget + .widget {
    clear: both;
    display: inline-block;
    width: 100%;
}
.widget ul li.current-cat a {
    color: #78c8ce;
    font-weight: 600;
}
.widget .menu-item-has-children:hover > a:before {
    border: 0;
}
.sidebar .widget #searchform input[type="text"] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 6px 12px;
    font-size: 14px;
}
footer {
    clear: both;
    background: #313b3d;
    position: relative;
    padding: 30px 0 50px;
    margin-top: 0;
    background: #eff2f9;
    -webkit-box-shadow: 0 -1px 0 0 #e7ecf601;
    box-shadow: 0 -1px 0 0 #e7ecf601;
}
footer #s,
footer .input-text {
    background: #313b3d;
    border-color: #232b2d;
    color: #fff;
    width: 100%;
    margin-bottom: 8px;
}
footer #s:focus,
footer .input-text:focus {
    color: #fff;
}
footer .item-list li {
    clear: both;
    margin: 5px 0;
}
footer .heading {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.6);
}
footer .product_list_widget li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
footer h4 {
    color: #051441;
    font-size: 14px;
    font-weight: 500;
}
.twitter_item > p {
    background: rgba(230, 230, 230, 0.2);
    padding: 20px;
    border-radius: 2px;
}
.twitter_item > p:after {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 38px;
    border: 20px solid;
    border-color: rgba(230, 230, 230, 0.2) transparent transparent;
}
.twitter_item i {
    font-size: 32px;
}
label[for="signup_password"] > span {
    float: right;
}
.footer-text p {
    font-size: 13px;
    margin-top: 0;
    line-height: 22px;
    text-align: center;
    color: #677294;
    font-weight: 400;
}
.footer-text a {
    color: #0594d5;
    font-weight: 500;
}
.modal-footer .btn {
    padding: 6px 15px;
    line-height: 1.6;
    margin: 0 5px;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-footer .btn.btn-primary {
    background: #f16645;
    color: #fff;
    border-color: #f16645;
}
.content footer {
    padding: 0;
    background: 0;
    color: #444;
}
#scrolltop {
    position: fixed;
    left: 0;
    bottom: 45px;
    font-size: 12px;
    color: #fff !important;
    z-index: 999;
    background: #232b2d;
    border-radius: 2px;
    display: none;
    right: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
    text-align: center;
}
#scrolltop a {
    color: #fff;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
}
#scrolltop span {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    margin-top: -5px;
}
img#header_mobile_logo {
    height: auto !important;
}
.visibility-toggle-link {
    font-size: 11px;
    color: #bbb;
    font-weight: 600;
    text-transform: uppercase;
}
.select_download_options ul {
    margin: 0 !important;
}
.select_download_options li {
    float: left;
    display: inline-block;
    padding: 0 10px 10px 0;
}
.select_download_options li label {
    padding-left: 5px;
}
.login_page_content {
    margin: 60px;
}
.login_page_content .list-group-item input[type="password"],
.login_page_content .list-group-item input[type="text"] {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login_page_content .list-group-item label {
    font-size: 11px;
    letter-spacing: 1px;
}
.login_page_content #login_page_login #sidebar-wp-submit {
    display: inline-block;
    width: 100%;
    padding: 15px;
    min-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px;
}
.login_page_content .register-section {
    margin: 0;
}
th.title + .title {
    text-align: end;
}
.container.top30 {
    margin-top: 30px;
}
.btn {
    border: none !important;
}
.d_syllabus {
    float: right;
    margin: 10px 0;
    background: linear-gradient(97deg, #f76b1c, #f5a623);
    padding: 8px 13px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    z-index: 100;
}
.d_syllabus a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.top_contact ul li {
    display: inline-block;
    margin-right: 15px;
    line-height: 23px;
}
.top_contact ul li a {
    padding: 15px 0 15px 10px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    color: #666;
}
.top_contact ul li a i {
    display: inline-block;
    margin-right: 5px;
}
.course_login {
    padding: 15px 0 15px 10px;
}
.course_search {
    padding: 10px 0 10px 10px;
}
.course_searchexample {
    position: relative;
    overflow: hidden;
}
.course_searchexample input[type="text"] {
    padding: 6px 20px;
    font-size: 13px;
    border-radius: 0;
    width: 100%;
    background: #f0f7f7;
    font-weight: 600;
    color: #657786;
}
.course_searchexample input[type="text"]:focus {
    background: #fff !important;
    border: 1px solid #0092dd;
}
.course_searchexample input[type="text"]:focus button i {
    color: #0092dd;
}
.course_searchexample button {
    padding: 6px 15px;
    background: #00a8ff;
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    border-left: none;
    cursor: pointer;
    position: absolute;
    right: 0;
}
.course_searchexample::after {
    content: "";
    clear: both;
    display: table;
}
.course_login {
    float: right;
    display: flex;
}
.course_login li {
    float: left;
}
.course_login li a {
    margin: 0 10px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    opacity: 1;
    text-transform: capitalize;
    text-align: center;
}
.course_login .vbplogin {
    background: #00a8ff;
    padding: 10px 10px;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    font-family: Roboto, sans-serif;
    font-size: 12px;
}
.gbcourse_header {
    background: #fff;
    padding: 12px 0;
    box-shadow: 0 8px 6px -5px #00246966;
    position: relative;
}
.inner_header {
    background: #fcfcfd;
    padding: 5px 0;
    box-shadow: 0 5px 4px -6px #00246966;
    -webkit-box-shadow: 0 5px 4px -6px #00246966;
    position: relative;
}
.inner_logo {
    padding: 8px 0;
}
.inner_logo a {
    display: block;
}
.coursemenu {
    display: table;
}
strong.breadcrumb_last {
    font-weight: 500;
}
.page_title h1 {
    font-size: 28px;
    color: #fff;
    margin-top: 10px;
    font-weight: 500;
}
.page_content h2 {
    margin: 0;
    font-size: 17px;
    color: #ff0;
    font-weight: 600;
    line-height: 25px;
}
.page_content h2 p {
    margin: 0;
    font-size: 16px;
    color: #ff0;
    font-weight: 600;
    line-height: 25px;
}
.page_content p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}
,
.page_content,
.page_title {
    padding: 10px 0;
}
.price_offer {
    font-size: 12px;
    color: #bd2e3b;
    font-family: Roboto, sans-serif;
}
.price_offer em {
    font-weight: 500;
    font-style: normal;
}
.price_offer i {
    font-style: normal;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    padding: 0 5px;
}
.scroll_menu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 5px 0 #000;
}
.course_menu li {
    margin: 0;
}
.course_menu a {
    padding: 20px 10px !important;
    color: #657786;
    font-weight: 600 !important;
    position: relative;
}
.course_menu a:hover {
    background: #1da1f21a;
    color: #1da1f2;
}
.course_menu .active a {
    color: #1da1f2 !important;
    font-weight: 700 !important;
}
.course_menu .active a::after {
    content: "";
    background: #1da1f2;
    height: 2px;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.course_menu li a i {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
}
.scroll_enroll {
    float: right;
}
.scroll_enroll .button {
    margin: 10px 0;
    padding: 10px 40px;
    background: linear-gradient(97deg, #f76b1c, #f5a623);
}
#upcoming-batches .row {
    display: flex;
    align-items: center;
}
.batchtable-clp {
    background: #fff;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
}
#upcoming-batches {
    background-color: #00b4db;
    background-image: -webkit- rgba(0, 0, 0, 0) linear-gradient(to left, #00b4db, #0083b0) repeat scroll 0 0;
    background-image: -moz- rgba(0, 0, 0, 0) linear-gradient(to left, #00b4db, #0083b0) repeat scroll 0 0;
    background-image: -o- rgba(0, 0, 0, 0) linear-gradient(to left, #00b4db, #0083b0) repeat scroll 0 0;
    background-image: rgba(0, 0, 0, 0) linear-gradient(to left, #00b4db, #0083b0) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to left, #00b4db, #0083b0) repeat scroll 0 0;
    padding: 30px 0 40px;
}
.batch_schedule {
    background: #f9f9f9;
    padding: 20px 0;
}
.batch_btn {
    background: 0;
    color: #333;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 15px;
    display: none;
}
.gb_batch_right {
    margin: 0 auto;
    display: table;
    width: 75%;
    padding: 15px;
    background: #fdffff;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 4px;
}
.request_batch {
    display: flex;
    width: 100%;
    margin: 0;
}
.req_left {
    width: 25%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.req_left img {
    width: 70%;
}
.req_right {
    width: 80%;
    padding: 0 10px;
}
.req_right h4 {
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    color: #686767;
    font-family: Roboto, sans-serif;
}
.req_right .btn.btn-primary {
    margin: 20px 0;
    display: table;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
}
.request_batch {
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
}
.req_left {
    width: 30%;
    text-align: center;
    padding: 0 10px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.req_right {
    width: 70%;
    padding: 0 10px;
}
.req_right .btn {
    font-size: 12px;
    background: #3591b7;
    margin: 10px 0 0;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 20px;
    text-align: center;
    display: table;
    font-family: Roboto, sans-serif;
}
.icons {
    width: 115px;
    height: 100px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 4px 5px 20px 0 #1010102e;
    transition: 0.1s;
    padding: 10px;
}
.icons p {
    padding: 0;
    font-size: 13px;
    font-weight: 500;
    color: #0092dd;
    line-height: 16px;
    margin: 5px 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icons img {
    width: 40px;
    height: 40px;
}
.icons:hover {
    transform: scale(1.05);
    transition: 0.1s;
}
.d_interview a {
    display: block;
    background: #fd681f;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}
.woocommerce-mini-cart__empty-message {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
}
.course_description {
    padding: 50px 0;
}
.content_list ul {
    margin-left: 30px;
}
.content_list ul li {
    position: relative;
}
.content_list ul li {
    margin: 5px 0;
    color: #313b3d;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    list-style: none;
}
.content_list ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    left: -20px;
    padding-left: 0;
    font-size: 12px;
    color: #47aee3;
}
.page_content ul {
    margin-left: 30px;
}
.page_content ul li {
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    padding: 5px 0;
}
.page_content ul li::before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    padding-left: 0;
    font-size: 12px;
    color: #fff;
}
.woocommerce-form.woocommerce-form-login.login #password,
.woocommerce-form.woocommerce-form-login.login #username {
    display: block;
    padding: 5px 10px;
    line-height: 25px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #00000014;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.woocommerce-form.woocommerce-form-login.login label {
    display: block;
    font-size: 13px;
    color: #605d5d;
}
.woocommerce-button.button.woocommerce-form-login__submit {
    background: #00a8ff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    color: #fff;
    margin: 20px 0 0;
    display: table;
    padding: 12px 35px;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
}
#course-Certification {
    padding-top: 0;
}
#rel_wrapper {
    padding: 0 0 30px;
}
.gb_title {
    background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    height: 100px;
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}
.gb_title h4 {
    font-size: 17px;
    padding: 5px 0;
    font-weight: 500;
    color: #fff;
    line-height: 23px;
}
.video_popup {
    overflow: hidden;
    position: relative;
}
.video_popup a {
    display: block;
    width: 100%;
    height: auto;
}
.video_popup img {
    width: 100%;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}
.video_overlay {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
}
.play_btn {
    z-index: 1;
    position: absolute;
    top: 35%;
    width: 100%;
    height: auto;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}
.play {
    background: red;
    border-radius: 50%/10%;
    color: #fff;
    opacity: 0.8;
    height: 3em;
    margin: 5px auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 4em;
}
.play::before {
    background: inherit;
    border-radius: 5%/50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%;
}
.play::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
    content: " ";
    font-size: 0.75em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
}
.video_widget:hover .play {
    background: red;
    opacity: 1;
}
.about_right {
    height: 460px;
    overflow-y: scroll;
}
.about_right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
.about_right::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
}
.about_right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #91989e;
}
.footer-social ul {
    margin: 5px auto 5px;
    display: table;
}
.footer-social li {
    float: left;
    margin: 5px 15px;
}
.footer-social li a i {
    color: #8c8b8b;
    font-size: 20px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.footer-social li a i:hover {
    color: #00a8ff;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.footer_nav h6 {
    color: #0f8bde;
    font-size: 18px;
}
.foo_navlist span {
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.foo_navlist a {
    color: #677294;
    padding: 5px 0;
    display: block;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.foo_navlist li {
    color: #677294;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
}
.foo_navlist li a {
    color: #677294;
    padding: 5px 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.foo_navlist li a:hover {
    color: #00a8ff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.foo_cntct {
    display: flex;
    align-items: center;
    line-height: 24px !important;
}
.foo_cntct a {
    color: #44484a !important;
    font-weight: 500;
    margin: 0 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.foo_cntct a:hover {
    color: #00a8ff !important;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.foo_navlist {
    margin: 15px 0;
}
.footer_copy p {
    color: #677294;
    text-align: center;
    padding: 0;
    line-height: 25px;
    font-size: 12px;
    margin: 0;
    font-family: Roboto, sans-serif;
}
.footer_copy a {
    color: #00a8ff;
    font-weight: 500;
}
.footer_row::before {
    content: "";
    background: #d7dbe6;
    height: 1px;
    width: 100%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
}
.footer_row {
    position: relative;
    padding: 15px 0;
}
.up_contact {
    background: #3594ba;
    padding: 15px;
}
.up_contact p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.right_form {
    margin: 15px 0;
}
.custom_form input {
    width: 100%;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #252a2f;
    background: #f2f5f7;
    border: 1px solid #e6ecf0;
    border-radius: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.custom_form select {
    background: #f2f5f7;
    font-size: 12px;
    color: #657786;
    font-family: Roboto, sans-serif;
}
.custom_form input:focus,
.custom_form textarea:focus {
    background: #fff;
    border: 1px solid #0092dd;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.custom_form textarea {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #657786;
    background: #f2f5f7;
    border: 1px solid #e6ecf0;
    border-radius: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.call_icon {
    font-size: 22px;
    margin: 0 5px;
    display: inline-block;
    color: #00a8ff;
}
.course_request {
    background: #dfeeee;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dde6ed;
    margin: 25px 0;
}
#course-reviews {
    padding-top: 0;
}
#datafetch,
#datafetch1 {
    text-align: left;
    background: #f9fdff;
    border-radius: 5px;
    border: 0;
    z-index: 9;
    position: absolute;
    width: 100%;
    margin: 2px auto;
    left: 0;
    right: 0;
    display: none;
}
#datafetch li a,
#datafetch1 li a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    padding: 5px 15px;
    text-decoration: none;
    white-space: normal;
    font-size: 14px;
    width: 100%;
    word-wrap: break-word;
    line-height: 25px;
    border-bottom: 1px dotted #ccc;
}
.widget_icons i {
    font-size: 18px;
    color: #fff;
    margin: 0 10px;
}
.widget_title p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    font-family: Roboto, sans-serif;
}
.title-wrapper {
    text-align: left;
    margin: 10px 0;
}
.title-wrapper h2 {
    margin: 0;
    font-size: 32px;
}
.title-wrapper p {
    font-size: 16px;
    line-height: 30px;
    padding: 15px 0;
}
.title-wrapper h2 span {
    font-weight: 600;
    color: #1d6b87;
}
.home_heading {
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    margin-top: 50px;
}
.popular_course {
    position: relative;
}
.author_img img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    border-radius: 50%;
}
.blog_div {
    margin: 15px 0;
    display: table;
    width: 100%;
}
.h_blog_item img {
    width: 100%;
    height: 220px;
}
.h_blog_item .h_blog_content {
    padding: 20px 30px 30px;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.h_blog_content .post_time {
    font-size: 14px;
    color: #7b7b93;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
.h_blog_content h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #2c2c51;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}
.f_heading {
    font-weight: 600;
    text-align: center;
    font-size: 32px;
}
.item.text {
    padding: 30px;
    border-radius: 8px;
}
.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.margin-top {
    margin-top: 20px;
}
.cat_pagetitle a {
    color: #ffff3a;
    font-weight: 600;
}
.cat_pagetitle {
    margin: 15px 0 0;
}
.cat_pagetitle h1 {
    color: #fff;
    margin-top: 10px;
}
.cat_pagetitle p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}
.gb_probreadcrums {
    margin: 10px 0;
}
.gb_probreadcrums p {
    font-size: 12px;
    font-family: Roboto, sans-serif;
}
.gb_probreadcrums p a {
    color: #8e8a8a;
    padding: 0 3px;
}
.gb_probreadcrums p i {
    color: #8e8a8a;
}
.gb_probreadcrums .breadcrumb_last {
    font-weight: 500;
    color: #6f6969;
}
.content {
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    position: relative;
}
.checkbox > input[type="checkbox"] + label::before {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.instructor_div {
    padding: 20px;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    border-radius: 4px;
    margin-left: 20px;
    margin-right: 20px;
    background: #fff;
}
.ins_submit {
    background-color: #004155 !important;
    color: #fff !important;
    font-size: 14px;
    margin: 30px auto 0;
    display: table;
    padding: 8px 35px !important;
    font-weight: 500 !important;
    font-family: Roboto, sans-serif;
}
.form-style-10 {
    width: 100%;
    padding: 25px;
    margin: 0 auto 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 h1 {
    background: #2a88ad;
    font-size: 24px;
    padding: 10px 10px 10px 20px;
    margin: -30px -25px 20px -25px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font-family: Roboto, sans-serif;
    -moz-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    border: 1px solid #257c9e;
}
.form-style-10 h1 > span {
    display: block;
    margin-top: 2px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
}
.form-style-10 label {
    display: block;
    font-family: Roboto, sans-serif;
    color: #888;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 13px;
}
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="password"],
.form-style-10 input[type="search"],
.form-style-10 input[type="tel"],
.form-style-10 input[type="text"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 select,
.form-style-10 textarea {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid #cccaca;
}
.form-style-10 .section {
    font-family: Roboto, sans-serif;
    color: #2a88ad;
    margin-bottom: 10px;
    font-size: 18px;
}
.form-style-10 .section span {
    background: #2a88ad;
    padding: 0;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 12px;
    margin-left: -45px;
    color: #fff;
    margin-top: -5px;
    font-weight: 500;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 29px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"] {
    background: #2a88ad;
    padding: 7px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font-family: Roboto, sans-serif;
    -moz-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.17);
    border: 1px solid #257c9e;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover {
    background: #2a6881;
    -moz-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.28);
    box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.28);
}
.button_section {
    text-align: center;
}
.form-style-5 {
    width: 100%;
    margin: 0 auto 30px;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    font-family: Roboto, sans-serif;
}
.form-style-5 label {
    display: block;
    margin-bottom: 8px;
}
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="tel"],
.form-style-5 input[type="text"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 select,
.form-style-5 textarea {
    font-family: Roboto, sans-serif;
    background: rgba(255, 255, 255, 0.1);
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    margin: 0;
    outline: 0;
    padding: 8px 15px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e8eeef;
    color: #8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
    margin-bottom: 10px;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="tel"]:focus,
.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 select:focus,
.form-style-5 textarea:focus {
    background: #d2d9dd;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.form-style-5 select {
    -webkit-appearance: menulist-button;
    height: 35px;
}
.form-style-5 .number {
    background: #004155;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    border-radius: 15px 15px 15px 0;
}
.form-style-5 input[type="button"],
.form-style-5 input[type="submit"] {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #552600;
    margin: 0 auto;
    background: #ffd262;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    width: 100%;
    border: 1px solid #e4b34f;
    border-width: 1px 1px 3px;
    margin-top: 10px;
}
.form-style-5 input[type="button"]:hover,
.form-style-5 input[type="submit"]:hover {
    background: #e4b34f;
}
.contact_page {
    margin: 40px 0;
}
.contact_icons {
    font-size: 20px;
    color: #1d6b87;
    margin-right: 10px;
}
.contact_heading {
    font-size: 18px;
    font-weight: 600;
    color: #5e5a5a;
    margin-left: 10px;
}
.all_icons {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin: 10px auto;
}
.form-style-3 {
    font-family: Roboto, sans-serif;
}
.form-style-3 label {
    display: block;
    margin-bottom: 10px;
}
.form-style-3 label > span {
    float: left;
    width: 80px;
    color: #1d6b87;
    font-weight: 500;
    font-size: 13px;
    text-shadow: 1px 1px 1px #fff;
}
.form-style-3 textarea {
    width: 250px;
    height: 100px;
}
.form-style-3 input[type="date"],
.form-style-3 input[type="datetime"],
.form-style-3 input[type="email"],
.form-style-3 input[type="number"],
.form-style-3 input[type="search"],
.form-style-3 input[type="text"],
.form-style-3 input[type="time"],
.form-style-3 input[type="url"],
.form-style-3 select,
.form-style-3 textarea {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #e8eeef;
    outline: 0;
    color: #827a7a;
    padding: 5px 8px 5px 8px;
    box-shadow: inset 1px 1px 4px #e8eeef;
    -moz-box-shadow: inset 1px 1px 4px #e8eeef;
    -webkit-box-shadow: inset 1px 1px 4px #e8eeef;
    background: #e8eeef;
    width: 75%;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    font-weight: 500;
    font-size: 13px;
}
.form-style-3 input[type="date"]:focus,
.form-style-3 input[type="datetime"]:focus,
.form-style-3 input[type="email"]:focus,
.form-style-3 input[type="number"]:focus,
.form-style-3 input[type="search"]:focus,
.form-style-3 input[type="text"]:focus,
.form-style-3 input[type="time"]:focus,
.form-style-3 input[type="url"]:focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
    transition: 0.8s;
    -webkit-transition: 0.8s;
    background: #d2d9dd;
}
.form-style-3 input[type="button"],
.form-style-3 input[type="submit"] {
    background: #1d6ba1;
    border: 1px solid #1d6ba1;
    padding: 5px 15px 5px 15px;
    color: #fff;
    box-shadow: inset -1px -1px 3px #1d6ba1;
    -moz-box-shadow: inset -1px -1px 3px #1d6ba1;
    -webkit-box-shadow: inset -1px -1px 3px #1d6ba1;
    border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: 700;
    font-weight: 500;
    font-size: 14px;
    margin: 20px auto 0;
    display: block;
    width: 100%;
}
.required {
    color: red;
    font-weight: 400;
    cursor: help;
}
.course_login .widget_shopping_cart_content .woocommerce-mini-cart {
    display: table;
    padding: 0 !important;
    width: 100%;
}
.course_login .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-placeholder.wp-post-image {
    display: none;
}
.course_login .widget_shopping_cart_content .woocommerce-mini-cart a {
    margin: 0 !important;
    font-weight: 500 !important;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    display: table;
}
.scroll_div {
    position: fixed;
    bottom: 0;
    background: #ecf3f7;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    display: none;
    border-top: 1px solid #eae8e8;
    box-shadow: 0 5px 13px 0 #717070;
    -webkit-box-shadow: 0 5px 13px 0 #717070;
}
.scrolldivlist {
    position: relative;
    padding: 10px;
    display: table;
    margin: 0 auto;
    font-size: 14px;
}
.scrolldivlist::after {
    content: "";
    position: absolute;
    right: -60px;
    width: 1px;
    height: 40px;
    background: #cccaca;
    top: 0;
    overflow: hidden;
}
.scrolldivlist.first_div {
    background: #00a8ff;
    color: #fff;
    display: table;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}
.scrolldivlist.first_div a,
.scrolldivlist.fourth_div a {
    color: #fff;
    font-weight: 600;
    padding: 0 7px;
}
.scrolldivlist a {
    font-size: 14px;
    font-weight: 500;
    padding: 0 7px;
}
.scrolldivlist.fourth_div {
    background: linear-gradient(97deg, #f76b1c, #f5a623);
    color: #fff;
    display: table;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.scrolldivlist.first_div span i {
    color: #fff;
}
.scrolldivlist.first_div span a {
    color: #fff;
}
.scrolldivlist span i {
    font-size: 16px;
    display: inline-block;
    margin: 0 8px;
    color: #00a8ff;
}
.scrolldivlist span a {
    font-weight: 500;
    color: #666868;
    font-size: 14px;
}
.blog_sidebar {
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    position: relative;
    padding: 13px 15px 20px 15px !important;
}
.stickywidgets {
    position: sticky;
    top: 0;
}
.blog_sidebar .widget_title {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    background: #0889cc;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    border-bottom: 0;
}
.blog_sidebar .widget #searchform input[type="text"] {
    margin-right: 10px;
    line-height: 20px;
    border: 1px solid #ccc;
    height: 40px;
}
.blog_sidebar .widget_categories ul li {
    padding: 10px 0;
}
.blog_sidebar .widget_categories ul li a {
    display: inline-block;
    font-size: 15px;
    color: #5a6975;
    font-weight: 500;
}
.blog_sidebar .custom-html-widget p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-family: Roboto, sans-serif;
}
.blog_sidebar .custom-html-widget p a {
    font-weight: 500;
    color: #ff4a4a !important;
}
.blog_img {
    margin-bottom: 20px;
}
.gb_blog_tags span {
    background: #0889cc;
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    line-height: normal;
}
.blog_img img {
    width: 100%;
    height: auto;
}
.content.content_list {
    margin-top: 0;
}
.content_list .pagetitle {
    margin-bottom: 20px;
}
.blog_social {
    margin: 20px 0;
    border-top: 1px solid #f5ebeb;
    padding: 35px 0 0;
    display: flex;
    align-items: center;
}
.blog_social span {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
}
.blog_nav {
    display: block;
    margin: 30px 0;
}
.blog_nav a.next-post,
.blog_nav a.previous-post {
    color: #fff;
    background-color: #4498e7;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border: 1px solid;
    padding: 0 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 700;
}
.blog_nav a.next-post:hover,
.blog_nav a.previous-post:hover {
    color: #4498e7;
    background-color: #fff;
}
.blog_nav a.next-post {
    float: right;
}
.blog_nav a.previous-post {
    float: left;
}
.blog_comment {
    margin: 35px 0;
}
.modal-enq .form-group {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}
.effect-16 {
    border: 0 !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid #ccc !important;
    background-color: transparent !important;
    width: 100%;
    box-shadow: none !important;
}
.effect-16 ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #39f;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.effect-16 ~ label {
    position: absolute;
    left: 0;
    top: 9px;
    color: #aaa;
    transition: 0.3s;
    z-index: -1;
    font-size: 12px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.effect-16:focus ~ label,
.has-content.effect-16 ~ label {
    top: -10px;
    font-size: 10px;
    color: #39f;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.gbcountry {
    display: flex;
}
.gbcountry select {
    width: 25%;
    border: 0;
    border-bottom: 1px solid #ccc;
}
.mobile-country-mask p {
    padding: 0;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}
.mobile-country-mask {
    position: absolute;
    opacity: 1;
    background: #f2f5f7;
    width: 14%;
    overflow: hidden;
    height: 34px;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    pointer-events: none;
    justify-content: center;
}
.gbcountry input {
    padding: 0 10px !important;
}
.gbcountry label {
    left: 80px;
}
.modal-enq select {
    border: 0;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    font-family: Roboto, sans-serif;
}
.gbformbtn {
    background: #00a8ff !important;
    font-size: 12px;
    font-weight: 500 !important;
    text-align: center;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    color: #fff;
    margin: 0 auto;
    display: table;
    padding: 6px 20px !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
}
.gbformbtn:hover {
    color: #fff;
}
.modal-enq {
    display: block;
    width: 100%;
}
.mob_mobile {
    display: none;
}
.mobile-icons {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 12;
}
.btn-social {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #00b7fd;
    border: 0;
    color: #fff;
    font-size: 20px;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #00b7fd;
    box-shadow: 0 2px 8px 0 #0000001a;
}
.mobile_list {
    background: #fff;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    border: 1px solid #dde6ed;
    box-shadow: 0 2px 8px 0 #0000001a;
    padding: 20px;
    height: 100px;
    left: 40px;
    width: 190px;
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.mobile-icons .mobile_list li {
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: 0.8s all;
    width: 100%;
    left: 0;
    padding: 10px 20px;
    z-index: 999;
}
.mobile-icons .mobile_list {
    display: none;
    transition: 0.8s all;
}
.mobile-icons .mobile_list.show {
    display: block;
    transition: 0.8s all;
}
.show {
    transition: 0.8s all;
}
.mobile-icons .mobile_list.show li:nth-child(1) {
    bottom: 5px;
    transition: 0.8s all;
}
.mobile-icons .mobile_list.show li:nth-child(2) {
    bottom: 45px;
    transition: 0.8s all;
}
.mobile-icons .mobile_list li a {
    display: flex;
    font-size: 13px;
    color: #52618e;
    font-weight: 500;
    font-family: Roboto, sans-serif;
    align-items: center;
}
.scroll_search {
    position: fixed;
    top: 0;
    background: #ecf3f7;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    display: none;
    border-top: 1px solid #eae8e8;
    box-shadow: 0 5px 13px 0 #717070;
    -webkit-box-shadow: 0 5px 13px 0 #717070;
}
.offer_header {
    background: #ee893f;
    box-shadow: inset 0 0 1px 0 #000;
    -webkit-box-shadow: inset 0 0 1px 0 #000;
    position: relative;
}
.offer-head p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Roboto, sans-serif;
    line-height: 20px;
    padding: 10px 50px;
}
.offer-head p a {
    color: #fff;
    background: #4caf50;
    display: inline-block;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 2px;
    margin-left: 10px;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
}
.show_hide {
    display: none;
    position: absolute;
    right: 2%;
    z-index: 100;
    top: 15%;
}
.show_hide i {
    font-size: 20px;
    color: #fff;
}
.register-section h4 {
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    color: #00a9ff;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}
.register-section + .register-section {
    border-top: 0;
    border-bottom: 0;
}
.cat_pagetitle ul {
    margin-left: 25px;
}
.cat_pagetitle ul li {
    font-size: 15px;
    color: #fff;
    list-style-type: square;
    line-height: 28px;
    padding: 7px 0;
    font-weight: 500;
}
.bt_whatsapp {
    position: relative;
}
.bt_whatsappdiv {
    position: fixed;
    bottom: 30px;
    left: 20px;
    width: auto;
    z-index: 12;
    display: none;
}
.bt_whatsappdiv a {
    display: block;
}
.bt_whatsappdiv {
    animation: wiggle 2.5s;
}
@keyframes wiggle {
    0% {
        transform: rotate(0);
    }
    80% {
        transform: rotate(0);
    }
    85% {
        transform: rotate(5deg);
    }
    95% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0);
    }
}
.mobileview {
    display: none;
}
.footeracordian .panel-default > .panel-heading {
    color: #333;
    background-color: #eff2f9;
    padding: 0;
}
.footeracordian .panel-body {
    padding: 15px;
}
.footeracordian .collapsed {
    background: #eff2f9;
    display: block;
    width: 100%;
}
.footeracordian .panel-title > a {
    padding: 12px;
    display: block;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    color: #5b5858;
}
.footeracordian .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 0;
    border-top: 1px solid #e0e5f0;
    border-bottom: 0;
    border-left: none;
    border-right: 0;
}
.footeracordian .panel-group .panel-heading + .panel-collapse > .list-group,
.footeracordian .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    background: #f8f8f8;
    border: 1px solid #eee;
}
.footeracordian .collapsed::before {
    content: "\f107";
    font-weight: 100;
    margin-top: 0;
    font-family: FontAwesome;
    margin: 0 1rem;
}
.footeracordian .collapsed {
    position: relative;
}
.footeracordian .collapse.in::before,
.footeracordian .collapsed::before {
    color: #5e5e5e;
    float: right;
    font-family: FontAwesome;
    font-size: 20px;
    height: 25px;
    padding: 0;
    line-height: 25px;
    display: block;
    transition: all 1s ease 0s;
    width: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -webkit-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -moz-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -ms-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -o-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
}
.footeracordian .collapse.in::before {
    border-radius: 50%;
    content: "\f106";
    font-weight: 100;
    font-family: FontAwesome;
    margin: -2.5rem 1rem;
    transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -webkit-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -moz-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -ms-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    -o-transition: all 1s cubic-bezier(0.905, 0.395, 0.12, 0.55);
    position: absolute;
    right: 0;
}
.footeracordian .collapse.in {
    position: relative;
}
.video_icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    position: relative;
}
.video_icon i {
    color: #2389f2;
    font-size: 20px;
    line-height: 100px;
    z-index: 11;
    position: absolute;
    left: 45%;
}
.video_icon::after,
.video_icon::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background: #fdfdfd;
    box-shadow: 0 2px 8px 0 rgba(41, 87, 116, 0.5);
    border-radius: 100px;
    z-index: 1;
    color: #2389f2;
}
.video_icon::before {
    width: 60px;
    height: 60px;
    background-position: -36px -94px;
    border-radius: 50%;
    z-index: 1;
}
.video_icon::after {
    content: "";
    width: 100px;
    height: 100px;
    background: #429bf7;
    background-position: -16px -74px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.video_text {
    font-size: 18px;
    line-height: 25px;
    margin-left: 10px;
    color: #fff;
    font-family: Roboto, sans-serif;
    text-align: left;
}
.video_text b {
    display: block;
    font-weight: 600;
}
.m_course_left {
    float: left;
    width: 100%;
}
.m_course_left span {
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
    color: #969a9e;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}
#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
#style-3::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}
#style-3::-webkit-scrollbar-thumb {
    background-color: #777373;
}
.GB_master_price {
    margin: 5px 0;
}
.GB_master_price span.price {
    color: #333;
    font-family: Roboto, sans-serif;
}
.GB_master_price span.price del {
    display: block !important;
}
.GB_master_price span.price ins {
    font-size: 23px;
    font-weight: 700;
    color: #1d6b87;
}
.gb_option_btn {
    text-align: center;
}
.gb_option_btn a {
    margin: 0 10px;
    display: inline-block;
    font-size: 13px;
    min-width: 140px;
    height: 40px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    text-transform: capitalize;
}
.gb_option_btn .button {
    background: #fbbc05;
    color: #333;
}
.upcoming_model .modal-content {
    border: 0;
    border-radius: 0;
}
.upcoming_model .modal-header {
    border: 0;
}
.upcoming_model .modal-header .close {
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 5px 15px;
    text-shadow: none;
    right: 0;
    top: 0;
}
.upcoming_model .modal-body .batchtable-clp {
    box-shadow: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    border: 0;
}
.upcoming_model .modal-header h5.modal-title {
    font-size: 20px;
}
.upcoming_model .modal-body {
    padding: 0;
}
.upcoming_model .modal-dialog {
    width: 50%;
}
.upcoming_model .request_batch {
    padding: 20px 0;
}
.master_popupbatch .req_left img {
    width: 30%;
}
.master_popupbatch .req_right h4 {
    font-size: 16px;
}
.btn.btn-link.btn-block.text-left:focus {
    outline: 0;
    box-shadow: none;
}
.GB_admin_tab ul {
    display: flex;
    align-items: center;
    width: 100%;
    background: #313b3d;
    margin: 0;
}
.GB_admin_tab ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    line-height: 24px;
    display: block;
    font-family: Roboto, sans-serif;
}
.f_span i.fa.fa-user {
    padding: 0 5px;
    font-size: 15px;
    display: inline-block;
}
.gb_demo_div {
    background: linear-gradient(270deg, #0b99e2, #00a8ff);
    box-shadow: 0 5px 15px rgb(123 104 238 / 60%);
    border-radius: 4px;
    overflow: initial;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 60px;
    height: 285px;
    position: relative;
}
.gb_demo_div:before {
    content: "";
    display: block;
    position: absolute;
    background: url(https://www.gangboard.com/wp-content/themes/wplms/assets/images/bg__with-dotted.svg);
    left: 0;
    top: -150px;
    width: 60%;
    min-height: 585px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.gb_demo_div-left {
    width: 60%;
    z-index: 1;
    text-align: center;
    position: relative;
}
.gb_demo_div-right {
    z-index: 1;
    width: 40%;
    text-align: center;
}
.gb_demo_div-right > h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}
.gb_demo_div-right > p {
    font-size: 14px;
    line-height: 23px;
    color: #dfddec;
    text-align: center;
}
.gb_demo_div-left img {
    width: 65%;
    position: absolute;
    bottom: 0;
    right: 20%;
}
.gb_demo_div-right > a {
    display: inline-block;
    padding: 12px 15px;
    min-width: 120px;
    margin: 15px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
}
.gb_demo_form-content {
    margin: 10px 0;
}
.gb_demo_form-content .form-group > input {
    width: 100%;
    height: 40px;
    font-size: 13px;
    padding: 5px 10px;
    border: 1px solid #e0dede;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gb_demo_form-content .form-group > select {
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #e0dede;
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gb_demo_form-content .form-group > textarea {
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
    padding: 5px 13px;
    font-size: 13px;
    font-weight: 600;
    height: 100px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gb_demo_form-content .form-group > input:focus,
.gb_demo_form-content .form-group > textarea:focus {
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gb_demo_form-content .demo_submit {
    width: 100%;
    padding: 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    background: #51bdf5;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gb_demo_form-content .demo_submit:hover {
    background: #1a9fe4;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.training_options {
    margin-top: -80px;
}
.branch {
    background: #f5f9fd;
    padding: 1rem 0;
    margin-bottom: 30px;
}
.our_branch h5 {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.our_branch img {
    width: 25px;
    margin-right: 10px;
}
.our_branch ul {
    display: table;
    margin: 0 auto;
}
.our_branch ul li {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    padding: 0;
}
.our_branch ul li a {
    color: #525151;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 60px;
    border: 1px solid #ecf2f9;
    background: #fff;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.our_branch ul li a:hover {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
.our_branch ul li a::before {
    content: "";
    width: 4px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 0;
}
#title .pagetitle {
    padding-top: 30px;
}
span.text-options {
    display: none;
}
.course_desc + ul {
    max-width: 200px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.08);
    height: 100%;
}
.course_students.loading {
    opacity: 0.2;
}
.show_side {
    margin-top: 15px;
    display: none;
}
#pass {
    width: 33%;
    float: left;
    margin: 30px 0;
    text-align: center;
}
@media (max-width: 540px) {
    #pass {
        width: 100%;
        text-align: center;
        clear: both;
    }
    #pass span {
        display: block;
    }
}
h4.students_course {
    margin: 0 -20px 10px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.08);
}
h4.students_course strong {
    float: right;
    padding: 5px 5px;
    background: #78c8ce;
    color: #fff;
    line-height: 1;
    border-radius: 50%;
}
.complete_course {
    text-align: center;
    display: block;
    width: 100%;
}
.course-list1 {
    margin-left: 60px;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
}
.course-list1 h6 {
    font-size: 1rem;
    text-transform: none;
}
.course-list1 .students {
    clear: left;
}
.widget_course_list a:hover img {
    border-color: #78c8c9;
}
.widget_course_list li h6 {
    margin: 0;
    font-size: 14px;
}
.widget_course_list li img {
    float: left;
    max-width: 48px;
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-right: 10px;
    border-radius: 2px;
}
.widget_course_list li h6 span {
    display: block;
    font-size: 11px;
    color: #bbb;
    font-weight: 600;
    text-transform: uppercase;
}
.course_instructor_widget img {
    max-width: 48px;
    border-radius: 50%;
    float: left;
    margin: 0 15px 15px 0;
}
.course_instructor_widget .instructor_course {
    clear: both;
}
.course_instructor_widget h5 {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    font-weight: 600;
}
.course_instructor_widget .tip {
    float: right;
    font-size: 24px;
    color: #bbb;
}
.question_content {
    position: relative;
    margin-top: 15px;
    padding: 15px 30px 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.question_options .checkbox > input[type="checkbox"]:checked + label:after {
    line-height: 1.4;
}
ul.check_options {
    list-style: none !important;
    margin-left: 0 !important;
    display: inline-block;
    width: 100%;
    padding: 15px 0 0;
}
#applications ul li {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px dotted #eee;
}
#applications ul li img {
    border-radius: 50%;
}
.comment-form img {
    max-width: 32px;
    border-radius: 50%;
    margin: 10px 10px 10px 0;
    float: left;
}
.new_side_comment p {
    margin: 0;
}
.comment-form span {
    text-transform: uppercase;
    font-weight: 600;
}
.comment-form span {
    padding-top: 10px;
    font-size: 11px;
    display: inline-block;
}
.new_side_comment > ul {
    padding-left: 10px;
    list-style: disc outside none;
}
.in_question {
    margin-top: 30px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
}
.in_question .question {
    position: relative;
    padding: 30px 0 10px;
}
.in_question .question_options {
    margin-left: 0 !important;
    list-style: none !important;
}
.question_options .checkbox > label:before {
    float: left;
    margin-top: 2px;
}
.question_options .checkbox > label:after {
    top: 1px;
}
.course_instructor_widget .instructor_meta {
    display: none !important;
}
.single_text {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.widget_reviews_list li img {
    max-width: 48px;
    margin: 10px 5px 0 0;
    float: left;
    border-radius: 50%;
}
.ui-datepicker {
    height: auto;
    margin: 5px auto 0;
    border: 2px solid #444;
    font-size: 11px;
    border-radius: 2px;
    background: #fff;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker-header {
    background: #444;
    color: #e0e0e0;
    font-weight: 700;
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}
.ui-datepicker-title {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
}
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
    font-family: dashicons;
    position: relative;
}
.ui-datepicker-next {
    float: right;
    background-position: center 0;
}
.ui-datepicker-next:before {
    content: "\f345";
    color: #fff;
    font-size: 20px;
    position: absolute;
    margin-top: -20px;
    right: 0;
}
.ui-datepicker th {
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    padding: 5px 0;
    color: #444;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}
.action .batch_course img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 6px 3px;
    border-radius: 2px;
}
.question_wrapper span:before {
    font-family: fonticon;
    top: 18px;
    left: 18px;
    content: "\e038";
    color: #fff;
    font-size: 30px;
    line-height: 1;
    position: absolute;
}
.question_wrapper span {
    position: relative;
    width: 64px;
    height: 64px;
    float: left;
    border-radius: 50%;
    background: #75b733;
    display: block;
    padding: 30px;
    transform: scale(15);
    transition: all 0.2s ease-in-out;
}
.question_wrapper strong {
    font-size: 48px;
    line-height: 64px;
    margin: 0 10px;
    font-weight: 600;
    color: #75b733;
}
.instructor_course {
    display: -ms-grid !important;
    -ms-grid-columns: 32px 1fr;
}
.instructor_course ul.instructor_meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.block.course8 .block_content .block_title {
    border-bottom: none !important;
}
.block.course8 .more {
    text-align: center;
    position: relative;
    z-index: 2;
}
.block.course8 .more_btn {
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
}
.block.course8 .more:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.block.course8 .block_content .cat_btn {
    position: relative;
    font-size: 12px;
    padding: 5px 10px 5px 25px;
    border-radius: 18px;
    color: #fff;
    margin: 0 2px 0 0;
}
.block.course8 .block_content .cat_btn:before {
    content: "\f02b";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    top: 4px;
}
.blog_card.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 256px;
    border-radius: 8px;
    -webkit-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
}
.blog_card .block_media {
    width: 35%;
}
.blog_card .block_media img {
    height: 100%;
    object-fit: cover;
}
.blog_card .block_content {
    padding: 30px 42px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 65%;
}
.blog_card .block_title a {
    font-size: 20px;
    font-weight: 600;
    color: #5a5a5a;
    text-decoration: none;
    text-transform: capitalize;
}
.blog_card .block_desc {
    margin-top: 12px;
    font-size: 16px;
    color: #475465;
    line-height: 1.5;
}
span.select_question_content {
    display: inline-block;
}
.question_content select {
    margin: 0 5px;
}
.question .question_option p {
    display: inline-block;
}
#title .pagetitle {
    padding-top: 30px;
}
span.text-options {
    display: none;
}
.course_desc + ul {
    max-width: 200px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.08);
    height: 100%;
}
.course_students.loading {
    opacity: 0.2;
}
.show_side {
    margin-top: 15px;
    display: none;
}
#pass {
    width: 33%;
    float: left;
    margin: 30px 0;
    text-align: center;
}
@media (max-width: 540px) {
    #pass {
        width: 100%;
        text-align: center;
        clear: both;
    }
    #pass span {
        display: block;
    }
}
h4.students_course {
    margin: 0 -20px 10px;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.08);
}
h4.students_course strong {
    float: right;
    padding: 5px 5px;
    background: #78c8ce;
    color: #fff;
    line-height: 1;
    border-radius: 50%;
}
.complete_course {
    text-align: center;
    display: block;
    width: 100%;
}
.course-list1 {
    margin-left: 60px;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
}
.course-list1 h6 {
    font-size: 1rem;
    text-transform: none;
}
.course-list1 .students {
    clear: left;
}
.widget_course_list a:hover img {
    border-color: #78c8c9;
}
.widget_course_list li h6 {
    margin: 0;
    font-size: 14px;
}
.widget_course_list li img {
    float: left;
    max-width: 48px;
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-right: 10px;
    border-radius: 2px;
}
.widget_course_list li h6 span {
    display: block;
    font-size: 11px;
    color: #bbb;
    font-weight: 600;
    text-transform: uppercase;
}
.course_instructor_widget img {
    max-width: 48px;
    border-radius: 50%;
    float: left;
    margin: 0 15px 15px 0;
}
.course_instructor_widget .instructor_course {
    clear: both;
}
.course_instructor_widget h5 {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 3px solid rgba(0, 0, 0, 0.08);
    font-size: 14px;
    font-weight: 600;
}
.course_instructor_widget .tip {
    float: right;
    font-size: 24px;
    color: #bbb;
}
.question_content {
    position: relative;
    margin-top: 15px;
    padding: 15px 30px 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.question_options .checkbox > input[type="checkbox"]:checked + label:after {
    line-height: 1.4;
}
ul.check_options {
    list-style: none !important;
    margin-left: 0 !important;
    display: inline-block;
    width: 100%;
    padding: 15px 0 0;
}
#applications ul li {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px dotted #eee;
}
#applications ul li img {
    border-radius: 50%;
}
.comment-form img {
    max-width: 32px;
    border-radius: 50%;
    margin: 10px 10px 10px 0;
    float: left;
}
.new_side_comment p {
    margin: 0;
}
.comment-form span {
    text-transform: uppercase;
    font-weight: 600;
}
.comment-form span {
    padding-top: 10px;
    font-size: 11px;
    display: inline-block;
}
.new_side_comment > ul {
    padding-left: 10px;
    list-style: disc outside none;
}
.in_question {
    margin-top: 30px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
}
.in_question .question {
    position: relative;
    padding: 30px 0 10px;
}
.in_question .question_options {
    margin-left: 0 !important;
    list-style: none !important;
}
.question_options .checkbox > label:before {
    float: left;
    margin-top: 2px;
}
.question_options .checkbox > label:after {
    top: 1px;
}
.course_instructor_widget .instructor_meta {
    display: none !important;
}
.single_text {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.widget_reviews_list li img {
    max-width: 48px;
    margin: 10px 5px 0 0;
    float: left;
    border-radius: 50%;
}
.ui-datepicker {
    height: auto;
    margin: 5px auto 0;
    border: 2px solid #444;
    font-size: 11px;
    border-radius: 2px;
    background: #fff;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker-header {
    background: #444;
    color: #e0e0e0;
    font-weight: 700;
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}
.ui-datepicker-title {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
}
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
    font-family: dashicons;
    position: relative;
}
.ui-datepicker-next {
    float: right;
    background-position: center 0;
}
.ui-datepicker-next:before {
    content: "\f345";
    color: #fff;
    font-size: 20px;
    position: absolute;
    margin-top: -20px;
    right: 0;
}
.ui-datepicker th {
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    padding: 5px 0;
    color: #444;
}
@media print {
    a[href]:after {
        content: none !important;
    }
}
.action .batch_course img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 6px 3px;
    border-radius: 2px;
}
.question_wrapper {
    min-height: 100px;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    text-align: center;
    transition: all 0.2s ease-in;
}
.question_wrapper span:before {
    font-family: fonticon;
    top: 18px;
    left: 18px;
    content: "\e038";
    color: #fff;
    font-size: 30px;
    line-height: 1;
    position: absolute;
}
.question_wrapper span {
    position: relative;
    width: 64px;
    height: 64px;
    float: left;
    border-radius: 50%;
    background: #75b733;
    display: block;
    padding: 30px;
    transform: scale(15);
    transition: all 0.2s ease-in-out;
}
.question_wrapper strong {
    font-size: 48px;
    line-height: 64px;
    margin: 0 10px;
    font-weight: 600;
    color: #75b733;
}
a.course_video_popup {
    position: relative;
}
a.course_video_popup span.icon_wrapper:before,
a.course_video_popup:hover span.icon_wrapper:before {
    content: "\f04b";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 55px;
    text-shadow: 1px 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: 100;
}
.instructor_course {
    display: -ms-grid !important;
    -ms-grid-columns: 32px 1fr;
}
.instructor_course ul.instructor_meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.block.course8 .block_content .block_title {
    border-bottom: none !important;
}
.block.course8 .more {
    text-align: center;
    position: relative;
    z-index: 2;
}
.block.course8 .more_btn {
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
}
.block.course8 .more:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.block.course8 .block_content .cat_btn {
    position: relative;
    font-size: 12px;
    padding: 5px 10px 5px 25px;
    border-radius: 18px;
    color: #fff;
    margin: 0 2px 0 0;
}
.block.course8 .block_content .cat_btn:before {
    content: "\f02b";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    top: 4px;
}
.blog_card.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 256px;
    border-radius: 8px;
    -webkit-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
}
.blog_card .block_media {
    width: 35%;
}
.blog_card .block_media img {
    height: 100%;
    object-fit: cover;
}
.blog_card .block_content {
    padding: 30px 42px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 65%;
}
.blog_card .block_title a {
    font-size: 20px;
    font-weight: 600;
    color: #5a5a5a;
    text-decoration: none;
    text-transform: capitalize;
}
.blog_card .block_desc {
    margin-top: 12px;
    font-size: 16px;
    color: #475465;
    line-height: 1.5;
}
span.select_question_content {
    display: inline-block;
}
.question_content select {
    margin: 0 5px;
}
.question .question_option p {
    display: inline-block;
}
.question_option .checkbox > input[type="radio"] + label {
    display: flex;
    align-items: center;
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-message:after {
    clear: both;
}
.woocommerce form .form-row label.hidden {
    visibility: hidden;
}
.woocommerce .woocommerce-message {
    padding: 1em 2em 1em 3.5em !important;
    margin: 0 0 2em !important;
    position: relative;
    color: #515151;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top: 2px solid #78c8ce;
    list-style: none !important;
    width: auto;
    word-wrap: break-word;
}
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-message:before {
    content: " ";
    display: table;
}
.woocommerce .woocommerce-message:before {
    font-family: fontawesome;
    content: "\f05a";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
}
.woocommerce .woocommerce-message .button {
    float: right;
}
.woocommerce .woocommerce-message li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: inline-block;
    width: 100%;
}
.woocommerce .woocommerce-message li + li {
    margin-top: 10px;
}
.woocommerce .woocommerce-message {
    border-top-color: #8fae1b;
}
.woocommerce .woocommerce-message:before {
    content: "\f0e0";
    color: #8fae1b;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: 0.92em;
    color: #777;
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-breadcrumb:before {
    content: " ";
    display: table;
}
.woocommerce .woocommerce-breadcrumb a {
    color: #777;
}
.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
}
.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
}
.woocommerce .products ul:after,
.woocommerce div.product form.cart:after,
.woocommerce div.product p.cart:after,
.woocommerce ul.products:after {
    clear: both;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #77a464;
}
.woocommerce div.product .product_meta {
    font-size: 11px;
    text-transform: uppercase;
}
.woocommerce div.product .product_meta span + span {
    margin-left: 10px;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    background: inherit;
    font-weight: 700;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    opacity: 0.5;
}
.woocommerce div.product div.images {
    margin-bottom: 2em;
}
.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
}
.woocommerce div.product div.summary {
    margin-bottom: 2em;
}
.woocommerce div.product div.social {
    text-align: right;
    margin: 0 0 1em;
}
.woocommerce div.product div.social span {
    margin: 0 0 0 2px;
}
.woocommerce div.product div.social span span {
    margin: 0;
}
.woocommerce div.product form.cart:after,
.woocommerce div.product form.cart:before,
.woocommerce div.product p.cart:after,
.woocommerce div.product p.cart:before {
    display: table;
    content: " ";
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart {
    margin-bottom: 2em;
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    padding: 15px 30px;
}
.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    clear: both;
}
.woocommerce .products ul:after,
.woocommerce .products ul:before,
.woocommerce ul.products:after,
.woocommerce ul.products:before {
    content: " ";
    display: table;
}
.woocommerce .products ul li,
.woocommerce ul.products li {
    list-style: none;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    padding: 0.5em 0;
    margin: 0;
    font-size: 1em;
}
.woocommerce ul.products li.product a {
    text-decoration: none;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce ul.products li.product strong {
    display: block;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
}
.woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
    font-size: 0.857em;
}
.woocommerce ul.products li.product .price del {
    color: inherit;
    opacity: 0.5;
}
.woocommerce ul.products li.product .price ins {
    background: 0 0;
    font-weight: 700;
}
.woocommerce ul.products li.product .price .from {
    font-size: 0.67em;
    margin: -2px 0 0;
    text-transform: uppercase;
    color: rgba(132, 132, 132, 0.5);
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: 0.618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
    opacity: 0.25;
    padding-right: 2.618em;
}
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
    font-family: fontawesome;
    content: "\f110";
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    position: absolute;
    top: 0.618em;
    right: 1em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #dad8da;
    text-decoration: none;
    background-image: none;
    color: #515151;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #a46497;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #935386;
    color: #fff;
}
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #a46497;
    color: #fff;
}
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    color: inherit;
    cursor: not-allowed;
    opacity: 0.5;
}
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    color: inherit;
    background-color: #ebe9eb;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
    float: none;
}
.woocommerce #reviews h3 {
    margin: 0;
}
.woocommerce #reviews #comment {
    height: 75px;
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after {
    clear: both;
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
    padding: 4px 0;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #bbb;
    list-style: none;
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.cart_list li:before,
.woocommerce ul.product_list_widget li:after,
.woocommerce ul.product_list_widget li:before {
    content: " ";
    display: table;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: left;
    margin: 2px 10px 0 0;
    width: 36px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
}
.bp-user.my-account .woocommerce:after,
.woocommerce-account .woocommerce:after {
    clear: both;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border-top: 2px solid rgba(0, 0, 0, 0.08);
    padding: 4px 0 0;
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
    min-width: 40px;
    display: inline-block;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 2em;
    position: relative;
    padding-top: 0;
}
.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.5s 0.5s ease;
    transition: opacity 0.5s 0.5s ease;
    opacity: 0;
}
.woocommerce form .form-row label {
    line-height: 2;
}
.woocommerce form .form-row label.inline {
    display: inline;
}
.woocommerce form .form-row select {
    cursor: pointer;
    margin: 0;
}
.woocommerce form .form-row .required {
    color: red;
    font-weight: 700;
    border: 0;
}
.woocommerce form .form-row .input-checkbox {
    display: inline;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: 1;
}
.woocommerce form .form-row textarea {
    height: 4em;
    line-height: 1.5;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.woocommerce form .form-row .select2-container {
    width: 100%;
    line-height: 2em;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: #a00;
}
.woocommerce form .form-row::-webkit-input-placeholder {
    line-height: normal;
}
.woocommerce form .form-row:-moz-placeholder {
    line-height: normal;
}
.woocommerce form .form-row:-ms-input-placeholder {
    line-height: normal;
}
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}
.bp-user.my-account header.title,
.woocommerce-account header.title {
    background: 0 0 !important;
}
.bp-user.my-account .woocommerce:after,
.bp-user.my-account .woocommerce:before,
.woocommerce-account .woocommerce:after,
.woocommerce-account .woocommerce:before {
    content: " ";
    display: table;
}
.woocommerce .shop_products > ul.products {
    margin: 0 -15px;
}
.woocommerce .shop_products > ul.products li {
    margin-bottom: 30px;
}
.woocommerce ul.products {
    margin: 0 -15px;
}
.woocommerce ul.products li.product {
    text-align: center;
}
.woocommerce ul.products li.product img {
    border-radius: 2px;
}
.woocommerce ul.products li.product .button {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
}
.price {
    font-size: 120% !important;
    color: #70c989;
    font-weight: 700;
}
.price del {
    opacity: 0.6;
    display: inline;
    margin-right: 5px;
    font-weight: 400;
}
.price ins {
    text-decoration: none;
}
.woocart {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fafafa;
}
.woocart .total {
    padding: 5px 0;
}
.woocart .button {
    font-size: 11px !important;
    text-transform: uppercase;
}
.widget .woocart {
    background: #fff;
    padding: 0;
    margin-top: 30px;
    border-radius: 2px;
    border: none;
}
.widget .woocart .widget_shopping_cart {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.widget .woocart .total {
    margin-bottom: 15px;
    padding: 10px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.product_list_widget img {
    width: 48px;
    height: 48px;
    border-radius: 2px;
    float: left;
    margin-right: 10px;
}
.bp-user .woocommerce header,
div.woocommerce > header {
    background: 0 0 !important;
}
.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 3em;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n + 2) {
    width: 25%;
    display: inline-block;
}
.woocommerce-product-gallery img {
    display: block;
}
.product.first {
    clear: none;
}
.woocommerce-Reviews .comment-text .description {
    clear: both;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1260px;
    }
}
@media (min-width: 1440px) {
    .container {
        width: 1410px;
    }
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }
    .col-sm-1 {
        width: 8.3333333333%;
    }
    .col-sm-2 {
        width: 16.6666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.3333333333%;
    }
    .col-sm-5 {
        width: 41.6666666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.3333333333%;
    }
    .col-sm-8 {
        width: 66.6666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.3333333333%;
    }
    .col-sm-11 {
        width: 91.6666666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.3333333333%;
    }
    .col-sm-push-2 {
        left: 16.6666666667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.3333333333%;
    }
    .col-sm-push-5 {
        left: 41.6666666667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.3333333333%;
    }
    .col-sm-push-8 {
        left: 66.6666666667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.3333333333%;
    }
    .col-sm-push-11 {
        left: 91.6666666667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }
    .col-md-1 {
        width: 8.3333333333%;
    }
    .col-md-2 {
        width: 16.6666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.3333333333%;
    }
    .col-md-5 {
        width: 41.6666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.3333333333%;
    }
    .col-md-8 {
        width: 66.6666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.3333333333%;
    }
    .col-md-11 {
        width: 91.6666666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.3333333333%;
    }
    .col-md-push-2 {
        left: 16.6666666667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.3333333333%;
    }
    .col-md-push-5 {
        left: 41.6666666667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.3333333333%;
    }
    .col-md-push-8 {
        left: 66.6666666667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.3333333333%;
    }
    .col-md-push-11 {
        left: 91.6666666667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }
    .col-lg-1 {
        width: 8.3333333333%;
    }
    .col-lg-2 {
        width: 16.6666666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333333333%;
    }
    .col-lg-5 {
        width: 41.6666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333333333%;
    }
    .col-lg-8 {
        width: 66.6666666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.3333333333%;
    }
    .col-lg-11 {
        width: 91.6666666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.3333333333%;
    }
    .col-lg-push-2 {
        left: 16.6666666667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.3333333333%;
    }
    .col-lg-push-5 {
        left: 41.6666666667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.3333333333%;
    }
    .col-lg-push-8 {
        left: 66.6666666667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.3333333333%;
    }
    .col-lg-push-11 {
        left: 91.6666666667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
}
@media screen and (max-width: 767px) {
    .content_list th {
        font-size: 14px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control,
    input[type="time"].form-control {
        line-height: 34px;
    }
    .input-group-sm input[type="date"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"],
    .input-group-sm input[type="time"],
    .input-group-sm > .input-group-btn > input[type="date"].btn,
    .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-sm > .input-group-btn > input[type="month"].btn,
    .input-group-sm > .input-group-btn > input[type="time"].btn,
    .input-group-sm > input[type="date"].form-control,
    .input-group-sm > input[type="datetime-local"].form-control,
    .input-group-sm > input[type="month"].form-control,
    .input-group-sm > input[type="time"].form-control,
    input[type="date"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    input[type="time"].input-sm {
        line-height: 30px;
    }
    .input-group-lg input[type="date"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"],
    .input-group-lg input[type="time"],
    .input-group-lg > .input-group-btn > input[type="date"].btn,
    .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-lg > .input-group-btn > input[type="month"].btn,
    .input-group-lg > .input-group-btn > input[type="time"].btn,
    .input-group-lg > input[type="date"].form-control,
    .input-group-lg > input[type="datetime-local"].form-control,
    .input-group-lg > input[type="month"].form-control,
    .input-group-lg > input[type="time"].form-control,
    input[type="date"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    input[type="time"].input-lg {
        line-height: 46px;
    }
}
@media (min-width: 768px) {
    .form-inline .form-control-static,
    .form-inline .form-group {
        display: inline-block;
    }
    .form-inline .control-label,
    .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-btn {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 350px;
        margin: 80px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    th.visible-xs {
        display: table-cell !important;
    }
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    th.visible-sm {
        display: table-cell !important;
    }
    .visible-sm-block {
        display: block !important;
    }
    .visible-sm-inline {
        display: inline !important;
    }
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    th.visible-md {
        display: table-cell !important;
    }
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    th.visible-lg {
        display: table-cell !important;
    }
    .visible-lg-block {
        display: block !important;
    }
    .visible-lg-inline {
        display: inline !important;
    }
    .visible-lg-inline-block {
        display: inline-block !important;
    }
    .hidden-lg {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (max-width: 990px) {
    #mooc_menu nav .menu li .menu-sidebar {
        width: 750px;
    }
}
@media (max-width: 767px) {
    #mooc_menu nav .menu li .menu-sidebar {
        width: 480px;
    }
}
@media (max-width: 991px) {
    header #trigger {
        display: block;
        top: 28px;
        right: 48px;
    }
    header.standard #alt_logo {
        display: inline-block;
    }
    header.standard #alt_logo img#header_logo {
        display: none;
    }
    header.standard #alt_logo img#header_mobile_logo.hide {
        display: block !important;
    }
    .header_content,
    header.standard .header_content,
    header.standard nav {
        display: none;
    }
    .single-course.c3 .course_header {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    #header_alt_logo,
    #header_logo {
        display: none;
    }
    #header_mobile_logo.hide {
        display: block !important;
    }
    header nav {
        display: none;
    }
    .inner_header #trigger,
    header #trigger {
        display: block;
    }
    header #trigger .lines:after,
    header #trigger .lines:before {
        -webkit-transform-origin: 27px center;
        transform-origin: 27px center;
    }
    header.mooc.app {
        min-height: 72px;
    }
    header.mooc.app #trigger {
        left: auto;
        right: 10px;
        top: 20px;
    }
}
@media (max-width: 420px) {
    .logged-out #vibe_bp_login .popup_login #vbp-login-form {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .course_content_panel {
        width: calc(100% - 380px);
    }
}
@media (max-width: 768px) {
    .directory .item-list .action,
    .directory .item-list .item {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .single-course.c2 .course_header,
    .single-course.c3 .course_header {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .block.side .block_media {
        max-width: 100%;
    }
    .block.side .block_content {
        clear: both;
        width: 100%;
    }
    .one_fourth {
        clear: both;
        float: none;
        width: 100%;
    }
}
@media (max-width: 991px) {
    header nav {
        display: none;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    #searchdiv input[type="text"] {
        font-size: 4rem;
    }
}
@media (max-width: 767px) {
    #header_alt_logo,
    #header_logo {
        display: none !important;
    }
    #header_mobile_logo.hide {
        display: block !important;
    }
    .meta .date {
        margin: 0;
        position: absolute;
        top: 0;
        background: #fff;
    }
    .block.side .block_content {
        display: block;
        clear: both;
    }
    #searchdiv input[type="text"] {
        font-size: 3rem;
    }
}
@media (max-width: 440px) {
    #searchdiv input[type="text"] {
        font-size: 2rem;
    }
}
@media (max-width: 992px) and (min-width: 767px) {
    .course_button.button {
        letter-spacing: 0;
    }
}
@media only screen and (max-width: 320px) {
    #searchdiv input[type="text"] {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 480px) {
    a.bp-title-button {
        margin-left: 10px;
    }
    .total_students {
        font-size: 14px;
    }
}
@media only screen and (max-width: 240px) {
    h1 a.bp-title-button {
        clear: left;
        float: left;
        margin: 10px 0 20px;
    }
}
@media screen and (min-width: 1700px) and (max-width: 2000px) {
    .container {
        width: 1600px;
    }
    .mooc nav > .menu > li > a {
        margin: 0 15px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1700px) {
    .container {
        width: 1500px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    h2 {
        font-size: 1.4rem;
    }
    .req_right h4 {
        line-height: 15px;
    }
    .course_menu a {
        padding: 20px 5px !important;
    }
    .scroll_enroll .button {
        padding: 10px 20px;
    }
    .training_price {
        text-align: center;
    }
    .mooc nav > .menu > li > a {
        margin: 0 5px;
        font-size: 13px;
    }
    .course_search {
        padding: 10px 0 10px 10px;
        display: none;
    }
    .page_title h1 {
        font-size: 26px;
    }
    .page_content h2 p {
        font-size: 15px;
    }
    .icons img {
        width: 35px;
    }
    .icons p {
        font-size: 12px;
    }
    .icons {
        width: 90px;
        height: 100px;
    }
    .page_content p {
        font-size: 14px;
    }
    .training_price del {
        font-size: 14px;
    }
    .training_price ins {
        font-size: 16px;
    }
    p {
        line-height: 26px;
        font-size: 14px;
    }
    .gb_batch_right {
        width: 100%;
    }
    .content_list ul li {
        line-height: 28px;
        font-size: 14px;
    }
    .foo_navlist li {
        line-height: 28px;
        font-size: 13px;
    }
}
@media screen and (max-width: 991px) {
    img {
        height: auto;
        width: 100%;
    }
    #scrolltop {
        bottom: 15px;
    }
    .offer-head p {
        font-size: 12px;
        padding: 8px 30px;
    }
    #trigger {
        display: block;
    }
    .course_login {
        display: none;
    }
    .container {
        width: 95%;
    }
    .page_title h1 {
        font-size: 26px;
    }
    .page_content h2 p {
        font-size: 15px;
    }
    .page_content p {
        font-size: 14px;
    }
    p {
        line-height: 27px;
        font-size: 14px;
    }
    .content_list ul li {
        line-height: 27px;
        font-size: 14px;
    }
    .about_right {
        margin: 30px 0;
    }
    .gb_batch_right {
        margin: 30px auto;
        width: 100%;
    }
    #upcoming-batches .row {
        display: block;
    }
    .req_left img {
        width: 25%;
    }
    .home_heading {
        font-size: 28px;
    }
    footer {
        padding: 50px 0 10px;
    }
    .foo_navlist li {
        line-height: 28px;
        font-size: 13px;
    }
    .mob_mobile {
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    #trigger {
        top: 15px;
    }
    .icons {
        width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .offer-head p {
        font-size: 11px;
        padding: 8px 10px;
    }
    .offer-head p a {
        font-size: 11px;
    }
    .pagetitle h1 {
        font-size: 20px;
    }
    .show_hide i {
        font-size: 18px;
    }
    .d_syllabus {
        float: none;
        text-align: center;
    }
    h2 {
        font-size: 1.4rem;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3em;
    }
    .gbcountry label {
        left: 60px;
    }
    .container {
        width: 98%;
    }
    .vbplogin span {
        background: #00a8ff;
        display: inline-block;
        padding: 5px 20px;
        font-weight: 600;
        font-size: 12px;
        border-radius: 4px;
    }
    .page_content h2 p {
        font-size: 14px;
        line-height: 23px;
    }
    .icons {
        width: 95px;
        height: 95px;
    }
    .icons img {
        width: 35px;
    }
    .icons p {
        font-size: 12px;
    }
    .training_price {
        justify-content: center;
    }
    .req_left img {
        width: 100%;
    }
    .req_right h4 {
        line-height: 18px;
    }
    .req_right .btn {
        font-size: 11px;
        padding: 5px 15px;
    }
    .heading {
        padding: 8px 25px;
        left: -28px;
    }
    .gb_probreadcrums {
        display: none;
    }
    .woocommerce div.product div.images img {
        display: none !important;
    }
    .woocommerce div.product div.images {
        margin-bottom: 0 !important;
    }
    .woocommerce ul.products li.product a img {
        display: none !important;
    }
    .mooc .woocart {
        left: 0;
        top: 125%;
        width: 300px;
    }
    .page .content,
    .single .content {
        padding: 20px;
    }
    .pagetitle.mobile_heading {
        margin-top: 30px;
    }
    .modal-dialog {
        width: 300px;
        margin: 50px auto;
    }
    .home_heading {
        font-size: 22px;
        margin-top: 30px;
    }
    .item.text {
        padding: 20px;
    }
    footer {
        padding: 20px 0 10px;
        margin-top: 0;
    }
    .footer_copy p {
        line-height: 20px;
        font-size: 10px;
    }
    .footer_row {
        padding: 10px 0;
    }
    .pagetitle h1 {
        margin: 20px 0 0;
    }
}
@media (min-width: 300px) and (max-width: 640px) {
    #trigger {
        top: -10px;
    }
    .gbcourse_header .row {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .content {
        padding: 15px;
    }
    .blog_sidebar .widget_categories ul li a {
        font-size: 14px;
    }
    .h_blog_item img {
        height: auto;
    }
    .modal-title {
        font-size: 13px;
    }
}
@media (min-width: 300px) and (max-width: 350px) {
    .page_title h1 {
        font-size: 22px;
    }
    .modal-dialog {
        width: 270px;
    }
    .modal-title {
        font-size: 12px;
    }
    .icons {
        width: 85px;
        height: 95px;
        padding: 5px;
    }
    .heading {
        padding: 8px 20px;
    }
    h2 {
        font-size: 1.2rem;
    }
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.2rem;
    }
}
@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape) {
    .gbcourse_header {
        padding: 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .bt_whatsappdiv {
        bottom: 80px;
    }
}
@media screen and (max-width: 991px) {
    .mobileview {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .gb_option_btn a {
        min-width: 100px;
    }
    .course_description {
        padding: 20px 0;
    }
    .upcoming_model .modal-dialog {
        width: 85%;
    }
    .master_popupbatch .req_left img {
        width: 60%;
    }
    .master_popupbatch .req_right h4 {
        font-size: 13px;
    }
    .upcoming_model .request_batch {
        padding: 10px 0;
    }
}
@media screen and (max-width: 767px) {
    .GB_admin_tab ul li a {
        font-size: 13px;
        padding: 8px 15px;
    }
    .course_students li > ul > li > a {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .our_branch ul li {
        margin: 4px;
    }
    .our_branch ul li a {
        width: 120px;
    }
}
.main_coursemenu {
    padding: 8px 0;
    margin: 0 auto;
    display: table;
}
.all_menu {
    position: absolute;
}
.all_menu {
    background: #00a8ff;
    color: #fff !important;
    font-weight: 500;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    border-radius: 0;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    margin: 15px;
}
.cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-dropdown-trigger {
    display: block;
    position: relative;
    padding: 7px 15px;
    font-size: 14px;
    color: #fff;
    background: #00a8ff;
    font-weight: 600;
    border-radius: 4px;
    text-align: left;
    min-width: 125px;
    margin: 8px 15px;
    box-shadow: 0 2px 8px 0 #0000001a;
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
}
.cd-dropdown-trigger:hover {
    color: #fff;
}
.cd-dropdown-trigger::after,
.cd-dropdown-trigger::before {
    content: "";
    position: absolute;
    top: 52%;
    margin-right: 10px;
    height: 2px;
    width: 8px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
    right: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
    right: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
    .cd-dropdown-trigger.dropdown-is-active::after,
    .cd-dropdown-trigger.dropdown-is-active::before {
        width: 14px;
    }
    .cd-dropdown-trigger.dropdown-is-active::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }
    .cd-dropdown-trigger.dropdown-is-active::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    padding: 8px 13px;
}
.cd-secondary-dropdown li a {
    padding: 6px 0;
    font-size: 14px;
}
.cd-dropdown {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
    transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
    position: relative;
    z-index: 1;
    color: #585a70;
    background-color: #111433;
    border-bottom: 1px solid #242643;
}
.cd-dropdown .cd-close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
}
.cd-dropdown .cd-close::after,
.cd-dropdown .cd-close::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
    width: 2px;
    background-color: #fff;
}
.cd-dropdown .cd-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
    transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
    .cd-dropdown .cd-close {
        top: 5px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-dropdown {
        position: absolute;
        top: calc(100% - 2px);
        height: auto;
        width: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #fff;
        color: #111433;
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
    }
    .open-to-left .cd-dropdown {
        right: 0;
        left: auto;
    }
    .cd-dropdown .cd-close,
    .cd-dropdown h2 {
        display: none;
    }
    .cd-dropdown.dropdown-is-active {
        opacity: 1;
        -webkit-transform: translateY(1%);
        -moz-transform: translateY(1%);
        -ms-transform: translateY(1%);
        -o-transform: translateY(1%);
        transform: translateY(1%);
        -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
        box-shadow: 1px 0 2px 0 #333;
        -webkit-box-shadow: 1px 0 2px 0 #333;
    }
}
.cd-dropdown-content,
.cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding-top: 50px;
}
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    display: block;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #f7f1f1;
}
.cd-dropdown-content li:first-of-type > a,
.cd-dropdown-content ul li:first-of-type > a {
    border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a,
.cd-dropdown-content ul li:last-of-type > a {
    border-bottom-width: 1px;
}
.cd-dropdown-content .cd-search,
.cd-dropdown-content a,
.cd-dropdown-content ul .cd-search,
.cd-dropdown-content ul a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content ul.is-hidden > li > .cd-search,
.cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-content.is-hidden > li > .cd-search,
.cd-dropdown-content.is-hidden > li > a {
    opacity: 0;
}
.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
    .cd-dropdown-content,
    .cd-dropdown-content ul {
        padding-top: 60px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-dropdown-content,
    .cd-dropdown-content ul {
        padding-top: 0;
        overflow: visible;
    }
    .cd-dropdown-content ul.is-hidden > li > .cd-search,
    .cd-dropdown-content ul.is-hidden > li > a,
    .cd-dropdown-content.is-hidden > li > .cd-search,
    .cd-dropdown-content.is-hidden > li > a {
        opacity: 1;
    }
}
.cd-dropdown-content .see-all a {
    color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    color: #111433;
    font-size: 1.3rem;
    display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
}
@media only screen and (min-width: 1024px) {
    .cd-dropdown-content {
        position: static;
        height: auto;
    }
    .cd-dropdown-content > li:last-of-type a {
        border-bottom: none;
    }
    .cd-dropdown-content .cd-dropdown-gallery,
    .cd-dropdown-content .cd-dropdown-icons,
    .cd-dropdown-content .cd-secondary-dropdown {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 100%;
        height: 100%;
        background-color: #fff;
    }
    .cd-dropdown-content .cd-dropdown-gallery::after,
    .cd-dropdown-content .cd-dropdown-icons::after,
    .cd-dropdown-content .cd-secondary-dropdown::after {
        clear: both;
        content: "";
        display: table;
    }
    .open-to-left .cd-dropdown-content .cd-dropdown-gallery,
    .open-to-left .cd-dropdown-content .cd-dropdown-icons,
    .open-to-left .cd-dropdown-content .cd-secondary-dropdown {
        left: auto;
        right: 100%;
    }
    .cd-dropdown-content .cd-dropdown-gallery.is-hidden,
    .cd-dropdown-content .cd-dropdown-icons.is-hidden,
    .cd-dropdown-content .cd-secondary-dropdown.is-hidden {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-dropdown-content .cd-dropdown-gallery.fade-in,
    .cd-dropdown-content .cd-dropdown-icons.fade-in,
    .cd-dropdown-content .cd-secondary-dropdown.fade-in {
        -webkit-animation: cd-fade-in 0.2s;
        -moz-animation: cd-fade-in 0.2s;
        animation: cd-fade-in 0.2s;
    }
    .cd-dropdown-content .cd-dropdown-gallery.fade-out,
    .cd-dropdown-content .cd-dropdown-icons.fade-out,
    .cd-dropdown-content .cd-secondary-dropdown.fade-out {
        -webkit-animation: cd-fade-out 0.2s;
        -moz-animation: cd-fade-out 0.2s;
        animation: cd-fade-out 0.2s;
    }
    .cd-dropdown-content .cd-dropdown-gallery > .go-back,
    .cd-dropdown-content .cd-dropdown-icons > .go-back,
    .cd-dropdown-content .cd-secondary-dropdown > .go-back {
        display: none;
    }
    .cd-dropdown-content .cd-dropdown-gallery > .see-all,
    .cd-dropdown-content .cd-dropdown-icons > .see-all,
    .cd-dropdown-content .cd-secondary-dropdown > .see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center;
    }
    .cd-dropdown-content .cd-dropdown-gallery > .see-all a,
    .cd-dropdown-content .cd-dropdown-icons > .see-all a,
    .cd-dropdown-content .cd-secondary-dropdown > .see-all a {
        margin: 0;
        height: 100%;
        line-height: 45px;
        background: #ebebeb;
        pointer-events: auto;
        -webkit-transition: color 0.2s, background-color 0.2s;
        -moz-transition: color 0.2s, background-color 0.2s;
        transition: color 0.2s, background-color 0.2s;
    }
    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
    .cd-dropdown-content .cd-dropdown-gallery a,
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item,
    .cd-dropdown-content .cd-dropdown-icons a,
    .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,
    .cd-dropdown-content .cd-secondary-dropdown a {
        border: none;
    }
    .cd-dropdown-content .cd-dropdown-gallery,
    .cd-dropdown-content .cd-dropdown-icons {
        padding: 20px 30px 100px;
    }
    .cd-dropdown-content .cd-dropdown-gallery > .see-all,
    .cd-dropdown-content .cd-dropdown-icons > .see-all {
        width: calc(100% - 60px);
    }
    .cd-dropdown-content .cd-secondary-dropdown {
        overflow: hidden;
        width: 450px;
        padding: 10px 30px;
        background: #f7f7f7;
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > a::after,
    .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
        display: none;
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > ul {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto;
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
        display: none;
    }
    .cd-dropdown-content .cd-secondary-dropdown ul {
        padding-bottom: 25px;
        overflow: hidden;
        height: auto;
    }
    .cd-dropdown-content .cd-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent;
    }
    .cd-dropdown-content .cd-secondary-dropdown .go-back::after,
    .cd-dropdown-content .cd-secondary-dropdown .go-back::before {
        left: 0;
    }
    .cd-dropdown-content .cd-secondary-dropdown .see-all {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .cd-dropdown-content .cd-dropdown-gallery {
        width: 600px;
        padding-bottom: 100px;
    }
    .cd-dropdown-content .cd-dropdown-gallery > li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }
    .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
        margin-right: 0;
    }
    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
        padding: 0;
        height: auto;
        line-height: normal;
        color: #3f8654;
        margin-bottom: 2em;
    }
    .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a,
    .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a {
        margin-bottom: 0;
    }
    .cd-dropdown-content .cd-dropdown-gallery img {
        position: static;
        height: auto;
        width: 100%;
        margin: 0 0 0.6em;
    }
    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px;
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px;
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
        background: #ebebeb;
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
        color: #3f8654;
        font-weight: 700;
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
        display: block;
        font-size: 1.2rem;
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
        left: 25px;
    }
    .cd-dropdown-content > .has-children > ul {
        visibility: hidden;
    }
    .cd-dropdown-content > .has-children > ul.is-active {
        visibility: visible;
    }
    .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
        visibility: visible;
    }
    .cd-dropdown-content > .has-children > a.is-active {
        box-shadow: inset 5px 0 0 #007bff;
        color: #007bff;
    }
    .cd-dropdown-content > .has-children > a.is-active::after,
    .cd-dropdown-content > .has-children > a.is-active::before {
        background: #3f8654;
    }
    .open-to-left .cd-dropdown-content > .has-children > a.is-active {
        box-shadow: inset -2px 0 0 #3f8654;
    }
}
@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}
@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}
@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}
.go-back a,
.has-children > a {
    position: relative;
}
.go-back a::after,
.go-back a::before,
.has-children > a::after,
.has-children > a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 2px;
    display: inline-block;
    height: 0.8px;
    width: 5px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.go-back a::before,
.has-children > a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.go-back a::after,
.has-children > a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
    .go-back a::after,
    .go-back a::before,
    .has-children > a::after,
    .has-children > a::before {
        background: #b3b3b3;
    }
}
.has-children > a {
    padding-right: 30px;
    padding-top: 10px;
    font-size: 14px;
    padding-bottom: 10px;
    font-weight: 500;
}
.cd-secondary-dropdown p {
    font-weight: 600;
    color: #00a8ff;
    font-size: 18px;
}
.has-children:hover {
    background: #f7f7f7;
}
.has-children > a::after,
.has-children > a::before {
    right: 10px;
    -webkit-transform-origin: 5px 50%;
    -moz-transform-origin: 5px 50%;
    -ms-transform-origin: 5px 50%;
    -o-transform-origin: 5px 50%;
    transform-origin: 5px 50%;
}
@media only screen and (min-width: 1024px) {
    .open-to-left .cd-dropdown-content > .has-children > a {
        padding-left: 40px;
        padding-right: 20px;
    }
    .open-to-left .cd-dropdown-content > .has-children > a::after,
    .open-to-left .cd-dropdown-content > .has-children > a::before {
        right: auto;
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }
}
.cd-dropdown-content .go-back a {
    padding-left: 40px;
}
.cd-dropdown-content .go-back a::after,
.cd-dropdown-content .go-back a::before {
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}
.cd-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}
@media screen and (max-width: 1000px) {
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        color: #fff;
        border-color: #3879ec;
    }
    .cd-secondary-dropdown p {
        color: #c8df22;
        padding: 10px 15px;
    }
    .has-children:hover {
        background: 0 0;
    }
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        padding: 10px 15px;
    }
    .all_menu {
        left: 5%;
    }
}
@media screen and (max-width: 1000px) {
    .cd-dropdown-content ul.is-hidden,
    .cd-dropdown-content.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    .cd-dropdown {
        background: linear-gradient(315deg, #06bcfb 0, #4884ee 74%);
    }
}
@media screen and (max-width: 767px) {
    .cd-dropdown-trigger {
        padding: 7px 10px;
        font-size: 13px;
        min-width: 110px;
    }
    .cd-dropdown-trigger::after,
    .cd-dropdown-trigger::before {
        margin-right: 5px;
    }
}
@media (min-width: 300px) and (max-width: 360px) {
    .cd-dropdown-trigger {
        padding: 5px 10px;
        font-size: 12px;
        min-width: 100px;
    }
    .main_coursemenu {
        padding: 0 0;
    }
}
.woocommerce-currency-switcher option {
    height: 23px;
    padding-bottom: 3px;
}
a.woocs_flag_view_item {
    display: inline-block;
    margin: 0 3px 3px 0;
    width: 50px;
    height: 40px;
}
a.woocs_flag_view_item img {
    width: 100%;
}
a.woocs_flag_view_item_current {
    opacity: 0.65;
}
div:hover.woocs_price_info ul {
    visibility: visible;
    opacity: 0.85;
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    z-index: 999;
}
.woocs_current_product_id {
    display: none;
}
.woocs_cart_item_price {
    font-size: 11px;
    font-style: italic;
}
.woocs_currency_rate_flag {
    width: 25px !important;
    max-width: 25px !important;
    display: inline;
}
.woocs_display_none {
    display: none;
}
.woocs_auto_switcher > li {
    margin-bottom: 0 !important;
}
@keyframes woocs-lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes woocs-lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes woocs-lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
img.lazy {
    min-height: 1px;
}
.woocommerce form .form-row .required {
    visibility: visible;
}
.woocs_price_code.woocs_preloader_ajax del,
.woocs_price_code.woocs_preloader_ajax ins,
.woocs_price_code.woocs_preloader_ajax span {
    display: none;
}
.woocs_price_code.woocs_preloader_ajax:after {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #96588a;
    border-color: #96588a transparent #96588a transparent;
    animation: woocs_preloader_ajax 1.2s linear infinite;
}
@keyframes woocs_preloader_ajax {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.woocommerce-currency-switcher option {
    height: 23px;
    padding-bottom: 3px;
}
a.woocs_flag_view_item {
    display: inline-block;
    margin: 0 3px 3px 0;
    width: 50px;
    height: 40px;
}
a.woocs_flag_view_item img {
    width: 100%;
}
a.woocs_flag_view_item_current {
    opacity: 0.65;
}
div:hover.woocs_price_info ul {
    visibility: visible;
    opacity: 0.85;
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    z-index: 999;
}
.woocs_current_product_id {
    display: none;
}
.woocs_cart_item_price {
    font-size: 11px;
    font-style: italic;
}
.woocs_currency_rate_flag {
    width: 25px !important;
    max-width: 25px !important;
    display: inline;
}
.woocs_display_none {
    display: none;
}
.woocs_auto_switcher > li {
    margin-bottom: 0 !important;
}
@keyframes woocs-lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes woocs-lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes woocs-lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
img.lazy {
    min-height: 1px;
}
.woocommerce form .form-row .required {
    visibility: visible;
}
.woocs_auto_switcher {
    display: none !important;
}
.woocs_price_code.woocs_preloader_ajax del,
.woocs_price_code.woocs_preloader_ajax ins,
.woocs_price_code.woocs_preloader_ajax span {
    display: none;
}
.woocs_price_code.woocs_preloader_ajax:after {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #96588a;
    border-color: #96588a transparent #96588a transparent;
    animation: woocs_preloader_ajax 1.2s linear infinite;
}
@keyframes woocs_preloader_ajax {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.youtube-player {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    max-height: 1080px;
    height: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    margin: 0 auto;
}
.youtube-player > img {
    bottom: -100%;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: -100%;
    border-radius: 10px;
}
.video-player-icons {
    height: 53px;
    width: 57px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background-image: url(https://www.gangboard.com/wp-content/uploads/2022/03/video_icons.webp);
    background-repeat: no-repeat;
}




.gb_productbg .content {
    margin-top: 0;
}
.product_breadcrums {
    padding: 10px 0 30px;
}
.gb_probreadcrums {
    margin: 10px 0;
}
.gb_probreadcrums p {
    font-size: 12px;
    font-family: Roboto, sans-serif;
}
.gb_probreadcrums p a {
    color: #8e8a8a;
    padding: 0 3px;
}
.gb_probreadcrums p i {
    color: #8e8a8a;
}
.gb_probreadcrums .breadcrumb_last {
    font-weight: 500;
    color: #6f6969;
}
.gbproducttitle .product_title {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #5a6975;
}
.gbproduct_variables {
    margin: 2em 0;
    display: flex;
    width: 100%;
}
.variations.gbproduct_variablestables {
    width: 50%;
    margin-right: 20px;
}
.single_variation_wrap.gb_productvarwrap {
    width: 50%;
    margin-left: 20px;
}
.gbproduct_variablestables label {
    font-weight: 500 !important;
    font-size: 15px;
	color: #000 !important;
    font-family: Roboto, sans-serif;
}
.gbproduct_variablestables #trainining-types {
    font-size: 14px;
    width: 100%;
    color: #5a6975;
    font-family: Roboto, sans-serif;
}
.gbproduct_variablestables .reset_variations {
    font-size: 13px;
    text-align: left;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 2;
}
.single_variation_wrap.gb_productvarwrap .single_variation {
    margin: 0 0 20px;
}
.gb_productvarwrap .woocommerce-variation-price {
    font-family: Roboto, sans-serif;
    line-height: 30px;
}
.gb_productvarwrap .woocommerce-variation-price del {
    font-size: 18px;
    color: #828282;
}
.gb_productvarwrap .woocommerce-variation-price ins {
    font-size: 22px;
    color: #6c6c6c;
    font-weight: 600 !important;
}
.gb_productvarwrap .woocommerce-variation-price .saved-sale {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
}
.gb_productvariablebtn .button {
    font-size: 12px !important;
    padding: 12px 22px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-family: Roboto, sans-serif !important;
    background: #333 !important;
    border-radius: 0 !important;
}
.gb_productvariablebtn .quantity input {
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.widget.gb_productwidgets {
    -webkit-box-shadow: 0 2px 8px 0 #0000001a;
    box-shadow: 0 2px 8px 0 #0000001a;
    border-radius: 8px;
    background: #fff;
}
.widget.gb_productwidgets .woocart {
    margin-top: 0;
}
.widget.gb_productwidgets .woocart .widget_shopping_cart {
    padding: 0;
    border: 0;
}
.widget.gb_productwidgets ul {
    padding: 10px !important;
}
.gb_productwidgets .woocommerce a.remove {
    line-height: 12px;
    top: 15px !important;
    text-align: center !important;
    display: block !important;
    padding: 0 !important;
}
.gb_productwidgets .widget ul li {
    padding: 10px 0 10px 20px !important;
    display: block;
    width: 100%;
    font-family: Roboto, sans-serif;
}
.gb_productwidgets .widget ul li:last-child {
    border-bottom: none !important;
}
.gb_productwidgets .woocommerce ul.cart_list li a {
    font-weight: 400;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, sans-serif;
    display: block;
    padding: 0 0 0 5px;
}
.gb_productwidgets .woocommerce ul.cart_list li a:hover {
    color: #337ab7;
}
.gb_productwidgets .product_list_widget img {
    width: 45px !important;
    height: 40px !important;
    border-radius: 2px !important;
    float: left !important;
    margin-right: 10px;
    display: none;
}
.gb_productwidgets .widget ul li:hover > a {
    color: #337ab7;
}
.gb_productwidgets .widget .quantity {
    padding: 5px 0 0 5px;
    display: block;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-align: right;
}
.gb_productwidgets .widget_shopping_cart_content p {
    border-top: none !important;
    padding: 15px 10px 15px 10px !important;
    margin: 0 !important;
    background: #f4f3f3;
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400 !important;
}
.gb_productwidgets .woocommerce-mini-cart__total {
    border-bottom: 1px solid #d7d5d5 !important;
}
.gb_productwidgets .woocommerce-mini-cart__total strong {
    font-weight: 400 !important;
}
.gb_productwidgets .woocommerce-mini-cart__buttons {
    text-align: center;
    display: flex;
    justify-content: center;
}
.gb_productwidgets .woocommerce-mini-cart__buttons a {
    display: block;
    margin: 0 15px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    font-family: Roboto, sans-serif;
    border-radius: 0 !important;
}
.gb_productwidgets .woocommerce-mini-cart__buttons .wc-forward {
    background: #827f7f;
    color: #fff;
}
.gb_productwidgets .woocommerce-mini-cart__buttons .wc-forward:hover {
    background: #333;
    color: #fff;
}
.gb_productwidgets .woocommerce-mini-cart__buttons .checkout {
    background: #626060;
    color: #fff;
}
.gb_productwidgets .woocommerce-mini-cart__buttons .checkout:hover {
    background: #000;
    color: #fff;
}
.related.products.gb_relatedproducts {
    margin-bottom: 50px;
}
.gb_relatedproducts .products li {
    background: #fff;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin: 0 15px;
    -webkit-box-shadow: 0 0 5px 0 #ececec;
    box-shadow: 0 0 5px 0 #ececec;
    background: #fff;
    border: 1px solid #ececec;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    width: 30%;
    height: 200px;
    float: left;
}
.gb_relatedproducts .products li img {
    margin-bottom: 10px !important;
}
.gb_relatedproducts .products li:hover {
    -webkit-box-shadow: 0 20px 25px 5px #ececec;
    box-shadow: 0 20px 25px 5px #ececec;
}
.gb_relatedproducts .products li a .price del {
    font-size: 16px;
}
.gb_relatedproducts .products li a .price {
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: Roboto, sans-serif;
    margin: 10px 0;
}
.gb_relatedproducts .products li a h2 {
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 25px;
    font-family: Roboto, sans-serif;
    height: 70px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}
.gb_relatedproducts .products li a .price ins {
    font-size: 20px;
    font-weight: 600 !important;
}
.gb_relatedproducts .products li .button {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 12px 15px;
    border-radius: 0;
    background: #333;
    color: #fff;
}
.gbproducttitle {
    font-family: Roboto, sans-serif;
}
.gbproducttitle .price del {
    font-size: 18px;
    color: #828282;
    display: block;
}
.gbproducttitle .price ins {
    font-size: 22px;
    color: #6c6c6c;
    font-weight: 500 !important;
    display: block;
}
.gbproducttitle .saved-sale {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    color: #77a464;
    margin-top: 0;
    padding: 0;
}
.lp_price {
    display: inline-block;
    min-width: 120px;
    font-size: 15px;
}
.pp_price {
    display: inline-block;
    min-width: 120px;
    font-size: 15px;
}
.sp_price {
    min-width: 120px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
}
.gbproducttitle .quantity input {
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto, sans-serif;
}
.gbproducttitle .button {
    font-size: 12px !important;
    padding: 12px 22px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-family: Roboto, sans-serif !important;
    background: #333 !important;
    border-radius: 0 !important;
}