/******************************************
    File Name: custom.css
    Template Name: Teach Me
    Created By: Show WP Team
    Envato Profile: http://themeforest.net/user/wordpressshowcase
    Website: https://showwp.com
    Version: 1.0
    Support: wordpressshowcasecom@gmail.com
/******************************************/

.course-table table a,
.portfolio-filter ul li:hover a,
.portfolio-filter ul li:focus a,
.portfolio-filter ul li:active a,
.drop-caps p:first-child:first-letter,
.pricingbox.whitebg h4,
.stat-module i,
.nobgwithicon i,
blockquote cite::before,
blockquote cite,
.latest-tweets a,
.boxes h3 span,
a:hover,
a:focus,
.navbar-brand span {
    color: #2d4a84;
}

.darkheader,
.button--pipaluk,
.button--wayra,
.button--rayen,
.button--ujarak,
#bbpress-forums li.bbp-header,
.wbc .large-post-meta,
.progress-bar span,
.progress-bar-striped,
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before,
.welcomebox-wrapper,
.welcomebox,
.ribbon-green,
.shop-bottom i,
.cartmenu sup,
.revtp-searchform input[type="submit"],
.revtp-form input[type="submit"],
.Feature-Tour,
.btn-primary {
    background-color: #6d85c1 !important;
    border-color: #6d85c1 !important;
}

.member-desc li:hover,
.member-desc li.active,
#vertical .navbar-nav > li:hover,
.section-title-2 hr,
.dmtop,
.related-title span,
.btn-trans {
    border-color: #6d85c1 !important;
}

.btn-disabled {
    background-color: #ddd;
    cursor: default;
}

.btn-disabled:hover {
    color: #999;
}

.topbar {
    border-top-color: #2d4a84;
}

.custom-widget,
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a {
    border-bottom-color: #2d4a84 !important;
}

.Feature-Examples:focus,
.Feature-Examples:hover {
    border-color: #2d4a84 !important;
    color: #2d4a84 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #2d4a84 !important;
}

/* HOVER */

.course-table .fa,
.member-desc li span,
.member-desc li:hover a,
.member-desc li:focus a,
.member-desc li.active a,
.bgw .owl-nav [class*="owl-"]:hover,
.bgw .owl-nav [class*="owl-"]:focus,
.darkheader .navbar-nav > li:hover,
.darkheader .navbar-default .navbar-nav > .active > a,
.darkheader .navbar-default .navbar-nav > .active > a:hover,
.darkheader .navbar-default .navbar-nav > .active > a:focus,
.first-accordion .panel-default > .panel-heading i,
.first-accordion .panel-default > .panel-heading,
.customtab .nav-pills > li:hover a,
.customtab .nav-pills > li:focus a,
.customtab .nav-pills > li.active > a,
.customtab .nav-pills > li.active > a:hover,
.customtab .nav-pills > li.active > a:focus,
.tab-first .nav-tabs > li:hover a,
.tab-first .nav-tabs > li:focus a,
.tab-first .nav-tabs > li.active > a,
.tab-first .nav-tabs > li.active > a:hover,
.tab-first .nav-tabs > li.active > a:focus,
.statscounts i,
.withcircle i,
.section.bgd .nav-center .owl-nav [class*="owl-"],
#owl-courses.nav-center .owl-nav [class*="owl-"],
mark,
.tags a,
.revtp-searchform input[type="submit"]:hover,
.revtp-form input[type="submit"]:hover,
.Feature-Tour:hover,
.Feature-Tour:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color:#2d4a84 !important;
    border-color: #2d4a84 !important;
}
.btn-menu{
    padding: 10px 25px;
    font-size: 16px;
}
.btn-login{
    background-color: #2d4a84 !important;
    border-color: #2d4a84 !important;
}
.btn-login:hover{
    background-color: #2d4a84 !important;
    border-color: #2d4a84 !important;
}
.h4_feature{
    line-height: 30px !important;
    padding-bottom: 35px !important;
}
.text-white{
    color: #fff;
}
.title-area h2{
    color: #2d4a84;
    font-size: 30px;
}
.min-h-70{
    min-height: 70px !important;
}
.date-signing{
    display: inline-block;
    height: 16px;
    margin-bottom: 6px;
}
.date-signing .tit{
    display: inline-block;
    width: 100%;    
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
}
.date-signing .date{
    display: inline-block;
    width: auto;
    text-align: center;
    margin-bottom: -15px;
}
.date-signing i{
    float:left;
    color:#006c78;
}
.date-signing .small-date{
    float:right;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: "Humanist Regular";
}
.color-signed{
    color: #999 !important;
}

.form-status{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
}
.form-status form label{
    float: left;
    margin-right: 15px;
    margin-top: 8px;
    color: #000;
}
.form-status form .form-control {
    float: left !important;
    width: auto;
    height: 45px;
    margin-bottom: 20px;
    box-shadow: none;
    color: #555;
    border-radius: 0;
    letter-spacing: 0.3px;
    font-size: 13px;
    border: 1px solid #e9e9ec;
}


.back-course{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-color: #667592;    
}
.back-course1{
    background-image: url(../img/No-8-photography-of-person-using-macbook.jpg);    
}
.back-course2{
    background-image: url(../img/sect_celebration.jpg);    
}
.back-course3{
    background-image: url(../img/top-header3.jpg);    
}
.back-course h3{
    color: #fff;
    min-height: 46px;
}

.title-area h2 {
    /*color: #4f4e4e!important;*/
    /*color:#2d4a84 !important;*/
}
.page-title {
    /*text-align: center!important;*/
}
.withcircle h3, .nobgwithicon.service-first h3 {
    color: #4f4e4e;
}

.services h3 {
    /*color:#4f4e4e!important;*/
    color:#2d4a84 !important;
    text-align:center
}

.section.bggw
{
    background-color:white;
}
.dmtop {
     overflow: hidden!important; 
}

.page-title .white {
    background-color:white;
}
.white{
    background-color:white;
}
.icon-status
{
    width: 25px;
    height: 25px;
    display: block;
   /* line-height: 80px;*/
    font-size: 12px;
    margin: 0 auto 0px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 0 0 0px !important;
    color: #fff;

    float: left;
    margin-right:12px;
    margin-top:-3px;
}
small {
    font-style: normal!important;
}
.text-darkblue
{
    color: #2d4a84;
    
}
.text-darkpink
{
    color: #541a66;
}
.icon-darkblue
{
    background-color: #2d4a84  !important;
    border-color: #2d4a84  !important;
}
.icon-darkpink
{
    background-color: #541a66 !important;
    border-color: #541a66 !important;
}
.btn-menu {
    margin-bottom: 10px!important;
}



/* Custom login 1 */

.custom-login-back{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    /*background-image: url('../img/green-lady.jpg');*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 1s;    
}
.custom-login-back .text{
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.custom-login-back .text .tit{
    width: 100%;
    font-size: 30px;
    text-shadow: 0px 0px 10px #000;
    color: #fff;
}
.custom-login-back .text .txt{
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    padding: 1px 5px;
}
.custom-login-back .custom-login-box{   
    /*position: absolute;*/
    top: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 0.955);
    height: 100%;
    width: 450px;
    padding: 50px;
    padding-top:0px;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
}
.custom-login-back .custom-login-box .box{
    display: table-cell;
    vertical-align: middle;
}
.custom-login-back .custom-login-box .box .logo-login{   
    display: inline-block; 
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.custom-login-back .custom-login-box .box .logo-login img{    
    display: inline-block;
    width: 100%;
}
.custom-login-back .custom-login-box .box form{    
    display: inline-block;
    width: 100%;
}
.custom-login-back .custom-login-box .box form label{    
    display: inline-block;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.custom-login-back .custom-login-box .box form input{    
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    border-radius: 6px;
}
.custom-login-back .custom-login-box .box form .btn{    
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background-color: #6d85c1;
    color: #fff;
}
.custom-login-back .custom-login-box .box form .btn:hover{    
    background-color: #2d4a84;
}


/* Custom login 2 */

.foto1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;

    background-image: url('../img/green-lady.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;

    clip-path: polygon(0 2%, 0 100%, 100% 100%);
}
.foto2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;

    background-image: url('../img/Hands-holding-black-folder-g.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;

    clip-path: polygon(2% 0, 100% 100%, 100% 0);
}

.box2{
    position: absolute;
    top: calc(50% - 235px);
    left: calc(50% - 175px);
    background: rgba(255, 255, 255, 0.955);
    width: 350px;
    padding: 50px;
    box-sizing: border-box;
}
.box2 .logo-login{   
    display: inline-block; 
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.box2 .logo-login img{    
    display: inline-block;
    width: 100%;
}
.box2 form{    
    display: inline-block;
    width: 100%;
}
.box2 form label{    
    display: inline-block;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.box2 form input{    
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    border-radius: 6px;
}
.box2 form .btn{    
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background-color: #0e4d8b;
    color: #fff;
}
.box2 form .btn:hover{    
    background-color: #006c78;
}




/* Custom login 3 */

.foto3 {
    position: absolute;
    width: 49.6%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;

    background-image: url('../img/green-lady.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    /*background-size: cover;*/

}
.foto4 {
    position: absolute;
    width: 49.6%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;

    background-image: url('../img/Hands-holding-black-folder-g.png');
    background-position: left center;
    background-repeat: no-repeat;
    /*background-size: cover;*/

}

.box3{
    position: absolute;
    top: calc(50% - 235px);
    left: calc(50% - 175px);
    background: rgba(255, 255, 255, 0.97);
    width: 350px;
    padding: 50px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
}
.box3 .logo-login{   
    display: inline-block; 
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.box3 .logo-login img{    
    display: inline-block;
    width: 100%;
}
.box3 form{    
    display: inline-block;
    width: 100%;
}
.box3 form label{    
    display: inline-block;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.box3 form input{    
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    border-radius: 6px;
}
.box3 form .btn{    
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background-color: #0e4d8b;
    color: #fff;
}
.box3 form .btn:hover{    
    background-color: #006c78;
}




/* Custom login 4 */

.foto5 {
    position: absolute;
    width: 38%;
    height: 400px;
    top: calc(60% - 300px);
    right: 2%;

    background-image: url('../img/green-lady.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #0e4d8b;

}
.foto6 {
    position: absolute;
    width: 38%;
    height: 400px;
    top: calc(60% - 300px);
    left: 2%;

    background-image: url('../img/Hands-holding-black-folder-g.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #0e4d8b;

}

.box4{
    position: absolute;
    top: calc(53.2% - 235px);
    left: calc(50% - 175px);
    background: rgba(255, 255, 255, 1);
    width: 350px;
    padding: 50px;
    box-sizing: border-box;
    border: 1px solid #0e4d8b;
    padding-top: 15px;
    padding-bottom: 22px;
}
.box4 .logo-login{   
    display: inline-block; 
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.box4 .logo-login img{    
    display: inline-block;
    width: 100%;
}
.box4 form{    
    display: inline-block;
    width: 100%;
}
.box4 form label{    
    display: inline-block;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.box4 form input{    
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    border-radius: 6px;
}
.box4 form .btn{    
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    background-color: #0e4d8b;
    color: #fff;
}
.box4 form .btn:hover{    
    background-color: #006c78;
}
.landing-box-title
{
    color:white!important;
    text-align:center;
    font-size:18px;
}
.landing-box
{
padding-bottom: 15px;
background-color: #6d85c1;
border-radius: 10px;
padding-bottom: 10px!important;
margin-bottom: 15px!important;
}
.services img {
    /*margin-bottom: 0px;*/
}
.related-title {
    color: #6d85c1!important;
}
.button--wayra::before {

    background: #2d4a84!important;
        background-color: rgb(45, 74, 132)!important;

}
.alert-danger {
    color: #fff;
    background-color: #006c78;
    border-color: #006c78;
    border-radius: 7px !important;
}
.redonded{
    border-radius: 8px !important;
}

@media only screen and (max-width: 990px) {
    
    .custom-login-back{
        float: left !important;
        position: relative !important;
        z-index: 999999999 !important;
    }
    #boxes-login  .services{
        display: inline-block;
        margin: 20px 10% !important;
    }

}

.magnifier {
    border-radius: 8px !important;
}

.shop-item-bg {
    background-color: #fff;
}

.forms .info {
    width: 100%;
    text-align: center;
    color: #555;
    font-size: 20px;
}
.forms .msg-confirm h6 {
    width: 100%;
    text-align: center;
    color: #c00;
    font-size: 20px !important;
}
.forms p {
    font-size: 17px !important;
    color: #777;
}
.forms .btn {
    background-color: #6d85c1 !important;
    border-color: #6d85c1 !important;
    color: #fff !important;
}
.forms .btn:hover{    
    background-color: #2d4a84;
}
.forms strong{    
    color: rgb(82, 81, 81);
}
.forms .radio input[type="radio"]{
    margin-bottom: 20px;
}

.forms .intro {
    /*border-bottom: 1px solid #b7b7b7;*/
    padding-bottom: 25px;
}
.forms .caption {
    background-color: #6d85c1;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}


.forms table {
    width: 100%;    
    margin-bottom: 50px;
}
.forms table td {
    padding: 10px; 
    border-bottom: 1px solid #ccc;    
}
.forms table td.head {
    color: #000;   
    text-align: center;
}
.forms table .radio input[type="radio"] {
    margin-top: -10px;   
    margin-left: -16px !important;
    opacity: 1 !important;
    margin-bottom: 0px;
}

.forms .txt-warning, .forms .txt-warning p {
    color: #c00 !important;
}

.forms.no-edit input, .forms.no-edit select, .forms.no-edit textarea, .forms.no-edit label {
    pointer-events: none;
}

.forms #signature {
    border: 1px solid #ddd;
    display: inline-block;
    margin-top: 35px;
    margin-bottom: 50px;
}
.forms .signature_section {
    width: 500px;
    margin: 0 auto;
    margin-top: 25px;
}
.forms .tbl_sign {
    font-size: 16px;
    width: 500px;
}
.forms .tbl_sign img {
    width: 80%;    
}
.forms .signature_text {
    width: 100%;
    text-align: center;
}
.forms .signature_name {
    width: 100%;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}
.forms .signature_name span {
    font-family: "Humanist Bold";
}
.forms .final_signature {
    margin-left: 15px;    
}
.forms .clear_sign {
    float: right;
    margin-top: -45px;
    background-color: #6d85c1;
    color: #fff;
    padding: 1px 8px;
    cursor: pointer;
}
.forms .clear_sign:hover {
    opacity: 0.8;
}

.form.no-edit {
    pointer-events: none;
}
.form.no-edit a,.form.no-edit textarea {
    pointer-events: auto;
}

.form .col-sm-12 .radio {
    width: 100%;
}
.form .col-sm-12.two-cols .radio {
    width: 49%;
}
.form .col-sm-12.two-cols .checkbox {
    width: 49%;
    display: inline-block;
}

.form .text-no-edit {
    background-color: #f0f0f0;
    padding: 10px 15px 2px 15px;
    border-radius: 5px;
}
.form .text-no-edit p {
    color: #2d4a84;
}


/* Further Documents */

.fdocs .fdoc {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 10px 0 15px 0;
}
.fdocs .fdoc i {
    margin-right: 5px;
}
.fdocs .fdoc .tit {
    padding-top: 10px;
}