@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');

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

* {
    margin: 0px;
    
    padding: 0;
    -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;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #FFFFFF;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*gap:10px;*/
}

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

p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
    -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: inherit;
        border-bottom: solid 1px #ffa07f;
        -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;
    }

::selection {
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    -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: #384158;
    margin-bottom: 0;
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

.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
*********************************/

.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: #2c3e50 
}

.header.scrolled .top_bar {
}

.top_bar_container {
    width: 77% ;
    height: 85% 
}

.top_bar_content {
    width: 100%;
    height: 40px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.question {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}

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

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

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

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 160px;
    height: 90%;
    background: #f3f3f3;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    right:-203px;
}

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

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

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

.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: 'Roboto Slab', 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
*********************************/

.main_nav_contaner {
}

.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: #14bdee;
            }

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

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

.shopping_cart {
    margin-left: 23px;
    cursor: pointer;
}

    .search_button i,
    .shopping_cart 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,
    .shopping_cart: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;
}

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

.hamburger_container {
}

.hamburger {
    display: none;
    box-decoration-break cursor: pointer;
}
    /* Your original CSS */

    .hamburger i {
        font-size: 20px;
        color: #353535;
        margin-left: 1386%;
        margin-top: -175%;
        /*   display: table-cell;
  vertical-align: middle;*/
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    /* Media Query for screens smaller than 768px */
    /*@media screen and (max-width: 768px) {
    .hamburger i {*/
    /* Adjust the styles for screens smaller than 768px */
    /* For example: */
    /*margin-left: 10px;*/ /* Modify the margin-left for smaller screens */
    /*margin-top: 5px;*/ /* Modify the margin-top for smaller screens */
    /* You can add more specific styles here for smaller screens */
    /*}
}*/
    /* Media Query for screens smaller than 480px */
    /*@media screen and (max-width: 480px) {
    .hamburger i {*/
    /* Adjust the styles for screens smaller than 480px */
    /* For example: */
    /*margin-left: 10px;*/ /* Modify the margin-left for smaller screens */
    /*margin-top: 5px;*/ /* Modify the margin-top for smaller screens */
    /* You can add more specific styles here for smaller screens */
    /*}
}*/

    .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 {
        color: #000000;
    }

    .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: 'Roboto', 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: 'Roboto', 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: 'Roboto', 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: 'Roboto', 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: 'Roboto', 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: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0,0,0,0.4) !important;
    }

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

.section_title_container {
    /*max-width: 60%;*/
    margin: 0 auto;
}

.section_title {
    line-height: 1.2;
}

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

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

/*********************************
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: 'Roboto Slab', serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #384158;
    margin-top:100px;
}

.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: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #b5b8be !important;
    }

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

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

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

    .home_search_input::input-placeholder {
        font-family: 'Roboto', 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-image: url(../images/down.png);
    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: #FFFFFF;
    padding-top: 93px;
    padding-bottom: 103px;
}

.features_row {
    margin-top: 55px;
}

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

    .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: 23px;
}

/*********************************
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;
    height: 250px;
}

.course_title a {
    font-family: 'Roboto Slab', 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;
}

.courses_search_button {
    width: 161px;
    height: 46px;
    background: #14bdee;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 50px !important;
}


.courses_search_buttonnew {
    width: 130px;
    height: 46px;
    background: #14bdee;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    float: right;
}

.courses_search_buttonsub {
    width: 170px;
    height: 46px;
    float: right;
    background: #14bdee;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 50px !important;
}

.courses_search_back {
    width: 80px;
    height: 46px;
    float: right;
    background: #14bdee;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px !important;
}

.courses_search_Editpro {
    width: 120px;
    height: 46px;
    float: right;
    background: #14bdee;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px !important;
}



.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: 'Roboto Slab', serif;
    font-size: 14px;
    font-weight: 700;
    color: #14bdee;
}

    .course_price span {
        font-family: 'Roboto Slab', 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;
    }

.courses_button2 {
    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_button2:hover {
        box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
    }

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

.counter {
    width: 100%;
    background: #FFFFFF;
    z-index: 2;
}

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

.counter_content {
    padding-top: 119px;
    padding-bottom: 125px;
}

.counter_title {
    font-family: 'Roboto Slab', serif;
    color: #FFFFFF;
    font-weight: 700;
}

.counter_text {
    margin-top: 19px;
}

    .counter_text p {
        color: #FFFFFF;
    }

.milestones {
    margin-top: 39px;
}

.milestone {
    text-align: center;
}

    .milestone:not(:last-child)::after {
        display: block;
        position: absolute;
        top: 0;
        right: -45px;
        width: 1px;
        height: 70px;
        background: rgba(255,255,255,0.2);
        content: '';
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }

.milestone_counter {
    font-size: 42px;
    font-weight: 700;
    line-height: 0.75;
    color: #14bdee;
}

.milestone_text {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 14px;
}

.counter_form {
    position: absolute;
    top: 0;
    right: 30px;
    width: 380px;
    height: 100%;
    background: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}

.counter_form_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.counter_form_title {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    text-transform: uppercase;
    line-height: 0.75;
    margin-bottom: 41px;
}

.counter_input {
    width: 100% !important;
    height: 46px !important;
    border: solid 1px #e5e5e5 !important;
    border-radius: 3px !important;
    padding-left: 20px !important;
    outline: none !important;
    color: #384158 !important;
    font-size: 14px !important;
}

    .counter_input:not(:last-child) {
        margin-top: 10px !important;
    }

.counter_text_input {
    height: 90px !important;
    padding-top: 10px !important;
}

.counter_input_multiple {
    width: 100% !important;
    border: solid 1px #e5e5e5 !important;
    border-radius: 3px !important;
    padding-left: 20px !important;
    outline: none !important;
    color: #384158 !important;
    font-size: 14px !important;
}

.counter_options {
    position: relative !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-user-select: none !important;
    background-image: url(../images/down.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    margin-right: 0px !important;
}

.counter_options_multiple {
    position: relative !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-user-select: none !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    margin-right: 0px !important;
}

.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::input-placeholder,
.counter_text_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_form_button {
    width: 100%;
    height: 46px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #14bdee;
    cursor: pointer;
    margin-top: 30px;
    box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

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

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

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

.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: 'Roboto Slab', serif;
    font-size: 24px;
    color: #14bdee;
    font-weight: 700;
    line-height: 0.75;
}

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

.event:hover .event_date > div {
    background: #14bdee;
}

.event:hover .event_day,
.event:hover .event_month {
    color: #FFFFFF;
}

.event_content {
    padding-left: 20px;
}

.event_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    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 {
    margin-top: 11px;
}

.event_info {
    display: inline-block;
    color: #b5b8be;
    font-size: 14px;
}

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

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

.event_text {
    margin-top: 12px;
}

/*********************************
11. Team
*********************************/

.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;
    text-align: center;
}

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

.team_body {
    width: 100%;
    padding-top: 75px;
    padding-right: 20px;
    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_bodynew {
    width: 100%;
    height: auto;
    padding-bottom: 24px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px rgba(29,34,47,0.1) !important;
    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;
}

.sidebar_categories ul li a::before {
    display: inline-block;
    position: relative;
    font-family: 'FontAwesome';
    content: '\f101';
    margin-right: 4px;
    -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);
}

.ttl-Category-txtnew {
    /*font-size: 31px;*/
    height: 35px;
    line-height: 20px;
    background: #c1c1c1 !important;
    bor direction: ltr;
}

.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;
}

/*********************************
12. News
*********************************/

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

.news_row {
    margin-top: 55px;
}

.news_post_large_container {
    padding-right: 30px;
}

.news_post_large {
    width: 100%;
}

.news_post_image {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

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

.news_post_large_title {
    margin-top: 23px;
}

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

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

.news_post_meta {
    margin-top: 11px;
}

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

        .news_post_meta ul li:not(:last-of-type)::after {
            display: inline-block;
            position: relative;
            content: '|';
            margin-left: 14px;
            margin-right: 11px;
        }

        .news_post_meta ul li a {
            font-size: 14px;
            font-weight: 400;
            color: #b5b8be;
            text-transform: uppercase;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

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

.news_post_text {
    margin-top: 13px;
}

.news_post_link {
    margin-top: 19px;
}

    .news_post_link a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #384158;
        text-decoration: underline;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

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

.news_posts_small {
    margin-top: -6px;
}

.news_post_small:not(:last-child) {
    padding-bottom: 31px;
    border-bottom: solid 1px #e5e5e5;
}

.news_post_small:not(:first-child) {
    padding-top: 29px;
}

.news_post_small_title a {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    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;
}

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

/*********************************
13. Newsletter
*********************************/

.newsletter {
    width: 100%;
}

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

.newsletter_container {
    width: 100%;
    height: 120px;
}

.newsletter_title {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.newsletter_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 6px;
}

.newsletter_form_container {
    width: 450px;
    padding-left: 20px;
}

.newsletter_form {
    display: block;
    position: relative;
    width: 100%;
}

.newsletter_input {
    width: calc(100% - 136px);
    height: 40px;
    background: rgba(255,255,255,0.4);
    border: none;
    outline: none;
    padding-left: 20px;
    color: #FFFFFF;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .newsletter_input::-webkit-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input:-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input:-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

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

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

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: #1e2434;
    padding-top: 94px;
}

.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: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
    -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-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 0.75;
}

.footer_logo_container {
    margin-top: -14px;
}

.footer_about_text {
    margin-top: 31px;
}

    .footer_about_text p {
        color: #FFFFFF;
    }

.footer_social {
    margin-top: 23px;
}

    .footer_social ul li {
        display: inline-block;
        width: 45px;
        height: 45px;
        background: #4b505d;
        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;
    }

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

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

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

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

.footer_contact {
    padding-left: 36px;
}

.footer_contact_info {
    margin-top: 33px;
}

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

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

.footer_links {
    padding-left: 15px;
}

.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: #b5b8be;
        -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: #b5b8be;
}

.cr_text a {
    color: #FFFFFF;
    -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: #14bdee;
    }

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

.cr_list li a {
    font-size: 14px;
    color: #b5b8be;
    -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;
    }


/*.login-button-group-sec .blue-btn {
	background: url(../images/blue-btn-bg.jpg) repeat-x;
	padding: 0 20px;
	border: none;
	height: 48px;
	font: normal 18px arial;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;G
	cursor: pointer;
}

/*login page*/
.login-button-group-sec .blue-btn {
    width: 97px;
    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;
    margin-left: 149%;
    margin-top: 10%;
}

.button-group-sec .blue-btn {
    width: 97px;
    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;
}
    .button-group-sec .blue-btn:hover {
        background-color: #130d5e;
    }


.button-group-sec .grey-btn {
    width: 97px;
    height: 46px;
    background: gray;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    /* background: url(../images/grey-btn-bg.jpg) repeat-x;
    padding: 0 20px;
    border: none;
    height: 48px;
    font: normal 18px arial;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;*/
}

.loginbox_bottom {
    margin-bottom: 2%;
}






/*.login_box h2 {
		color: #444444;
		font-size: 26px;*/
/*font-family: open_sansregular;*/
/*margin: 10px 0;
	}*/
/*
	.login_box p {
		font-size: 18px;
		font-family: open_sansregular;
		color: #444444;
		padding-bottom: 15px;
	}*/

.login_main {
    margin-top: 12%;
    left: 32%;
}

.forgetheading {
    margin-left: 1%;
}
/*.subhead {
	font-family: 'Roboto', sans-serif;
}*/
.loginheading {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    color: #535658;
    line-height: 36px;
    margin-bottom: 4px;
    text-align: center;
    right: 32%;
    margin-top: -26px;
    /*font-size: 32px;
	font-family: 'Roboto', sans-serif;
	color: #535658;
	line-height: 36px;
	margin-bottom: 20px;
	text-align: center;
	right: 37%;*/
}

.subhead {
    color: #535658;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 35px;
    /*	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: #4671c6;
	padding-bottom: 15px;
	line-height: 22px;*/
}

p:last-of-type {
    margin-bottom: 0;
    color:black;
    font-family: 'Roboto', sans-serif;
    /*font-size: 20px;*/
    /*color: #4671c6;*/
    padding-bottom: 15px;
    line-height: 22px;
}

.login_box {
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    /*background: #fff;*/
    border-bottom: none;
    width: 558px;
    height: 354px;
    padding: 17px 20px 8px 20px;
    padding: 35px 40px 40px;
    background-color: #f3f3f3;
}

.login {
    padding: 30px 0 !important;
}

.rowlogin {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
}

.contact-us {
    background-color: #FAFAFA;
    margin: 153px auto;
    margin-bottom: 0%;
}

    .contact-us .contact-us-title {
        font-size: 32px;
        font-family: 'Roboto', sans-serif;
        color: #535658;
        line-height: 36px;
        margin-bottom: 20px;
        margin-top: 29px;
    }

.get-with {
    background-color: #e8e8f5;
    /* background-color: #f3f3f3;*/
    border-radius: 20px;
    padding: 35px 40px 40px;
    display: flex;
    align-items: flex-start;
}

get-with .get-in-touch {
    flex: 1;
}

.contact-us .cu-title-text {
    color: #535658;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 35px;
}

.clear {
    clear: both;
    height: 0;
}

.git-form {
    display: flex;
    width: 200%;
}

    .git-form .git-form-col {
        display: flex;
        width: 100%;
    }

.gitf-form {
    display: flex;
    width: 130%;
}

    .gitf-form .git-form-col {
        display: flex;
        width: 100%;
    }

.email_textfild {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    direction: ltr;
    padding-left: 55px;
    margin-bottom: 15px;
    width: 200%;
}

    .email_textfild .log-img {
        position: absolute;
        left: -1px;
        top: -1px;
        direction: ltr;
    }

    .email_textfild input {
        border: none;
        margin: 9px 0;
        height: 25px;
        direction: ltr;
        width: 100%;
        color: #444;
        padding: 3px;
    }

/*   footerchanges*/
/*.Link_Margin {
	margin-top: 9%;
	left: 78%;
	font-size: 113%;
}
	.Link_Margin ul li {
		margin-bottom: 10px;*/ /* You can adjust the value to increase or decrease the space between the list items */
/*}
.footer-text {
	margin-top: 10%;
	color: white;
}
.foot_left {
	width: 400px;
	height: auto;
	float: left;
	margin-left: 2%;
}
.foot_right {
	width: 400px;
	height: auto;
	float: right;*/
/* margin-top:-25%;*/
/*}
.footer_USEFUL_LINK span{*/
/*margin-left: 32%;*/
/*color: white;
	font-size: 72%;
	

}
.footer_USEFUL_LINK
{
	left:57%;
}
.container {
	margin-top: 0.1%;
}
.footer_fixsize
{
	margin-top:-2%;
}*/







/*studentRegistration*/

.wrapper {
    /*width: 640px;*/
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 10%;
}

h1.ttl-txt {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    text-align: center;
    direction: ltr;
}

.homesite {
    width: 100%;
    height: 1150px;
    /*height: 850px;*/
}

.headings {
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
}



chapter-field-left .row input[type="text"], .chapter-field-left .row input[type="file"], .chapter-field-left .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-right .row input[type="text"], .chapter-field-right .row input[type="file"], .chapter-field-right .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-left .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-left .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

.chapter-field-right .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-right .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

h1.page-ttl {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #0097db;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}

.rowFCKEditor {
    margin-bottom: 10px;
}

    .rowFCKEditor label {
        width: 160px;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #000;
        line-height: 36px;
        float: left;
        direction: ltr;
        text-align: left;
    }

    .rowFCKEditor span.asteriskclass {
        color: Red;
        vertical-align: middle;
    }

/*.row {
	margin-bottom: 10px;
}*/

.row label {
    width: 160px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;
}

/*.row span {
		float: left;
		direction: ltr;
		text-align: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
	}*/

.row span.colon {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-right: 10px;
    text-align: left;
}

.row input[type="text"], .row input[type="file"], .row input[type="password"] {
    width: 270px;
    height: 30px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row select {
    width: 272px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.row span.asteriskclass {
    color: Red;
    vertical-align: middle;
}

.row textarea {
    max-width: 293px;
    max-height: 90px;
    min-width: 293px;
    min-height: 90px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row .check-radio {
    margin-left: 175px;
}

    .row .check-radio input {
        float: left;
        vertical-align: middle;
    }

    .row .check-radio label {
        line-height: 27px;
        margin-left: 10px;
    }

.row input[type="file"] {
    width: auto !important;
    max-width: 233px;
    font-size: 14px;
    text-align: left;
}

/*.row a {
		display: block;
		float: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
		margin-right: 10px;
	}*/

.styledCheckbox {
    float: left;
    direction: ltr;
}

.alignright {
    float: right !important;
}

.homesite {
    width: 100%;
    height: 90%;
    /*height: 1700px;*/
}

.a {
    color: blue;
}

.headerregistration {
    font-family: 'Roboto', sans-serif;
}



/*studentRegistration*/

.wrapper {
    /*width: 640px;*/
    padding: 0 10px;
    margin: 0 auto;
    margin-top: 10%;
}

h1.ttl-txt {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #fff;
    line-height: 54px;
    /* background: #0097db; */
    margin-bottom: 4px;
    padding-left: 5px;
    text-align: center;
    direction: ltr;
}
/*.home {
	width: 100%;
	height: 1150px;*/
/*height: 850px;*/
/*}*/
/*.headings {
	line-height: 1.2;
	font-family: 'Roboto', sans-serif;
}
*/


chapter-field-left .row input[type="text"], .chapter-field-left .row input[type="file"], .chapter-field-left .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-right .row input[type="text"], .chapter-field-right .row input[type="file"], .chapter-field-right .row input[type="password"] {
    width: 250px !important;
}

.chapter-field-left .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-left .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

.chapter-field-right .row select {
    width: 256px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

/*.chapter-field-right .header {
	background: none repeat scroll 0 0 #0097DB !important;
	line-height: 28px;
	color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
}*/

h1.page-ttl {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #0097db;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 20px;
}

.rowFCKEditor {
    margin-bottom: 10px;
}

    .rowFCKEditor label {
        width: 160px;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #000;
        line-height: 36px;
        float: left;
        direction: ltr;
        text-align: left;
    }

    .rowFCKEditor span.asteriskclass {
        color: Red;
        vertical-align: middle;
    }

/*.row {
	margin-bottom: 10px;
}*/

.row label {
    /*width: auto;
    display: block;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #384158;
    /*line-height: 36px;
    float: left;
    direction: ltr;
    text-align: left;*/
}

/*.row span {
		float: left;
		direction: ltr;
		text-align: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
	}*/

.row span.colon {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-right: 10px;
    text-align: left;
}

.row input[type="text"], .row input[type="file"], .row input[type="password"] {
    width: 270px;
    height: 30px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row select {
    width: 272px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.row span.asteriskclass {
    color: Red;
    vertical-align: middle;
}

.row textarea {
    max-width: 293px;
    max-height: 90px;
    min-width: 293px;
    min-height: 90px;
    border: 1px solid #aadcf3;
    padding: 2px;
    float: left;
    direction: ltr;
}

.row .check-radio {
    margin-left: 175px;
}

    .row .check-radio input {
        float: left;
        vertical-align: middle;
    }

    .row .check-radio label {
        line-height: 27px;
        margin-left: 10px;
    }

.row input[type="file"] {
    width: auto !important;
    max-width: 233px;
    font-size: 14px;
    text-align: left;
}

/*.row a {
		display: block;
		float: left;
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		color: #000;
		line-height: 36px;
		margin-right: 10px;
	}*/

.styledCheckbox {
    float: left;
    direction: ltr;
}

.alignright {
    float: right !important;
}

.homesite {
    width: 100%;
    height: 90%;
    /*height: 1700px;*/
}

.a {
    color: blue;
}

.headerregistration {
    font-family: 'Roboto', sans-serif;
}










.contact_info_container {
    margin-top: 100px;
}

/*.container {
	max-width: 1170px;
}
*/
.row4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-lg-66 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.contact_form {
    padding-right: 10px;
}

.contact_info_title {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    color: #384158;
    background: none repeat scroll 0 0 #c4d6df !important;
    /*line-height: 28px;*/
    margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    /*width:410px;*/
}

.comment_form {
    margin-top: 35px;
}

.form_title {
    font-size: 14px;
    font-weight: 400;
    color: #384158;
    margin-bottom: 12px;
}

.form_title-contact {
    font-size: 16px;
    font-weight: 400;
    color: #384158;
}

#cphContent_ddlCategoryName {
    height: 45px;
    padding: 7px
}


.comment_input {
    width: 100% !important;
    height: 46px !important;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px !important;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

    .comment_input input {
        /* overflow: visible; */
        border: none !important;
    }

        .comment_input input :focus {
            /* overflow: visible; */
            outline: none !important;
            border: none !important;
        }

.contact_info {
    padding-left: 45px;
}

.contact_info_text {
    margin-top: 27px;
}

.contact_info_location {
    margin-top: 28px;
}

.rowss {
    margin-bottom: 10px;
    min-height: 150px;
    text-align: center;
}

.clearfixss {
    zoom: 1;
}

.rowss a {
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-right: 10px;
}


.tutorRow {
    margin-bottom: 10px;
}

.tutorClearfix {
    display: block;
}

button, input {
    /* overflow: visible; */
    border: none;
}

.section_titlestudent {
    line-height: 3.2;
}

.comment_input2 {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    padding: 2px;
    float: left;
    direction: ltr;
}


.section_title_containerreg {
    max-width: 600px;
    margin: 0 auto;
}

.chapter-field111 {
    margin-top: -78px;
    left: 5%;
}

.containerreg {
    max-width: 1170px;
    margin-top: 0%;
    margin-left: auto;
}

.chapter-fieldregright {
    margin-top: -105%;
    left: 62%;
}

.space {
    margin-top: 20px; /* Upar ki taraf space */
    /*margin-bottom: 20px; */ /* Neeche ki taraf space */
}

.comment_inputdropdown {
    width: 100%;
    height: 82px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.comment_inputcounrty {
    width: 19%;
    height: 25%;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    /* padding-left: 19px; */
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
}

.counrylist {
    width: 147px;
    height: 33px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.statelist {
    width: 588px;
    height: 39px;
    border: 1px solid #aadcf3;
    padding: 7px;
    float: left;
    direction: ltr;
    margin-right: 5px;
}

.comment_inputgender {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 15.9px;
    font-weight: 400;
    color: #2c3145;
    background-color: white;
    margin-right: 10px;
}

/*td.ajax__validatorcallout_error_message_cell {
    color: red !important;
}*/

.home_course_title {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding: 10px;
}

.student-title-align {
    color: black;
}

.student-titletitel-align {
    color: #14bdee;
    
}

.comment_button {
    width: 150px;
    height: 46px;
    background: #14bdee;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 3px;
    margin-top: 15px;
}

.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;
}



.pagination_row {
    margin-top: 11px;
}

.pagination_container {
}

.pagination_list a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: solid 1px #ebebeb;
    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;
}

    .pagination_list a:not(:last-child) {
        margin-right: 5px;
    }

.pagination_list span.active {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #26beec;
    border: solid 1px #ebebeb;
    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;
    color: white;
    padding-top: 10px;
    margin-right: 5px;
}

.pagination_list a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #757686;
    line-height: 40px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .pagination_list a:hover,
    .pagination_list a.active {
        color: #FFFFFF;
        background: #26beec;
    }



.validation_message {
    margin-top: 2px;
    color: red;
    font-size: 12px;
    float: right;
}

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

    .courses-list li {
        padding-left: 1.5rem;
        padding-top: 2.5px;
        text-align: left;
    }

.webnier-h2 {
    font-size: 36px;
    font-weight: 700;
}

.webnier-author-lbl {
    width: 70px !important;
}

.webnier-title-lbl {
    width: 116px !important;
    padding-left: 10px !important;
}


.coursesdis {
    width: 100%;
    padding-top: 150px;
    padding-bottom: 100px;
}

.rd-align label {
    margin-left: 10px;
    margin-top: 7px;
    padding-right: 15px;
}


.divListCourse li {
    padding-top: 10px;
    float: left;
    padding-left: 10px
}

.course-body-cou {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.course-body-couhig {
    width: 40%;
    min-height: 200px;
}

.sub_navigationnew {
    color: #c1c1c1
}

.webheadtitel {
    font-family: 'Roboto', sans-serif;
}

.titelcolournew {
    color: #384158 !important;
}

.btnalignew {
    margin-right: 37%;
    margin-top: -4%
}

.btnnewdsds {
    margin-top: -4%
}

.grey-btn-new {
    width: 20%;
    height: 46px;
    background: gray;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    float: right;
    margin-left: 1%;
}


.subscribe {
    background: url('../../Images/subscribe.png') no-repeat;
    background-possition: left center;
    background-size: 16px;
    padding: 0 0 6px 20px;
    background-position-x: 4px;
    background-position-y: 4px;
}

.pass {
    background: url('../../Images/pass.png') no-repeat;
    background-possition: left center;
    background-size: 16px;
    padding: 0 0 6px 20px;
    background-position-x: 4px;
    background-position-y: 4px;
}

.fail {
    background: url('../../Images/fail.png') no-repeat;
    background-possition: left center;
    background-size: 16px;
    padding: 0 0 6px 20px;
    background-position-x: 4px;
    background-position-y: 4px;
}

.unsubscribe {
    padding-left: 20px;
}

.hamburger {
    display: none;
}

.headerAddEdit {
    background: none repeat scroll 0 0 #2c3e50  !important;
    line-height: 28px;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 10px;
    direction: ltr;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    font-size: 17px;
}

.imageresponsive {
    height: 140px;
    width: 140px;
    margin-right: 10px;
}

.rd-margin [type="radio"] {
    margin-top: 19px;
}


.OAuthProcess-body {
    width: 50%;
}
/* Media query for larger screens */
@media (min-width: 1200px) {
    .imageresponsive {
        height: 140px;
        width: 140px;
        margin-right: 10px;
    }
}

/* Media query for smaller screens */
@media (max-width: 600px) {
    .imageresponsive {
        height: 90px;
        width: 90px;
        margin-right: 10px;
    }

    .OAuthProcess-body {
        width: 100%;
    }
}

.sidebar_right_Tutor_profile {
    display: inline !important;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 11px 0 19px;
    width: 229px !important;
}

.sub_navigation li a {
    color: #c1c1c1 !important;
}

.main-content-summary-title {
    width: 100%;
}

/* Media query for smaller screens */
@media (max-width: 600px) {
    .sidebar_right_Tutor_profile {
        width: 10px;
        overflow-x: scroll !important;
        float: none;
        margin: 0;
        padding: 0;
    }

    .main-content-summary-title {
        width: 100%;
        margin-left: -65%;
    }

    .main-content-course {
        padding-left: 20px;
    }
}

.sidebar_categories ul li a::before {
    content: unset;
}