body { background: url("../images/lines-bg.png") no-repeat scroll 60% -154px #f2f2f2; color: #565353; font-family: 'roboto_condensedregular'; font-size: 15px; margin: 0px; font-weight: normal; letter-spacing: 1px; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { border: none 0; margin: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none outside none; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { color: #353535; font-weight: normal; }
h1 { font-size: 33px; margin: 0px;}

p { margin-bottom: 15px; margin-top: 5px; letter-spacing: 0.5px; }
a:link { color: #e9543c; font-size: inherit; text-decoration: none; transition: all 0.2s eas 0s; }
a:visited { color: #e9543c; font-size: inherit; text-decoration: none; }
a:hover { color: #646464; transition: all 0.2s ease 0s; font-size: inherit; text-decoration: underline; }
.clearfix:after { font-size: 0px; content: "."; display: block; height: 0px; visibility: hidden; clear: both; }
ul { margin: 0; padding: 0; list-style: none; }

@font-face { font-family: 'roboto_condensedregular'; src: url('../fonts/robotocondensed-regular-webfont.eot'); src: url('../fonts/robotocondensed-regular-webfont.eot#iefix') format('embedded-opentype'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff2'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../fonts/robotocondensed-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
#wrapper { width: 100%; }
.row { max-width: 1100px; height: auto; margin: 0 auto; overflow: hidden;}
.hdr-row { max-width: 1100px; height: auto; margin: 0 auto;}
.wrapper-container { max-width: 1100px; margin: 0 auto; overflow: hidden;}
header { width: 100%; height: 80px; background: #e9543c;}
.logo { width: auto; height: 75px; float: left;}


.menu { height: 80px; width: auto; float: right;}
    .menu ul { list-style: none; width: 100%; }
        .menu ul li { list-style: none; width: auto; float: left; font-size: 18px; line-height: 73px; background: url(../images/menu-divider.png) no-repeat center right; }
            .menu ul li img { vertical-align: middle; }
            .menu ul li:last-child { background: none; }
            .menu ul li a { margin: 0px; padding: 30px 17px; color: #fff; }
                .menu ul li a:hover { background: #c92f16; text-decoration: none; }

.profile-icon { background: none repeat scroll 0 0 #c92f16; float: right; height: auto; padding: 10px; position: relative; top: 10px; width: auto; }


    .profile-icon .profile-menu { background: none repeat scroll 0 0 #fff; border: 10px solid #c92f16; display: none; height: auto; padding: 10px; position: absolute; right: 0; top: 57px; width: 200px; z-index: 9; }
.profile-menu ul li { display: block; border-bottom: solid 1px #cbcbcb; }
    .profile-menu ul li a { display: block; padding: 3px 0px 5px 5px; color: #646464; }
        .profile-menu ul li a:hover { background: #646464; color: #fff; text-decoration: none; }

.profile-icon:hover .profile-menu { display: block; }
.whytutor { width: 46%; float: left; }
    .whytutor h1 { color: #494949; font-size: 48px; font-weight: normal; margin: 0px; }
    .whytutor h2 { color: #494949; font-size: 30px; font-weight: normal; margin-top: -10px; }
    .whytutor ul { float: left; }
        .whytutor ul li { width: 100%; color: #fff; text-transform: uppercase; background: url(../images/liimg.png) no-repeat left center; padding: 7px 14px; }
            .whytutor ul li span { background: #545758; padding: 5px; }
.video-section { width: 54%; float: left; }
.divder-lines { background: url(../images/main-divider.png) no-repeat center bottom; margin: 0 auto; padding-bottom: 30px; }
.classes-section, .class-level { height: auto; max-width: 1100px; overflow: hidden; margin: 0 auto; }
    .classes-section h1, .class-level h1 { font-size: 24px; text-transform: uppercase; background: #646464; padding: 5px; color: #fff; margin: 30px 0px; }
.classes-container { width: 100%; float: left; height: auto; }

    .classes-container ul { float: left; left: -1.5%; list-style: none outside none; position: relative; width: 102%; }

        .classes-container ul li {  color: #565353; background: none repeat scroll 0 0 #f2f2f2; border: 15px solid #e9543c; float: left; height: 260px; list-style: none outside none; margin: 0 0 1.5% 1.5%; width: 18.7%; position: relative; padding: 0% 1%; transition:all 0.5s ease 0s; }
		.classes-container ul li:hover{ background:#e9543c; transition:all 0.5s ease 0s; color:#fff; border: 15px solid #646464;}
            .classes-container ul li p { font-size: 13px; position: relative; text-transform: uppercase; top: 140px; }


            .classes-container ul li select { border: 1px solid #cacaca; margin: 10px 0; padding: 5px; width: 97%; text-transform: none; }

            .classes-container ul li .class, .class-title { height: 120px; width: 120px; position: absolute; top: -15px; left: -15px; color: #fff; padding: 15px; }
.class-title { position: relative; float: left; top: 0px; left: 0px; margin: 0 30px 30px 0; }
    .class-title h1 { position: absolute; color: #fff; }
    .classes-container ul li .class h1, .class-title h1 { font-size: 80px; margin: 0px; position: absolute; text-transform: none; background: none; left: 5px; top: -10px; letter-spacing: -10px; }
    .classes-container ul li .class h4, .class-title h4 { font-size: 16px; color: #fff; margin-top: -20px; position: absolute; top: 115px; }

.mid-font { font-size: 40px; margin: 0px; letter-spacing: 2px; margin-left:7px; }
.box1 { background: #3c8de1; }
.box2 { background: #3cbce1; }
.box3 { background: #e9963c; }
.box4 { background: #e96d3c; }

.classes-container ul li:hover .box1, .classes-container ul li:hover .box2, .classes-container ul li:hover .box3, .classes-container ul li:hover .box4 { background:#646464;}


.ftrline { background: url(../images/ftr-line.png) no-repeat top center #f2f2f2; height: auto; overflow: hidden; margin-top: 40px; padding-bottom: 20px; }
.ftr-left-side, .ftr-right-side { height: auto; width: 46%; margin-right: 1.5%; float: left; }
.ftr-right-side { margin-left: 2.5%; margin-top: 20px; }
    .ftr-right-side label { display: block; text-transform: uppercase; margin-bottom: 5px; }
    .ftr-right-side input[type=text] { width: 375px; height: 30px; border: solid 1px #ccc; padding-left: 10px; line-height: 30px; float:left; }
    .ftr-right-side input[type=submit] { width: 100px; height: 33px; border: solid 1px #e9543c; padding: 0px 10px; line-height: 30px; background: #e9543c; color: #fff; cursor: pointer; }
.ftr-left-side ul { width: 101%; display: block; float: left; list-style: none; margin-left: -13px; }
    .ftr-left-side ul li { float: left; list-style: none; margin: 20px 0px 10px 0px; border-right: solid 1px #c3c3c3; }
        .ftr-left-side ul li:last-child { border-right: 0px; }
        .ftr-left-side ul li a { color: #676767; display: block; margin: 0 13px; text-transform: uppercase; letter-spacing: 0px; }
            .ftr-left-side ul li a:hover { color: #e9543c; }
.ftr-left-side p { color: #a2a1a1; font-size: 13px; letter-spacing: 0px; }
ul.socialmedia { float: left; width: 100%; list-style: none; margin-left: 0px; margin-top: 15px; }
    ul.socialmedia li { float: left; list-style: none; border: 0px; margin: 0px; }
        ul.socialmedia li a { display: block; margin: 0px 10px 0px 0px; }
            ul.socialmedia li a:hover { opacity: 0.5; }
.subheader { height: auto; width: 100%; overflow: hidden; }
.sub-heading { float: left; width: 80%; }
    .sub-heading h1 { margin-top: 20px; text-transform: uppercase; }


/*tutoring page css style sheet------------------------------------------*/
.tutoring-wrapper { width: 100%; overflow: hidden; }
.subjects-info-panel { float: left; margin-top: 16px; width:100%; }
.cls-box, .subject-box, .chapter-box { width: 76.1%; height: auto; float: left; padding: 12%; background: #e9963c; position: relative; color: #fff; }
    .cls-box h1 { font-size: 60px; margin: -15px 0 -15px; color: #fff; }
    .cls-box h3 { font-size: 16px; color: #fff; margin: 0px; letter-spacing: 0.5px; }
.subject-box { background: #646464; text-transform: uppercase; }
    .subject-box p { color: #a3a3a3; }
    .subject-box h2 { font-size: 24px; color: #fff; }
.arw, .arw2 { bottom: -6px; height: 11px; left: 44%; position: absolute; width: 21px; z-index: 2; }
.arw2 { bottom: 50%; height: 9px; left: 250px; width: 9px; }
.chapter-box { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #ffc5bc; padding: 0; width: 40%; }
    .chapter-box .cbox { background: none repeat scroll 0 0 #e9543c; color: #ffffff; float: left; text-align: center; width: 13%; }
        .chapter-box .cbox span { font-size: 30px; position: relative; top: 0px; }
    .chapter-box .c-name { float: left; color: #646464; font-size: 20px; letter-spacing: 0; margin-left: 3%; margin-top: 16px; text-transform: uppercase; }


/*left accordian------------------------------------------*/
#contain { width: 300px; height: 500px; margin: auto; }

.accordion, .accordion div, .accordion h1, .accordion p, .accordion a, .accordion img, .accordion span, .accordion em, .accordion ul, .accordion li { margin: 0; padding: 0; border: none; }

/* Accordion Layout Styles */
.accordion { width: 100%; float: left; background: #e9543c; }


    .accordion .tab { height: 40px; background: #f35e46; color: #fff; display: block; margin-top: 4px; padding: 4px 8px; text-decoration: none; font-size: 13px; letter-spacing: 0.5px; }

        .accordion .tab:hover, .accordion div:target .tab { color: #fff; background: #bd4431; }

    .accordion div .content { display: none; margin: 5px 0; }

    .accordion div:target .content { display: block; background: #e4e4e4; padding: 5%; }

    .accordion > div { height: 40px; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

        .accordion > div:target { height: auto; }

    /* Accordion Content Styles */
    .accordion .content ul li { width: 100%; display: block; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }
        .accordion .content ul li a { color: #646464; padding: 3px; border-bottom: solid 1px #bababa; display: block; }
            .accordion .content ul li a:hover { background: #646464; color: #CCC; }


/*----video and information stylesheet contianer ---------------------------------------------- */
.chapter-info { float: left; padding: 2%; }
.breadcrump { float: left; width: 100%; margin-bottom: 30px; }
    .breadcrump ul li { float: left; background: url("../images/arrow.png") no-repeat right center; padding-right: 20px; margin-right: 15px; font-size: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
        .breadcrump ul li:last-child { background: none; }
.video-contianer { float: left; width: 60%; }
    .video-contianer ul { float: left; margin-top: 20px; width: 90%; }
        .video-contianer ul li { background: url("../images/arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0); border-bottom: 1px dashed #838383; display: block; font-size: 13px; letter-spacing: 0.5px; padding: 6px 14px; }
.video-box { float: left; width: 575px; height: 352px; background: #000; }

/*---- comments meterail tabs stylesheet ---------------------------------------------- */
.lecture-material-containerImg { width: 40%; float: left; }
.lecture-material-container { width: 40%; float: left; }
.commentbox, .s-cmt{ background:#e4e4e4; float: left;  margin: 1%; padding: 2%; width: 94%; margin-bottom:15px;}
.s-cmt{ background:none; border-left:2px solid #bdbdbd; width:88%; float:right;}
.commentbox img, .s-cmt img{ height:50px; width:50px; float:left; border: solid 1px #666;}
.s-cmt img{ width:8%!important; height:auto!important; margin-bottom:25px;}
.commentbox .txtbox{ height:40px; width:80%; float:right; border: solid 1px #cdcdcd; background:#fff; padding:5px; resize:none; font-family: 'roboto_condensedregular'; font-size:12px; font-weight:normal; letter-spacing:1px; color:#646464; margin:0px;}

.s-cmt .textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cdcdcd;
    color: #646464;
    float: left;
    font-family: "roboto_condensedregular";
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    letter-spacing: 1px;
    margin: 0 !important;
    padding: 5px;
    position: relative;
    resize: none;
    top: -2px;
    width: 85.6%;
}
.s-cmt input[type="button"]{ background:#666; color:#fff; float:right; border: solid 1px #666;}
.btn-r, .btn-l { background: #e9543c; border: medium none; color: #fff; float: right; padding: 5px 10px; cursor: pointer; }
.btn-l { float: left; padding: 10px 30px; }
    .btn-r:hover, .btn-l:hover { background: #c92f16; }
.pattern { display: block; margin-top: 5px; float: right; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; width: 64%; }
.info-container { width: 100%; height: 250px; overflow-y: scroll; overflow-x:none; }
ul.cmnts { list-style: none; width: 100%; letter-spacing: 0px; }
    ul.cmnts li { display: block; border-bottom: 1px solid #bdbdbd; margin: 8px 0px 3px 0px; color: #646464; font-family: Arial, Helvetica, sans-serif; }
        ul.cmnts li img { height: 50px; width: 50px; float: left; border: solid 1px #666; margin-right: 6px; margin-bottom:0px;}
        ul.cmnts li p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px; margin-bottom: 4px; }
        ul.cmnts li b { font-size: 11px; }
        ul.cmnts li em { color: #9f9f9f; font-size: 11px; font-weight: normal; }

/*---- registration page stylesheet ---------------------------------------------- */
.middle-wrapper { max-width: 800px; min-height:450px; height: auto; overflow: hidden; margin: 0 auto; }
.study-icon { width: 249px; height: 364px; background: url(../images/study-icon.png) no-repeat; float: left; }
.frm-info-box{ overflow:hidden; margin:20px 0px; font-size:13px; color:#666666; width: 100%; }

.fld-form, .frm, .cnt{ float:left; width:60%; height:auto; background:#f2f2f2; border: 5px solid #646464; margin:40px 0px; padding:20px;}
.frm { background: none repeat scroll 0 0 #fff; border: 0 none; margin: 0; padding-left: 0;  width: 98%; position:relative;}
.cnt{ width:45%;}

.fld-form label, .frm label, .cnt label { color: #808080; display: block; font-size: 14px; letter-spacing: 0.5px; position: relative; clear:both; }
        .fld-form label span .frm label span, .cnt label span { background: none repeat scroll 0 0 #ff0000; color: #ffffff; display: block; font-size: 12px; padding: 2px 5px; position: absolute; right: 0; bottom: 0; }
.vld {  bottom: 49px;  color: red;  position: absolute; right: 152px;}
.vlda {  bottom: 49px;  color: red;  position: absolute; right: 126px;}
.errorspan { color: #ff0000;  margin-left: 27px;}

.fld-row label span { background: none repeat scroll 0 0 #ff0000; color: #ffffff; display: block; font-size: 12px; padding: 2px 5px; position: absolute; right: -323px; top: -3px; }
.fld-form input, .frm input[type="text"], .cnt input, .cnt[type="text"] .fld-form input, .frm input[type="password"], .fld-form select, .frm select { background: #fff; border: #dedede solid 1px; width: 98%; height: 30px; line-height: 28px; margin-bottom: 10px; padding: 0px 5px; float:left; }
.fld-form input[type="submit"], .frm input[type="submit"], .cnt input[type="submit"] {
 background: none repeat scroll 0 0 #e9543c; border: medium none; color: #fff; font-size: 15px; line-height: 0px; padding:20px 30px; width: auto; float:left;
}
.fld-form input:hover[type="button"], .frm input:hover[type="button"] { background:#646464;}
.fld-form input[type="file"], .fld-form input[type="range"] 
{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; margin:0px; padding:0px;}
.cnt textarea{width:99%; border:solid 1px #dedede; height:100px; resize:none; margin-bottom:20px;}
.cnt-info{ width:43%; float:right; margin-top:20px;}

ul.cinfo { width:100%; list-style:none; float:left;}

ul.cinfo li {
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 17px;
    font-weight: normal;
    list-style: outside none none;
    padding: 20px 40px 20px 60px;
    position: relative;
}
ul.cinfo li img { left:0;  position: absolute;  top: 27%;}



.fld-form p, .frm p { width: 100%; display: block; float: left; margin: 3px 0px; }
.fld-row { width: 100%; float: left; position: relative; }
.fld-row label { width: 150px; }
.mid-fld { border: 1px solid #dedede; margin-left: 6px; width: 69% !important; float:right!important; }
.slct-fld { background: #fff; border: #dedede solid 1px; width: 25%!important; height: 31px; margin: 0px; line-height: 28px; margin-bottom: 10px; padding: 5px; }

/*profile paegs style sheet------------------------------------------*/

.profile-container { max-width: 1060px; height: auto; overflow: hidden; margin: 0 auto; background: #fff; padding: 20px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.27); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.27); }

.container-head { width: 100%; float: left; position: relative; margin-bottom: 10px; border-bottom: 1px dashed #dbdbdb; }
    .container-head h1 { display: block; color: #e9543c; font-size: 24px; font-weight: normal; }
.welcome { color: #464646; }
a.r-link{ position:absolute; right:0; top:10px; font-size:12px;}

ul.fee-box{ list-style:none; overflow:hidden; float:left; padding:2%; width:96%; background:#646464;}
ul.fee-box li{ list-style:none; width:25%; float:left; color:#fff;}
ul.fee-box li span{ display:block; font-size:25px;}
.hlf-box{ width:48%; padding:1%; float:left;}

ul.acc-info{ list-style:none; width:100%; float:left; margin:30px 0px;}
ul.acc-info li{ border-bottom:#E8E8E8 solid 1px; padding:5px 0px; font-size:15px; color:#000;}



.container-head select { border: 1px solid #dedede; color: #959595; height: 40px; letter-spacing: 0; line-height: 30px; position: absolute; right: 0; top: 10px; width: 300px; }
.rsltbox, .billinginfo, .slct-subject { width: 100%; overflow: hidden; position: relative; }
    .rsltbox h1, .billinginfo h1, .slct-subject h1 { display: block; border-bottom: #646464 solid 3px; padding-bottom: 5px; color: #e9543c; font-size: 26px; font-weight: normal; }
    .billinginfo h1, .slct-subject h1 { border-bottom: 0px; color: #646464; letter-spacing: 0px; }
    .slct-subject ul { height: 117px; overflow: scroll; border: solid 1px #dedede; margin-bottom: 15px; }
        .slct-subject ul li { float: left; width: 15%; margin: 2px; color: #8d8d8d; font-size: 13px; }
            .slct-subject ul li input[type="checkbox"] { position: relative; top: 2px; }
a.rightbtn { background: #e9543c; color: #fff; float: right; padding: 8px 15px; position: absolute; right: 0; top: 0; text-decoration: none; }
    a.rightbtn:hover { background: #c92f16; }

.Table, .subjectbox { display: table; width: 99.8%; border-left: solid 1px #fff; border-top: solid 1px #cccccc; letter-spacing: 0px; }
.Heading, .subject-heading { display: table-row; font-weight: normal; text-align: left; background: #646464; color: #fff; }
.subject-heading { background: #fff; color: #e9543c; }
.Row, .subject-row { display: table-row; background: #f2f2f2; }
.Table a.Row { background: #f2f2f2; color: #646464; }
.subjectbox a.subject-row { background: #fff; color: #646464; }

    .Table a.Row:hover, .subjectbox a.subject-row:hover { background: #e4e4e4; color: #646464; text-decoration: none; }
.Cell, .subject-cell { display: table-cell; border-right: solid 0px #fff; border-bottom: solid 1px #cccccc; padding: 10px; }
    .Cell h3, .subject-cell h3 { color: #f33535; font-size: 16px; }
    .Cell img, .subject-cell img { width: auto; height: auto; vertical-align: middle; }

    .Cell h4 { color: #333333; font-size: 12px; font-family: 'pt_sansbold'; }
.lrg-cell { text-align: right; width: 1040px; }

.edit-profile { width: 100%; float: left; border-bottom: 1px dashed #dbdbdb; padding-bottom: 20px; }
.cls-contrainer { width: 80%; float: left; }
    .edit-profile ul li, .cls-contrainer ul li { float: left; width: 30%; margin: 0px 30px 30px 0px; }
        .edit-profile ul li label, .cls-contrainer ul li label { display: block; margin-bottom: 3px; color: #606060; letter-spacing: 0px; }

        .edit-profile ul li input[type="text"], .edit-profile ul li input[type="password"], .edit-profile ul li select, .cls-contrainer ul li input[type="text"], .cls-contrainer ul li input[type="password"], .cls-contrainer ul li select { border: 1px solid #dedede; color: #9f9f9f; height: 30px; margin: 0; padding: 0 5px; width: 100%; }

        .edit-profile ul li select { height: 32px; width: 104%; }

.tpmrgn { margin-top: 40px; }
.btmmrgn { margin-bottom: 40px; }
.mid-btmmrgn { margin-bottom: 15px; }

/*------------------------------------------ MY LECTURE HISTORY STYLE SHEET ------------------------------------------*/

.flter-lectures-container { width: 99.7%; overflow: hidden; background: #f5f5f5; border: solid 1px #d7d7d7; margin-bottom: 30px; }
    .flter-lectures-container h1 { background: #646464; color: #fff; padding: 10px; font-size: 18px; font-weight: normal; border: solid 1px #646464; }
.lec-flds { padding: 15px 0 0 15px; overflow: hidden; letter-spacing: 0px; }
    .lec-flds p { float: left; display: block; width: 100%; margin-top: 20px; }
    .lec-flds label { float: left; margin: 0 10px 0 0; position: relative; top: 10px; }
    .lec-flds select { width: 15%; border: solid 1px #dedede; height: 40px; padding: 0px; line-height: 40px; margin: 0px; float: left; margin-right: 10px; }
.clander { width: 13%; height: 40px; float: left; background: url(../images/clndr.png) no-repeat 5% center #fff; border: solid 1px #dedede; padding-left: 40px; margin-right: 10px; }

.chartview { width: 100%; overflow: hidden; margin-top: 40px; }
    .chartview h2 { font-size: 26px; letter-spacing: 0px; }

/*profile paegs style sheet------------------------------------------*/
.my-info { width: 100%; overflow: hidden; }
    .my-info img { height: 127px; width: 127px; float: left; margin-right: 20px; }
    .my-info ul { float: left; list-style: none; }
        .my-info ul li { display: block; padding: 5px; border-bottom: #d7d7d7 dashed 1px; font-size: 14px; letter-spacing: 0.5px; }
            .my-info ul li span { margin-left: 20px; }
            .my-info ul li:last-child { border: 0px; }
.offer-lecture-contianer { border: solid 4px #59bd1d; padding: 1%; margin-top: 20px; position: relative; }
    .offer-lecture-contianer h3 { color: #fff; background: #59bd1d; font-size: 18px; padding: 10px; letter-spacing: 0px; margin-bottom: 10px; }
    .offer-lecture-contianer .offertag { height: 300px; position: absolute; right: 0; top: -194px; width: 321px; z-index: 1; }

.pay-container { width: 45%; float: left; height: auto; position: relative; }
    .pay-container h2 { font-size: 48px; margin: 0px; }
    .pay-container h3 { font-size: 18px; margin-bottom: 20px; position: absolute; right: 20px; top: 55px; }
.benifits-container { width: 50%; float: right; background: url(../images/penbg.jpg) no-repeat right center; }
    .benifits-container h2 { font-size: 30px; margin-bottom: 0px; }
    .benifits-container h3 { font-size: 18px; margin-bottom: 20px; }
    .benifits-container ul li { width: 100%; padding: 5px 0px; border-bottom: 1px solid #d7d7d7; list-style: disc inside none;; }
.pay-options { width: 100%; overflow: hidden; mar; }
    .pay-options h1 { font-size: 48px; margin-bottom: 10px; }
    .pay-options ul { width: 102%; margin-left: -2%; margin-top: 30px; float: left; }
        .pay-options ul li { float: left; width: 18%; margin-left: 2%; text-align: center; letter-spacing: 0px; font-size: 13px; }
            .pay-options ul li h6 { color: #e9543c; font-size: 17px; }
            .pay-options ul li a { background: #fff; padding: 4%; display: block; color: #646464; border: solid 10px #d7d7d7; }
                .pay-options ul li a:hover { background: #ffefde; color: #646464; text-decoration: none; border: solid 10px #e9543c; }














.accordion-res { background: none repeat scroll 0 0 #e9543c; float: left; height: 250px; letter-spacing: 0; list-style: outside none none; margin: 0 0 30px; overflow-y: scroll; padding: 3%; width: 94%; }
    .accordion-res li { border: 1px solid #e9543c; }
    .accordion-res .opener { display: block; color: #fff; height: 1%; text-decoration: none; padding: 5px; background: #f35e46; }
    .accordion-res .ui-state-active { background: #bd4431; }
    .accordion-res .slide { margin: 0; padding: 10px; background: #e4e4e4; color: #646464; }
        .accordion-res .slide ul li { border: 0 none; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; }
            .accordion-res .slide ul li a { display: block; padding: 3px; border-bottom: solid 1px #bababa; color: #646464; }
			.accordion-res .slide ul li a.selected { padding: 3px; border-bottom: solid 1px #bababa; color:#fff; background:#333;}
                .accordion-res .slide ul li a:hover{ background: #333; color: #fff; text-decoration: none; }
				.accordion-res .slide ul li .active{  display: block; padding: 3px; border-bottom: solid 1px #bababa; color: #fff; background: #333;}

.fee-calculator { width: 100%; overflow: hidden; }
    .fee-calculator ul li { float: right; font-size: 24px; letter-spacing: 0; text-align: right; margin: 30px 0 0 30px; }
        .fee-calculator ul li a { display: block; background: #e9543c; color: #fff; padding: 4px 20px; }
            .fee-calculator ul li a:hover { background: #c92f16; text-decoration: none; }
    .fee-calculator .termsinfo { overflow: hidden; padding-top: 40px; width: 100%; }
.termsinfo ul li { font-size: 15px; list-style-position: inside; list-style-type: disc; margin: 0; text-align: left; width: 100%; color: #646464; }

.smbox { float: left; width: 250px; }



/*------------------------------------------------------------------------------------------------------------------*/
.divmsgerror { background: none repeat scroll 0 0 #ff0000; bottom: -33px; color: #ffffff; display: block; font-size: 12px; height: 25px; left: 179px; padding: 2px 5px; position: absolute; width: auto; }
.lblerror {     color: #ff0000;
    display: inline;
    margin-left: 29px;}


/*------------------------------------------------Register Image------------------------------------------------------------------*/

      
		.image-editor {
		float: left;
		margin: 20px 0;
		width: 100%;
		}
		
	  .cropit-image-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 5px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 250px;
        height: 250px;
        cursor: move;
		clear:both;
      }

      .cropit-image-background {
        opacity: .2;
        cursor: auto;
      }

      .image-size-label {
        margin-top: 10px;
      }

      input {
        /* Use relative position to prevent from being covered by image background */
        position: relative;
        z-index: 10;
        display: block;
      }

      .export {
        margin-top: 10px;
      }

.loader { 
    text-align:center;
    width:100%;
  float:right;
  padding:120px;
}

.anchor { 
    color: #e9543c;
    cursor:pointer;
}
.slct-opt { 
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    overflow: hidden;
	padding:10px 5px;
	background:#e4e4e4;
}
.slct-opt span{ display:block; float:left; margin-right:10px;}

ul.resources-info{ list-style:none; width:100%; height:450px; overflow-x:none; overflow-y:scroll; float:left; font-size:14px; font-weight:normal; letter-spacing:0.3px;}
ul.resources-info h3{ background:#646464; padding:5px; color:#fff;}
ul.resources-info li{ list-style:none; border-bottom: solid 1px #e4e4e4;}
ul.resources-info li a{ display:block; padding:8px; color:#666666;}
ul.resources-info li a:hover{ background:#e4e4e4; text-decoration:none;}
.icon-box { bottom: 5px; float: left; height: 24px; left: 10px;width: 24px; margin-right:10px;}

.videodiv{ overflow:hidden; margin-top:10px; }
.videodiv img{ height:75px; width:75px; float:left; margin-right:15px;}
.videodiv p a{ margin-top:15px; font-size:18px; color:#666666; display:block;}


/* short courses stylesheet */

.shrt-crses{ width:100%; overflow:hidden; margin:15px 0px;}
.sline{ display:block; height:2px; width:50px; background:#e9543c;}
ul.sboxes{ list-style:none; width:100%;}
ul.sboxes li{ list-style:none; width:auto; box-sizing:border-box; box-shadow: 1px 1px 1px #dddddd; -webkit-box-shadow:1px 1px 1px #dddddd; -moz-box-shadow:1px 1px 1px #dddddd; background:#fff; margin:0 25px 25px 0; float:left;   transition: all 0.2s eas 0s;}
ul.sboxes li a{ display:block; padding:0 12px;  transition: all 0.2s eas 0s;}
ul.sboxes li a:hover{ background:#f8f8f8;}
ul.sboxes li:last-child{ margin-right:0px;}

/* short courses stylesheet */

.shrt-crses{ width:100%; overflow:hidden; margin:15px 0px;}
.sline{ display:block; height:2px; width:50px; background:#e9543c;}
ul.sboxes{ list-style:none; width:100%;}
ul.sboxes li{ list-style:none; width:auto; box-sizing:border-box; box-shadow: 1px 1px 1px #dddddd; -webkit-box-shadow:1px 1px 1px #dddddd; -moz-box-shadow:1px 1px 1px #dddddd; background:#fff; margin:0 25px 25px 0; float:left;   transition: all 0.2s eas 0s;}
ul.sboxes li a{ display:block; padding:0 12px;  transition: all 0.2s eas 0s;}
ul.sboxes li a:hover{ background:#f8f8f8;}
ul.sboxes li:last-child{ margin-right:0px;}



.smbox { float: left; width: 250px; }
.shrt-crs-box{ width: auto; height: auto; float: left; background: #fff; position: relative; color: #fff;}
.w-arw { bottom: 50%; height: 9px; position: absolute; right: -9px; width: 9px; z-index: 2;}


/* course detail stylesheet------------------ */

.c-benifit-box{ width:100%; overflow:hidden; padding:20px 0px;}
.c-benifit-box .videobox{ width:60%; float:left; padding-right:30px; box-sizing:border-box;}
.c-benifit-box .videobox img{ height:auto; width:100%;}
.v-benifit{ width:40%; float:left;}
ul.bnts{ width:100%; float:left; list-style:none; padding:15px 0px;}
ul.bnts li{ display:block; list-style:none; border-bottom: solid 1px #d7d7d7; padding:4px 0px; color:#646464; font-size:14px; letter-spacing:0.5px;}
a.stbtn{ background:#e9543c; padding:10px 20px; color:#fff; font-size:22px; border-radius:4px; float:left; text-decoration:none;}
a.stbtn:hover{ background:#333;}
.crs-intro, .crs-tchr{ margin-left:-10px; width:50%; box-sizing:border-box; padding:1% 3% 0% 1%; float:left; color:#909090;}
.crs-intro h2, .crs-tchr h2, .tbox h2{ border-bottom:#646464 solid 1px; padding-bottom:5px; margin-bottom:15px;}
.tbox{ width:33%; float:left; padding:10px; background:#fff; margin-left:20px;}
.tchrbx{ background:#f0f0ee; padding:8px 8px 3px 8px; float:left; margin-right:20px; width:25%;}
.tchrbx img{ height:auto; width:90%;}
.tchrbx img, .tbox img{ border: solid 5px #fff;}
.crs-tchr p, .tbox p { float: left; margin-top: 12px; width: 100%;}
ul.tchr-info{ list-style:none; width:65%; float:left;}
ul.tchr-info li{ border-bottom: dashed 1px #dfdfdf; padding:6px 0px; display:block; font-size:14px; color:#707070; letter-spacing:0px;}
ul.tchr-info li span{ width:100px; display:inline-block; color:#909090;}


/*Define Accordion box*/
.accordion { width:100%; overflow:hidden; margin:10px auto; color:#474747; background:#414141; padding:10px; box-sizing:border-box; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#f1f1f1; padding:10px;}
.accordion section:target:hover { background:#f1f1f1; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#e9543c; padding-bottom:20px;}
.accordion section:target p {display:block;}
.accordion section h2 a{padding:8px 10px;display:block; font-size:14px; font-weight:normal;color:#eee; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; }
.accordion section:hover {background:#444;}
.accordion section p { display:none; }


/*End General Accordion****************************************************************************/
/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:250px; width:97.5%; }

.vertical section h2 { position:relative; left:0; top:0px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}