/* Minification failed. Returning unminified contents.
(204,62): run-time error CSS1046: Expect comma, found '255'
(204,70): run-time error CSS1046: Expect comma, found '/'
(1140,31): run-time error CSS1046: Expect comma, found '0'
(1140,35): run-time error CSS1046: Expect comma, found '/'
(2372,1): run-time error CSS1019: Unexpected token, found '}'
(3230,65): run-time error CSS1046: Expect comma, found '255'
(3230,73): run-time error CSS1046: Expect comma, found '/'
 */
/* Fonts */

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Alef';
    src: url('/Fonts/Alef-Regular.eot');
    src: url('/Fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/Alef-Regular.woff') format('woff'), url('/Fonts/Alef-Regular.ttf') format('truetype'), url('/Fonts/Alef-Regular.svg#/Fonts/Alefregular') format('svg');
}

@font-face {
    font-weight: bold;
    font-style: normal;
    font-family: 'Alef';
    src: url('/Fonts/Alef-Bold.eot');
    src: url('/Fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('/Fonts/Alef-Bold.woff') format('woff'), url('/Fonts/Alef-Bold.ttf') format('truetype'), url('/Fonts/Alef-Bold.svg#/Fonts/Alefbold') format('svg');
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Common */

.rtl-dir {
    direction: rtl;
}

.rtl-text {
    text-align: right;
}

.ltr-dir {
    direction: ltr;
}

.ltr-text {
    text-align: left;
}

.hidden {
    display: none;
}

.margin-center {
    margin-right: auto;
    margin-left: auto;
}

.wrap-text {
    white-space: normal;
}

.line-stroke {
    text-decoration: line-through;
}

.no-bold {
    font-weight: normal;
}

.no-margin {
    margin: 0 !important;
}

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

.no-padding-bottom {
    padding-bottom: 0 !important;
}

a:hover {
    text-decoration: none;
}

label {
    font-weight: normal;
}

.btn {
    white-space: normal;
}

.form-control {
    border: 1px solid #fb8833;
}

.page-header {
    margin: 0 0 20px;
    padding: 0;
    border: none;
    font-size: 16px;
}

    .page-header h1 {
        margin: 0 0 20px;
        padding: 0 0 7px;
        border-bottom: 3px solid #fb8833;
        font-weight: bold;
        font-size: 32px;
        line-height: 26px;
    }

.page-sub-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #319eaf;
    color: #319eaf;
    font-weight: bold;
    font-size: 24px;
    line-height: 16px;
}

.dashed-hr {
    border-top: 1px dashed #ccc;
}

.text-warning {
    color: #fb8833;
}

#traceException {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}

.AddtoCartText {
    float: left;
    margin-top: 6px;
}
#conflict-orders-grid tr {
background-color:red;
color:#ffffff;
}
/* Layout */

body {
    color: #484a4a;
    font: 16px/1.375 'Alef';
}

.BannerSubscription {
    margin: auto;
    margin-bottom: 30px;
    background: linear-gradient(270.93deg, #319EAF -3.15%, #66C7D7 93.65%);
    width: 100%;
    max-width: 970px;
    height: 120px;
    border-radius: 20px;
    position:relative;
   /* display:none;*/
}

.BannerSubscriptionMask {
    background: linear-gradient(130deg, #FB8833 34%, rgb(255 255 255 / 0%) 35%);
    position: absolute;
    top: 0px;
    left: 0px;
    height: 120px;
    width: 400px;
    z-index: 0;
    border-bottom-left-radius:20px;
    border-top-left-radius:20px;
}



.BannerSubscription small {
    width: 100%;
    max-width: 363px;
    padding-top: 30px;
    padding-right: 30px;

    float: right;
    font-size: 19px;
    color: #ffffff;
    font-family: Alef;
}

    .BannerSubscription h6 {
        width: 100%;
        max-width: 445px;
        margin: 0px;
        padding-right: 30px;
        float: right;
        clear: right;
        font-size: 32px;
        color: #ffffff;
        font-family: Alef;
    }

.FeelFreeSubscription2 {
    text-align:center !important;
}
.FeelFreeSubscription2 a {
    color: inherit;
    text-decoration: underline;
}

.FeelFreeSubscription2 img {
width:100%;
max-width:290px;
}
#INDbtnWrap {
visibility:hidden;
}

.FeelFreeSubscription2Contact {
    margin: auto;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.FeelFreeSubscription2ContactMobile {
    margin: auto;
    text-align: center;
    width: 100%;
    display:none;
}

.BannerSubscription > div {
    float: left;
    padding-top: 15px;
    padding-left: 30px;
    margin-top: -39px;
    z-index: 14;
    display: table;
    width: 100%;
    position: relative;
    max-width: 438px;
}
    .BannerSubscription > div > span {
        float: left;
        width: 100%;
        background-color: #fff;
        max-width: 213px;
        height: 58px;
        border-radius: 60px;
        font-weight: 700;
        font-size: 19px;
        line-height: 57px;
        text-align: center;
        color: #FB8833;
        box-shadow: 0px 13px 14px 0px rgba(0, 0, 0, 0.10);
        display: table-cell;
    }
        .BannerSubscription > div > div {
            float: left;
            width: 100%;
            max-width: 130px;
            height: 58px;
            display: table-cell;
        }
        .BannerSubscription > div > div img {
            float: left;
          
        }

            .BannerSubscription > div > div img:first-child {
                margin-top: 20px;
            }

            #page-body {
                padding-top: 50px;
            }

 .chapter-duration-mobilefix {
    clear: left;
    }

.BookUrl {
    float: left;
}

    .BookUrl i {
        font-size: 19px;
        margin-right: 10px;
    }

.bookDownloadLink {
    float: left; font-size: 17px; margin-right: 20px; cursor: pointer; 
}
    
.bookDownloadLink a {
    color: #484a4a;
    }
    .bookDownloadLink i {
    color:black;font-size:18px;
    }

.SearchLuceneContainer div.search_box {
    margin-top: 15px;
    margin-bottom: -13px;
    font: 16px /1.375 'Alef';
}

.fa-searchaaa {
   font-size: 18px;
    cursor: pointer;
    margin-top: 4px;
    float: left;
    margin-left: 8px;
}

.FreeSearchCourse {
    float:left;
    font-size: 16px;
     margin-top:5px;
     font-weight:bold;
}

.FreeSearchBtn {
    float: left; font-size: 17px; margin-right: 35px; cursor: pointer; 
}
    
.FreeSearchBtn i {
    font-size: 17px;margin-left: 1px; margin-top: 5px;
    }
        .page-headerH1 {

        font-weight: 700 !important;
        font-size: 32px !important;
        color:#484a4a;
        font-family:alef;
        line-height: 26px;
    }
            .page-headerH1 i.fa-book {
               font-size: 30px;
            }

#brand-logo {
    max-width: 96px;
    margin-top: 8px;
}

/*.subscriptionTopMenu {
 background-color:#fb8833 !important;
}*/

.navbar-brand img#brand-logo{
     margin-left:10px;
}

#main-navbar > ul > li > a:hover {
 color:#fff !important;
}

.newTabTxt {
    position:relative;
}

.MenuIcon,.MenuIcon2 {
width: 20px; vertical-align: text-bottom;
}
.MenuIcon2 {
 margin-left:2px;
}

.MenuIcon3 {
width: 18px;
}

#general-settings-panel {
display:none;
}

.state_4u_footer {
    background-color: #ffffff;
    text-align: center;
    color: #0039a9;
    font-size: 19px;
    font-weight: bold;
    padding: 0px;
    padding-top: 40px;
}

    .state_4u_footer img {
        max-width: 100px;
        margin-top: -85px;
    }


    .TableBlueBorderDevider th {
        margin: 0px !important;
        padding: 0px !important;
        text-align: center;
    }

.TableBlueBorder tr,.TableBlueBorder td,.TableBlueBorder th {
border: 1px solid #66c8d7 !important;
}

.TableBlueBorder td {
    max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.TableBlueBorder tr.TableBlueBorderDevider,.TableBlueBorder tr.TableBlueBorderDevider th {
    border:0 !important;
}

.TableBlueBorder tr td:nth-child(2),.TableBlueBorder tr td:nth-child(3),.TableBlueBorder tr th:nth-child(2),.TableBlueBorder tr th:nth-child(3) {
 text-align:center;
}

.InboxMessageArrow {
margin-left:10px;
 margin-right:10px;
}

.TableBlueBorderDevider hr {
margin:0px;
padding:0px;
background-color:#66c8d7;
height:5px;
width:98%;
 margin:auto;
}

#InboxMessages-ui div.panel-info,#InboxMessages-ui div.panel-heading {
    border-radius:10px;
    background-color:#ffffff;

}

#InboxMessages-ui div.panel-info {
    border-color:#000000;
}
#InboxMessages-ui div.panel-heading {
border-bottom:0;
}

/*-----------------------------*/
/*  Price-Model-Table            */
/*-----------------------------*/

#Price-charge-container {
    background-color: #ebebeb;
    width: 100%;
    display: table;
    margin-top: 20px;
}
.mxwidth {
 max-width:1255px !important;
 margin: auto;
  padding-right:15px;
}

.CourseCharge div#inner_video_content {
 /*background-color:#ebebeb;*/
  padding-left:0px;
   padding-right:0px;
}

#Price-charge {
       width: 100%;
    /* margin-top: 60px; */
    padding-top: 60px;
    padding-bottom: 60px;
    margin: auto;
    display: inherit;
    max-width: 1255px;
}

.Price-charge-empty {
    width: 66% !important;
    display: table !important;
    max-width:1024px !important;
padding-top: 15px !important;
}

#Price-charge  > div {
width: 20%;
    max-width: 251px;
    float: right;

}

.Price-charge-empty  > div {
    float:none !important;
        display: table-cell;
}

#Price-charge  > div  > div {
max-width: 239px;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    position:relative;
    min-height:470px;
     padding-top:3px;
     border-radius:10px;
   
    border-bottom-width: 16px;
    border-bottom-style: inset;
}

.Price-charge-header-main {
      margin-top: -20px;
    margin-bottom: 20px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.Price-charge-header-empty {
background-color:#fff !important;
height: 80px !important;
}
    
.Price-charge-header-empty div.Price-charge-header-bottom {
    padding-top: 97px;
    }

.MonthLengthTitle-empty {
color:#5a6b76 !important;
top: 32px !important;
}

.Price-charge-header-empty div.MonthLengthPrice {
    top: 143px !important;
}

.Price-charge-header-empty div.MonthLengthyousave  {
    top: 200px !important;
}

.Price-charge-header {
   width:100%;
    height: 139px;
border-radius:13px;
    background-color: orange;
    margin: auto;
    position:relative;
}

.Price-charge-item-select {
 margin:auto;
 width:130px;
 font-weight:bold;
 color:#000;
  margin-top:168px;
   display:block;
 text-align:center;
 border-radius:20px;
 line-height:32px;
 cursor:pointer;
}

.MonthLengthTitle {
width:100%;
height:30px;
 top:20px;
  position:absolute;
 text-align:center;
 font-size:29px;
 font-weight:bold;
 color:#fff;
}

.MonthLengthPrice{
    width:100%;
height:30px;
 top:67px;
  position:absolute;
 text-align:center;
 font-size:27px;

 color:#fff;
}

.MonthLengthPrice span{

 font-size:39px;
 font-weight:bold;

}

.MonthLengthyousave {
    width:100%;
height:30px;
 top:115px;
  position:absolute;
 text-align:center;
 font-size:17px;

 color:#fff;
}

#Price-charge > div:nth-child(1) > div {
    border-bottom-color:#fff;
}
#Price-charge > div:nth-child(2) > div {
    border-bottom-color:#5a6b76;
}
#Price-charge > div:nth-child(3) > div {
    border-bottom-color:#00c0ca;
}
#Price-charge > div:nth-child(4) > div {
    border-bottom-color:#fd9d36;
}
#Price-charge > div:nth-child(5) > div {
    border-bottom-color:#80a600;
}

#Price-charge > div:nth-child(1) a.Price-charge-item-select,
#Price-charge div:nth-child(1) .Price-charge-header{
    background-color: #ffffff;
}
#Price-charge > div:nth-child(2) a.Price-charge-item-select,
#Price-charge div:nth-child(2) .Price-charge-header{
    background-color: #ffffff;
}
#Price-charge > div:nth-child(3) a.Price-charge-item-select,
#Price-charge div:nth-child(3) .Price-charge-header{
    background-color: #ffffff;
}
#Price-charge > div:nth-child(4) a.Price-charge-item-select,
#Price-charge div:nth-child(4) .Price-charge-header{
    background-color: #ffffff;
}

.Price-charge-empty > div:nth-child(1) > div {
 background-color: #5a6b76 !important;
}

.Price-charge-empty > div:nth-child(2) > div {
 background-color: #00c0ca !important;
}

.Price-charge-empty > div:nth-child(3) > div {
 background-color: #fd9d36 !important;
}

.Price-charge-empty > div:nth-child(4) > div {
 background-color: #74ab4e !important;
}
.Price-charge-empty > div > div{
    min-height: 370px  !important;
}

.Price-charge-empty div.Price-charge-item-select {
    margin-top: 200px;
     background-color:#fff !important;
     color:#000;
}

.Price-charge-header-bottom {
 width:100%;
    height: 83px;
      background-color:inherit;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 98px / 31px;
    border-radius: 98px / 31px;
    padding-top: 156px;

}
.Price-charge-item-list {
width:100%;
}

.Price-charge-item-list-title {
    font-size: 16px;
    font-weight: bold;
    width: 90%;
    margin: auto;
}

    .Price-charge-item-list-title div {
        border-bottom: 1px solid #efefef;
        height: 45px;
    }

.Price-charge-item-list-title div span {
height: 35px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.Price-charge-empty > div > div {
border-color:#fff !important;
}

.Price-charge-item-list div{
width:80%;
line-height:35px;
height:35px;
border-bottom:1px solid #efefef;
 margin:auto;
 text-align:center;
 color:#80a600;
}
.CourseCharge div#inner_video_box {
        max-width:none;
        width:100%;
        padding-bottom:30px;
}
.CourseCharge div#inner_video_content {
    display: inline-block;
    width: 100%;
}

.CourseCharge div#about-gool {
width:50%;
}

.CourseCharge div#about-gool div.panelNew{
border-bottom:2px solid #00c0ca;

}

.CourseCharge div#about-gool div.panelNew div.panel-body{
    color: #505763;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    padding-right: 6px;
 
}
/*.lnkChapterBooks {
float:left;
}*/

.newTabTxt div {
  position: absolute; left: 0px; top: 1px; color: #fb8833; transform: rotate(330deg);
}

.courseDescriptionToggle {
    color:#000;
    font-size:12px;
}

.TopMenuMobile a.btn-primary{
    background-color: #66c8d7;
}
.TopMenuMobile {
            display: none !important;
        }
.mobileLogo {
      color: #fff;
    text-align: center;
    font-size: 27px;
    line-height: 53px;
    font-weight: bold;
    width: 105px;
    margin: auto;
}

#free-chapters-carousel a p {
    font-size: 16px;
}

.mobileConnect {
    display: inline-table;
    color: #fff;
    float: right;
    margin-top: 15px;
    padding-right: 14px;
    font-weight:bold;
}

    .mobileLogo:hover {
       color: #fff;
    }

@media (min-width: 992px) {
  

        #wondering-woman {
            margin-bottom: -15px;
            position: relative;
            left: 131px;
            z-index: 1;
        }

    .container {
        padding: 0;
    }

     .list-group-item2Columns {
        float: right;
        display: inline-block;
        width: 50%;
         vertical-align:middle;
    }
    .list-group-item2Columns:first-child {
        border-bottom: 0px;
    }
    .list-group-item2Columns:first-child:hover {
        background-color:#ffffff !important;
    }
        .list-group-item2Columns .col-sm-4 {
        width:46%;
        }

    .list-group-item2Columns-md {
        width: 52%;
        line-height: normal !important;
        vertical-align: middle;
        padding-right: 0px;
    }
        .list-group-item2Columns-md .fa-lg {
        float:right;
    line-height:94px;
        }
    .list-group-item2Columns-md span{
         float:right;
          margin-right:10px;
             vertical-align:middle;
          display:table-cell;
       
    }
        
    
    .list-group-item2Columns-md .vert2colums {
         height:96px;
         vertical-align:middle;
              display:table-cell;
        }
    
}
.vert2colums {
display:inline;
margin-right:5px;
}
@media (min-width: 1200px) {
    .container {
        width: 970px;
    }


}

@media (max-width: 1200px) {

    .emptyCourseCharge {
 
    width: 94%;

}

}

@media (min-width: 1200px) {
.Chapter.container {
    width: 1270px !important;
}
}

#videos-frame.col-md-4 > .panel > .panel-body > ul {
    overflow-x: hidden;
    overflow-y: auto;
    height: 472px;
}

#main-navigation .navbar-toggle {
   background: #319eaf;
}
.navbar-toggle .icon-bar {

    height: 1px;
  
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 7px;
}

    #main-navigation .navbar-toggle .icon-bar {
        background: #fff;
    }

    #main-navigation .navbar-toggle:hover,
    #main-navigation .navbar-toggle:focus {
        /*background: #FB8833;*/
    }

.bg-default {
    background-color: #efefef;
}

.text-facebook {
    color: #3b5998;
}

.text-white {
    color: #fff;
}

.text-link {
    color: #319eaf;
}

    .text-link:hover {
        color: #206873;
    }

.panel-primary > .panel-heading small {
    color: #fff;
}

.panel-warning > .panel-heading .badge {
    color: #fb8833;
    background-color: #ffffff;
}

.popover .popover-content ul {
    padding: 10px;
    margin: 0;
}

.label {
    display: inline-block;
}

.progress {
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0 !important;
}

.img-facebook {
    width: 80px;
    height: 80px;
}

@media (min-width: 768px) {
    .img-facebook {
        width: 180px;
        height: 180px;
    }



}

.navbar-collapse {
    max-height: none;
}

.unstyled-btn {
    border: none;
    background: none;
}

.cursor-pointer {
    cursor: pointer;
}

.breadcrumb {
    background: none;
    padding: 0 0 10px 0;
    margin-top: -32px;
    margin-bottom: 0;
}

    .breadcrumb > li + li:before {
        font-family: FontAwesome;
    }


.card-frame {
    display: block;
    margin: 0 0 19px;
    min-height: 195px;
    border: 1px solid #dbe2e3;
    color: #3a3b3b;
}

    .card-frame:hover {
        border: 1px solid #acacac;
        box-shadow: 0 0 16px rgba(102,102,102,0.13);
        color: #3a3b3b;
    }

    .card-frame .card-body {
        margin: 5px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
    }

    .card-frame .desc-display {
        position: relative;
        top: 1px;
        color: #fb8833;
    }

    .card-frame .card-description {
        display: none;
    }

    .card-frame .image-frame {
        height: 135px;
        border-bottom: 1px solid #fb8833;
        background: #f6f6f6;
        text-align: center;
    }

        .card-frame .image-frame img {
            margin-top: 15px;
        }

/* Layout - Header */

#base-navigation {
    background: #319eaf;
}

#main-navigation {
    background: #319eaf;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.12);
    z-index: 1;
    margin: 0;
}

    #main-navigation ul {
        font-size: 15px;
    }

#main-navbar > ul > li > a {
    padding: 10px;
    background: none;
    color: #fff;
    line-height: 28px;
}

    #main-navbar > ul > li > a:hover {
        background: none;
        color: #25737f;
    }

#main-navbar > ul.main-navbar-nav > li {
    background-image: url(../Images/Layout/mainNavbarSeparator.png);
    background-repeat: no-repeat;
}

    #main-navbar > ul.main-navbar-nav > li:last-child {
        background: none;
    }

#top-cart-frame-mobile {
    float:left; margin-top:15px; margin-left:10px;
    position:relative;
}

#top-cart-frame a {
    margin: 0 15px;
}

#top-cart-frame img,#top-cart-frame-mobile img {
    width:24px;
}

#top-cart-frame .badge {
    position: absolute;
    top: -4px;
    height: 20px;
    background: #e7c900;
    box-shadow: 0 1px 0 rgba(0,0,0,.16);
    color: #fff;
    font-size: 16px;
    line-height: 10px;
}

#top-cart-frame-mobile .badge {
  position:absolute;
    background-color: transparent;
    box-shadow:none;
    color: #fff;
    font-size: 16px;
    top:-13px;
    line-height: 15px;
}


#top-cart-frame:hover .badge {
    color: white;
}

#top-Inbox {
position:relative;
    margin-right: 10px;
    padding-left: 7px;
}

#in-Inbox-icon {
    position:absolute;
    top:3px;
    right:19px;
        height: 20px;
    background: #e7c900;
    box-shadow: 0 1px 0 rgb(0 0 0 / 16%);
    color: #fff;
    font-size: 16px;
    line-height: 10px;
        display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
   display:none;
    border-radius: 10px;
}


@media (min-width: 768px) {
    #top-cart-frame .badge {
        top: 4px;
        left: -8px;
    }
}

/* Layout - Footer */

body > footer {
    padding-top: 30px;
}

#footer-frame {
    margin-bottom: 10px;
    background: #e6e6e6;
    font-size: 14px;
    line-height: 40px;
}

    #footer-frame ul {
        margin: 0;
        padding: 0;
    }

        #footer-frame ul li {
            display: inline;
            padding: 0 10px;
            background-image: url(../Images/Layout/footerSeparator.png);
            background-repeat: no-repeat;
        }

            #footer-frame ul li a {
                color: #313131;
            }

                #footer-frame ul li a:hover {
                    color: #fb8833;
                }

            #footer-frame ul li:first-child {
                background: none;
            }

@media (min-width: 768px) {

    #footer-frame ul li {
        padding: 0 15px;
    }

       .dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }

}
 .card-frame .card-body {
       
    margin-top: 30px;
        }
.verify-order {
 width:auto !important;
}
.clearCart {
float:left;
font-size:18px;
}
.verify-order-panel {
height:48px;
}

footer > p {
    font-size: 12px;
}
.MoreInstitutionItems {
    display: none !important;
}

.GoToMoreInstitutionItems {
cursor:pointer;
}

.fntCourseAttributes {
color:#000;
font-weight:bold;
}

.PriceDeletedSection {
     margin:auto;
     font-size: 20px;
     text-align:center;
     line-height: 26px;
      margin-top:10px;
}

.PriceDeletedSection span{
    text-decoration: line-through;
     font-size: 17px;
}

 #my-courses-accordion a,#my-courses-accordion div.panel-title {
     cursor:pointer;
    }

  .LstMyCoursesuserGroups ,.LstMyCoursesuserGroups > li ,.LstMyCoursesuserGroups > li > ul {

     list-style:none;
    margin:0px;
    padding:0px;
}


        .LstMyCoursesuserGroups > li > ul > li,.lstnextlist {
            list-style: none;
            background-color: #f5f5f5;
            width: 100%;
            height: 50px;
            margin: 0px;
            padding: 0px;
            margin-top: 10px;
        }

            .LstMyCoursesuserGroups > li > ul > li > a,.lstnextlist a {
                text-indent: 35px;
                width: 100%;
                height: 50px;
                padding-top: 13px;
                display: block;
                margin-right: 22px;
                background-image: url('/images/MyCoursesMyGroupsArrow.png');
                background-repeat: no-repeat;
                background-position: center right;
                background-size: 6%;
                text-decoration: none;
            }

.lstnextlist {

    background-color: #fb8833;

    margin-bottom: 10px;
}
.lstnextlist a{

   color:#fff;
}
@media screen and (max-width: 770px) {

    .State_4u div#page1 strong, .State_4u_freeChapters {
        display: none;
    }
    .State_4u div.form-group, .State_4u small {
        color: #0039a9;
        font-size: 16px;
        font-weight: bold;
    }

    .state_4u_footer img {
        max-width:50px;
    }
    .state_4u_footer {
        font-size: 13px;
    }

    .gooltabs-cube {
        float: none !important;
        max-width: none !important;
        width: auto !important;
        margin-left: 30px !important;
    }
    .FreeSearchBtn,.bookDownloadLink {
     margin-right:1px;
      margin-top:20px;
    }
    .FreeSearchBtn {
    float:right;
    }
    .page-header-left {
    display:block;
    }

    .Course span.FreeSearchBtn {
        width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 6px;
    font-size: 16px;
    }
}

.btn-Header-line {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 7px;
}

.btn-Header {
    color: #fff;
    border-width:0px;

}

@media screen and (max-width: 767px) {
    .FeelFreeSubscriptionContact {
    margin-right:0px !important;
    }
    .FeelFreeSubscriptionBottom {
    display:none;
    }
    
    .FeelFreeSubscription img {
    width:90%;
    }
    
    .subscriptionTitle {
     font-size:19px !important;
    }

    .MatanaTitle {
        font-size: 19px !important;
        width: 100%;
        text-align:center !important;
    }

    

       .Price-charge-empty > div {
       float: none !important;
     display:block !important;
    width: 100% !important;
    margin: auto !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
         }

        .emptyCourseCharge > div {
    width: 53%;
    /* display: inline-block; */
    margin: auto;
    margin-bottom: 20px;
    }

    #course-chapters small.chapter-detail {
        display: none;
    }

    #my-courses-accordion a {
     display:table;
    }

    .chapter-duration-mobilefix {
        display: block;
    width: 100%;
    text-align: left;

    }

    #academic-institution-message {
    margin-top: 75px;
    }

    .mfp-content {
    vertical-align:top !important;
    }

    .mfp-container {
    position: fixed !important;
        top: 94px  !important;
    }

    .fntCourseAttributes {
        color: #000;
        font-weight: normal;
        text-decoration: underline;
    }

        .NoUnderline {
      
        text-decoration:none  !important;
    }
    
        .aboutTheCourse {
     border-top:1px solid #f4f4f4;
    }

        .main-navbar-connect {
    position:relative;
    }

    #main-navbar-connected {
        position: absolute;
        background-color: #319eaf;
        width: 180px;
        top: 50px;
    right: -2px;
    }
    
    .right-mobile {
    float:right !important;
    }

        #chapter-videos.panel .panel-heading {
    background: #319eaf !important;
}


        #main-navbar-connected ul {
            list-style: none;
            padding-right: 0px;
        }
            
          #main-navbar-connected ul li {
            line-height:30px;
            }

        #main-navbar-connected a {
            color: #fff;
        }

    .page-header h1 {
    font-size: 25px !important;
}
   #cart div.panel .panel-heading .panel-title {
        font-size: 18px;
    }
    
   #cart div.tab-content h3 {
     font-size: 21px !important;
     margin-top: 11px !important;
    }
    
   #free-chapters div.facbkkortitle  {
     background-color:#f1f1f1;
      padding-top:20px;
    }
    button.navbar-toggle {
    
    width: 40px;

    }
    #player-frame div.add-to-cart div.second {
    display:none;
    }
    
    .Banner_Top img {
    width:100% !important;
    }

     #player-frame div.add-to-cart div.first > div > button{
       color: #fff;
    background-color: #319eaf;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 60%;
    position: relative;
    display: block;
    padding: 10px 15px;
    text-align: center;
    border-radius: 20px;
    font-weight: bold;
    font-size: 19px;
    border:0;
    width:100%;
    }

    #cooperations2 {
        margin-bottom: -8px;
        width:55%;
    }
   
    .navbar-header button.navbar-toggle > div:first-child {
        display: none;
    }

    .navbar-header button.collapsed > div:first-child {
        display: block;
    }

    .navbar-header button.navbar-toggle > div:nth-child(2) {
        display: block;
        font-size: 26px;
        margin-top: -9px;
        left: 12px;
        position: absolute;
        color: #fff;
    }

    .navbar-header button.collapsed > div:nth-child(2) {
        display: none;
    }

    #top-cart-frame {
    display:none !important;
    }

    #main-navigation,#base-navigation {
        position: fixed;
        z-index:99999;
        width: 100%;
    }
    .navbar-nav {
    margin: 3px -15px !important;
}
    .cartLoginSection {
        display: none;
    }
    

      #page-body {
                padding-top: 66px;
            }

    #btn-continue {
     margin:auto;
     display:block;
     width:50%;
      margin-bottom:20px;
       border-radius:10px;
    }

    .mfp-content {
        position: fixed !important;
        left: 0px !important;
    }

     #free-chapters .frame-heading {
        background: #319eaf !important;
    }

    .MoreInstitutionItems {
        display: block !important;
    }

    .GoToMoreInstitutionItems {
        display: none !important;
    }

    #main-carousel .carousel-inner blockquote p {
        line-height: 25px !important;
    }
    #main-carousel .carousel-inner blockquote footer {
     color: #272727  !important;
    }

    .facbkkortitle {
        color: #272727;
        margin: auto;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
        font-size: 19px;
 
    }

    #academic-institutions,
    #subject-courses,
    #national-exams
     {
    margin-bottom: 57px !important;
    }

    #main-carousel {
         background-image:none !important;
     background-color:#fff !important;
      
}
    #verify-order-panel-all span.badge,
        #cartLoginSection  div.panel > .panel-heading .badge
    ,
    
    .panel-primary > .panel-heading .badge {
     display: none !important;
    }

      .dont-collapse-sm1 {
        display: block;
        height: auto !important;
        visibility: visible;
    }


    #main-carousel .carousel-inner blockquote {
        -webkit-text-shadow:none !important;
        text-shadow:none !important;
    }

        #main-carousel .carousel-inner blockquote p {
          
            color: #272727 !important;
           
        }
    
        #message-for-students,#academic-institution-description {
     border:0;
    }
    
        .page-header small {
     display:block;
    }

    #message-for-students div.panel-heading,
    #academic-institution-description div.panel-heading {
     background-color:transparent !important;
    
    }

    #academic-institution-description.panel .panel-heading .panel-title,   
    #message-for-students.panel .panel-heading .panel-title {
             color:#000 !important;
             font-size:15px;
            }
    .breadcrumb {
    display:none;
    }

    /*ul#academic-options li:nth-child(2), ul#academic-options li:nth-child(3) {
        display: none;
    }*/

    ul#academic-options li:nth-child(1) {
        margin: auto;
        margin-top: 15px;
        margin-bottom: 80px;
        width: 60%;
    }

    .findmoreline {
        margin: auto;
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    #findmore {
        color: #272727;
        margin: auto;
        font-weight: bold;
        margin-top: 20px;
        text-align: center;
        font-size: 19px;
        text-decoration: underline;
    }


    #closefindmore {
        border: 1px solid #000;
        border-radius: 49px;
        width: 25px;
        margin-right: 6px;
        display:none;
    }
    
    #closefacbkkortitle {
     border: 1px solid #000;
        border-radius: 49px;
        width: 25px;
        margin-right: 6px;
        display:inline-block;
        font-size:16px;
        font-weight:normal;
    }

    ul#academic-options li:nth-child(2),
    ul#academic-options li:nth-child(3) {
      
        margin-top: 15px;
        margin-bottom: 80px;
        

    }
    .modal {
    top:115px;
    }
      ul#academic-options li:nth-child(2) {
           width: 45%;
    float: left;

    }
        ul#academic-options li:nth-child(3) {
       
                width: 45%;
    float: right;
    }

     ul#academic-options li a {
           color: #fff;
    background-color: #319eaf;

    }


    #free-chapters-carousel div.item a {
        border-bottom: 1px solid #000 !important;
    }

    .fixedSticky {
        position: fixed !important;
        top: 50px;
        z-index: 99999 !important;
    }


    .page-headerH1 {
        font-size: 13px !important;
        line-height: 58px;
    }

        .page-headerH1 i.fa-book {
            font-size: 19px;
        }

   
    .btnLetsStartStudyBottom {
        color: #fff;
        background-color: #319eaf;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        width:250px;
        position: relative;
        display: block;
        padding: 10px 15px;
        text-align: center;
        border-radius: 20px;
        font-weight: bold;
        font-size:19px;
    }

    ul#academic-options li a {
        text-align: center;
        font-size:19px;
        border-radius: 20px;
         border:1px solid #fff;
    }
    
    ul#academic-options {
    margin-top: -100px;
    }

    ul#area-type-options li {
        width: 20%;
        float: right;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border: 0px !important;
    }

    #academic-institutions ul.tab-content,
    #national-exams ul.tab-content,
     #subject-courses ul.tab-content
     {
        border: 1px solid #319eaf;
    }
    
    #subject-courses > ul.nav,
    #national-exams > ul.nav  {
    margin-bottom: -2px;
    }

     #subject-courses > ul.nav li a,
    #national-exams > ul.nav li a  {
  margin-right: 0px;
    }

    #academic-institutions ul#area-type-options li.active,
    #national-exams > ul.nav > li.active,
    #subject-courses > ul.nav > li.active {
        border: 1px solid #319eaf;
        border-bottom: 2px solid #fff;
    }

    li#academic-institutions ul.nav > li > a {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #main-carousel-footer {
        margin-top: 50px;
    }

        #main-carousel-footer div#main-carousel {
            height: 350px;
        }

        #main-carousel-footer div.facbkkortitle {
            font-size: 19px;
            text-shadow:none;
        }

    #main-carousel .carousel-inner img {
        float: none !important;
        margin: auto !important;
        border-radius: 50px;
        background-color: transparent !important;
        margin-top: 20px !important;
        padding:0px !important;
    }
    .mfp-wrap {
    z-index:9999999999999 !important;
    }
    .mobiletoptxt {
        width: 100%;
        min-height: 200px;
        margin-top: -50px;
        margin-bottom: 10px;
        background-image: url(../Images/mainCarousel.png);
        background-size: contain;
        background-color: #66c8d7;
    }
    #tranzila-iframe {
    width:290px !important;
    }

        .mobiletoptxt span:first-child {
            margin: auto;
            max-width: 321px;
            text-align: center;
            font-size: 26px;
            color: #fff;
            display: block;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .mobiletoptxt span:nth-child(2) {
            margin: auto;
            max-width: 321px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            display: block;
            padding-bottom: 20px;
        }
}

   .newFontsArrange a,.newFontsArrange strong {
    color:#000 !important;
    }

/* Layout - Panels */

.panel .panel-heading .panel-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.1;
}

    .panel .panel-heading .panel-title small {
        font-size: 65%;
        font-weight: normal;
    }

.panel-hyperlink:link {
    color:blue;
}
.panel-hyperlink:hover {
   font-weight:bold
}
.panel-hyperlink:visited {
   color:blue;
}

#academic-institution-description.panel .panel-heading,
#message-for-students.panel .panel-heading {
    background: #fb8833;
}
    #academic-institution-description.panel .panel-heading .panel-title,
    #message-for-students.panel .panel-heading .panel-title {
        color: #fff;
    }

#success-stories.panel .panel-heading {
    background: #3b5998;
}

    #success-stories.panel .panel-heading .panel-title {
        color: #fff;
    }

#success-stories.panel .panel-footer {
    background: none;
    border-top-color: #ffffff;
    margin: 0 5px;
}

#success-stories-content {
    height: 235px;
}

    #success-stories-content > div {
        display: none;
    }

        #success-stories-content > div.active {
            display: block;
            height: 115px;
        }

    #success-stories-content .media {
        margin: 0 5px;
        padding-top: 5px;
    }

        #success-stories-content .media img {
            margin-top: 5px;
            width: 50px;
            height: 50px;
        }

        #success-stories-content .media .media-body {
            color: #585858;
            font-size: 14px;
            line-height: 17px;
        }

            #success-stories-content .media .media-body .media-heading {
                color: #3b5998;
            }

        #success-stories-content .media.border-bottom {
            padding-bottom: 10px;
            border-bottom: 1px solid #c8cfde;
        }

/* Home - Carousel */

#main-carousel {
    margin-top: -50px;
    margin-bottom: 10px;
    height: 240px;
    background: #66c8d7 url(../Images/Layout/mainCarousel.png) no-repeat 50% 0;
}

    #main-carousel .carousel-inner blockquote {
        border: none;
        -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.4);
        text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    }

        #main-carousel .carousel-inner blockquote p {
            margin-top: 10px;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            line-height: 38px;
        }

        #main-carousel .carousel-inner blockquote footer {
            color: #fff;
            font-size: 22px;
        }
/* search Engine */
.SearchEnginesTabs {
     padding:0px;
     padding-bottom:30px;
}
.SearchEnginesTabs li,#SearcLucenehBtn {
    float: right;
    list-style: none;
    width: 25%;
    max-width: 200px;
    height:35px;
    border-radius: 5px;
    background-color: #319eaf;
    color: #ffffff;
    font-weight: bold;
   margin-left:20px;
   text-align:center;
   line-height:35px;
   cursor:pointer;
}
    .SearchEnginesTabs li:hover {
   background-color: #fb8833;
    }
#SearcLucenehBtn {
     padding:0px;
      margin:auto;
      float:none;
      margin-bottom:10px;
       margin-top:10px;
}
.search_box div.list-group {
    -webkit-box-shadow: -5px 2px 16px -3px rgba(0,0,0,0.51);
    -moz-box-shadow: -5px 2px 16px -3px rgba(0,0,0,0.51);
    box-shadow: -5px 2px 16px -3px rgba(0,0,0,0.51);
    display: inline-block;
    width: 100%;
}

.SearchEngineResults {
    padding: 1px;
}

    .SearchEngineResults li {
        list-style: none;
        margin-bottom: 20px;
        text-decoration: none !important;
    }

.SearchEngineResults li a.resultsHeader {
    text-decoration:none !important;
     color:#319eaf;
     font-weight:bold;
}
.SearchEngineResults li a.resultsLink {
     text-decoration:none !important;
     color:#fb791a;
     font-size:13px;
     display:block;
     direction:ltr;
     font-weight:normal;
}

        .SearchEngineResults li div {
          font-size:13px;
           color:#000000;
        }

/*subscription*/
.subscriptionTitle,.MatanaTitle {
    font-size: 22px;
    font-weight: bold;
    color: #484a4a;
    width: 100%;
    text-align: left;
    padding-left: 16px;
    margin-bottom: 17px;
}
.subscriptionTitlever2 {
    font-size: 28px;
    float: right;
    text-align: right;
    margin-right: 16px;
}
    .subscriptionTitlever2 small {
        font-size: 19px;
        float: right;
        font-weight:normal;
    }

    .subscriptionSelect {
        background: url(/Images/triSubscription.png) no-repeat 97% transparent;
        border-color: #66c8d7;
        appearance: none;
        -moz-appearance: none;
        padding-right: 55px;
        -webkit-appearance: none;
        margin-top: 10px;
        height: 45px;
        width:417px;
    }

.subscriptionSelect2 span.select2-selection {
    background-position-x:17px;
    padding-right:0px;
}
.academicInstitutionDdl input.select2-search__field {
    right: 20px;
}

.SubscriptionItem{
    width: 93.5%;
    margin: 4px;
    padding: 4px;
    display: inline-block;
    border-radius: 4px;
    background-color: #e5f7f9;
    text-align: center;
    list-style: none;
    margin-top: 20px;
}

 .HasAgreementDiv {
    width: 100%;

}

    .HasAgreementDiv > div {
        margin-right: 15px !important;
        margin-left: 15px !important;
        padding: 4px;
        display: flex;
        border-radius: 4px;
        background-color: #e5f7f9;
        text-align: right;
        list-style: none;
        margin-top: 10px;
        font-weight: normal;
        font-size: 14px;
        padding: 10px !important;
        margin-bottom: 20px !important;
    }

        .HasAgreementDiv > div > img {
          
            margin-left: 10px;
            display: inline-block;
       
        }

        .HasAgreementDiv > div > span {
            display: inline-block;
            width: 88%;

        }
            .HasAgreementDiv > div > span  > font {
                font-weight: bold;
            }
    #lstsubscription, #lstsubscriptionVer2 {
        margin: 0px;
        padding: 0px;
    }
    #lstsubscription li, #lstsubscriptionVer2 li {
        list-style: none !important;
    }

.lstsubscription-item {
    padding-right: 11px;
    line-height:35px;
    margin-top: 30px;
}

.lstsubscription-item2 {
    margin-top:0px;
}
.academic-subscription-rdo {
    padding-top: 20px;
}
    .academic-subscription-rdo > span {
    display:inline-block;
    cursor:pointer;
    }

    .academic-subscription-rdo input[type=radio] {
        margin-left: 8px;
       
    }

    .academic-subscription-rdo 
    .CouponInstructions {
        margin: 0px;
        padding: 0px;
        text-align: center;
        list-style: none;
    }


.academic-subscription-rdo-Item {
    width: 50%;
    min-height: 170px;
    padding: 20px, 10px, 20px, 10px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    width: 49%;
    margin-right: 2%;
    float:right;
    position:relative;
}

.academic-subscription-rdo-Item1, .academic-subscription-rdo-Item3 {
    width: 100%;
    min-height: 98px;
    border-radius: 10px;
    border: 1px solid #DDDDDD;
    float: right;
    position: relative;
    margin-bottom: 19px;
    padding: 20px;
}

    .academic-subscription-rdo-Item3 div.academic-subscription-rdo-Item-name {
        text-align: right;
        margin-top: 0px;
        width: 65%;
    }

div.Annual.academic-subscription-rdo-Item3 div.academic-subscription-rdo-Item-name::after {
    content: 'הכי משתלם';
    color: #319EAF;
    font-size:13px;
     margin-right:20px;
     font-weight:700;

}

    .academic-subscription-rdo-Item3 div.academic-subscription-rdo-Item-price {
        text-align: right;
        width: 50%;
    }
.academic-subscription-rdo-Item3 div.academic-subscription-rdo-Item-coupon {
    text-align: right;
    width: 50%;
    line-height: 18px;
}



    .academic-subscription-rdo-Item3 .academic-subscription-rdo-Item-btn {
        width: 50%;
        float: left;
        position: absolute;
        left: 10px;
        top: 29%;
        max-width:130px;
    }

.academic-subscription-rdo-Item3 .academic-subscription-rdo-Item-Reccommended {
    display: none;
}

.academic-subscription-rdo-Item:first-child {
    margin-right: 0%;
}

    .academic-subscription-rdo-Item:nth-child(3) {
        margin-right: 0px;
        margin-top: 20px;
        width: 100%;
    }

.academic-subscription-rdo-Item-name {
    font-family: Alef;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #484A4A;
}

.academic-subscription-rdo-Item-price {
    font-family: Alef;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 10px;
}

    .academic-subscription-rdo-Item-price small {
        font-family: Alef;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 9px;
    }
    .academic-subscription-rdo-Item-price small del {
        direction: rtl;
        display: inline-block;
    }
.academic-subscription-rdo-Item-coupon {
    font-family: Alef;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    opacity:0.4;
}

.academic-subscription-rdo-Item-btn {
    width: 177px;
    height: 37px;
    padding: 9px, 0px, 9px, 0px;
    border-radius: 7px;
    border: 1px solid #FB8833;
    margin: auto;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    color: #FB8833;
    line-height: 33px;
    cursor: pointer;
    margin-bottom: 20px;
    font-weight: 600;
     margin-top:10px;
}

.Annual div.academic-subscription-rdo-Item-btn {
    color: #fff;
    background-color: #FB8833;
    width: 160px;
}

.academic-subscription-rdo-Item-Reccommended {
    FONT-WEIGHT: 500;
    width: 80px;
    height: 21px;
    padding: 9px, 0px, 9px, 0px;
    border-radius: 30px;
    border: 1px solid #FB8833;
    margin: auto;
    text-align: center;
    font-size: 13px;
    background-color: #FB8833;
    color: #fff;
    line-height: 18.6px;
    font-weight: 600;
    position: absolute;
    top: -10px;
    left: 10%;
    right: 10%;
}
}


.CouponInstructionsBorder {
    border-color: #66c8d7;
    border-style: solid;
    border-width: 1px;
    margin-top: 30px;
    color: #000;
    padding: 10px;
    font-weight: bold;
}
.academicProgramDdl {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.addSubscriptionbtn {
    width: 260px;
    height: 50px;
    line-height: 46px;
    color: #fff;
    border-radius: 9px;
    background-color: #484a4a;
    margin: auto;
    text-align: center;
    font-size: 24px;
    margin-top: 43px;
    cursor: pointer;
}

.addSubscriptionbtnVer2 {
    width: 100%;
    background-color:#D9D9D9;
    margin-top:15px;
}

    .FeelFreeSubscription, .FeelFreeSubscriptionBottom, .FeelFreeSubscriptionContact {
        float: right;
        width: 100%;
        text-align: right;
    }
.FeelFreeSubscriptionContact2 {
text-align:center;
}

.FeelFreeSubscriptionContact {
    color: #0898af;
    font-weight: bold;
    margin-right: 70px;
}

    .FeelFreeSubscriptionContact a {
        color: #5461e9;
        text-decoration:underline;
    }


.MatanaBtn {
      background-color:#fb8833;
      color:#fff;
      font-size:20px;
       border-radius:6px;
       border:0px;
       line-height:40px;
       float:left;
}

.MatanaSelect {
  
    border-color: #66c8d7 ;
    appearance: none;
    -moz-appearance: none;
    padding-right: 15px;
    -webkit-appearance: none;
    margin-top: 10px;
    height: 45px;
}

/*GoolTabs*/

.GoolTabs {
    margin-top: -50px;
    width: 100%;
}

.gooltabs-top {
    position: relative;
    max-width: 900px;
    margin: auto;
}

.gooltabs-scroll-down {
    text-align: center;
    padding-top: 25px;
    position: absolute;
    bottom: -58px;
    left: calc(50% - 54px);
    width: 113px;
    height: 113px;
    background-color: #00c0cb;
    border-radius: 75px;
    cursor: pointer;
}


.gooltabs-title {
    margin-top: 200px;
    font-size: 44px;
    line-height: 62px;
    font-weight: bold;
    color: #000;
}

.gooltabs-desc {
    margin-top: 30px;
    font-size: 22px;
}

.gooltabs-cubes {
    width: 100%;
    background-color: #f7f6fe;
    margin-top: 120px;
    display: inline-block;
     background-image:url('/images/gooltabsbkg.jpg');
     background-repeat: no-repeat;
    background-size: 100%;
}

.gooltabs-terms {
    width: 100%;
    max-width: 1200px;
    display: block;
    margin: auto;
    text-align: center;
     margin-top:40px;
}

.gooltabs-cube-private {
    width: 100%;
    max-width: 790px;
    height: 395px;
    background-color: #fff;
    display: table;
    margin: auto;
    border-radius: 15px;
}

.gooltabs-cube-attention {
    width: 100%;
    max-width: 1200px;
    display: table;
     padding-right:38px;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
    color: #000;
    font-size: 23px;
}

.gooltabs-terms-title {
font-size: 30px;
    padding-top: 44px;
    line-height: 64px;
    color: #000;
}

.gooltabs-terms li {
 font-size: 20px;
    line-height: 34px;
    text-align:right;
    color: #000;
    list-style: none;
}

.gooltabs-cube-private > div {
    width: 95%;
    margin: auto;
    border:4px dashed #cf710e;
    height: 90%;
    margin-top: 2.5%;
   
}

    .gooltabs-cubes > div {
        margin: auto;
        margin-top: 100px;
        width: 100%;
        display: table;
        max-width: 1200px;
    }

.gooltabs-cube {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px -3px 9px 4px rgba(235,235,235,1);
    -moz-box-shadow: 0px -3px 9px 4px rgba(235,235,235,1);
    box-shadow: 0px -3px 9px 4px rgba(235,235,235,1);
    width: 100%;
    max-width: 360px;
    height: 525px;
    float: right;
    border-radius: 10px;
    margin: auto;
    background-color: #f8f6fe;
    margin-right: 30px;
     margin-bottom:20px;
}

.gooltabs-cube-title {
    font-size: 29px;
    width: 100%;
    text-align: center;
   
    margin-top: 25px;
    margin-bottom: 15px;
    color: #028a92;
}

.gooltabs-cube-private-title-sec {
    font-size: 34px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    color: #d37302;
}

    .gooltabs-cube-private-title-sec span {
        font-size: 50px;
    }


.gooltabs-cube-private-title-sec2 {
    color: #767878;
    font-size: 15px;
    width: 100%;
    text-align: center;
}

.gooltabs-cube-private-title {
    width: 100%;
    color: #d37302;
    font-size: 29px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 5px;
}


.gooltabs-cube-title-line {
width:45px;
border-bottom:3px solid #06bacd;
  margin:auto;
}

.gooltabs-cube-private-title-line {
width:45px;
border-bottom:2px solid #cf710e;
 margin:auto;
}


.gooltabs-cube-title-sec {
    font-size: 34px;
    font-weight: bold;
    width: 100%;
    text-align: right;
    margin-right: 45px;
    margin-top: 14px;
    color: #028a92;
}
    
    .gooltabs-cube-title-sec span {
      font-size: 50px;
    }

.gooltabs-cube-title-sec2 {
    color: #767878;
    font-size: 15px;
    width: 100%;
    margin-right: 45px;
    text-align: right;
}

.gooltabs-cube-price {
    margin-right: 45px;
    color: #4e4b54;
    margin-top: 20px;
    font-weight: bold;
    font-size: 43px;
}

.gooltabs-cube-private-price {
    color: #4e4b54;
    font-weight: bold;
    text-align:center;
    font-size: 43px;
}

.gooltabs-cube-price-desc {
    color: #767878;
    font-size: 22px;
    width: 100%;
    margin-right: 45px;
    text-align: right;
}

.gooltabs-cube-private-price-desc {
    color: #767878;
    font-size: 22px;
    width: 100%;
    text-align: center;
}

.gooltabs-cube-price-desc2 {
    color: #373838;
    font-size: 26px;
    margin-top: 18px;
    width: 100%;
    margin-right: 45px;
    text-align: right;
    margin-bottom: 52px;
}

.gooltabs-cube-private-price-desc2 {
   color: #373838;
    font-size: 26px;
    margin-top: 8px;
    width: 100%;
    text-align: center;
     margin-bottom:5px;
   
}


.gooltabs-cube-Button {
     margin:auto;
	background:linear-gradient(49deg, #098797 25%, #07b2c5 100%);
	background-color:#477c8f;
	border-radius:24px;
	display:block;
    width:185px;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 27px;
	text-decoration:none;
}

.gooltabs-cube-private-Button {
     margin:auto;
	background:linear-gradient(49deg, #a67628 25%, #cc8f28 100%);
	background-color:#477c8f;
	border-radius:24px;
	display:block;
    width:185px;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 27px;
	text-decoration:none;
}

/*.GoolTabsPrivate a.card-frame,.GoolTabsPrivate div.image-frame{
     background-color:#fb8833;
}

.GoolTabsPrivateTitle {
       transform: rotate(318deg);
    position: absolute;
    top: 26px;
    left: 10px;
    color: #FFF;
    font-size: 19px; 
}

.GoolTabsExplanation {
background-color: #fb8833; padding: 10px; text-align: center; height: 100px;font-weight:bold;
}

.image-frameGoolTabs {
    font-size: 57px; line-height: 97px;
    height: 98px !important;
}

.GoolTabsPrivate div.image-frame {
border-bottom-color:#fff;
}

.page-header-GoolTabs {
 margin:auto;
  font-size:18px;
  line-height:35px;
      text-align: center;
       margin-bottom:30px;
}

.page-header-GoolTabs::first-line {
    line-height:65px;
  font-size:25px;
   font-weight:bold;
  
}*/



@media (min-width: 768px) {
    #main-carousel .carousel-inner blockquote p {
        width: 660px;
        font-size: 28px;
    }

   

}

@media screen and (max-width: 640px) {
/*    .academic-subscription-rdo-Item3 div.academic-subscription-rdo-Item-coupon {
        width: 100%;
        padding-top: 10px;
    }*/


    .academic-subscription-rdo-Item-coupon {
        text-indent: -8px;
    }

    .academic-subscription-rdo-Item-btn {
        font-size: 12px !important;
        width: 90% !important;
    }
    .subscriptionTitlever2 {
        text-align: center !important;
    }
    .academicProgramDdl {
        margin-bottom: 26px !important;
    }

    .HasAgreementDiv > div > img {
        vertical-align: 70%;
    }

    #INDWrap {
        visibility: hidden;
    }

    .subscriptionTitlever2, .subscriptionTitlever2 small {
        float: none;
        margin: auto;
        text-align: center;
    }
    .FeelFreeSubscription2 img {
        display: none;
    }

    .subscriptionTitlever2 {
     margin-bottom:20px;
     margin-top:20px;
     text-align:right;
     font-size:32px !important;
    }
        .subscriptionTitlever2 small {
            font-size: 19px !important;
        }

        .FeelFreeSubscription2Contact {
            display: none;
        }
    .FeelFreeSubscription2ContactMobile {
    display:block;
    }
}
#main-carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border: none;
    background: #3f9aa8;
}

    #main-carousel .carousel-indicators li.active {
        background: #fff;
    }
      #main-carousel .carousel-inner blockquote footer {
          
            font-size: 15px;
        }
.nav-pills .popover-content {
    color: #31708f;
}

#academic-main-nav-frame {
    margin: 0 0 47px;
    border-bottom: 3px solid #fb8833;
}

#academic-main-nav {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #fb8833;
    font-size: 24px;
    line-height: 38px;
}

@media (min-width: 768px) {
    #academic-main-nav {
        margin-bottom: 30px;
        padding: 0;
        height: 38px;
    }
}

#academic-main-options li {
    position: relative;
}

    #academic-main-options li a {
        display: block;
        padding: 0 22px;
        color: #fff;
    }

    #academic-main-options li.active a {
        background: #fff;
        color: #fb8833;
    }

@media (min-width: 768px) {
    #academic-main-options li.active a {
        margin-top: -7px;
        padding-top: 7px;
        box-shadow: -1px -2px 2px rgba(0,0,0,0.16);
        font-weight: bold;
    }

 
}

@media (min-width: 768px) {
    #academic-main-options li {
        display: inline-block;
        list-style: none;
    }
}

#academic-main-content a {
    color: #313131;
}

    #academic-main-content a:hover {
        color: #fb8833;
    }

#academic-areas {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
}

    #academic-areas li {
        margin: 0 0 5px;
    }

    #academic-areas a {
        display: block;
        padding: 0 12px;
        color: #fb8833;
    }

        #academic-areas a:hover,
        #academic-areas .active a {
            background: #e4e4e4;
        }

#academic-contents {
    padding: 0;
}

    #academic-contents > li > ul.tab-content {
        padding-right: 15px;
    }

        #academic-contents > li > ul.tab-content > li.tab-pane ul > li {
            padding: 7px 10px;
            width: 100%;
        }

    #academic-contents > li > ul.nav-tabs > li.active > a {
        color: #fb8833;
        font-weight: bold;
    }

@media (min-width: 768px) {
    #academic-contents {
        min-height: 240px;
    }

        #academic-contents > li > ul.tab-content > li.tab-pane ul > li {
            width: 50%;
        }

        .navbar-nav {
    float: none;
    margin: auto;
    display: table;
}
}

@media (min-width: 992px) {

    #academic-contents > li > ul.tab-content > li.tab-pane ul > li {
        width: 33%;
    }
}

/* Home - Success Stories and Free Chapters */

#all-recommendations {
    margin: -27px 0 0;
    font-weight: bold;
    font-size: 14px;
}

#all-recommendations {
    color: #3b5998;
}

#all-free-chapters {
    color: #fb8833;
    font-weight: bold;
    font-size: 14px;
}

#free-chapters {
    margin-top: 15px;
    margin-bottom: 15px;
}

    #free-chapters .frame-heading {
        background: #fb8833;
    }

        #free-chapters .frame-heading h2 {
            margin: 0;
            color: #fff;
            font-weight: bold;
            font-size: 22px;
            line-height: 48px;
        }

        #free-chapters .frame-heading ul {
            margin: 0;
            padding: 0;
        }

            #free-chapters .frame-heading ul li:last-child {
                border: none;
            }

            #free-chapters .frame-heading ul li a {
                display: block;
                width: 48px;
                height: 48px;
                color: #d76c1d;
                text-align: center;
            }

                #free-chapters .frame-heading ul li a:hover {
                    color: white;
                }

#free-chapters-carousel {
    background: #f1f1f1;
}

    #free-chapters-carousel a {
        display: block;
        height: 238px;
        color: #404040;
        text-align: center;
        font-size: 14px;
        line-height: 180px;
    }

        #free-chapters-carousel a:hover {
            background: #f7e7db;
        }

        #free-chapters-carousel a p {
            line-height: 20px;
        }

/* Home - Videos */

#main-videos, #main-campaigns {
    margin-bottom: 50px;
}

#main-videos {
    padding: 8px;
    height: 190px;
    background: #3ca5b5;
}

    #main-videos ul {
        position: absolute;
        z-index: 1;
        padding: 0;
        width: 190px;
        font-weight: bold;
        font-size: 18px;
        line-height: 40px;
    }

        #main-videos ul a {
            display: block;
            padding: 0 12px;
            color: #fff;
        }

        #main-videos ul .active a {
            position: relative;
            z-index: 1;
            background: #fb8833;
        }

    #main-videos div .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        width: 80px;
        height: 80px;
        background: url(../Images/Icons/play.png) no-repeat;
        opacity: 0.9;
    }

        #main-videos div .play-icon:hover {
            opacity: 1;
        }

@media (min-width: 992px) {
   
    #main-videos {
        height: 325px;
    }
}

/* Home - Campaigns */

#main-campaigns {
    padding: 7px;
    background: #fb8833;
}

    #main-campaigns .carousel-indicators {
        position: absolute;
        top: -25px;
        left: -140px;
        width: auto;
    }

        #main-campaigns .carousel-indicators li {
            width: 12px;
            height: 12px;
            border: none;
            background: #cacaca;
        }

            #main-campaigns .carousel-indicators li.active {
                background: #fb8833;
            }

    #main-campaigns .carousel-inner {
        height: 175px;
        color: #fff;
        font-weight: bold;
    }

        #main-campaigns .carousel-inner img {
            margin-bottom: 20px;
        }

        #main-campaigns .carousel-inner strong {
            display: block;
            font-size: 47px;
            line-height: 34px;
        }

            #main-campaigns .carousel-inner strong small {
                display: block;
                font-weight: normal;
                font-size: 27px;
            }

@media (min-width: 992px) {
    #main-campaigns .carousel-indicators {
        left: -165px;
    }

    #main-campaigns .carousel-inner {
        height: 310px;
    }
}

/* Home - Lecturers */

#main-lecturers {
    margin-bottom: 250px;
}

@media (min-width: 992px) {
    #main-lecturers {
        margin-bottom: 220px;
    }
}

#main-lecturers h2 {
    color: #3ca5b5;
    font-weight: bold;
    line-height: 40px;
}

@media (min-width: 992px) {
    #main-lecturers h2 {
        margin-bottom: 0;
        width: 160px;
    }


}


@media (max-width: 992px) {


    .BannerSubscription > div {
        max-width: 251px;
      
    }

        .BannerSubscription > div > div {
            display: none;
        }
}

@media (max-width: 772px) {

    .BannerSubscriptioncol-sm-4 {
        padding-top: 30px;
    }

    .BannerSubscription, .Course span.FreeSearchBtn {
        margin-top: 20px;
    }
    .BannerSubscriptionMask {
        background: linear-gradient(65deg, #FB8833 34%, rgb(255 255 255 / 0%) 35%);
    }

    .BannerSubscription, .BannerSubscriptionMask {
        height: 197px;
    }

        .BannerSubscription small {
            margin: auto;
            display: block;
            text-align: center;
            float: none;
            width: 100%;
            position: relative;
            padding-left: 20px;
            max-width:100%;
        }

        .BannerSubscription h6 {
            padding-left: 20px;
            width: 100%;
            line-height: 27px;
            text-align: center;
            position: relative;
            float: none;
            margin: auto;
            max-width: 100%;
        }

        .BannerSubscription > div {
            margin: auto;
            float: none;
            padding-left: 30px;
            padding-right: 30px;
        }
            .BannerSubscription > div > a {
             font-weight:500;
            }
}

#main-lecturers .lecturer {
    width: 115px;
    font-size: 18px;
    line-height: 20px;
}

    #main-lecturers .lecturer .img-frame {
        position: relative;
        margin-bottom: 20px;
    }

        #main-lecturers .lecturer .img-frame img {
            width: 115px;
            height: 115px;
        }

        #main-lecturers .lecturer .img-frame:after {
            position: absolute;
            top: -15px;
            left: -15px;
            width: 145px;
            height: 145px;
            border: 15px solid #fff;
            border-radius: 50%;
            background: rgba(255,255,255,0.25);
            box-shadow: inset 3px 3px 3px rgba(0,0,0,0.26);
            content: "";
        }

    #main-lecturers .lecturer:hover .img-frame:after {
        border: 5px solid #3ca5b5;
        background: none;
        box-shadow: none;
        -moz-transition: border 0.5s;
        -o-transition: border 0.5s;
        -webkit-transition: border 0.5s;
        transition: border 0.5s;
    }

    #main-lecturers .lecturer strong,
    #main-lecturers .lecturer span {
        display: none;
        width: 200%;
    }

    #main-lecturers .lecturer:hover strong,
    #main-lecturers .lecturer:hover span {
        display: block;
    }

    #main-lecturers .lecturer a,
    #main-lecturers .lecturer a:hover {
        color: #4e4e4e;
    }

#all-lecturers {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #3ca5b5;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 115px;
}

@media (min-width: 992px) {
    #main-lecturers .lecturer {
        width: 125px;
    }

        #main-lecturers .lecturer .img-frame img {
            width: 125px;
            height: 125px;
        }

        #main-lecturers .lecturer .img-frame:after {
            width: 155px;
            height: 155px;
        }

    #all-lecturers {
        width: 125px;
        height: 125px;
        line-height: 125px;
    }
}

/* Home - Cooperations */

#cooperations {
    margin-bottom: 25px;
    border-top: 1px solid #dcdbdb;
}

    #cooperations h2 {
        margin: -13px auto 15px;
        padding-bottom: 28px;
        width: 195px;
        background: url(../Images/Layout/cooperations.png) no-repeat 0 100%;
        color: #fb8833;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
    }

    #cooperations .carousel-control.left,
    #cooperations .carousel-control.right {
        width: 20px;
        background-image: none;
        background-repeat: no-repeat;
        color: #b5b5b5;
    }

        #cooperations .carousel-control.left:hover,
        #cooperations .carousel-control.right:hover {
            color: #319eaf;
        }

#cooperations-carousel div.col-sm-2 {
    text-align: center;
}

/* Facebook Recommendations */

#facebook-recommendations .media {
    margin-top: 15px;
    max-height:180px;
    overflow:hidden;
}

/* Acadmeic Institution */

#programs-frame a.list-group-item {
    color: #319eaf;
}

    #programs-frame a.list-group-item:hover {
        color: #206873;
    }

    #programs-frame a.list-group-item:hover, #programs-frame a.list-group-item:focus {
        background: none;
    }

@media (min-width: 768px) {
    #programs-frame a.list-group-item {
        line-height: 45px;
    }
}

/* Program */

#courses-frame ul.courses-list {
    margin: 0;
}

    #courses-frame ul.courses-list li {
        padding: 7px 0px;
    }
        #courses-frame ul.courses-list li a {
            display: inline-block;
            max-width: 350px;
        }
/* About and Lecturers */

#about-us h2 {
    margin-top: 0;
    color: #319eaf;
}

#about-us dd {
    margin-bottom: 10px;
}

.team-member {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 3px solid #319eaf;
}

    .team-member:last-child {
        border-bottom: none;
    }

    .team-member h2 {
        margin: 0;
        color: #319eaf;
        font-weight: bold;
        font-size: 18px;
        line-height: 20px;
    }

    .team-member h4 {
        margin-top: 0;
        color: #fb8833;
        font-weight: bold;
        font-size: 18px;
        line-height: 20px;
    }

/* Settings */

#general-settings-panel {
    padding: 15px;
    background: #ebeaea;
}

    #general-settings-panel .page-sub-header {
        border-bottom: 2px solid #c2c2c2;
        color: #fb8833;
    }

/* Questions */

#questions .panel {
    margin: 10px 0;
    box-shadow: none;
}

#questions a.accordion-toggle {
    padding-top: 3px;
    color: #313131;
}


    #questions a.accordion-toggle:hover {
        color: #fb8833;
    }

/* Campaigns */

#compaigns h2 {
    margin: 0 0 15px;
    color: #319eaf;
    font-weight: bold;
    font-size: 24px;
}

/* Course */

.transfer-effect-info {
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=75);
}

.transfer-effect-warning {
    border: solid 1px #e26304;
    background-color: #fb8833;
    -moz-opacity: .75;
    opacity: .75;
    filter: alpha(opacity=75);
}

.course-aside.panel .panel-heading {
    background: #fb8833;
}

    .course-aside.panel .panel-heading .panel-title {
        color: #fff;
    }

.course-aside.panel .image-frame {
    padding: 20px;
    border-bottom: 1px solid #fb8935;
    background-color: #f6f6f6;
}

.course-aside.panel .panel-body {
    padding: 0 10px;
    background-color: white;
}

    .course-aside.panel .panel-body > * {
        padding: 5px 0;
    }

    .course-aside.panel .panel-body > a {
        display: block;
    }

.course-aside.panel a.accordion-toggle {
    color: #313131;
}

    .course-aside.panel a.accordion-toggle:hover {
        color: #fb8833;
    }

    .course-aside.panel a.accordion-toggle .fa {
        color: #fb8833;
        font-weight: bold;
    }

.btn-purchase img {
    height: 80px;
}

#course-chapters .chapter-detail {
    font-size: 14px;
}

/* Course - Chapter */

#chapter-videos.panel .panel-heading {
    background: #fb8833;
}

    #chapter-videos.panel .panel-heading .panel-title {
        color: #fff;
    }

#videos-frame.col-md-4 > .panel > .panel-body > ul {
    overflow-x: hidden;
    overflow-y: auto;
    height: 415px;
}

#videos-frame .videos-list > li {
    padding: 0 10px;
    color: #898989;
    cursor: pointer;
}

#videos-frame .videos-list > li > span{
display:block;
margin-right:17px;
}

#videos-frame .videos-list > li > span::first-line{
 margin-right:0px !important;
}

    #videos-frame .videos-list > li.active {
        color: #000000;
        font-weight:bold;
    }

#videos-frame.col-md-12 .videos-list > li {
    float: right;
    width: 33%;
}

#videos-frame .videos-list > li > i {
    float:right;
    clear:both;
    line-height:22px;
}
#videos-frame .videos-list > li  div.txt{

float:right; margin-right:10px; width:88%;

}

#player-frame.col-md-8, #player-frame.col-md-12 {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

    #player-frame.col-md-8 .common-player,
    #player-frame.col-md-12 .common-player {
        display: block;
    }

    #player-frame.col-md-8 .common-player {
        height: 400px !important;
    }

    #player-frame.col-md-12 .common-player {
        height: 600px !important;
    }

        #player-frame.col-md-8 .common-player.vjs-fullscreen,
        #player-frame.col-md-12 .common-player.vjs-fullscreen {
            width: 100% !important;
            height: 100% !important;
        }

#player-frame #next-ctrl {
    display: none;
}
#player-frame .next-view .text-center {
    padding-top: 25%;
}

#player-frame .next-view .text-info {
    background: url('../Images/Icons/jwPlay.png') no-repeat #2D3C49 right center;
    height: 52px;
    width: 200px;
    color: #FFF;
    margin: auto;
    cursor: pointer;
    font: normal normal normal 16px/52px Arial;
}

    #player-frame .next-view .text-info:hover {
        background-image: url('../Images/Icons/jwPlayHover.png');
        background-color: #13A0D8;
    }

#player-frame.col-md-8 .next-view,
#player-frame.col-md-12 .next-view {
    display: block;
    border: 1px solid #FFF;
    position: absolute;
    top: 46px;
    left: 17px;
    background-color: #FFF;
    right: 17px;
    z-index: 2;
}

#player-frame.col-md-8 .next-view {
    height: 400px;
}

#player-frame.col-md-12 .next-view {
    height: 600px;
}

    #player-frame.col-md-8 .next-view.vjs-fullscreen,
    #player-frame.col-md-12 .next-view.vjs-fullscreen {
        width: 100% !important;
        height: 100% !important;
    }

#player-frame #video a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../Images/Icons/jwPlay.png) no-repeat 50% 50%;
}

    #player-frame #video a:hover {
        background-image: url(../Images/Icons/jwPlayHover.png);
    }

#player-frame #dash-player {
    width: 100% !important;
}

.full-blanket {
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    background: rgba(255,255,255,1);
}

/* Cart */

#family-courses {
    overflow-x: auto;
    padding: 10px 10px 0;
    width: 100%;
}

    #family-courses ul {
        white-space: nowrap;
    }

        #family-courses ul > li {
            width: 205px;
            white-space: normal;
        }


            #family-courses ul > li .thumbnail {
                margin-bottom: 0;
            }

            #family-courses ul > li .course-name {
                height: 80px;
            }

.verify-order {
    width: 360px;
    float: right;
}




/* User - Login */

#btn-user-login {
    margin-top: -70px;
}

.btn-facebook {
    border-color: rgba(0,0,0,0.2);
    background-color: #3b5998;
    color: #fff;
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        border-color: rgba(0,0,0,0.2);
        background-color: #30487b;
        color: #fff;
    }

    .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        border-color: rgba(0,0,0,0.2);
        background-color: #3b5998;
    }

    .btn-facebook .badge {
        background-color: #fff;
        color: #3b5998;
    }

/* My Courses */

#CurrentNoteBook {
    position: fixed;
    display: none;
    z-index: 99999;
    width: 100%;
    max-width: 807px;
    max-height: calc(100% - 20px);
    min-height: 50%;
    top: 0px;
    background-color: #ffffaa;
    margin-top: 10px;
     overflow-y:scroll;

}
    #CurrentNoteBook ul {
     width: 100%;
    height: 100%;
    margin:0px;
     padding:0px;
     border-top: 3px solid #ffaf82;
      list-style:none;
     
    }

        #CurrentNoteBook ul li {
            height: 30px;
            line-height: 30px;
            margin: 0px;
            padding: 0px;
            text-align: right;
            padding-right: 20px;
            background-color: #ffffaa;
            border-bottom: 1px dotted #9bb7c4;
        }

         
            #CurrentNoteBook ul li:after {
                content: "";
                background-color: #ff8a6f;
                width: 3px;
                height: 29px;
                line-height: 30px;
                float: right;
                margin-left: 10px;
            }

#CurrentNoteBookClose {
    margin-right: 10px;
    width: 14px;
    cursor: pointer;
}

.notebookItem {
cursor:pointer;
}

.NoteBookLinkName,.NoteBookLinkName:hover {
 float:left;
  margin-left:10px;
  font-size:12px;
  text-decoration:underline;
}

#my-courses-accordion .course-aside {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#my-courses-accordion > .panel-warning > .panel-heading {
    background: #fb8833;
    color: white;
}
  
    #my-courses-accordion > .panel-warning > .panel-heading a {
        display: inline-block;
    }

.link-mimic {
    color: #319eaf;
    cursor: pointer;
}

    .link-mimic:hover {
        color: #206873;
    }

.LikeTopicMovie {
font-size:20px;
margin:auto;
text-align:center;
padding-top:9px;
}
    .LikeTopicMovie i.fa {
    cursor:pointer;

    }

.liLike {
float:left;
}
body {
    direction: rtl;
}

::-webkit-input-placeholder { /* WebKit browsers */
    direction: rtl;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    direction: rtl;
}
::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
    direction: rtl;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    direction: rtl;
}

.breadcrumb > li + li:before {
    content: "\f104";
}

#main-navbar > ul.main-navbar-nav > li {
    background-position: 0 50%;
}

@media (max-width: 991px) {
    #top-cart-frame a {
        margin-right: 0;
    }
}

#main-top-navbar ul li {
    background-position: 100% 50%;
}

#main-bottom-navbar > ul > li {
    background-position: 0 50%;
}

#main-carousel .carousel-inner img {
    float: left;
    margin: 28px 0 0 76px;
}

#main-carousel .carousel-indicators li {
    margin: 0 0 0 3px;
}

#academic-contents > li > ul.tab-content > li.tab-pane ul > li {
    float: right;
}

#free-chapters .frame-heading h2 {
    padding-right: 15px;
}

#free-chapters .frame-heading ul li {
    float: right;
    border-left: 1px solid #d76c1d;
}

#main-videos .tab-content {
    padding-left: 0;
}

#main-videos ul {
    margin: 70px -12px 0 -110px;
}

#main-videos div .play-icon {
    margin-left: -40px;
}

#main-campaigns .carousel-indicators li {
    margin: 0 0 0 3px;
}

#main-lecturers h2 {
    margin: 20px 0 30px 60px;
    font-size: 48px;
}

@media (min-width: 992px) {
    #main-lecturers h2 {
        float: right;
    }
}

#main-lecturers .lecturer {
    float: right;
    margin-left: 30px;
}

    #main-lecturers .lecturer strong,
    #main-lecturers .lecturer span {
        margin-right: 30px;
    }

#all-lecturers {
    font-size: 38px;
}

#questions a.accordion-toggle {
    padding-right: 35px;
    background: url(../Images/Layout/orangeArrowLeft.png) no-repeat 100% 3px;
}

#course-chapters .thumbnail .chapter-number {
    right: 0;
    float: right;
}

@media (min-width: 768px) {
    #player-frame {
        float: left;
    }
}

#player-frame #purchase-frame {
    padding: 0 10px 0 40px;
}

#family-courses ul > li {
    text-align: right;
}

#footer-frame ul li {
    background-position: 100% 50%;
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid white;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid white;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height:600px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}