.training-date{display:block;font-size:20px;text-align:center}
.training-month{display:block;font-size:13px;text-align:center}
.training-year{display:block;font-size:13px;text-align:center}
.month-year-heading{font-size:18px;color:#354869;font-weight:500}
.updated-session{text-align-last:center}
.course-thump-img{width:125px;max-width:100%;display:inline-block;text-align:center}
.session-heading{font-weight:600;color:#354869;display:inline-block;font-size:16px;line-height:26px;margin-top:10px}
.course-thump-img .day-text span{display:inline-block;margin:0 auto}
.training-page .service-table .favorites{font-size:12px;color:#979798;font-weight:600}
.training{width:83%;background:#fff!important;box-shadow:none!important}
#aCalander.search-submit i.fas img{width:25px;margin-left:5px}
.virtual-training-section .session-section .date-section .sessions-dropdown select{width:100%}
.virtual-training-section .session-section .available-session{margin-bottom:10px}
.training-cources{height:auto!important;padding-top:30px;padding-bottom:30px;background:#0984E3!important}
.training-cources h1{color:#fff;font-weight:600;font-size:28px;letter-spacing:0}
.add-cart-section .checkout-icon img{width:25px}
.add-cart-section .checkout-icon span a{background:#28A49B;color:#fff;padding:10px 15px;border-radius:5px}
.add-cart-section .checkout-icon span img{margin-right:5px}
.add-cart-section .cart-notification .cart-add-s{color:#454545;font-size:14px;text-align:center}
.add-cart-section .cart-notification .cart-add-s #cart-notification-counter{color:#454545;font-weight:700;text-align:center}
.add-cart-section .cart-notification .cart-add-s #cart-notification-counter:hover{color:#0984E3}
.add-cart-section .cart-notification .cart-add-c{color:#0F9D4B;text-align:center}
.add-cart-section .cart-notification .cart-add-c .fa-check{font-weight:600;margin-right:5px}
.add-cart-section .cart-notification .cart-course-title h5{color:#454545;font-weight:500;font-size:14px;line-height:26px;margin-bottom:5px}
.add-cart-section .cart-notification{background:#DAF6F4;display:inline-block;width:100%;padding:15px 10px!important;border:1px solid #d5d6d8;border-radius:3px}
.add-cart-section .cart-notification .checkout-icon{text-align:center;display:block;margin-top:3px}
.add-cart-section{background:#EEE}
.add-cart-section .industry-notification{display:inline-block;width:100%}
.add-cart-section .industry-notification .country-section .form-control,.add-cart-section .industry-notification .industry-section .form-control{height:50px;border-radius:0;border-right:0;border-left:1px solid #C7E3FA;border-top:1px solid #C7E3FA;border-bottom:1px solid #C7E3FA;color:#2699FB}
.add-cart-section .industry-notification .country-section .form-control:focus,.add-cart-section .industry-notification .industry-section .form-control:focus{box-shadow:none!important}
.add-cart-section .industry-notification .search-section .search-form .search-field{border:1px solid #C7E3FA!important}
.add-cart-section .industry-notification .search-section .search-form .btn.search-submit{width:auto!important;font-size:14px;color:#fff;background:#0984E3;padding-left:15px;padding-right:15px}
.add-cart-section .industry-notification .search-section .search-form .search-field:focus{background:#fff}
.catalog-filter-section .select-filter .tag{background:#1978D2;padding:8px 10px;color:#fff;border-radius:6px}
.catalog-filter-section .select-filter .tag .tag-remove{background:transparent;border:0 none;color:#fff;margin-left:5px}
.catalog-filter-section #primary-sidebar h5.widget-title{font-weight:600;padding-left:0;position:relative;margin-bottom:10px;color:#454545;text-transform:uppercase;font-size:14px}
.catalog-filter-section #primary-sidebar .product-categories .cat-item input{margin-right:5px;margin-top:-2px;vertical-align:middle}
.catalog-filter-section #primary-sidebar .product-categories .cat-item a{font-size:13px;font-weight:500;color:#0984E3;cursor:pointer}
.catalog-filter-section #primary-sidebar .widget{border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom:25px}
.catalog-filter-section #primary-sidebar #catalogSection ul .cat-item a span.cts-r87{float:right}
.virtual-section{display:inline-flex;padding-left:0}
.virtual-section li{list-style:none;display:inline-block;vertical-align:middle}
.virtual-section li a{font-size:13px;font-weight:600;color:#0984E3}
.virtual-section .cat-item input{margin-right:5px;margin-top:-2px;vertical-align:middle;margin-left:5px}
.virtual-section .cldr-view-btn a span{font-size:13px;font-weight:600;padding-left:5px}
.virtual-section .cldr-view-btn a .fa-calendar{font-size:20px;margin-left:10px}
.virtual-section .cldr-view-btn a{border-left:2px solid #d8d8d8;margin-left:8px}
.virtual-training-section .card{border:1px solid #DDD;display:inline-block;width:100%;border-radius:5px;padding:5px 10px}
.virtual-training-section .course-details h1{color:#0069CD;font-size:16px;font-weight:600;margin-bottom:5px;line-height:25px}
.virtual-training-section .course-details h1 a{color:#0069CD;font-size:16px;font-weight:600;margin-bottom:5px}
.virtual-training-section .course-details{padding:15px 0 10px}
.virtual-training-section .virtual-training ul,.private-training-request ul{padding-left:0;margin-bottom:10px}
.virtual-training-section .virtual-training ul li,.private-training-request ul li{display:inline-block;margin-right:5px;margin-bottom:5px;border:1px solid #D8D8D8;border-radius:5px;padding:8px 15px;display:inline-block}
.virtual-training-section .virtual-training ul li a{color:#454545}
.virtual-training-section .virtual-training ul li img,.private-training-request ul li img{margin-right:5px;vertical-align:text-top;display:inline-block}
.private-training-request ul li a{color:#0069CD}
.virtual-training-section .session-section{padding:15px 0 10px}
.virtual-training-section .session-section .enroll-icon{margin-bottom:45px}
.virtual-training-section .session-section .available-session .session{background:#28A49B;color:#fff;padding:5px 10px;max-width:100%;text-align:center;border-radius:3px}
.virtual-training-section .session-section .available-session{display:inline-block;margin-bottom:5px;margin-top:20px}
.virtual-training-section .session-section .date-section .sessions-dropdown{display:inline-block}
.virtual-training-section .session-section .date-section .sessions-dropdown select{font-size:13px;border:0 none;cursor:pointer;color:#454545}
.virtual-training-section .session-section .date-section .enroll{border-left:2px solid #D8D8D8;font-size:13px;color:#454545;padding-left:8px}
.virtual-training-section .card{margin-bottom:5px}
.virtual-training-section .session-section .date-section .enroll a{font-size:12px;background:#0984E3;color:#fff;padding:3px 8px;border-radius:3px;border:1px solid #0984E3}
.virtual-training-section .session-section .date-section .enroll a:hover{background:#0984E3;border:1px solid #0984E3;color:#fff}
.p-r-0{padding-right:0}
.p-l-0{padding-left:0}
.cart-remove-s{color:red;cursor:pointer}
.no-result-section-mobile{width:100%;height:auto;border:1px solid #ccc;border-radius:10px;padding:35px 0;text-align:center}
.no-result-section-mobile > span{display:block}
.reset-txt{color:#0984e3;font-size:15px;font-weight:700}
.onsite-training-approach h2 {
    color: #003d85;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
}

.onsite-request-quote li .btn {
    border: 1px solid #28a49a;
    color: #28a49a;
    background: transparent;
    padding: 6px 15px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
}

    .onsite-request-quote li .btn:focus {
        outline: none;
        box-shadow: none;
    }

.onsite-request-quote li {
    display: inline-block;
    margin-bottom: 10px;
}

    .onsite-request-quote li .btn:hover {
        background: #28a49a;
        color: #ffffff;
    }

.quote-training-page .label-primary {
    background: transparent;
    border: 1px solid #28A49A;
    color: #28A49A;
    padding-bottom: 2px;
}

    .quote-training-page .label-primary:hover {
        background: #28A49A;
        color: #ffffff;
    }

.quote-add-cart-section {
    background: #f2f5f9;
}

.quote-training-page .virtual-training-section .card {
    border: 1px solid #D5D6D8;
}

.quote-training-page .virtual-training-section .course-details {
    padding: 5px 0px;
}

    .quote-training-page .virtual-training-section .course-details a {
        color: #0069cd;
        font-weight: 500;
        text-decoration: underline;
        font-size: 14px;
    }

.quote-training-page .virtual-training-section .btn-primary {
    border: 1px solid #0069cd;
    color: #fff;
    background: #0069cd;
    display: inline-block;
    margin: 10px 0;
    font-size: 13px;
}

    .quote-training-page .virtual-training-section .btn-primary:focus {
        outline: none;
        box-shadow: none;
    }

.quote-training-page .virtual-training-section .card {
    margin: 5px 10px 5px 0;
    background: #ffffff;
    max-width: 100%;
    padding: 10px 15px;
}

    .quote-training-page .virtual-training-section .card:nth-child(2n+2) {
        background: #f6f6f6;
    }

.quote-training-page #primary-sidebar .product-categories .cat-item a {
    color: #0069CD;
}
.quote-training-page .virtual-training-section .card:hover {
    background: #f6f6f6;
    border: 1px solid #d5d6d8;
    box-shadow: 0 5px 12px rgba(126,142,177,.2);
}
.quote-bg {
    background: #F2F5F9;
}
.quote-training-page #primary-sidebar {
    padding: 15px;
    margin-top: 0;
}
.onsite-request-quote{
    margin-bottom: 0px;
}
@media (min-width:768px) and (max-width:1024px) {
    .catalog-filter-section #primary-sidebar .widget ul li{margin-bottom:10px}
}
@media screen and (max-width: 992px) {
.add-cart-section .cart-notification .cart-course-title,.add-cart-section .cart-notification .cart-add-s,.add-cart-section .cart-notification .cart-add-c{margin-bottom:15px;text-align:left}
.add-cart-section .cart-notification .checkout-icon{text-align:left}
.add-cart-section .industry-notification .country-section .form-control,.add-cart-section .industry-notification .industry-section .form-control{border-right:1px solid #C7E3FA;border-left:1px solid #C7E3FA;border-top:1px solid #C7E3FA;border-bottom:0 solid #C7E3FA}
.catalog-filter-section .select-filter .tag{display:inline-block;margin-bottom:10px}
.catalog-filter-section #primary-sidebar .widget ul li{margin-bottom:10px}
.format-section{text-align:left!important}
.format-section .virtual-section li{margin-bottom:10px}
#coursescount{margin-bottom:10px}
}
@media screen and (max-width: 767px) {
.virtual-training-section .session-section .enroll-icon{margin-bottom:10px}
.virtual-training-section .session-section .available-session{margin-top:5px}
.virtual-training-section .session-section{text-align:left!important}
.quote-training-page .virtual-training-section .card{width: 100%;}
 .onsite-request-quote li .btn, .onsite-request-quote li{width: 100%;}
}
@media screen and (max-width: 480px) {
.virtual-section .cldr-view-btn a{border-left:0}
.format-section .virtual-section{display:block}
}
.calendar-mobile-view h6 a{color:#6d6d6d;font-size:14px;color:#0069CD;font-weight:600;cursor:pointer}
.calendar-mobile-view h6 a:hover{text-decoration:underline}
.calendar-mobile-view .favorites{font-size:13px;color:#606060;font-weight:500;margin-bottom:5px;display:inline-block}
.calendar-mobile-view .list-price{font-size:18px;color:#0069CD;margin-left:5px}
.calendar-mobile-view .price{margin-right:5px;margin-bottom:0}
.calendar-mobile-view .calendar-view-detail .data-descr h6{margin-bottom:5px}
.calendar-mobile-view .calendar-view-detail{margin-bottom:15px}
.catalog-mobile-view .search-submit{background:#28A49B;padding:8px 10px;text-align:center!important;display:block!important;color:#fff;font-weight:600;font-size:15px;border-radius:5px}
.virtual-training-section .session-section .date-section .sessions-dropdown select:focus-visible{outline:-webkit-focus-ring-color auto 0!important}
.form-control{-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important}
.reportrange{border:1px solid #d5d6d8;margin-bottom:10px;background:transparent;max-width:100%}
.search-section .search-form #suggestions{z-index:3}
.month-year-heading .fas{font-size:18px!important;display:inline-block;margin:0 5px;vertical-align:middle;cursor:pointer}
.search-section .search-form #suggestions{-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:49px;background-color:#fff;width:100%;z-index:3;-webkit-box-shadow:2px 3px 5px 2px rgba(0,0,0,.13);-moz-box-shadow:2px 3px 5px 2px rgba(0,0,0,.13);box-shadow:2px 3px 5px 2px rgba(0,0,0,.13)}
.search-section .search-form #suggestions option{font-size:12px;width:100%;white-space:nowrap;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:6px 20px}
.search-section .search-form #suggestions option:hover{background:#f5f5f5}
#suggestions > .option{font-size:14px;cursor:pointer}
.training-page .service-table .enroll-btn .view-btn{background:#0984E3;color:#fff;font-weight:600;width:auto;border:1px solid #0984E3}
.onsite-workshop-section li {
  border: 1px solid #28a49a;
  color: #28a49a;
  background: transparent;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
  width: 100%;
}

    .onsite-workshop-section li img {
        width: 25px;
        margin-right: 5px;
    }

.onsite-workshop-section li {
   display: inline-block;
   margin-bottom: 10px
}
.hero-section {
    background: #fff;
    background-size: cover;
    background-position: 0px 657px;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}

    /* .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #004274, #214663);
    z-index: -1;
    height: 100%;
    width: 100%;
    opacity: .9;

} */
    .hero-section .left-content .timken-logo {
        margin-bottom: 20px;
    }

    .hero-section .left-content .p-text,
    .hero-section .left-content .p-text a {
        color: #525252;
        font-size: 17px;
        line-height: 1.5;
    }

        .hero-section .left-content .p-text a {
            color: #ff8a08;
            text-decoration:underline;
            transition: all .5s;
        }
            .hero-section .left-content .p-text a:hover {
                color: #525252;
            }

    .hero-section .right-content .cta {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
        transition: all .5s;
    }

        .hero-section .right-content .cta .item {
            background: #fff;
            border-radius: 5px;
            padding: 15px 15px 75px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            text-decoration: none;
            position: relative;
            border: 2px solid #959595;
            transition: all .5s;
        }

            .hero-section .right-content .cta .item:hover {
                border-color: #ff8a08;
            }

            .hero-section .right-content .cta .item svg,
            .hero-section .right-content .cta .item img {
                width: 60px;
                margin-left:0;
            }

            .hero-section .right-content .cta .item span {
                color: #525252;
                font-size: 16px;
                font-weight: 600;
                transition: all .5s;
            }

            .hero-section .right-content .cta .item:hover span {
                color: #ff8a08;
            }

            .hero-section .right-content .cta .item .read-more {
                display: flex;
                justify-content: space-between;
                align-items: center;
                position: absolute;
                bottom: 15px;
                width: 100%;
                padding-right: 30px;
            }

    .hero-section .right-content .search-country form {
        display: flex;
        margin-top: 20px;
        background: #fff;
        padding: 5px 0;
        border-radius: 5px;
    }

        .hero-section .right-content .search-country form > div {
            width: 100%;
            border-right: 1px solid #cbcbcb;
            padding: 0 7px;
        }

            .hero-section .right-content .search-country form > div.country {
                width: 60%;
            }

            .hero-section .right-content .search-country form > div:last-child {
                border-right: none;
            }

        .hero-section .right-content .search-country form input,
        .hero-section .right-content .search-country form select,
        .hero-section .right-content .search-country form button {
            outline: none;
            border: none;
            background: none;
            color: #818181;
            width: 100%;
        }

            .hero-section .right-content .search-country form select:focus {
                box-shadow: none;
                background: #f0f0f0;
                border: 1px solid #525252;
                color: #525252;
            }

        .hero-section .right-content .search-country form .search {
            display: flex;
        }

            .hero-section .right-content .search-country form .search button {
                background: #d6dfe5;
                border: 1px solid #003686;
                color: #003686;
                border-radius: 7px;
                width: fit-content;
                padding: 0 20px;
                display: flex;
                align-items: center;
                gap: 15px;
                font-size: 14px;
                font-weight: 600;
            }

                .hero-section .right-content .search-country form .search button i {
                    font-size: 12px;
                }

        .hero-section .right-content .search-country form input::placeholder,
        .hero-section .right-content .search-country form input,
        .hero-section .right-content .search-country form select::placeholder,
        .hero-section .right-content .search-country form select {
            font-size: 14px;
            font-weight: 500;
        }

        .hero-section .right-content .search-country form select {
            padding: 7px;
            border-radius: 4px;
            background: #525252;
            color: #fff;
        }

.st0 {
    fill: #003686;
}

#welcomPop .modal-body {
    padding: 0;
    background: url(/images/welcome-bg.jpg);
    max-width: 650px;
}

#welcomPop .modal-content {
    border: none;
}

#welcomPop .modal-body .close {
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    opacity: 1;
    font-weight: 500;
}

#welcomPop .content {
    text-align: left;
    padding: 50px 30px;
}

    #welcomPop .content .h2-title {
        color: #fff;
        font-size: 27px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    #welcomPop .content .p-text {
        color: #fff;
        margin-bottom: 0;
        padding-right: 120px;
    }

.h3-public-tilte {
    font-weight: 600;
    font-size: 35px;
    color: #046acd;
}

@media (max-width: 500px) {
    #welcomPop .modal-body {
        max-width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #welcomPop .content {
        padding: 20px;
        background: #151e49;
    }

        #welcomPop .content .p-text {
            padding-right: 0;
        }

    .hero-section .right-content .cta {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

        .hero-section .right-content .cta .item {
            padding: 15px 15px 53px;
        }

    .hero-section .right-content {
        margin-bottom: 50px;
    }

        .hero-section .right-content .cta .item br {
            display: none;
        }
}



.hero-forvia {
    padding: 50px 0;
}
.hero-forvia .left-content .timken-logo {
    margin-bottom: 20px;
}

.hero-forvia .left-content .p-text,
.hero-forvia .left-content .p-text a {
    color: #525252;
    font-size: 17px;
    line-height: 1.5;
}

    .hero-forvia .left-content .p-text a {
        color: #0929c3;
    }

.hero-forvia .right-content .cta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    transition: all .5s;
}

    .hero-forvia .right-content .cta .item {
        background: #fff;
        border-radius: 5px;
        padding: 15px 15px 55px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-decoration: none;
        position: relative;
        border: 2px solid #959595;
        transition: all .5s;
    }

        .hero-forvia .right-content .cta .item:hover {
            border-color: #0929c3;
        }

        .hero-forvia .right-content .cta .item svg,
        .hero-forvia .right-content .cta .item img {
            width: 60px;
            margin: 0;
        }

        .hero-forvia .right-content .cta .item span {
            color: #525252;
            font-size: 16px;
            font-weight: 600;
            transition: all .5s;
        }

        .hero-forvia .right-content .cta .item:hover span {
            color: #0929c3;
        }

        .hero-forvia .right-content .cta .item .read-more {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: absolute;
            bottom: 15px;
            width: 100%;
            padding-right: 30px;
        }

.hero-forvia .right-content .cta1 {
    display: flex;
    gap: 20px;
}

    .hero-forvia .right-content .cta1 .action {
        display: block;
        background: linear-gradient(0deg, #065ec2, #12c2e7);
        display: flex;
        justify-content: space-between;
        gap: 15px;
        padding: 15px;
        width: 50%;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
    }

        .hero-forvia .right-content .cta1 .action img {
            width: 80px;
        }

        .hero-forvia .right-content .cta1 .action .content {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
            .hero-forvia .right-content .cta1 .action .content {
                font-size: 15px;
                font-weight: 600;
            }
            .hero-forvia .right-content .cta1 .action .read-more {
                background: #0024d5;
                color: #fff;
                font-size: 13px;
                padding: 5px 15px;
                display: inline-flex;
                border-radius: 6px;
                align-items: center;
                gap: 10px;
                width: fit-content;
            }

            .hero-forvia .right-content .cta1 .action .read-more i {
                font-size: 11px;
                margin-top: 5px;
            }

@media (max-width: 500px) {
    .hero-forvia {
        padding: 0 0 30px 0;
    }
        .hero-forvia .right-content .cta {
            padding:40px 0 10px 0 ;
        }
        .hero-forvia .right-content .cta1 {
            display: flex;
            gap: 20px;
            flex-direction: column;
        }

        .hero-forvia .right-content .cta1 .action {
            width: 100%;
            padding: 30px;
            justify-content: flex-start;
            gap: 30px;
        }

    .hero-forvia .right-content .cta {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

        .hero-forvia .right-content .cta .item {
            padding: 15px 15px 53px;
        }

    .hero-forvia .right-content {
        margin-bottom: 50px;
    }

        .hero-forvia .right-content .cta .item br {
            display: none;
        }
}