@charset "utf-8";
/* CSS Document */
/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer



******************************/
/***********
1. Fonts
***********/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

/*********************************
2. Body and some general stuff
*********************************/


* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility !important;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    scroll-behavior: smooth;
}

a {
    color: #2b43a5;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #fbfbfb;
    color: black;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a {
    display: inline;
    position: relative;
    color: #233B90;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

p:last-of-type {
    margin-bottom: 0;
}

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

p a:hover::after {
    opacity: 0.2;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    color: black;
    margin-bottom: 0;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h4, h5, h6 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    color: black;
    margin-bottom: 0;
}

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

/*********************************
3. Header
*********************************/
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 70%;
    width: 70%;
    position: absolute;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;

}

.header.scrolled {
    top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    /**background: #14bdee;**/
    background: linear-gradient(90deg, rgba(35, 59, 144, 1) 0%, rgba(1, 142, 204, 1) 100%);
}

.header.scrolled .top_bar {

}

.top_bar_container {
    width: 100%;
    height: 100%;
}

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

    .top_bar_content {
        font-size: 0.2vh;
    }
}

.top_bar_contact_list li {
    display: inline-block;
    font-weight: bold;
}

.question {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #ffffff;
    margin-left: 0px;
    font-weight: normal;
}

.top_bar_contact_list li i,
.top_bar_contact_list li > div {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.top_bar_contact_list li > div {
    margin-left: 1px;
}

.top_bar_contact_list li:not(:last-child) {
    margin-right: 20px;
}

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 160px;
    height: 100%;
    text-align: center;
    background: #018ecc;
}

.login_button a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #ffffff;
}

.login_button a:hover {
    color: #000000;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
    width: 100%;
    background: #FFFFFF;
    min-width: 50%;
}

.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;

}

.header.scrolled .header_content {
    height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
    display: inline-block;
}

.logo {
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.logo img {
    max-width: 100%;
}

.logo_text {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.logo_text span {
    color: #14bdee;
}

.header.scrolled .logo {
    width: 40px;
    height: 40px;
}

.header.scrolled .logo_text {
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/
/* [MENU] */


/* [HAMBURGER - HIDDEN ON BIG SCREENS] */
#page-nav label, #hamburger {
    display: none;
}

#page-nav label {
    color: #77cdff;
    background: #fff;
    font-style: normal;
    font-size: 20px;
    padding: 10px;

}

/* [MENU ITEMS] */
#page-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: white;
    width: 100%;
    display: flex;
    flex-direction: row;
}

#page-nav ul li {
    padding: 10px;
    box-sizing: border-box;
    font-size: 15px;
    width: 100%;
}

#page-nav ul li a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
}

.topnav-right {
    float: right;
}

.active {
    color: #0097a7;
}


/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px) {
    /* [SHOW HAMBURGER] */
    #page-nav {
        width: 100%;
    }

    #page-nav label {
        display: block;
        position: absolute;
    }

    #page-nav label:hover {
        color: #1cc7ff;
        background-color: #efefef;
    }

    #page-nav ul li {
        border-top: 1px solid #333;
        height: auto;
        width: 100%;
        text-align: center;
    }

    #page-nav ul li:hover {
        background-color: #efefef;
    }

    /* [SHOW/HIDE MENU ON CHECKBOX CLICK] */
    #page-nav ul {
        display: none;
        position: fixed;
        text-align: center;
        background-color: white;
        margin-top: -10px;
        right: 0;


    }

    #page-nav input:checked ~ ul {
        display: flex;
        flex-direction: column;
    }
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px) {
    /* [SHOW HAMBURGER] */
    #page-nav {
        width: 100%;
    }

    #page-nav label {
        display: block;
        position: absolute;
        right: 15px;
    }

    #page-nav label:hover {
        color: #1cc7ff;
        background-color: #efefef;
    }

    #page-nav ul li {
        border-top: 1px solid #333;
        height: auto;
        width: 100%;
        text-align: center;
    }

    #page-nav ul li:hover {
        background-color: #efefef;
    }

    /* [SHOW/HIDE MENU ON CHECKBOX CLICK] */
    #page-nav ul {
        display: none;
        position: fixed;
        text-align: center;
        background-color: white;
        top: 140px;
        right: 0;


    }

    #page-nav input:checked ~ ul {
        display: flex;
        flex-direction: column;
    }
}

.main_nav_container {

}

.main_nav,
.search_button,
.shopping_cart {
    display: inline-block;
}

.main_nav li {
    display: inline-block;
    position: relative;
}

.main_nav li:not(:last-child) {
    margin-right: 44px;
}

.main_nav li a {
    font-size: 18px;
    font-weight: 500;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav li a:hover,
.main_nav li.active a {
    color: #77cdff;
}

.main_nav li.active::after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #77cdff;
    content: '';
}

.search_button {
    margin-left: 46px;
    cursor: pointer;
}

.search_button i {
    font-size: 18px;
    color: #181818;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.search_button:hover i {
    color: #14bdee;
}

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header_search_container.active {
    bottom: -73px;
    opacity: 1;
}

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
Left side nav
*********************************/


.sidenav {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 130px;
    left: 0;
    background-color: #E5E5E5;
    overflow-x: hidden;
    padding-top: 20px;
    text-align: center;
    font-family: 'Merriweather', serif;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidenav a:hover {
    color: #14bdee;
}


@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}


/*********************************
Right side nav
*********************************/


.sidechat {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 130px;
    right: 0;
    background-color: #E5E5E5;
    overflow-x: hidden;
    padding-top: 20px;
    text-align: center;
    font-family: 'Merriweather', serif;
}

.sidechat a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    text-align: center;
}

.sidenchat a:hover {
    color: #14bdee;
}


@media screen and (max-height: 450px) {
    .sidechat {
        padding-top: 15px;
    }

    .sidechat a {
        font-size: 18px;
    }
}


/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {

}

.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger i {
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.hamburger:hover i {
    color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
}

.menu .logo a {

}

.menu.active {
    right: 0;
}

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}

.menu_close div {
    width: 100%;
    height: 2px;
    background: #232323;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_close div:last-of-type {
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}

.menu_close:hover div {
    background: #937c6f;
}

.menu .logo {
    margin-bottom: 60px;
}

.menu_nav ul li {
    margin-bottom: 9px;
}

.menu_nav ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    letter-spacing: 0.1em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_nav ul li a:hover {
    color: #14bdee;
}

.menu .search {
    width: 100%;
    margin-bottom: 67px;
}

.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.menu .header_search_form {
    width: 100%;
}

.search form {
    position: relative;
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.5);
}

.menu .search_input::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title {
    line-height: 1.2;
    color: black;
}

.section_subtitle {
    line-height: 1.85;
    margin-top: 14px;
}

.section_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section_title_container {
    margin: 0 auto;
}

/*********************************
6. Home
*********************************/

.home {
    width: 100%;
    height: 850px;
}

.home_slider_container {
    width: 100%;
    height: 100%;
}

.home_slider {
    width: 100%;
    height: 100%;
}

.home_slider_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home_slider_content {
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    height: auto;
}

.home_slider_title {
    font-family: 'Merriweather', serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #384158;
}

.home_slider_subtitle {
    font-size: 24px;
    color: #76777a;
    margin-top: 9px;
}

.home_slider_form_container {
    width: 832px;
    margin: 0 auto;
    margin-top: 35px;
}

.home_search_form div {
    width: calc(100% - 140px);
    height: 46px;
    background: #FFFFFF;
    border-radius: 3px;
}

.home_search_input {
    width: 33.33333333%;
    border: none;
    outline: none;
    height: 25px;
    padding-left: 20px;
}

.home_search_input:not(:last-child) {
    border-right: solid 1px #e5e5e5;
}

.home_search_input::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::-moz-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.dropdown_item_select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}

.home_search_button {
    width: 120px;
    height: 46px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.home_slider_nav {
    position: absolute;
    top: 55.8%;
    width: 50px;
    background: #b6b7bd;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.home_slider_prev {
    left: 75px;
}

.home_slider_next {
    right: 75px;
}

.home_slider_nav i {
    line-height: 50px;
    color: #FFFFFF;
    font-size: 22px;
}

.home_slider_nav:hover {
    background: #14bdee;
}

/*********************************
7. Features
*********************************/

.features {
    width: 100%;
    background: #fbfbfb;
    padding-top: 93px;
    padding-bottom: 103px;
}

.features_row {
    margin-top: 55px;
}

.feature {
    width: 100%;
    min-width: 50%;
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    background: white;
}

.feature_tile {
    height: 240px;
    overflow: hidden;
    margin-bottom: 10px;
}

.feature:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.feature_icon {
    height: 55px;
}

.feature_icon img {
    max-width: 100%;
}

.feature_title {
    position: relative;
    font-size: 20px;
    margin-top: 20px;
    color: #333333;
}

.feature_text {
    colour: black;
}

.truncate_text {
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    max-height: 20px;
    color: grey;
}

.truncate_text p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    max-height: 20px;
    color: grey;
}


/*********************************
7. Topic
*********************************/

.topic {
    width: 100%;
    background: #FFFFFF;
    padding-top: 93px;
    padding-bottom: 103px;
}

.topic_row {
    margin-top: 55px;
}

.topic_col {
    width: 100%;
    min-width: 75%;
    margin: 0 auto;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
    display: block;
}

.webinar_col {
    width: 100%;
    min-width: 75%;
    margin: 0 auto;
    display: block;
}

.topic {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 28px;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
}

.topic:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.topic_icon {
    height: 55px;
    width: 55px;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-right: 23px;
    margin-bottom: 23px;
}

.topic_icon img {
    max-width: 100%;
}

.thread_icon {
    height: 55px;
    width: 55px;
    position: relative;
    margin-top: 5px;
    margin-right: 23px;
    margin-bottom: 23px;
}

.thread_icon img {
    max-width: 100%;
}

.thread_user_icon {
    height: 30px;
    width: 30px;
    position: relative;
    text-align: center;
    margin-right: 10px;
}

.thread_user_icon img {
    max-width: 100%;
}

.topic_title {
    position: relative;
    font-size: 20px;
    color: #2B43A5
}

.topic_description {
    font-family: "Merriweather", "Times New Roman", Serif;
    font-size: 20px;
    color: #595858;
    margin-top: 10px;
    text-align: center;
}

.topic_description_video {
    font-family: "Merriweather", "Times New Roman", Serif;
    font-size: 25px;
    color: #000000;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid grey;
}

/*********************************
8. Courses
*********************************/

.courses {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
}

.courses_row {
    margin-top: 45px;
}

.course {
    width: 100%;
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

.course_image {
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}

.course_image img {
    max-width: 100%;
}

.course_body {
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 23px;
}

.course_title a {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.course_title a:hover {
    color: #14bdee;
}

.course_teacher {
    font-size: 15px;
    font-weight: 400;
    color: #384158;
    margin-top: 6px;
}

.course_text {
    margin-top: 13px;
}

.course_footer {
    padding-left: 30px;
    padding-right: 30px;
}

.course_footer_content {
    width: 100%;
    border-top: solid 1px #e5e5e5;
    padding-top: 9px;
    padding-bottom: 11px;
}

.course_info {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #55555a;
}

.course_info:first-child {
    margin-right: 18px;
}

.course_info i {
    color: #ffc80a;
}

.course_price {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    font-weight: 700;
    color: #14bdee;
}

.course_price span {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    color: #b5b8be;
    margin-right: 10px;
}

.courses_button {
    width: 210px;
    height: 46px;
    border-radius: 3px;
    background: #14bdee;
    text-align: center;
    margin: 0 auto;
    margin-top: 41px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.courses_button:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
}

.courses_button a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 46px;
    color: #FFFFFF;
}


/*********************************
10. Events
*********************************/

.events {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 70px;
    background: #77cdff;
}

.events_row {
    margin-top: 47px;
}

.event_left {
    padding-right: 20px;
}

.event_mid {
    padding-left: 10px;
    padding-right: 10px;
}

.event_right {
    padding-left: 20px;
}

.event_image {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.event_image img {
    max-width: 100%;
}

.event_body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.event_date {
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

.event_date > div {
    width: 60px;
    height: 60px;
}

.event_day {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    color: #14bdee;
    font-weight: 700;
    line-height: 0.75;
}

.event_month {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #14bdee;
    font-weight: 400;
    line-height: 0.75;
    margin-top: 9px;
}

.event_content {
    padding-left: 20px;
}

.event_title a {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.event_title a:hover {
    color: #14bdee;
}

.event_info_container {
    height: 100%;
    background-color: #77cdff; /*#1cc7ff55;*/
    width: 100%;
    padding: 20px 30px;
}


.event_info {
    display: inline-block;
    color: #b5b8be;
    font-size: 14px;
    color: #0097a7;
    text-align: justify;
}

.event_info:not(:last-child) {
    margin-right: 17px;
}

.event_info span {
    margin-left: 4px;
}

.event_text {
    margin-top: 12px;
}

.event_header {
    color: black;
}

.event_info img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*********************************
11. Team
*********************************/
.button {
    background-color: #77cdff;
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    margin: 0% 0%;
    cursor: pointer;
}

.post_button {
    background-color: #77cdff;
    border: none;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    height: 100%;
    margin-right: 20px;
}


.team {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 60px;
}

.team_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_row {
    margin-top: 43px;
}

.team_col {
    margin-bottom: 40px;
}

.team_item {
    width: 100%;
}

.team_image {
    width: 180px;
    height: 160px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -86px;
    z-index: 5;
}

.team_image img {
    max-width: 100%;
}

.team_body {
    width: 100%;
    padding-top: 108px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_item:hover .team_body {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.team_title a {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    font-weight: 700;
    color: #14bdee;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_title a:hover {
    color: #14bdee;
}

.team_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #76777a;
    margin-top: 6px;
}

.social_list {
    margin-top: 16px;
}

.social_list ul li {
    display: inline-block;
}

.social_list ul li:not(:last-child) {
    margin-right: 10px;
}

.social_list ul li a i {
    font-size: 18px;
    color: #76777a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.social_list ul li:hover a i {
    color: #14bdee;
}

.team_col .team_item {
    padding-left: 6px;
    padding-right: 6px;
}

.team_col:first-child .team_item {
    padding-left: 0;
    padding-right: 6px;
}

.team_col:nth-child(4n) .team_item {
    padding-left: 6px;
    padding-right: 0;
}

/*********************************
14. Footer
*********************************/

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, rgba(251, 251, 251, 1) 0%, rgba(12, 116, 185, 1) 100%);
    padding-top: 40px;
}

.footer h4 {
    color: black;
}

.footer_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer_content {
    padding-bottom: 53px;
}

.footer_logo_text {
    font-family: 'Merriweather', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: black;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_logo_text span {
    color: #14bdee;
}

.footer_title {
    font-size: 14px;
    color: black;
    text-align: justify;
    line-height: 1.75;
}

.footer_logo_container {
    margin-right: 10px;
}

.footer_about_text {
}

.footer_about_text p {
    color: black;
}

.footer_social {
    margin-top: 30px;
    text-align: center;
}

.footer_social ul li {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #000000;
    border-radius: 50%;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    margin: 0 5px;
}

.footer_social ul li:not(:last-child) {

}

.footer_social ul li a {
    display: block;
    position: relative;
    text-align: center;
}

.footer_social ul li a i {
    color: black;
    line-height: 45px;
}

.footer_social ul li:hover {
    background: #14bdee;
}

.footer_contact {

}

.footer_contact_info {
    margin-top: 33px;
}

.footer_contact_info ul li {
    font-size: 14px;
    font-weight: 400;
    color: black;
}

.footer_contact_info ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_links {

}

.footer_links_container ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer_links_container {
    margin-top: 33px;
}

.footer_links_container ul li a {
    font-size: 14px;
    color: black;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_links_container ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_links_container ul li a:hover {
    color: #14bdee;
}

.footer_mobile {
    display: inline-block;
    float: right;
}

.footer_mobile_content {
    padding-top: 35px;
}

.footer_image:not(:last-child) {
    margin-bottom: 10px;
}

.copyright {
    height: 54px;
    border-top: solid 1px #353a49;
}

.cr_list li {
    display: inline-block;
}

.copyright div {
    font-size: 14px;
    color: black;
}

.cr_text a {
    color: black;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_text a:hover {
    color: black;
}

.cr_list li:not(:last-child) {
    margin-right: 50px;
}

.cr_list li a {
    font-size: 14px;
    color: black;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_list li a:hover {
    color: #14bdee;
}

----------------
#post-button {
    float: right;
}

.intro_container {
    height: 100%;
    background: linear-gradient(180deg, rgba(35, 59, 144, 0.9) 0%, rgba(1, 142, 204, 0.9) 100%); /*#77cdff;*/ /*#1cc7ff55;*/
    width: 100%;
    padding: 50px 30px;
    text-align: justify;
    border-radius: 5px;
    border: white 1px solid;
}


.intro_container .section_title {
    color: white;
    font-family: "Merriweather", serif;
}

.header_description {
    margin-top: 20px;
    color: white;
}

.header_description a {
    color: white;
    font-family: "Merriweather", serif;
    font-weight: bold;
    border: 1px white solid;
    border-radius: 3px;
    padding: 2px 5px;
}

td, th {
    text-align: left;
    padding: 8px;
}

.header_description a:hover {
    color: black;
    background: white;
}

.container {
    width: 80%;
    height: auto;
}

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

    .container {
        width: 100%;
        height: auto;
    }
}


.top_banner {
    margin-top: 75px;
}

.traversal {
    padding: 5px;
}

.user_details {
    background: #eaeaea;
    border: 1px solid white;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: row;
    height: 140px;
    width: 100px;
    padding-top: 10px;
}

.user_details img {
    border: 1px solid white;
    border-radius: 30px;
    overflow: hidden;
}

.user_details div {
    text-align: center;
    margin: 0 auto;
}

.user_thread_details {
    text-align: center;
    margin-top: 0;
    padding-bottom: 20px;
}

.reply {
    text-align: center;
}

.user_name {
    font-weight: bold;
    color: black;
    font-size: 1em;
    word-break: break-all;
    width: 100%;
    padding-top: 10px;
}

.user_thread_name {
    font-weight: bold;
    color: black;
    font-size: 16px;
    text-align: center;
}

.user_thread_details .thread_time {
    border-bottom: none;
}

.user_thread_background {
    padding: 5px;
    background: #eaeaea;
    border: 1px solid white;
    border-radius: 8px;
}

.thread_text {
    position: relative;
    margin-top: 10px;
}

.thread_text p {
    color: black;
    font-size: 16px;
    margin: 0;
}

.button_div {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
}

.border_line {
    padding-left: 20px;
}

.border_top_line {
    background: #eaeaea;
    border: 1px solid white;
    border-radius: 8px;
    padding: 20px;
    text-align: justify;
}

.thread_time {
    font-style: italic;
    border-bottom: 1px solid grey;
}

.btn:hover {
    cursor: pointer;
}

.btn-success {
    background-color: rgb(35, 59, 144);
    border: 0px;
}

.btn-success-ban {
    background-color: rgb(255, 0, 0);
    border: 0px;
    color: white;
}

.btn-success-ban:hover {
    background-color: rgb(200, 0, 0);
}

.btn-success:hover {
    background-color: rgb(1, 142, 204);
}

.cursive {
    font-family: 'Caveat', sans-serif;
}

.video-stream iframe {
    width: 100%;
    height: 100%;
}

.chat-stream {
    width: 100%;
}

.chat-stream iframe {
    height: 500px;
    width: 100%;
}


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

    .video-stream {
        margin-bottom: 10px;
    }

    .chat-stream {
        margin-top: 10px;
        width: 100%;
    }

    .chat-stream iframe {
        height: 275px;
        width: 100%;
    }
}

.webinar_description {
    font-size: 16px;
    font-style: italic;
}


.blue-font {
    color: #2b43a5;
}

.chat-box {
    width: 700px;
    height: 700px;
    max-width: 700px;
    max-height: 700px;
    text-align: center;
    margin: 0 auto;
}

.chat-box iframe {
    width: 100%;
    height: 100%;
}

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

    .chat-box {
        margin-top: 0;
        width: 100%;
        height: 400px;
    }

    .chat-box iframe {
        margin-top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }
}

.red-error {
    color: red;
}

.arrow {
    position: relative;
    height: 30px;
    width: 50px;
    text-align: center;
    margin: 0 auto;
    top: 15px;
    animation-duration: 1s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    visibility: visible;
}

.arrow img {
    text-align: center;
    transform: rotate(90deg);
    height: 100%;
    width: 100%;
    display: inline;
    cursor: pointer;
}

@keyframes slidein {
    from {
        top: 15px;
        opacity: 1.0;
    }

    to {
        top: 30px;
        opacity: 0;
    }
}

@media screen and (max-width: 768px) {
    .arrow {
        display: none;
    }
}

.user_profile_box {
    position: absolute;
    z-index: 3;
    width: 300px;
    height: 25px;
    border: 1px solid black;
    border-radius: 2px;
    background: white;
    margin: 0 auto;
    font-weight: normal;
    display: none;
}

input[type=text], select {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=password], select {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=date] {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.user_login input {
    width: 100%; !important;
    padding: 12px 20px;
}

.user_login input[type=password]{
    width: 100%; !important;
    padding: 12px 20px;
}

#login_gif iframe {
    margin-top: 70px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    #login_gif iframe {
        display: block;
        width: 100%;
        text-align: center;
        margin: 50px auto 0 auto;
    }

    .user_login input {
        width: 100%; !important;
    }

    .user_login input[type=password]{
        width: 100%; !important;
    }
}


input[type=password], select {
    width: 80%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.search-container {
    float: right;
    width: 30%;
}


.search-container button {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

table {
    font-family: "Open Sans", sans-serif;
    border-collapse: collapse;
    width: 60%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    width: 10%

}

td:first-child {
    font-weight: bold
}

.modal_body {
    background: rgba(0, 0, 0, 0.25);
}

.Count {
    font-weight: bold;
    color: black;
    font-size: 1em;
    text-align: center;
    word-break: break-all;
    font-size: 30px;
    color: #233b90;
}

.reply {
    color: #233b90;
}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
    background-color: #555;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    width: 280px;
}


/* The popup form - hidden by default */
.form-popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 250px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}


/* Add styles to the form container */
.form-container {
    position: absolute;
    width: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    background-color: white;
}

@media screen and (max-width: 768px) {
    .form-container {
        position: absolute;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 10px;
        background-color: white;
    }
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
    width: 100%;
    min-width: 50%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
}

.per_width {
    width: 100%;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
    background-color: #ddd;
    outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
    opacity: 1;
}

.rules {
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid white;
    border-radius: 10px;
    background: #E3E3E3;
}

.rules p {
    font-weight: bold;
}

#report1, #moderator1, #analytics1, #banned1, #topic1, #webinar1 {
    display: none;
}

#dashboard_main a {
    color: white;
}

#dashboard_main button:hover {
    cursor: pointer;
}

.dashboard_row {
    margin: 0 5px;
}

.dashboard_col {
    margin: 10px 5px;
    background: rgba(200, 200, 200, 0.5);
    height: 200px;
    padding-top: 10px;
}

.dashboard_col:hover {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.dashboard_plus {
    opacity: 0.5;
}

.dashboard_title {
    margin-top: 10px;
    font-family: "Open Sans", sans-serif;
}

#user_listing {
    width: 100%;
}

#user_listing li {
    background: rgba(200, 200, 200, 0.25);
    height: 30px;
    margin: auto;
    padding: 5px 0;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

#user_listing li:hover {
    color: rgb(35, 59, 144);
}

#user_listing li:nth-of-type(even) {
    background: rgba(150, 150, 150, 0.25);
}

.inner_search {
    margin: 0 auto;
    width: 100%;
}

.user_form p {
    color: rgb(35, 59, 144);
}

.userbio {
    width: 100%;
}

.report {
    background: #d44339;

}



.button {
    border: 0px;
    color: white;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid rgb(35, 59, 144);
    border-radius: 5px;
}

.button2:hover {
    background-color: rgb(35, 59, 144);
    color: white;
}

#active, #inactive {
    border: 2px sienna;
    border-radius: 5px;
}

#banHistory {
    background: rgba(225, 225, 225, 0.5);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px white solid;
    border-radius: 5px;
}

.dash_table {
    margin: 0 auto;
}

.dash_table table {
    margin: 0 auto;
}

.dash_table table, tr, td {
    border: 0;
}

.dash_table tr:nth-of-type(1) {
    background: white;
    border-radius: 2px;
}

.mod_icon {
    width: 20px;
}

.censored {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.censored:hover {
    color: black;
    text-shadow: 0 0 5px rgba(0,0,0,0);
}

.analytics_row {
    background: rgba(0,0,0,0.1);
    padding: 20px;
    border: 1px solid white;
    border-radius: 5px;
    margin: 10px;
}

#map {
    height: 500px;
}

.forum_post_box {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 1;
}

.dashboard_container table{
    margin: 0 auto;
}

#maintenance1 textarea {
    border: 1px solid lightgrey;
    border-radius: 5px;
    resize: none;
    max-width: 500px;
    min-width: 300px;
    width: 80%;
    height: 100px;
    overflow: hidden;
}

#maintenance1 b {
    color: #233B90;
}

#dashboard_menu {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 2em;
    width: 100%;
    font-family: "Merriweather", serif;
    background: rgba(0,0,0,0.1);
    border: 0;
    border-radius: 0;
}

#dashboard_menu option {
    padding: 100px;
    border: 1px solid lightgrey;
    background: white;
    font-size: 0.75em; !important;
    line-height: 1em;
    height: 10px;
}

.displaced {
    opacity: 0;
    top: -200px;
}

.post_preview {
    font-style: italic; !important;
    white-space: nowrap; !important;
    overflow: hidden; !important;
    text-overflow: ellipsis; !important;
    width: 300px; !important;
    height: 30px; !important;
    max-width: 300px; !important;
    max-height: 30px; !important;
    text-align: center; !important;
    margin: 0 auto; !important;
}

.post_preview p {
    font-style: italic; !important;
    white-space: nowrap; !important;
    overflow: hidden; !important;
    text-overflow: ellipsis; !important;
    width: 300px; !important;
    height: 30px; !important;
    max-width: 300px; !important;
    max-height: 30px; !important;
    text-align: center; !important;
    margin: 0 auto; !important;
}

.dashboard_card {
    height: 275px;
}

.dashboard_card_reason {
    height: 50px;
}

#banned1 table {
    background: lightgrey;
    width: 500px;
    min-width: 300px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
}

.ban_user_icon {
    margin: 0 auto;
    text-align: center;
}

#user_details_table {
    display:block;
    width: 80%;
}


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

#user_details_table {
    overflow: scroll;
}

#user_details_table tr {
    overflow:scroll;
}
}

#banned_words_list {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
    width: 80%;
}

.help_content iframe {
    width: 50%;   
}

@media screen and (max-width: 768px){
    .help_content iframe {
        width: 100%;
}
}

.flash_index {
    position: absolute;
    margin-top: -25px;
    font-size: 15px;
}

#change_btn:disabled {
    background-color: grey;
}

#help_menu {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 1.75em;
    width: 80%;
    font-family: "Merriweather", serif;
    background: rgba(0,0,0,0.1);
    border: 0;
    border-radius: 0;
}

#help_menu option {
    padding: 100px;
    border: 1px solid lightgrey;
    background: white;
    font-size: 0.75em; !important;
    line-height: 1em;
    height: 10px;
}

#goTopBtn {
    display: none;
    position: fixed;
    bottom: 20%;
    right: 13%;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(35, 59, 144);
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#goTopBtn:hover {
    background-color: #555;
}

@media screen and (max-width: 768px){
    #goTopBtn {
        bottom: 20%;
        right: 10%;
    }
}