.min-height-auto{
    min-height:inherit!important; 
}

.m30{
    margin-top: 30px;
    margin-bottom: 30px;
}

.mb-20{
   margin-bottom: 20px!important; 
}

.headingprodi{
    font-weight: bold;
    color: #333C41;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    margin-top: 0;
}
.headingprodi.mt20{
    margin-top: 20px;
}
.newboxdesgin{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px;
    border: 1px solid #D6D6D8;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 180px;
    position: relative;
}


.newboxdesgin h4.entry-title{
    font-weight: 400;
color: #333C41;
font-size: 14px;
letter-spacing: 0.5px;
margin-top: 25px;
margin-bottom: 0;
line-height: 1.4;
}

.newboxdesgin:hover h4.entry-title {
    color: #FF692E;
}


.newboxdesgin .imgdivhold{
    
}
.newboxdesgin .imgdivhold img{
    height: 65px;
}
.newboxdesgin h3{
    font-weight: 500;
    color: #333C41;
    font-size: 14px;
/*    letter-spacing: 0.5px;*/
    margin-top: 25px;
    margin-bottom: 0;
    line-height: 1.4;
}
.newboxdesgin p{
margin-bottom: 0;
    font-size: 11px;
    color: #58585a; 
}
.newboxdesgin:hover{
    text-decoration: none;
}
.newboxdesgin:hover h3{
    color: #FF692E;
}
/* breadcrumb region */
.breadcrumbregion{
        margin-bottom: 30px;
}
.breadcrumbregion ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbregion li{
    display: inline;
    color: #F15A22;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.breadcrumbregion li + li:before{
    content: ">";
    padding-left: 10px;
    padding-right: 5px;
    font-weight: 300;
}
.breadcrumbregion li a{
    color: #333C41;
    font-weight: 400;
}
/* right sidebar */
.scheduledclass{
    background-color: #F9F9F9;
    margin-bottom: 20px;
    clear: both;
    float: left;
    width: 100%;
}
.formsubscriptionouter .mCustomScrollbar {
        height: 62px;
    overflow: auto;
}
.scheduledclass h2{
    background-color: #333C41;
    color: #fff;
    text-align: center;
    padding: 13px;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 500;
    border-radius: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.scheduledclass .tableouter{
        padding: 10px;
}
.scheduledclass table{
    
}
.scheduledclass table tr{
    border-bottom: 0.5px solid rgba(51, 60, 65, 0.2);
}
.scheduledclass table tr:last-child{
    border-bottom: 0px;
}
.scheduledclass table tr td{
padding: 10px 5px;
    font-size: 12px;    
}

.upcomingliveclasses{
    background-color: rgba(241, 90, 34, 0.2);
    margin-bottom: 20px;
    border-radius: 7px;
    padding: 10px;
    clear: both;
    float: left;
    width: 100%;
}
.upcomingliveclasses h2{
    font-size: 16px;
    color: #333C41;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}
.contentarea{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.contentarea:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0px;
}
.upcomleft{
    float: left;
    width: 50%;
}
.upcomleft p{
        font-size: 13px;
    color: #333C41;
    margin: 0;
}
.upcomleft p:last-child{
    
}
.upcomright{
    float: right;
    width: 50%;
    text-align: right;
}
.orangebtnfld{
    background-color: #F15A22;
    color: #fff;
    border-radius: 7px;
    letter-spacing: 0.7px;
    font-size: 13px;
}

.contineewact{
    
}
.contineewact h2{
    
}
.contininer{
    
}
.contininer img{
    
}
.continuright{
    
}
.continuright h3{
    
}
.continuright > p{
    
}
.progresscon{
    
}
.progresscon p{
    
}
.progressflidor{
    
}
.progressflidor span{
    
}
.instagramregion{
clear: both;
    float: left;
    width: 100%;
    border: 1px solid rgba(83, 84, 97, 0.5);
    padding: 15px;
    font-size: 13px;
    color: #333C41;
    border-radius: 7px;
    position: relative;
    margin-bottom: 20px;
}
.instagramregion a{
    color: #333C41;
}



.subsriptionsel{
margin: 0;
    padding: 15px;
    list-style: none;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 5px;
}
.subsriptionsel li{
float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.subsriptionsel li span{
float: left;
    padding: 7px 7px;
    background-color: #ff692e;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    min-width: 67px;
    text-align: center;
}
.subsriptionsel li span a{
    color: #fff;
}
.subsriptionsel > li:nth-child(3){

}
.subsriptionsel .hidecontent{
    display: none;
}
.subsriptionsel .btn-click{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.7px;
    margin-top: 7px;
    float: left;
    margin-right: 10px;
    clear: both;
}
.subsriptionsel .less_hide{
    display: none;
}
.subsriptionsel .showcontent{
display: inline;
}
.showcategory ~ .btn-click{
    display: none;
}
.subsriptionsel .showcontent li{

}
.subsriptionsel .showcontent ~ .show_hide{
    display: none;
}
.subsriptionsel .showcontent ~ .less_hide{
    display: block;
}







/*.instagramregion:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 80px;
    width: 40px;
    background-image: url(/images/svg/instaarrow.svg);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center;
}
.instagramregion:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    width: 50px;
    background-image: url(https://clsite-file.s3.amazonaws.com/6953_instlogoimg.png);
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: center;
}*/
.instagramregion ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
/*    text-align: center;*/
}
.instagramregion ul li{
display: inline-block;
    width: 17.5%;
}
.instagramregion ul li + li{
/*  margin-left: 20px;*/
}
.instagramregion ul li a{
    
}
.instagramregion ul li img{
/*  height: 40px;*/
max-height: 40px;
margin-right: 10px;
border: 2px #f0eeee solid;
padding: 5px;
border-radius: 2px;
}
/* Test */
.testdesginnew{
    
}
.testdesginnew h3{
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: bold;  
}
.testdesginnew p{
    font-weight: 400;
    margin-top: 15px;
    color: #333C41;
}
.testdesginnew p strong{
        color: #FF692E;
}

/* Slick slider css */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    clear:both;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    /* margin-left: auto;
    margin-right: auto; */
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
    margin-bottom: 20px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
    display: none;
}
.slick-dots{
    display:none !important;
}
.slick-arrow{
    display:none !important;
}

.arrowadded .slick-arrow{
    display: block !important;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 10px;
    border: 0;
    background-color: #363e52;
    text-indent: -9999px;
    padding: 0;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
    top: 32px;
    z-index: 9;
}
.arrowadded .slick-prev{
    background-image: url(/images/next-icon-slick.png);
    left: 0;
}
.arrowadded .slick-next{
    background-image: url(/images/previous-icon-slick.png);
    right:0;
}

/* */



.notification-wrapper{
clear: both;
    float: left;
    width: 100%;
    border: 1px solid rgb(203 205 227 / 50%);
    margin-top: 0;
    padding: 0;
    border-radius: 7px;
    margin-bottom: 15px;
   padding-bottom: 5px;
}


.Bannerrightsidebar{
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid rgba(83, 84, 97, 0.5);
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 7px;
}
.supportregion{
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid rgba(83, 84, 97, 0.5);
    /*margin-top: 20px;*/
    padding: 15px;
    border-radius: 7px;
}
.supportregion img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.supportregion p {
    font-size: 13px;
    margin-bottom: 7px;
    letter-spacing: 0.4px;
    line-height: 1.6;
}
.supportregion p:last-child{
    margin-bottom: 0;
}

/* edit profile css */
.forgotpassworddes #navBar{
    display: none;
}
.forgotpassworddes .tab-content{
margin: 30px 0;
    border: 0.5px solid rgba(51, 60, 65, 0.2);
    border-radius: 7px;
    padding: 30px;
    padding-top: 15px;
}
.forgotpassworddes .tab-content h2{
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.forgotpassworddes .tab-content .form-group:last-child{
    margin-bottom: 0;
}
.forgotpassworddes .tab-content .col-form-label{
    
}
.forgotpassworddes .tab-content .form-control{
    
}
.forgotpassworddes .tab-content .editsavbtn{
    padding: 6px 25px;
    float: left;
    font-size: 15px;
    font-weight: bold;
}
/* Smart cat cracker */
.smarscvidemodal .modal-content {
    border-radius: 3px;
}
.smarscvidemodal .modal-content .modal-header {
    background-color: #2a3040;
    color: #fff;
    text-align: center;
    position: relative;
}
.smarscvidemodal .modal-content .modal-header h2 {
    letter-spacing: 0.7px;
    font-weight: 500;
    font-size: 20px;
}
.smarscvidemodal .modal-content .modal-header button {
    position: absolute;
    margin: 0;
    right: 10px;
    top: 10px;
    text-shadow: initial;
    color: #2a3040;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
}
.smarscvidemodal .modal-content .modal-body p {
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
    margin-bottom: 20px;
}
.smarscvidemodal .modal-content .btnscont {
    vertical-align: top;
    max-height: 45px;
    text-align: center;
}
.smarscvidemodal .modal-content .btnscont > * {
    display: inline-block;
    width: 48%;
    border-radius: 3px;
    padding: 0 10px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 15px;
    line-height: 40px;
    vertical-align: top;
}
.smarscvidemodal .modal-content .btnscont button {
    background-color: #f16136;
    color: #fff;
    border-color: #f16136;
}
.smarscvidemodal .modal-content .btnscont a {
    margin-left: 3%;
}

h1.page-title{
        font-size: 30px;
    font-weight: 600;
    margin-top: 0;
}

.cl-varsity{
  clear: both;
    float: left;
    width: 41%;
    border: 1px solid rgba(83, 84, 97, 0.5);
    padding: 15px;
    border-radius: 7px;
    position: relative;
    margin-bottom: 20px;
}

.mt-20{
    margin-top: 20px!important;
}

.mt-30{
    margin-top: 30px!important;
}



span.quesmark{
        position: absolute;
    top: 10px;
    right: 20px;
    background-color: #1987fa;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}



.tooltip{
    min-width: 300px;
}


/* varcbox css start */


.varc-box{
padding: 14px 10px;
border: 1px solid #D6D6D8;
border-radius: 20px;
text-align: center;
margin-bottom: 20px;
min-height: 265px;
position: relative;
-webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

.varc-box:hover{
    background-color: #d8f2cf;
}

.varc-box a{  
    color: #58585a;
    text-decoration: none;
}

.varc-box .varc-img{  
}

.varc-box .varc-img img{
max-height: 60px;
margin: 10px 0;
}

.varc-box p{
    margin-bottom: 0;
}

.varc-box h4{
    font-weight: 600;
    margin: 0;
    font-size: 18px;
}

.varc-box ul{
    margin-top: 10px;
    padding-left: 0;
}


.varc-box ul li{
    list-style: none;
    text-align: left;
    font-size: 12px;
}

.varc-box ul li:before{
content: "\f00c";
font-family: FontAwesome;
margin-right: 5px;
}

.float-none {
    float: none;
        clear: both;
    margin: 0 auto;
}

.whtsnew{
    clear: both;
   
}

.whtsnew p{
    margin-bottom: 5px;
}

.whtsnew p:last-child{
    margin-bottom: 0;
}

.whtsnew h2{
    margin-top: 0;
    font-size: 20px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.whtsnew a{
    background-color: #333C41;
    color: #fff;
    text-align: center;
    padding: 13px;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 500;
    border-radius: 7px;
    display: block;
    margin-bottom: 15px;
    text-decoration: none;
}

.whtsnew-1{
    background-color: #d8f2cf;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 7px;

}


/* varcbox css close */


/*.whtsnew-2{
    background-color: #f2cded;
}
.whtsnew-3{
    background-color: #fae2d5;
}
.whtsnew-4{
    background-color: #c0e4f5;
}
.whtsnew-5{
    background-color: #d0d0d0;
}
*/


/* dilr css start */


.dilr-pages .varc-box{
padding: 10px;
}

.dilr-pages .varc-box h4 {
    margin: 0;
    font-size: 14px;
    background-color: #ffc000;
    color: #000;
    padding: 8px;
    border-radius: 7px;
}

.dilr-pages .varc-box h4 p {
    font-size: 12px;
    color: red;
}

.dilr-pages .varc-box ul li {
    padding-left: 15px;
    position: relative;
}

.dilr-pages  .varc-box ul li:before {
    left: 0;
    top: 0;
    position: absolute;
}

.dilr-pages .varc-box a {
    color: #000;
}


/* dilr css close */

@media screen and (min-device-width: 320px) and (max-device-width: 360px) { 
.newboxdesgin h3{
    font-size: 13px;
}
}