body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    padding-top: 0px !important;
    background-image: none !important;
    line-height: 28px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

.video-sec {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: #fddebb
}

.mid-sec-01 {
    width: 100%;
    background: #83ccf9;
    float: left;
    margin-bottom: 30px;
    border-radius: 30px
}

.mid-sec-02 {
    width: 100%;
    background: #fbb03b;
    float: left;
    border-radius: 30px;
    padding: 20px 10px
}

.hd-wht {
    text-align: center;
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    font-size: 24px
}

.no-pad {
    padding: 0px !important;
}

.mid-sec-01 input {
    height: 36px;
    border-radius: 0px;
    border: 0px;
    margin-bottom: 25px
}

.sub-plc {
    text-align: center
}

.sub-plc button {
    background: #00b0ee;
    padding: 10px 50px;
    border: 0px;
    border-radius: 40px;
    color: #fff
}

.mid-sec-01 {
    padding: 30px 10px;
}

.vert-sec {

    width: 100%;

    background: #83ccf9;

    float: left;

    border-radius: 30px;

    padding: 20px 10px;

    text-align: center;

}

.mid-sec-01, .vert-sec, .mid-sec-02 {
    min-height: 370px;
}

.block-hider-hide {
    display: none !important;
}

#page-content {
    min-height: 574px;
    margin-top: 0px;
}

.span12 h2, .span12 h3, .span12 .quizattemptsummary, .span12 .box.quizinfo, .span12 .box.generalbox, .span12 .box.quizattempt {
    text-align: center;
}

.forum_statistics {

    height: auto !important;

    display: inline-block;

    width: 100%;

}

.errorcode {

    display: none;

}



section#region-main form#mform1 fieldset {

    float: left;

    width: 100%;

}

.teambox .social {

    display: none;

}

.dropdown-content {

    display: none;

    position: absolute;

    list-style: none;

    text-align: left;

    width: 100%;

    z-index: 9999;

    margin: 0px;

    background: #fbfbfb;

    border-radius: 10px;

    padding: 20px 20px 10px;

}

.dropdown-content a {

    color: #000;

    width: 100%;

    display: block;

    border-bottom: 1px solid #fff;

    padding: 5px;

}

.fcontainer {

    padding: 10px !important;

}

.form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1 {

    position: relative !important;

}




#fitem_id_password br, .felement br {
    display: none !important;
}

.mform span.error, #adminsettings span.error {

    padding: 0px 10px !important;

    margin-bottom: 0px !important;

    position: absolute !important;

    bottom: -8px !important;

}

.dropdown-content a:hover {

    text-decoration: none;

}

.dropdown-content li:nth-last-child(1) a {

    border-bottom: 0px solid #fff;

}

.dropdown:hover .dropdown-content {
    display: block;
}

.side-img {
    width: 100%;
    background: #ccc;
    height: auto;
    float: left
}

.footer-sec {
    background: rgba(251, 176, 59, 0.5);
    height: 200px;
    width: 100%;
    float: left
}



footer#colophon.footer-bg-image {

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: contain;

    background-attachment: inherit;

    background-image: url(../images/curv-design.png);

}

.signuppanel {

    display: none !important;

}

.container-fluid {

    padding-left: 0px !important;

    padding-right: 0px !important;

    margin: 0 auto;

    max-width: 100% !important;

}

.pas-rl-need {

    padding-left: 200px !important;

    padding-right: 200px !important;

}

.lession_list {
    background: #fff7ec;
    padding: 5px;
    border-radius: 5px;
}

.blog_summary {
    margin: 5px;
    background: white;
    padding: 5px;
}

select {
    outline: none !important;
}

.assign-right {
    width: 25%;
    float: right;
    background: #cccccc45;
}

#assign_window {
    float: right;
    width: 50%;
}

#assign_window select {
    width: 65%;
    float: right;
    margin-right: 75px;
}

.assign_select {
    width: 50%;
    float: left;
}

.assign_btn {
    width: 50%;
    float: left;
}

.lession_head {
    font-weight: bold;
}

.course-item .fa-heart-o, .course-item .fa-heart {

    float: right;

    font-size: 20px;

    position: absolute;

    right: 70px;

    top: 10px;

    cursor: pointer;

    border: 1px solid #fbb03b;

    padding: 6px;

    border-radius: 18px;

    background: #fbb03b;

}

.grader_img {

    margin: auto;

    display: table;

    margin-top: 9%;

    border-radius: 50px;

    border: 3px solid #c1e5fc;

}

.course-item .rate {

    color: #fbb03b;
    padding-top: 5px;

}

.notifications {

    width: 80%;

    display: block;

    text-align: center;

    background: #fddebb69;

    margin-left: 10%;

    text-transform: capitalize;

}

.course_details .panel-body {

    background: #fddebb;

}

.btn-default {



    background-color: #01b0ef !important;

}



.loginpanel {

    margin-left: 25% !important;

    background: #fdd79d;

    padding: 30px 20px;

    margin-bottom: 25px;

    border-radius: 15px;

    margin-top: 25px;

}

.card-img {



    width: 30%;

    float: left;

    padding: 5px;

}

.card-img img {

    border-radius: 24px;

}

.card {

    border-radius: 5px;

}

#page-course-edit fieldset.felement.fdate_time_selector {

    float: left;

    width: 100%;

}

.card_name {

    width: 70%;

    float: right;

    text-align: center;

    padding-top: 10px;



}

.loginpanel input[type=text],

.loginpanel input[type=password] {

    height: 36px;

    width: 100% !important;

}

.course-item {

    border: 0px solid #ccc;

    background-color: #ffffff;

    padding-bottom: 10px !important;

    margin-top: 5px;

    border-bottom: 0px solid #fddebb;

    margin-left: 50px;

    margin-right: 50px;

    border-radius: 0px;

}

.course-item img {
    height: 175px;
    border-radius: 25px;
}

.course-item .course-thumbnail {
    border: 0px;
    border-radius: 25px;
}

.course-item .price {
    width: 100%;
    float: left;
    padding-left: 10px;
}

.course-title {
    text-align: center;
    text-transform: uppercase;
    height: 50px !important;
    padding: 5px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 5px;
}

.hd-main-center {
    text-align: center;
}

.navbar .nav>li>a {
    text-transform: capitalize !important;
    font-size: 14px !important;
}

.navbar .nav {
    float: left !important;
    width: 100%;
    text-align: center;
}

footer#colophon .footer {

    padding-top: 50px;

    padding-bottom: 20px;

    padding-left: 5%;

    padding-right: 5%;

}



.copyright-area {
    background: #fbb03b;
}

#page-content {

    margin-bottom: 10px;

}

footer#colophon {

    background: rgba(251, 176, 59, 0.5);

}

.rate i {
    padding-right: 5px;
}



.y-menu {
    margin: 0;
    padding: 0;
    text-align: left
}

.y-menu li {
    list-style: none;
    line-height: 28px;
}

.y-menu li a {
    color: #333;
    text-decoration: none
}

.y-menu-two {
    margin: 0;
    padding: 0;
}

.y-menu-two li {
    list-style: none
}

.y-menu-two li a {
    color: #333;
    text-decoration: none
}



.footer-fd {
    padding-left: 100px;
    padding-right: 100px
}

.mid-sec {
    padding-top: 25px;
    padding-bottom: 25px
}

.pas-rl-need {
    padding-left: 200px;
    padding-right: 200px
}

.cnt-part {
    width: 100%;
    float: left;
    padding-top: 20px
}

.sqr-plc {
    width: 100%;
    float: left
}

.sqr-plc-left {
    width: 30%;
    float: left;
    padding: 10px
}

.sqr-plc-mid {
    width: 40%;
    float: left
}

.sqr-plc-right {
    width: 30%;
    float: left;
    padding: 10px
}

.social-plc a {
    background: #ccc;
    width: 25px;
    height: 25px;
    float: left;
    line-height: 25px;
    text-align: center;
    border-radius: 100px;
    margin-right: 10px;
}

.social-plc {
    margin-top: 25px
}

.pri-plc ul {
    margin: 0;
    padding: 0;
    float: right;
    padding-top: 20px
}

.pri-plc li {
    list-style: none;
    float: left;
    margin-left: 10px
}

.pri-plc li a {
    text-decoration: none;
    color: #d66227
}

.text-copyright {
    color: #d66227;
    padding-top: 20px;
    padding-bottom: 10px
}

.navbar-default {
    background: none !important;
    border: 0px !important
}

.narh .navbar-nav>li {
    width: 20%;
    padding-right: 20px;
}

.narh .navbar-nav>li:last-child {
    padding-right: 0;
}

.narh .navbar-nav>li>a {
    background: #fddebb;
    padding: 5px 0px;
    border-radius: 10px;
    color: #333;
}

.narh .navbar-collapse {}

.top-menu {
    width: 100%;
    float: left
}

.top-menu-left {
    width: 50%;
    float: left;
    position: relative;
    z-index: 99999999;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
    background-color: #fbb03b !important;
}

.srchush {
    right: 18px !important;
    top: 47px !important;
}

.top-menu-right {
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.search_id {
    float: right;
    position: absolute;
    height: 33px !important;
    top: 52px !important;
    right: 50px !important;
    box-shadow: none !important;
}

button a,

button a :hover {
    color: #ffffff !important;
    font-family: inherit;
    font-size: inherit;
    text-transform: capitalize;
}

.feedbackform {
    z-index: 9;
}

.narh .navbar-nav>li>a:hover {
    background: #83ccf9;
}

.regu-bx {
    background: #d66227 !important;
    color: #fff !important;
    padding: 4px 25px !important;
    border-radius: 8px !important;
    border: 0px !important;
    margin-right: 10px !important;
    -webkit-transition: all .2s linear;

    transition: all .2s linear;
}

.logu-bx {
    background: #00b0ee !important;
    color: #fff !important;
    padding: 4px 25px !important;
    border-radius: 8px !important;
    border: 0px !important;
    -webkit-transition: all .2s linear;

    transition: all .2s linear;
}

.menu-sec {
    background-image: url(../images/menu-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%
}

.sr-plc {
    position: relative
}

.srchush {
    position: absolute;
    background: #fddebb;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    right: 0;
    border-radius: 100px;
    right: 17px;
    top: 47px !important;
}

.leftmenu ul {
    margin: 0;
    padding: 0
}

.leftmenu li {
    list-style: none;
    margin-bottom: 20px;
    width: 100%;
    float: left
}

.leftmenu li a {
    text-decoration: none;
    color: #333;
    background: #7fd7f6;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    float: left;
    border-radius: 100px;
    text-align: center;
    -webkit-transition: all .2s linear;

    transition: all .2s linear;
}

.leftmenu li a:hover {
    color: #fff;
    background: #00b0ee;
}

.mid-bl-bg {
    background: #c1e5fc;
    padding: 35px 20px;
    width: 100%;
    float: left;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
}

.hd-blk {
    text-align: center;
    color: #333;
    margin: 0;
    margin-bottom: 20px;
    font-size: 25px
}

.mid-left {
    text-align: left;
    color: #00b0ee;
    float: left;
    font-size: 14px
}

.mid-right {
    text-align: right;
    color: #00b0ee;
    float: right;
    font-size: 14px;
}

.yell-mid {
    background: #fbb03b !important;
    border: 0px !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    margin-right: 15px !important;
}

.logu-bx:hover {
    background: #fbb03b !important;
}

.regu-bx:hover {
    background: #fbb03b !important;
}

.btn:hover {
    text-transform: none !important;
}

.yell-mid a,

.yell-mid a:hover {
    color: #ffffff;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: capitalize;
}

.green-mid {
    background: #118806 !important;
    border: 0px !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    margin-right: 15px !important;
}

.green-mid a,

.green-mid a:hover {
    color: #ffffff;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
}

.blue-mid {
    background: #3F51B5 !important;
    border: 0px !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    margin-right: 15px !important;
}

.blue-mid a,

.blue-mid a:hover {
    color: #ffffff;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: capitalize;
}

.blu-mid {
    background: #00b0ee;
    border: 0px;
    color: #fff !important;
    box-shadow: none;
    border-radius: 20px;
    padding: 10px 25px;
    margin-top: 10px;
}

.blu-mid:hover {
    animation: pulse 1s cubic-bezier(0.66, 0.67, 0.83, 0.99) infinite;
}

@keyframes pulse {

    0% {

        outline: 1px solid #00b0ee;

        outline-offset: 0px;

    }

    30% {

        outline: 1px solid rgba(48, 113, 169, 0.7);

        outline-offset: 10px;

    }

    60% {

        outline: 1px solid rgba(48, 113, 169, 0);

        outline-offset: 20px;

    }

    100% {

        outline: 1px solid rgba(48, 113, 169, 0);

        outline-offset: 60px;

    }

}

.midblone03 {
    margin-top: 25px;
    text-align: right;
    width: 100%;
    float: left
}

.midblone01 {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 15px;
}

.midblone02 {
    width: 100%;
    float: left;
    margin: 0;
}

.midblone {
    width: 100%;
    float: left;
    background: #ecf7fe;
    padding: 25px 30px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative
}

.frm-rt {
    width: 100%;
    float: left;
    background: #c1e5fc;
    padding: 30px 20px;
    border-radius: 10px
}

.inpu-five input[type="file"] {
    display: none;
}

.inpu-five {
    background: #fff;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    padding: 4px;
    color: #00b0ee;
    height: 40px;
    line-height: 32px;
}

.pad-left {
    padding-left: 0px
}

.frm-rt select {
    border-radius: 25px;
    border: 0px;
    height: 40px;
    background: #ecf7fe;
    margin-bottom: 15px
}

.frm-rt input {
    border-radius: 25px;
    border: 0px;
    height: 40px;
    background: #ecf7fe
}

.btn-plc {
    text-align: center
}

.sq-plc {
    margin-bottom: 25px
}

.frm-rt-org {
    width: 100%;
    float: left;
    background: #fdd79d;
    padding: 20px;
    border-radius: 10px;
    margin-top: 25px
}

.frm-rt-org ul {
    margin: 0;
    padding: 0
}

.frm-rt-org li {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
    width: 100%;
    float: left;
}

.frm-rt-org li a {
    color: #d66227;
    text-decoration: none;
    background: #fef3e1;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px;
    border-radius: 10px
}

.blu-mrn {
    background: #d66227;
    border: 0px;
    color: #fff;
    box-shadow: none;
    border-radius: 20px;
    padding: 10px 25px;
}

.hd-main {
    color: #333;
    font-size: 30px;
    margin: 0;
    margin-bottom: 20px !important;
    margin-top: 15px;
    float: left;
    width: 100%;
    padding-left: 30px;
}

.forummd .hd-main {
    display: inline-block !important;
    width: 50% !important;
    float: left !important;
}

.thread {
    overflow: hidden !important;
}

.stat .col-md-11 {
    width: 80%;
    float: left;
    display: inline-block;
}

.stat .col-md-1 {
    width: 20%;
    text-align: center;
    float: left;
    display: inline-block;
}

.forum_box .table-bordered>tbody>tr>td, .forum_box .table-bordered>tbody>tr>th, .forum_box .table-bordered>tfoot>tr>td, .forum_box .table-bordered>tfoot>tr>th, .forum_box .table-bordered>thead>tr>td, .forum_box .table-bordered>thead>tr>th {

    border: 0px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.mrgn-need {
    margin-top: 25px;
    margin-bottom: 0px
}

.region-main .mrgn-need {
    margin-bottom: 0px
}

.blu-ass-left {
    width: 100%;
    background: #c1e5fc;
    float: left;
    border-radius: 18px;
    padding: 35px 25px
}

.blu-ass-right {
    width: 100%;
    background: #c1e5fc;
    float: left
}

.blu-ass-sqr {
    background: #ecf7fe;
    width: 100%;
    float: left;
    padding: 20px 20px;
    border-radius: 18px
}

.ass-02-left {
    width: 50%;
    float: left
}

.ass-02-right {
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 25px
}

.ass-01 {
    width: 100%;
    float: left;
    margin-bottom: 25px
}

.ass-02-left h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 16px
}

.blu-ass-sqr {
    margin-bottom: 15px
}

.blu-ass-right {
    width: 100%;
    background: #c1e5fc;
    float: left;
    border-radius: 18px;
    padding: 35px 25px
}

.p-img-disc {
    width: 100%;
    float: left
}

.hed-one {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 15px
}

.green-mid {
    background: #8cc63f;
    border: 0px;
    color: #fff;
    box-shadow: none;
    border-radius: 20px;
    padding: 10px 25px;
}

.ass-ex {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    float: left;
}

.cir-rd {
    width: 20px !important;
    height: 20px;
    background: none;
    position: absolute;
    left: 10px;
    top: 55px;
    border-radius: 100px;
    border: 1px solid #333
}

.midblone-n {
    width: 100%;
    float: left;
    background: #fff;
    padding: 25px 40px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative
}

.midblone-n:hover {
    background: #ecf7fe
}

.midblone-n:hover .cir-rd {
    background: #333;
    border: 0px
}

.pos-need {
    position: absolute;
    right: 39px;
    top: 21px;
    border: none;
}

.assgn {
    right: 20px;
}

.orgbg {
    background: #fdd79d;
    padding: 30px 20px;
    margin-bottom: 25px;
    border-radius: 15px;
    margin-top: 25px;
    float: left;
    width: 100%;
}

.orgbg input {
    background: #feebce;
    border: 0px;
    height: 40px;
    margin-bottom: 15px;
    box-shadow: none;
    border-radius: 10px
}

.orgbg textarea {
    background: #feebce;
    border: 0px;
    margin-bottom: 15px;
    box-shadow: none;
    border-radius: 10px
}

.cnt-r .btn {
    float: right
}

.img-abt {
    width: 20%;
    height: 150px;
    float: left;
    background: #ccc;
    border-radius: 10px;
}

.abt-descri {
    width: 80%;
    float: left;
    padding-left: 20px
}

.main-sid {
    color: #333;
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px
}

.abpp p {
    margin: 0;
    margin-bottom: 25px
}

.smyllow {
    width: 100%;
    padding: 10px;
    float: left;
    background: #fdd79d;
    border-radius: 10px;
}

.co-one {
    position: relative;
    width: 25%;
    float: left;
    padding-left: 35px;
}

.co-one-sq {
    width: 30px;
    height: 30px;
    float: left;
    background: #fff;
    position: absolute;
    left: 0;
    border-radius: 8px
}

.co-one-rt {
    position: relative;
    width: 50%;
    float: right;
    padding-left: 35px;
}

.coah01 {
    margin: 0;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
    font-weight: 900;
}

.coah02 {
    margin: 0;
    font-size: 14px;
    color: #333
}

.co-one-rt h4 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
}

.co-one-rt button {
    margin: auto;
    display: table;
}

.tab-out {
    margin-top: 25px
}

.tab-out .panel-heading {
    padding: 0px;
    background: #c1e5fc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #fdd79d;
    border: #fdd79d 1px solid;
}

.tab-out .panel-body {
    background: #fdd79d;
    border: #fdd79d 1px solid;
}

.c-sq-descr {
    width: 100%;
    float: left;
}

.c-sq-descr h4 {
    margin: 0;
    margin-bottom: 15px
}

.tab-out .tab-content>.tab-pane {
    background: #fef3e1;
    padding: 25px;
    border-radius: 10px;
    width: 100%;
    height: auto;
    min-height: auto !important;
}

.tab-out-two .panel-heading {
    padding: 0px;
    background: #c1e5fc
}

.tab-out-two .panel-body {
    background: #fdd79d;
    border: #fdd79d 1px solid;
}

.tab-sq {
    width: 100%;
    float: left;
    background: #fef3e1;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 5px 5px 0px;
    cursor: pointer;
}

.tab-sq:hover {
    background: #fff
}

.ex-cont p {
    margin: 0;
    margin-bottom: 15px
}

.main-sid-two {
    color: #333;
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px
}

.abt-descri-two {
    width: 80%;
    float: left;
    padding-right: 20px;
}

.hd-main-sm {
    color: #333;
    font-size: 24px;
    margin: 0;
    margin-bottom: 25px
}

.c-sq {
    border: 1px solid #ccc;
}

.panel-default>.panel-heading {

    background-color: #fff !important;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

    color: #fff !important;

    cursor: default;

    background-color: #00b0ee !important;



    border-bottom-color: transparent;



}



.testmonials {

    padding: 70px 0;

    background-size: cover;

    color: #fff;

    position: relative;

    background: #83ccf9;

    border-radius: 30px;
    margin-top: 30px
}



.testmonials:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;



}



#quote-carousel {

    padding: 0 10px;

}



.testmonials #quote-carousel .carousel-indicators {

    position: relative;

    right: 50%;

    top: auto;

    bottom: 0px;

    margin-right: -19px;

}



.testmonials #quote-carousel .carousel-indicators li {

    width: 90px;

    height: 90px;

    cursor: pointer;

    border: 2px solid #ccc;

    border-radius: 50%;

    overflow: hidden;

    -webkit-transition: all .2s ease-in;

    transition: all .2s ease-in;

    vertical-align: middle;

    margin: 10px;

    opacity: .5;

    float: none;

}



.testmonials #quote-carousel .carousel-indicators .active {

    transform: scale(1.4);

    -webkit-transition: all .4s ease-in;

    transition: all .4s ease-in;

    border: 3px solid #83ccf9;

    opacity: 1
}



.testmonials img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.navbar-default .navbar-nav>li>a {

    color: #000 !important;
    -webkit-transition: all .2s linear;

    transition: all .2s linear;

}



.tab-content>.active {

    display: inline-block !important;

}



.testmonials .active img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

}





.testmonials .item p {

    border: 2px solid #fff;

    padding: 50px;

    margin: 40px 0 0 0;

    border-radius: 20px;

}



.testmonials .item h4 {

    background: #00aff0;

    width: 28%;

    padding: 10px 0;

    font-size: 14px;

    border-radius: 3px;

    margin: auto;

    position: absolute;

    top: 11%;

    left: 0;

    right: 0;

    font-family: 'Open Sans', sans-serif;

}

.item blockquote {

    border-left: none;

    margin: 0;

}

.item blockquote p:before {

    content: "\f10d";

    font-family: 'Fontawesome';

    float: left;

    margin-right: 10px;

}



.item blockquote p:after {

    content: "\f10d";

    font-family: 'Fontawesome';

    float: right;

    margin-right: 10px;

    transform: rotate(180deg);

}



.testmonials p {

    margin: 5% 5%;

    font-size: 18px;

    font-weight: 300;

}



.span3.pull-right.block-region {}

section.span8.pull-right {}

.courseright .tab-content>.active {

    width: 100%;

}

.markcomplete {

    right: 0px !important;

    cursor: pointer;

    display: block !important;

    clear: both !important;

    text-align: center !important;

    width: 100% !important;

}

@media (max-width: 499px) {



    .testmonials {

        padding-top: 77px !important;

    }



    /*.testmonials #quote-carousel .carousel-indicators li {*/

    /*    width: 75px !important;*/

    /*    height: 75px !important;*/

    /*    display: block !important;*/

    /*    margin-left: 34% !important; */

    /*}*/



    .testmonials .item h4 {

        background: #00aff0;

        width: 41% !important;

        top: -4% !important;

    }



    .testmonials .item p {

        margin-top: 15px;

    }



}



@media (min-width:500px) and (max-width:767px) {



    .testmonials .item h4 {

        background: #00aff0;

        width: 30% !important;

        top: -9% !important;

    }



    .testmonials .item p {

        margin-top: 15px;

    }

}

.testimon {

    background: #80d7f5;

    border-radius: 10px;

    margin-bottom: 15px;



}

.sb-icon-search,

.popover-region-toggle,

.popover-region-toggle {
    display: none;
}



.sb-search .sb-search-input {

    background: #fbb03b !important;

}



.col-test::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.col-test::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px #01b0ef;

    border-radius: 5px;

}



/* Handle */

.col-test::-webkit-scrollbar-thumb {

    background: #01b0ef;

    border-radius: 5px;

}



/* Handle on hover */

.col-test::-webkit-scrollbar-thumb:hover {

    background: #006a90;

}

.testimon_comments {

    padding: 15px;

    margin-bottom: 15px;

}

.col-test {

    height: 150px;

    overflow: hidden;

    overflow-y: scroll;

}

.testimon_by {

    background: #01b0ef;

    padding: 15px;

    height: 50px;

    overflow: hidden;

}

.testimon_quote {

    position: absolute;

    background: #000;

    color: #fff;

    bottom: 55px;

    text-align: center;

    width: 26px;

    height: 26px;

    line-height: 26px;

    border-radius: 13px;

}



.career_head {

    color: #01b0ef;

    font-size: 16px;

    font-weight: bold;

    font-family: inherit;

    padding-left: 30px !important;

}

.career_detail {

    color: #000000;

    padding: 0px;

}

.career_block {

    border: 1px solid #fff;

    margin-bottom: 15px;
    float: left;
    width: 100%;

}

.faq_block {

    border: 1px solid #ccc;

    min-height: 550px !important;

    padding: 0px !important;

    border-radius: 25px;

}

.q_block {

    background-color: #01b0ef;

    min-height: 560px !important;

    padding: 0px !important;

    border-radius: 25px 0px 0px 25px;

}

.a_block {

    background-color: #80d7f5;

    min-height: 560px !important;

    padding: 0px !important;

    border-radius: 0px 25px 25px 0px;

}

.q_head {

    font-size: 75px;

    font-weight: bold;

    padding-left: 10% !important;

    color: #80d7f5;
    padding-bottom: 30px;

}

.a_head {

    font-size: 75px;

    font-weight: bold;

    padding-left: 10% !important;

    color: #01b0ef;
    padding-bottom: 30px;

}

.q_list {

    color: #fff;

    border: 0px solid #ccc;

    padding: 5px 10px 5px 15px;

    cursor: pointer;

}

.q_body {

    padding: 0px !important;

}

.a_body {

    padding: 15px !important;

    font-style: italic;

}

.active_q {

    background-color: #80d7f5;

    color: #000;

    border-radius: 30px 0px 0px 30px;

}

.addpost {

    width: 100px;

    float: right;

    cursor: pointer;

    height: 30px;

    color: #fff;

    font-weight: bold;

    border-radius: 13px;

    text-align: center;

    background: #fbb03b;

    line-height: 30px;

}

.active_lession {

    background: #00b0ee;

    color: #000;

}

.tab-sq:hover {

    background-color: #00b0ee;

    color: #000;

}

.cms_block {

    background-color: #e5f6fd;

    padding: 10px;

    border-radius: 10px;
    float: left;
    width: 100%;

}

.cms_title {

    text-transform: capitalize;

    font-size: 25px;

    font-weight: bold;

}

#dtBasicExample i {

    background-color: #fbb03b;

    color: #fff;

    cursor: pointer;

    width: 30px;

    height: 30px;

    padding: 3px;

    border-radius: 15px;

    border: 5px solid #fddebb;

    text-align: center;



}

.key {

    font-weight: 700;

    width: 25%;

    float: left;

}

.full_bar>div {

    background: #ffb606;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    border-radius: 8px;

}

.full_bar {

    background: #eee;

    height: 15px;

    position: relative;

    width: 70%;

    float: left;

    border-radius: 8px;

}



.footer-fd img {

    vertical-align: middle;

    max-width: 75%;

}

.footer-fd h4 {
    margin: 0px 0px 30px;
}

.footer-fd h4 img {
    max-width: 190px;
}

.narh .navbar-nav>li:nth-last-child(1) {
    margin-right: 0px;
}

.inpu-five {

    display: none;

}

.pas-rl-need.mrgn-need {
    margin-top: 0px;
    position: relative;
}

.pas-rl-need.mrgn-need .cms_title {

    margin-bottom: 20px;

}

.pas-rl-need.mrgn-need .cms_block {

    padding: 3%;

}


/*#page-navbar { margin-top: 170px;}*/



.navbar-header button {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0c153a !important;
}

.navbar-toggle .icon-bar {
    width: 30px !important;
    height: 3px !important;
}

.padding {
    padding: 0;
}

.leftmenu {
    padding: 0 !important;
}

.menu-bars {
    display: none;
    position: absolute;
    left: 15px;
    top: 10px;
    cursor: pointer;
    color: #d66227;
    font-weight: bold;
}

button.btn-ad {
    float: right;
    border: none;
    margin-top: 10px;
}

.fkhjjh {
    padding-right: 0;
}



.navbar-fixed-top, .navbar-fixed-bottom {
    position: initial;
}

.top-header ul.nav.pull-right {
    width: auto;
}

.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
    margin-top: -15px;
}

.moodle-actionmenu, .moodle-actionmenu>ul, .moodle-actionmenu>ul>li {
    display: inline-block;
    background: transparent !important;
    outline: none !important;
}

.jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
    outline: none !important;
}

.jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
    margin-top: 22px;
    background: #fff !important;
}

input#id_file {
    width: 100%;
    outline: none;
}

.y-menu-two li a i {
    line-height: 25px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
}

.abpp {
    padding-left: 50px !important;
}

.loginbox h2 {
    width: 350px;
    margin: auto;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 40px;
    font-size: 28px;
    padding: 8px 10px;
    font-weight: 500;
    border-radius: 6px;
}

.loginform label {
    padding-top: 10px;
}

.loginbox .loginsub {
    padding-bottom: 20px;
    width: 350px;
    margin: auto;
}

input#loginbtn {
    border: none;
    box-shadow: none;
    padding: 8px 30px;
    float: left;
}

.loginbox .loginform .form-label {
    width: 100%;
    text-align: left;
}

.loginbox .loginform .form-input {
    float: right;
    width: 100%;
}

.rememberpass {
    text-align: left;
    padding-bottom: 10px;
}

input#rememberusername {
    margin: 0;
    width: 16px;
    height: 16px;
}

.forgetpass {
    float: left;
    width: 100%;
    text-align: left;
}

.loginbox .loginpanel .desc {
    margin-top: 0;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
}

form#mform1 {
    width: 400px;
    margin: auto;
}

.form-item .form-label, .mform .fitem div.fitemtitle, .userprofile dl.list dt, .form-horizontal .control-label {
    width: 100%;
    text-align: left;
}

.form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1, .mform .fdescription.required, .userprofile dl.list dd, .form-horizontal .controls {

    margin-left: 0;
}

input#id_submitbuttonusername {
    border: none;
    box-shadow: none;
    padding: 8px 30px;
    float: left;
    margin-left: 0;
}

input#id_submitbuttonemail {
    border: none;
    box-shadow: none;
    padding: 8px 30px;
    float: left;
    margin-left: 0;
}

.felement input[type=text] {
    width: 400px;
    height: 36px;
    box-shadow: none;
}

legend.ftoggler {
    padding-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    border: none;
}

.frm-rt form {
    width: 50%;
    margin: auto;
}

.mqwe {
    padding-right: 0;
    padding-left: 50px;
}

.sc-crs {
    padding-right: 0;
    padding-left: 50px;
    padding-bottom: 50px;
}

.sc-crs .course-item .rate {
    text-align: center;
}

.sc-crs .blu-mid {
    margin: auto;
    display: table;
}

.sc-crs .course-item .price {
    margin-bottom: 10px;
}

.mr-br {
    margin-bottom: 20px;
}

form.fgh-mart {
    width: 100%;
}

.mqr {
    padding-left: 50px;
}

.pr-rhgt {
    padding-right: 0;
}

.navbar-fixed-top {
    background: #fff;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: initial !important;
}

.mkil {
    padding-left: 50px;
    padding-right: 0px;
}

.pd-0 {
    padding-left: 0;
}

.modal-container .modal {
    display: block;
}

.fkre {
    margin-bottom: 20px;
}

.margin-btm {
    margin-bottom: 20px;
}

#page-user-edit a.logo {
    padding-left: 100px;
}

.cms_block a {
    word-break: break-all;
}

.pd-left {
    padding-left: 50px !important;
    padding-right: 0 !important;
}

.ss-cn {
    text-align: left !important;
}

.ghop .btn {
    border: none;
    width: 70px;
}

.ghop select {
    height: 33px;
    margin-top: -4px;
}

.mr-bn {
    margin-top: 20px;
}

.tn-image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
}

#loadmore_block button {
    border: none !important;
}

#dtBasicExample_filter input {
    float: none;
    margin-top: 8px;
    margin-left: 5px;
}

#page-navbar input[type="submit"] {
    border: none;
    box-shadow: none;
}

input#id_submitbutton {
    box-shadow: none;
    border: none;
}

input#id_cancel {
    box-shadow: none;
    border: none;
}

input {
    box-shadow: none !important;
}

.adminsearchform input {
    border: none;
}

#region-main .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: transparent;
    border: none;
}

.section .activity .availabilityinfo, .section .activity .contentafterlink {
    margin-left: 0;
}

button.border-btn {
    color: #fff;
    border: none;
    box-shadow: none;
    padding: 5px 30px;
    text-transform: initial;
}

.avg_star i {
    margin-left: 2px;
    margin-right: 2px;
}

.rating-stars .star {
    font-size: 18px;
}

.badge-secondary {
    font-size: 12px;
}

.rating-container.rating-xs.rating-animate {
    padding-bottom: 5px;
}

aside#block-region-side-pre {
    display: none;
}

.btn-group.m-b-1 {
    margin-top: 15px;
}

.btn-group.m-b-1 a {
    color: #fff !important;
    border: none;
    box-shadow: none;
    margin-left: 10px !important;
    margin-right: 10px;
}

.btn-group.m-b-1 a:hover {
    color: #088fc0 !important;
}

.event-description {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}



.fl-contr {
    float: left;
    width: 100%;
}

.rate.main-rate {
    display: none;
}

.dc-date {
    display: none;
}

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

.ass-02 img {
    max-width: 100%;
}

/*mediaquery start*/



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

    .pas-rl-need {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    #page-content {
        min-height: 544px;
    }

}

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

    #page-content {
        min-height: 394px;
    }

}

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

    .pas-rl-need {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .container-fluid.mrgn-need.pas-rl-need button {

        right: 10%;

    }

}



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

    .co-one-rt {
        width: 50%;
        float: left;
    }

    #page-content {
        min-height: 261px;
    }

    /*.co-one-rt h4 {width: auto;float: left;}*/

    .rate1 {
        width: 100%;
        padding-bottom: 20px;
    }

    .rate2 {
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }

}



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



    .pas-rl-need {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .spotlight {
        height: 220px;
    }

}



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

    .spotlight {
        height: 290px;
        text-align: center;
    }

    .spotimage {
        display: block !important;
        clear: both !important;
        margin: auto !important;
    }

    .post_by {
        width: 100% !important;
        height: auto !important;
        line-height: 25px !important;
    }

    .ptitle {
        width: 100% !important;
        display: block !important;
        clear: both !important;
    }

    .post_date .col-md-6 {
        width: 100% !important;
    }

    .postby {
        text-align: center;
        width: 100%;
        display: block;
    }

    .comment_box {
        width: 100% !important;
    }

    .course-item {
        margin: 0px !important;
    }

    .felement input {
        width: 80% !important;
    }

    input#id_submitbuttonusername {
        width: auto !important;
    }

    input#id_submitbuttonemail {
        width: auto !important;
    }

    .tab-width {
        width: 50% !important;
        float: left;
    }

}

@media (max-width: 992px) {

    #page-content {
        min-height: auto;
    }

    footer#colophon .footer {
        padding-left: 2%;
        padding-right: 2%;
    }

    .container {
        width: auto !important;
    }

}

@media (max-width: 991px) {

    .testmonials {
        display: inline-block;
        padding: 30px 10px;
    }

    .courseright .col-md-12 {
        padding-right: 0px;
    }

    #region-main {
        width: 100% !important;
        margin-left: 0px !important;
    }

    /*.loginbox .loginform .form-label { text-align: center!important; width: 100%!important;}*/

    .loginbox .loginform .form-input input {
        width: 100% !important;
    }

    /*.loginbox .loginform .form-input {float: none!important;width: 80%!important;display: block!important;margin: auto!important;}*/

    .forum_box {
        padding: 10px;
        margin-bottom: 20px;
        clear: both;
    }

    .co-one {
        width: 50% !important;
        float: left;
    }

    /*.co-one-rt {width: 100%!important;display: block!important;clear: both!important;padding: 0px!important;}*/

    .tab-out {
        padding: 0px !important;
    }

    .c-sq {
        width: auto !important;
    }

    .tab-out {
        display: inline-block;
        overflow: hidden;
        clear: both;
    }

    .comment_box {
        height: auto !important;
    }

    .leftmenu {
        display: block;
        overflow: hidden;
        clear: both;
    }

    .vert-sec {
        border-radius: 20px;
        padding: 30px;
        min-height: auto;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .hd-main-sm {
        display: block;
        clear: both;
    }

    #page-content {
        margin-bottom: 0px;
    }

    .mid-sec-02 {
        border-radius: 20px;
        padding: 30px;
        margin-bottom: 30px;
    }

    .hd-main {
        text-align: center;
        padding-left: 0;
    }

    .mid-sec-01 {
        width: 100%;
        background: #83ccf9;
        float: left;
        padding: 30px;
        margin-bottom: 30px;
        border-radius: 20px;
    }

    .pdescription {
        height: auto !important;
    }

    .spotlight {
        height: auto !important;
    }

    .y-menu-two li a {
        font-size: 10px;
    }

    .footer-fd h4 {
        margin: 0px 0px 20px;
        font-size: 14px;
        font-weight: 600;
    }

    .col-test {
        height: auto;
        overflow: hidden;
    }

    .testmonials #quote-carousel .carousel-indicators li {
        width: 40px;
        height: 40px;
    }

    .search-hmd2 {
        width: 280px;
        left: -280px;
        position: absolute !important;
        z-index: 999;
        padding: 40px 15px 20px 15px !important;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;

        background: white;
        border: 1px solid #f5eeee;
        border-left: none;
        top: 39px;
    }

    .menu-active {
        left: 0px !important;
    }

    .menu-bars {
        display: block;
        z-index: 9;
    }

    .abpp {
        padding: 0 !important;
    }

    .faq_block {
        margin-top: 20px;
        border: none;
    }

    .q_block {
        border-radius: 25px 25px 25px 25px;
        margin-bottom: 20px;
    }

    .a_block {
        border-radius: 25px 25px 25px 25px;
    }

    .fkhjjh {
        padding: 0;
    }

    .err {
        text-align: left;
    }

    .ass-ex {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .sc-crs {
        padding-left: 0;
        padding-bottom: 30px;
        float: left;
        width: 100%;
    }

    .mqr {
        padding-left: 15px;
    }

    .pr-rhgt {
        padding-right: 15px;
    }

    .mkil {
        padding-left: 0;
    }

    .mkil .panel-default {
        float: left;
        width: 100%;
    }

    .mqwe {
        padding-left: 0;
    }

    .padding-mb {
        padding-left: 0 !Important;
    }

    .abpp {
        float: left;
        width: 100%;
    }

}

@media (max-width: 800px) {

    footer#colophon .footer {
        padding-left: 0%;
        padding-right: 0%;
    }

}

@media (max-width: 775px) {

    .img-abt {
        width: 220px;
        height: 150px;
        float: none;
        background: #ccc;
        border-radius: 10px;
        margin: 0px auto 20px;
        display: block;
    }

    .abpp {
        text-align: center;
    }

    .hd-main-left {
        padding-left: 0px;
        text-align: center;
    }

    .abt-descri-two {
        width: 100%;
        height: auto;
        float: none;
        padding-right: 0px;
        display: block;
        clear: both;
    }

    .abt-descri {
        width: 100%;
        height: auto;
        float: none;
        padding-left: 0px;
    }

    .breadcrumb>li+li:before {
        display: none;
    }

}

@media (max-width: 767px) {

    .container-fluid.mrgn-need.pas-rl-need button {

        position: relative !important;

    }

    .navbar-default {
        margin: 0px !important;
    }

    li.search {
        display: none !important;
    }

    .felement select {
        width: 100% !important;
        height: 30px;
    }

    .courseleft {
        width: 100% !important;
    }

    /*#page-navbar {margin-top: 150px;}*/

    .courseright {
        width: 100% !important;
        margin: 20px 0px !important;
    }

    .courseright .col-md-12 {
        padding: 0px;
    }

    .navbar-toggle {
        margin: -55px 10px 10px 0px !important;
    }

    .loginpanel {
        margin-left: 0% !important;
    }

    /*.co-one-rt h4 {width: 43%!important;font-size: 14px!important;}*/

    .navbar .nav {
        float: left !important;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        overflow: visible !important;
        padding: 0px !important;
    }

    .narh .navbar-nav>li {
        margin: 0px;
        width: 100%;
        padding-right: 0;
    }

    .narh .navbar-nav>li>a {
        border-radius: 0px;
    }

    .top-menu {
        position: relative;
        background: #fbb03b
    }

    .srchush {
        z-index: 99999999;
        width: 35px;
        height: 35px;
        line-height: 35px;
        right: 65px !important;
        top: -41px !important;
    }

    .search_id {
        right: 80px !important;
        top: -38px !important;
        height: 30px !important;
    }

    .narh .navbar-nav>li>a {
        padding: 10px 20px;
        text-align: center;
    }

    .testmonials .item h4 {
        top: 0% !important;
    }

    footer#colophon.footer-bg-image {
        background-image: none;
    }

    .footer .footer-fd {
        display: block;
        text-align: center;
    }

    .text-copyright {
        padding: 0px;
        margin: 0px;
    }

    .pri-plc ul {
        padding-top: 0px;
    }

    .copyright-content .col-sm-6 {
        display: inline-block;
        width: 49%;
        float: left;
    }

    .copyright-content {
        padding: 10px;
        display: block;
        overflow: hidden;
    }

    .row {
        margin: 0px !important;
    }

    .social-plc a {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 20px;
    }

    .y-menu-two li {
        margin: auto;
        width: 200px;
        display: block;
        text-align: center;
        clear: both;
        overflow: hidden;
    }

    .y-menu {
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
    }

    .jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu {
        padding: 0px !important;
    }

    .pas-rl-need {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-top: 20px;
    }

    .sqr-plc-right {
        width: 100%;
        text-align: center;
    }

    .sqr-plc-mid {
        width: 100%;
    }

    .sqr-plc-left {
        width: 100%;
        text-align: center;
    }

    .footer-fd img {
        max-width: 150px;
    }

    .testmonials {
        margin-top: 0;
    }

    .mid-sec {
        padding-bottom: 0;
    }

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

    .footer-fd img {
        max-width: 100px;
    }

    .testmonials #quote-carousel .carousel-indicators {
        margin: auto;
        left: 0;
        right: 0;
        width: 100%;
    }

    .top-menu-right {
        position: absolute;
        top: -42px;
        right: 18px;
    }

    a.logo img {
        width: 250px;
    }

    .menu-sec {
        background-position: top;
        background-size: contain;
    }

    .hd-main {
        font-size: 24px;
        margin-top: 30px;
        float: left;
        width: 100%;
    }

    .course-duration {
        text-align: center;
    }

    .course-item .price {
        text-align: center;
        margin-bottom: 10px;
    }

    .blu-mid {
        margin: auto;
        margin-bottom: 20px;
        display: table;
    }

    .egk {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .logu-bx {
        margin-top: 15px;
    }

    .top-menu-right .logu-bx {
        margin-top: 0;
    }

    span.srchush i {
        line-height: 35px;
    }

    .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel {
        display: inline-block;
        width: 70%;
        margin-left: 15% !important;
    }

    .eoi {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .mkil {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mqwe {
        padding-left: 20px;
        padding-right: 20px;
    }

    #page-user-edit a.logo {
        padding-left: 0px;
    }

    .hd-main {
        padding-left: 0;
    }

    .abpp {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .padding-mb {
        padding-left: 15px !Important;
        padding-right: 15px !important;
    }

    .ghop .btn {
        margin-top: 10px;
    }

    .course-item a {
        display: table;
    }

    .mr-need {
        padding-left: 20px !Important;
        padding-right: 20px !Important;
    }

    .menu-sec.pas-rl-need {
        margin-top: 35px;
    }

    .mbl-pad {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 20px !important;
    }

    .hd-main {
        margin-top: 45px;
    }

    .pas-rl-need.mrgn-need .cms_title {
        margin-top: 20px;
    }

}

@media (max-width: 600px) {

    .pas-rl-need {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer .footer-fd {
        display: block;
        margin: auto;
        text-align: center;
    }

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

    .y-menu {
        margin: 20px 0px;
        padding: 0;
        text-align: center;
    }

    .y-menu-two li {
        list-style: none;
        text-align: center;
        overflow: hidden;
        display: block;
        margin: 10px auto;
    }

    .sqr-plc-left {
        width: 100%;
        text-align: center;
    }

    .sqr-plc-mid {
        width: 70%;
        float: none;
        display: block;
        margin: auto;
    }

    .sqr-plc-right {
        width: 100%;
        float: left;
        padding: 10px;
        text-align: center;
    }

    .testmonials .item p {
        padding: 30px 10px;
    }

    blockquote {
        padding: 10px 0px !important;
    }

    .row-fluid [class*="offset"]:first-child {
        padding: 0px;
    }

    .regu-bx {
        padding: 4px 25px !important;
        border-radius: 5px !important;
        font-size: 12px;
    }

    .logu-bx {
        padding: 4px 25px !important;
        border-radius: 5px !important;
        font-size: 12px;
    }

    .egk {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .eoi {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .width-ads div {
        width: 100% !important;
    }

    .tab-width {
        width: 100% !important;
    }

    .mbl-pad {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

}

@media (max-width: 550px) {

    .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel {
        width: 100%;
        margin-left: 0 !important;
    }

}

@media (max-width: 480px) {

    .sr-plc {
        background: #0c153a;
    }

    .search_id {
        right: 20px !important;
        top: 5px !important;
        height: 30px !important;
        left: 20px !important;
        position: relative;
        width: 90%;
        float: none;
    }

    .srchush {
        right: 7px !important;
        top: 3px !important;
    }

    a.logo img {
        width: 200px;
        margin: 5px 0px;
    }

    .navbar-toggle {
        margin: -45px 10px 10px 0px !important;
    }

    .top-menu-left {
        padding-left: 10px;
    }

    .fkre {
        width: 100%;
    }

    .boxwidthnormal {
        width: 80%;
    }

    .mr-br {
        width: 100%;
    }

    .mid-left {
        width: 100%;
    }

    .mid-right {
        width: 100%;
        text-align: left;
    }

    .midblone03 {
        margin-top: 0;
    }

    .margin-btm {
        width: 100%;
    }

    .ass-02-left {
        width: 100%;
    }

    .tn-image {
        float: none;
        margin: auto;
    }

    .teambox {
        text-align: center !important;
    }

    .blu-mid.pos-need.assgn {
        position: initial;
    }

    #assign_window select {
        width: 100%;
    }

    #assign_window {
        float: left;
    }

    .ss-cn {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .ghop .btn {
        margin-top: -3px;
        margin-left: 10px;
        float: left;
    }

    #assign_window select {
        width: 200px;
    }

    .section .activity .availabilityinfo, .section .activity .contentafterlink {
        padding: 10px;
    }

}

@media (max-width: 420px) {


    .top-menu-right {
        width: 70%;
    }

    .copyright-content .col-sm-6 {
        display: inline-block;
        width: 100%;
        float: none;
        text-align: center;
    }

    .pri-plc ul {
        padding-top: 0px;
        text-align: center;
        width: 170px;
        float: none;
        margin: auto;
        overflow: hidden;
    }

    .sqr-plc-mid {
        width: 100%;
    }

    .mid-sec-01 {
        padding: 20px 0px;
    }

    .mid-sec-02 {
        padding: 20px 10px;
    }

    .vert-sec {
        padding: 20px 10px;
    }

    .testmonials #quote-carousel .carousel-indicators li {
        width: 30px;
        height: 30px;
    }

    .logu-bx {
        padding: 5px 15px !important
    }

    .loginbox .loginsub {
        width: 280px;
    }

    .loginbox h2 {
        width: 280px;
    }

    form#mform1 {
        width: 300px;
    }

}

@media (max-width: 375px) {

    .forummd.egk {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

@media (max-width: 367px) {

    #assign_window select {
        width: 160px;
    }

}



@media (max-width: 320px) {}


@media (max-width: 991px) {
    .community_php section.bottom-waves-section p.bottom-waves-text {
        font-size: 20px;
        line-height: 1.3;
    }

    .community_php .bottom-waves-section .link-cta {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .community_php .check-courses-section {
        margin-top: 120px;
    }
}

.contact_php .water-starts .detailed-faq-section .component-section-title h1 {
    z-index: 999;
}

.contact_php .water-starts .detailed-faq-section .description {
    z-index: 999;
}

.contact_php .detailed-faq-section #faq_accordian {
    position: relative;
}

/* home-page */
@media (max-width: 767px) {
    .custom-home .spotlight-section .spotlight-item p.spotlight-text {
        min-height: 0px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
    .contact_php .footer1.w-fish.wandering-footer {
        margin-top: 95px !important;
    }
}

@media (max-width: 1164px) {
    .events-page .past-events-section .events-section .events-wrapper {
        flex-direction: column;
    }

    .events-page .past-events-section .events-section .events-wrapper .past-event-box {
        max-width: 80% !important;
        margin: auto;
    }
}

@media (max-width: 767px) {
    .events-page .past-events-section .events-section .events-wrapper .past-event-box {
        max-width: 100% !important;
        margin: auto;
    }
}

@media screen and (min-width: 415px) and (max-width: 642px) {
    .community_php section.bottom-waves-section img.bottom-waves{
        height: 570px;
        object-fit: cover;
    }
}

.faq_php footer {
    margin-top: 80px;
}

@media screen and (min-width: 1600px) {
    body.contact-page img.contact-sand {
        top: -784px !important;
    }
}

/* event-page */
@media screen and (max-width: 1024px) {
    .events-page section.events-top-section img.events-ptero {
        width: 120px !important;
        top: 116px !important;
    }
}

@media screen and (min-width: 416px) and (max-width: 504px) {
    .events-page .past-events-section .events-section .events-wrapper .past-event-box {
        height: 355px;
    }

    .events-page .past-events-section .events-section .event-item {
        height: 355px;
    }
}

/* twd-css */

.courses_php #testimonials .component-section-title{
    margin-top: 0;
}

@media (min-width:1800px) and (max-width:1920px) {
    .about_php #page-content .water-starts {
        padding-bottom: 17rem;
    }
}

@media (min-width:1700px) and (max-width:1800px) {
    .about_php #page-content .water-starts {
        padding-bottom: 10rem;
    }
}

@media (min-width:1600px) and (max-width:1700px) {
    .about_php #page-content .water-starts {
        padding-bottom: 2rem;
    }
}

@media (min-width:1400px) and (max-width:1900px) {
    .about_php .about-us-page-who .component-section-title {
        margin-top: 415px !important;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .about_php .about-us-page-who .component-section-title {
        margin-top:335px !important;
    }
}

@media (min-width:1025px) and (max-width:1990px) {
    .about_php #page-content .water-starts,
    .courses_php #page-content .water-starts{
        background: #5ec9c8;
    }
    .about_php section.bottom-waves-section{
        margin-top:60px;
    }
}

@media (min-width:1025px) and (max-width:1225px) {
     .footer1.w-fish.wandering-footer {
        margin-top: -113px !important;
    }
}

@media(max-width:991px) {
    .about_php .why-how-section .container {
        margin-top: 330px !important;
    }
}

@media (min-width: 861px) and (max-width:991px) {
    .course-listing .testimonial-col {
        margin-bottom: 12rem;
    }
}

@media (min-width: 768px) and (max-width:860px) {
    .course-listing .testimonial-col {
        margin-bottom: 8rem;
    }
}

@media(max-width:768px) {
    .about_php .why-how-section .container {
        margin-top: 190px !important;
    }
}

@media screen and (min-width:576px) and (max-width:690px) {
    .course-listing .testimonial-col {
        margin-bottom: 20rem !important;
    }

    .about_php section.bottom-waves-section img.bottom-waves {
        min-height: 470px;
        object-fit: cover;
    }
}


@media screen and (min-width:460px) and (max-width:575px) {
    .course-listing .testimonial-col {
        margin-bottom: 16rem !important;
    }
}

@media (max-width:575px) {
    .about_php #banner_section {
        overflow: visible !important;
    }

    .about_php .about-us-page-who {
        padding: 10rem 0 1rem;
    }

    .about_php #banner_section .component-section-title {
        padding-top:170px !important;
        width: 85%;
    }

    .about_php .why-how-section .container {
        margin-top: 125px !important;
        grid-template-rows: none !important;
        grid-template-columns: none !important;
    }

    .about_php .why-how-section .container .why-content {
        grid-column: 1/7;
    }

    .about_php section.bottom-waves-section img.bottom-waves {
        min-height: 470px;
        object-fit: cover;
    }
}


@media (max-width:415px) {
    .about_php .about-us-page-who img#banner_img {
        top: -38px;
        object-position: center !important;
        height: auto;
        width: 100%;
    }

    .about_php .why-how-section .container {
        margin-top:250px !important;
    }

    .about_php #banner_section .component-section-title {
        margin-top:150px !important;
    }
}


@media (max-width:315px) {
    .course-listing .testimonial-col {
        margin-bottom: 2rem !important;
    }

    .about_php #banner_section .component-section-title {
        margin-top:0 !important;
    }

    .about_php .why-how-section .container {
        margin-top:195px !important;
    }
}