/* Minification failed. Returning unminified contents.
(468,31): run-time error CSS1046: Expect comma, found '0'
(468,35): run-time error CSS1046: Expect comma, found '/'
(7725,1): run-time error CSS1019: Unexpected token, found '}'
(8098,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8099,10): run-time error CSS1035: Expected colon, found '{'
(8108,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8109,10): run-time error CSS1035: Expected colon, 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;
    }
}

#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;
}


/* Common */

.rtl-dir {
    direction: rtl;
}

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

.ltr-dir {
    direction: ltr;
}

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

.img-pick {
    float: right;
    width: calc( 100% - 48px );
}

.fa-2.img-pick {
    font-size: 43px !important;
    float: none;
    display: inline;
    color: #fb8833;
    position: absolute;
    top: -3px;
    width: 48px;
}

.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 #00c0cc;
}

.page-header,.FreeChapters,.Index,#questions,.Settings,.lead,.Matana{
    margin: auto;
    margin-top:20px;
    padding: 0;
    border: none;
    font-size: 18px;
    max-width:1260px;
    display:block;
}

#questions{
     font-size: 20px;

}

#dynamicPageHtmlContent {
min-height:300px;
}

    .page-header h1 {
      font-size:45px;
	color:#00c0cc;
	font-weight:700;
	line-height:27px;
    padding-top:15px;
	padding-bottom:15px;
    margin-bottom:30px;
      border-bottom: 3px solid #00c0cc;

    }

.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;
}
#conflict-orders-grid tr {
background-color:red;
color:#ffffff;
}
@font-face {
    font-family: 'avigailmfregular';
    src: url('fonts/avigail_2-webfont.woff2') format('woff2'), url('fonts/avigail_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barboormfregular';
    src: url('/fonts/barboor-regular_2-webfont.woff2') format('woff2'), url('/fonts/barboor-regular_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('/fonts/Heebo-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Heebo-black';
    src: url('/fonts/heebo.black.ttf') format('truetype');
}

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
.mobileView {
    display: none;
}

.videos-list li.active {
font-weight:bold;
color:#03a7b1;
}

.videos-list li:hover {
 background-color:#eee;
}

.videos-list li span {
    display: inline-block;
    width: 90%;
}

.videos-list li i.fa {
    vertical-align:top;
}

.list-group-item small{
    min-width: 82px;
}

#INDWrap {
    visibility: hidden;
}

body {
    color: #272727;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Alef', sans-serif;
    font-weight: 400;
}

.Btnmodalver1 {
    height: 70px;
    width: 249px;
    background-color: #F37789;
    box-shadow: -6px 6px 29px NaNpx rgba(36,21,24,0.17);
    border-radius: 50px;
    border: 0px;
    color: #FFFFFF;
    font-family: Heebo;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
}

.setnagichVisible {
    cursor:pointer;
}

.dropdown-menu {
    right: -102px !important;
}

.clearCart {
    font-size: 26px;
    color: #00c0cc;
    font-weight: 700;
    display: block;
    text-align: left;
    cursor: pointer;
}

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

.progressChapterItem {
    display: inline-block;
    width: 100%;
}

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


ul, ol, li {
    list-style: none;
}

img, fieldset {
    border: none;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary {
    display: block;
}

figure {
    margin: 0;
    padding: 0;
}

.clearfix {
    clear: both;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

embed, iframe,
object, video {
    max-width: 100%;
}

html {
    -webkit-text-size-adjust: none;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Home - Carousel */
.FacebookRecommendationsLink {
    float: left;
    font-size: 21px;
    line-height: 27px;
    color: #ffffff;
    display: inline-table;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.ChaptersShowHide {
cursor:pointer;
 margin-top:4px;
  margin-right:10px;
  font-size: 18px;
    display: block;
    color: #840217;
    font-weight:bold;
     line-height:35px;
}

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

/*-----------------------------*/
/*  Inbox   */
/*-----------------------------*/
#in-Inbox-icon {
    position:absolute;
    top:3px;
    right:19px;
        height: 20px;
    background: #777;
    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;
}

.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;
 width:20px;
     vertical-align: middle;
 display:inline-block;
}

.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;
}

/*-----------------------------*/
/* Edu User Courses Offer        */
/*-----------------------------*/


#EduUserCoursesOfferBox {
  
    border: solid 5px #fede00;
    background-color: #00c0cb;
    padding: 20px;
    font-size: 21px;
    color: #fff;
    font-family: 'Alef', sans-serif;
    position:relative;
}
    #EduUserCoursesOfferBox img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 502px;
    }

    #EduUserCoursesOfferBox a {
    width: 400px;
    height: 60px;
    line-height: 60px;
    display: block;
    font-size: 29px;
    font-weight: bold;
    color: #073c5e;
    background-color: #ffde00;
    border-radius: 10px;
    text-align: center;
    }

#EduUserCoursesOffer div.modal-dialog{
  max-width: 936px !important;
    width: 100% !important;
}

#EduUserCoursesOffer div.modal-dialog p {
    line-height: 31px;
    font-size: 28px;
    font-weight:bold;
}

#EduUserCoursesOffer div.modal-dialog p:last-child {
    line-height: 38px;
    font-size: 26px;
    font-weight:bold;
}

.EduOfferPageHeader {
    width: 100%;
    background-image: url('/images/EduUserCoursesOffer/EduOfferHeader.jpg');
    max-height: 261px;
    text-align: center;
}

    .EduOfferPageHeader img {
        margin: auto;
        padding-top: 10px;
    }

    .EduOfferPageHeader div {
        margin: auto;
        color: #08858d;
       font-size: 58px;
        font-weight: bold;
        max-width:1182px;
        width:100%;
    }

.EduOfferPageHeaderBlue {
     width: 100%;
    background-color:#00c0cc;  
    text-align: center;
}

.EduOfferPageHeaderBlueBottom {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    background-image: url('/images/EduUserCoursesOffer/EduOfferFooter.jpg');
    text-align: center;
    line-height: 38px;
    font-size: 30px;
    color:#fff;
    font-weight:bold;
    padding: 50px;
}
    .EduOfferPageHeaderBlueBottom span {
     font-size: 20px;
    }
.endsection {
margin:auto;
text-align:center;
   color: #083c5f;
    font-size: 25px;
     padding-top:40px;
     font-weight:bold;
}
    .EduOfferPageHeaderBlue div {
        margin: auto;
        text-align:right;
        color: #fff;
        font-size: 34px;
        padding: 10px;
        font-weight: bold;
        max-width: 1120px;
        width: 100%;
        display: inline-block;
    }
        .EduOfferPageHeaderBlue div img {
            float: left;
            margin-bottom: -54px;
            margin-left: 70px;
        }

.EduOfferPageTitle {
    font-size: 34px;
    color: #083c5f;
    margin: auto;
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
}

.EduOfferPageBoxes {
    width: 100%;
    margin: auto;
    max-width: 1120px;
     margin-top:40px;
}

    .EduOfferPageBoxes > div {
      width: 28%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    float: right;
    }

.EduOfferPageBoxeTop {
    height: 90px;
    background-color: #ffde00;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    text-align: center;
    line-height: 75px;
    font-weight: bold;
    font-size: 30px;
}

.EduOfferPageBoxeMiddle {
    line-height: 25px;
     padding-top:25px;
}

.EduOfferPageBoxeTop span {
    font-size: 20px;
}

    .EduOfferPageBoxeBottom {
        height: 90px;
        background-color: #ffde00;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        width: 100%;
        text-align: center;
        font-size: 35px;
        line-height: 87px;
        font-weight: bold;
    }
    .EduOfferPageBoxeBottom a {
    color:inherit;
    }

.EduOfferPageBoxeArrow {
    background-color: #eeeeee;
    width: 100%;
    text-align: center;
}

.EduOfferPageBoxebody {
    background-color: #eeeeee;
    width: 100%;
    min-height:100px;
    text-align: center;
    min-height: 240px;
    padding-top:20px;
}

    .EduOfferPageBoxeArrow img {
        margin: auto;
    }

.EduOfferPageBoxebody1 {
    font-size:30px;
     font-weight: bold;
}

    .EduOfferPageBoxebody1 span {
     font-size:20px;
    }

.EduOfferPageBoxebody2 {
  font-size:22px;
     
}

.EduOfferPageBoxebody3 {
    font-size:20px;
}

/*-----------------------------*/
/*  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: #fff;
    margin-top: 7px;
    margin-bottom: -6px;
    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:33px;
 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(2) div.Price-charge-item-select,
#Price-charge div:nth-child(2) .Price-charge-header{
    background-color: #5a6b76;
}
#Price-charge > div:nth-child(3) div.Price-charge-item-select,
#Price-charge div:nth-child(3) .Price-charge-header{
    background-color: #00c0ca;
}
#Price-charge > div:nth-child(4) div.Price-charge-item-select,
#Price-charge div:nth-child(4) .Price-charge-header{
    background-color: #fd9d36;
}
#Price-charge > div:nth-child(5) div.Price-charge-item-select,
#Price-charge div:nth-child(5) .Price-charge-header{
    background-color: #80a600;
}

.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: 47px;
    height: 45px;
    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;
 
}

#about-gool > div.panelNew > a.collapsed{
     background-image:url('/images/CourseChargeFaqIn.jpg');
      background-position:left center;
       background-repeat:no-repeat;

}

#about-gool > div.panelNew > a{
     /*background-image:url('/images/CourseChargeFaqOut.jpg');*/ 
      background-position:left center;
       background-repeat:no-repeat;

}

.CourseCharge div#about-gool > div > a{
color:#505763;
font-weight:bold;
width:100%;
line-height:40px;
display:block;
}

.CourseCharge div#about-gool a div{
width:100%;
display:block;
}

.emptyCourseCharge {
    margin: auto;
       width: 85%;
    display: table;
    padding-right: 65px;
}

    .emptyCourseCharge > div {
        width: 24%;
        display: inline-block;
    }

        .emptyCourseCharge > div > div {
            height: 300px;
            border-radius: 15px;
            width: 90%;
            background-color: red;
        }

    .emptyCourseCharge div:first-child {
     /*margin-right:18px;*/
    }

        .emptyCourseCharge > div:first-child > div {
            background-color: #397bf2;

        }

        .emptyCourseCharge > div:nth-child(2) > div {
            background-color: #b939f2;
        }

        .emptyCourseCharge > div:nth-child(3) > div {
            background-color: #f23956;
        }

        .emptyCourseCharge > div:nth-child(4) > div {
            background-color: #4fc054;
        }

        .emptyCourseCharge > div:first-child div.emptyCourseChargeSelect {
            color: #397bf2;
        }

        .emptyCourseCharge > div:nth-child(2) div.emptyCourseChargeSelect {
            color: #b939f2;
        }

        .emptyCourseCharge > div:nth-child(3) div.emptyCourseChargeSelect {
            color: #f23956;
        }

        .emptyCourseCharge > div:nth-child(4) div.emptyCourseChargeSelect {
            color: #4fc054;
        }
.emptyCourseChargeTItle {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
}

.emptyCourseChargePrice {
    width: 100%;
    text-align: center;
    font-size: 50px;
    color: #fff;
    line-height: 60px;
}

    .emptyCourseChargePrice span {
        font-size: 25px;
    }

.emptyCourseChargePricePerMonth {
  width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 55px;
}

.emptyCourseChargeSelect {
   width: 120px;
    line-height: 35px;
    text-align: center;
    font-size: 25px;
    color: #000;
    background-color: #fff;
    border-radius: 7px;
    margin: auto;
    cursor:pointer;
    margin-bottom: 11px;
}

.emptyCourseChargeSaves {
      width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 337px;
}

.redcircle {
 background-color: red;
    border-radius: 30px;
    text-indent: -4px;
    height: 21px;
    width: 17px;
    line-height: 21px;

}

.divTableRow div.active {
background-color:red;
}

#price-modal h1 {
     color:#5a5a5a !important;
       line-height:90px !important;
}

.titles {
     background-color:#fff;
    width: 22%;
}

.CoursePropertyTypeName {
    color:#5a5a5a;
      font-size:17px;
      font-weight:bold;
      text-align:right;
}

.oneMonthRow {
    background-color:#8fbf59;
     width:20%;

}

.twoMonthhRow {
     background-color:#40a3e7;
        width:20%;
}

.FourMonthhRow {
    background-color:#5a6b76;
       width:20%;
}

.TwelveMonthhRow {
      background-color:#f4394a;
         width:20%;
}
.mobilePriceList {
    width: 100%;
    height: 150px;
    margin:auto;
     background-color:red;
      margin-top:20px;
}

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

.mobilePriceList:first-child {
      margin-top:60px;
}

.mobilePriceList-price {
    margin-top: 30px;
    font-size: 17px;
    color: #fff;
    text-align: center;

}

.mobilePriceList-name {
    margin-top: 30px;
    font-size: 26px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: bold;
}


.mobilePriceList-AddToCart {
width: 96%;
    text-align: center;
    line-height: 30px;
    margin-top: 17px;
    border: 1px solid #ffffff;
    font-size: 12px;
    color: #fff;
    position:relative;
}

.mobilePriceList-AddToCart img {
position: absolute;
    top: 5px;
    right: 15px;
    width: 21px;
}

.mobilePriceList-property {
 margin-right:20px;
}

    .mobilePriceList-property li {
        text-align: right;
        font-size:11px;
        color: #fff;
    }

.Course-Charge-faq {
    display:inline-block; 
    background-color:#fff;
    width:100%;
     padding-right:15px;
}
    
.Course-Charge-faq > div {
    max-width:1255px;
    width:100%;
     margin:auto;
    }
.Course-Charge-faq > div h4{
 font-size:22px;
 color:#00c0ca;
 font-weight:bold;
    }
/*-----------------------------*/
/*  landingpage            */
/*-----------------------------*/
.recoomendationitemsBottom {
    width: 100%;right: 0; text-align:center;
}
    
    .recoomendationitemsBottom > div:nth-child(1) {
     background-color: #f16c63;
    }

        .recoomendationitemsBottom > div:nth-child(2) {
     background-color: #34bec0;
    }

         .recoomendationitemsBottom > div:nth-child(3) {
     background-color: #ffc83a;
    }

            .recoomendationitemsBottom > div:nth-child(4) {
     background-color: #95c754;
    }
.recoomendationitemsBottom > div {
    float: right; min-height: 430px; position: relative; color: white; font-size: 17px;
}

.recoomendationitemsBottom > div > p {
    text-align: right;width: 100%; min-height:200px; margin-top:30px; font-weight:bold; font-size:28px; line-height:31px;
}
.recoomendationitemsBottom img {
    max-width: 150px;width:100%;
}

.recoomendationitemsBottom div.txtstudent {
 text-align:right; margin-top:16%;
}
    .dividerfrmg {
     padding-bottom:17px !important;
    }

.txtfrmtitle {
    line-height:40px;
    font-weight:bold;
    font-size:21px;
    color:#000;
}

.inptfrmtitle {
 background-color:#FFEB64 !important;
 border:2px solid #000 !important;
  line-height:40px !important;
  height:40px !important;
}
.txtbaNNER {
   
    max-width: 1443px;
    margin: auto;
    min-height: 200px;
    display: block;
     margin-top: 40px;
    margin-bottom:80px;
}
    .txtbaNNER > div {
    text-align: center; margin-top:5px;
    }

        .txtbaNNER > div > div {
   font-size: 21px; font-weight:bold;margin-top:15px;
    }

        .txtbaNNER > div > img {
        margin: auto;
        }


@media screen and (max-width: 1368px) {
    .recoomendationitemsBottom > div > p {
     font-size:20px; line-height:21px;
    }
    .txtstudent {
    margin-top:10px !important;
    }
}

/*-----------------------------*/
/*  Search Page            */
/*-----------------------------*/

.SearchPage-menuItems-Container {
    width:100%; max-width:1220px;text-align:center; margin:auto; padding-top:20px; padding-bottom:40px;
}


.SearchPage-MainTitle {
  color: #343434;
    font-size: 61px;
    font-weight: bold;
    width: 100%;
    max-width: 1220px;
    text-align: center;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 50px;

}


.SearchPage-menuItems {
   text-align:center;
   margin:auto;
   display:inline-block;
    padding-left:20px;
     padding-right:20px;
}
    .SearchPage-menuItems a {
    font-size:15px;color:#ffffff;
    }

.SearchPage-title {
    font-size: 46px; width: 100%; display: inline-block;
    color: #00a3c7;
    text-align:center;
    font-weight: bold;
    font-family: 'Fontin', Helvetica, Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 31px;
}

.SearchPage-TitleSubjects {
    text-align: right;
    color: #a2788f;
    font-size: 33px;
    margin-top: 20px;
}

.SearchPage-hr {
    margin: 1em 2em;
    padding: 0;
    height: 1px;
    border: none;
    color: #DDD;
    width:94%;
    background-color: #AAA;
}

.SearchPage-sec-title {
    font-family: 'Fontin', Helvetica, Arial, sans-serif;
    font-size: 23px;
    color: #444;
     line-height: 1.2em;
        font-weight: normal;
    display: table;
    width: 100%;
    margin-bottom: 30px;
   
}

.SearchPage-ChapterTopicName {
    font-size: 16px; 
        color: #222;
    font-weight: normal;
    font-family: 'Fontin', Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    margin: 16px 0;

}

.SearchPage-IndexChapterName {
    padding-right: 0px !important;padding-bottom: 19px;
}

.SearchPage-IndexChapterName2 {
   margin-bottom: 20px;padding-right: 0px !important;
}
.SearchPage-item {
    font-size: 16px;
    line-height: 25px;
    color: #00a3c7;
    display: block;
        display: list-item;
        list-style-type: disc;
        margin-right: 50px;
}

.ValidateMorimForm {

}

.SearchMath div#tab_content_holder {
    position: relative;
    padding: 20px 30px 5px;
    margin-top: 0;
    clear: both;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d2d2cc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.SearchMath-input {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 557px;
    border-radius: 23px;
    border-color: #d6d4c7;
    height: 45px;
    text-indent: 42px;
    background-color: #fbfbf8;
    border-style: solid;
    border-width: 2px;
    background-image:url('/images/SearchPage-SearchIcon.jpg');
     background-repeat:no-repeat;
      background-position:right center;

}

.SearchLuceneContainer div.search_box{
    margin-top: 15px;
    margin-bottom: -13px;
}

/*-----------------------------*/
/*  Page structure             */
/*-----------------------------*/
#wrapper {
    width: 100%;
    direction: rtl;
    unicode-bidi: embed;
}

#header_area {
    width: 100%;
    background: url(/images/pattern11.svg) repeat;
}

header {
    padding: 22px 20px 0 10px;
}

#logo {
    float: right;
    position: relative;
    z-index: 3;
    padding-top: 3px;
}

    #logo a div {
        position: relative;
        width: 162px;
        height: 55px;
    }

        #logo a div img {
            position: absolute;
            top: -5px;
        }
nav {
    float: left;
    margin-top: -8px;
}

    nav ul li {
        font-size: 24px;
        float: right;
        margin-right: 25px;
        line-height: normal;
        font-weight: 700;
    }

        nav ul li ul li {
            margin-right: 0px;
        }

#FooterContact-form {
    display: inline-block;
}

.SelectCourse {
    margin-top: 35px;
    font-weight: 700;
}

#feature_area {
    padding: 0 15px;
}

#feature_holder {
    max-width: 1165px;
    margin: 0 auto;
    padding: 55px 5px 45px 5px;
    overflow: hidden;
}

    #feature_holder div.feature_box_holder {
        margin-right: -71px !important;
    }

    #brand_logo_holder h3,
    #free_learning_box h3,
    #feature_holder h2,
    .dynamicPage div#free_learning_box h3,
    .FacebookRecommendations div#free_learning_box h3 {
        font-size: 33px;
        text-align: center;
        color: #333333;
        padding-bottom: 37px;
        font-weight: 700;
    }

.dynamicPage div#free_learning_box h3,
.FacebookRecommendations div#free_learning_box h3 {
    font-weight: normal;
}

.dynamicPage div#free_learning_box h3 {
    text-align: right;
}

#feature_holder h2 {
    font-weight: normal;
}

.feature_box_holder {
    margin-right: -85px;
}

.feature_box {
    width: 25%;
    float: right;
    padding: 0 69px 32px 0;
    max-height: 165px;
}

.feature_box2 {
    width: 25% !important;
    padding: 0 29px 10px 0 !important;
    min-height: 218px;
}

#feature_holder div.feature_box_holder2 {
    margin-right: -31px !important;
}

.DeletePriceCoursePage {
    padding-top: 42px;
}

.feature_bg {
    border: 2px solid #e4e5e5;
    background: #fff;
    padding: 15px 10px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(228, 229, 229, 0.60);
    -moz-box-shadow: 3px 3px 3px 0px rgba(228, 229, 229, 0.60);
    box-shadow: 3px 3px 3px 0px rgba(228, 229, 229, 0.60);
}

.feature_icon {
    border-bottom: 2px solid #eaeaea;
    min-height: 70px;
    padding-bottom: 10px;
    max-width: 170px;
    margin: 0 auto;
}

    .feature_icon img {
        margin: 0 auto;
        max-height: 68px !important;
    }

.feature_box span {
    font-size: 18px;
    color: #000000;
    text-align: center;
    display: block;
    padding: 5px 0 0px 0;
}

#three_icon_area {
    padding: 0 15px;
}

#three_icon_holder {
    max-width: 1138px;
    margin: 0 auto;
    padding: 65px 0 20px 0;
}

    #three_icon_holder h2 {
        font-size: 33px;
        color: #333;
        font-weight: normal;
        text-align: center;
        padding-bottom: 58px;
    }

.three_icon_box {
    overflow: hidden;
}

.icon_column {
    width: 33.33%;
    float: right;
    padding: 0 20px;
    padding-bottom: 77px;
}

.icon_column_Fix {
    padding-bottom: 20px;
}

.BookItem {
    display: table;
}
.BookUrl {
float:left;
}
.icon_photo {
    width: 100%;
    padding-bottom: 24px;
}

    .icon_photo img {
        margin: 0 auto;
        
    }
.icon_column div.icon_photo img{
    max-width:75px;
    max-height:60px;
    background-size: contain;
}

.icon_info {
    text-align: center;
}

    .icon_info h4 {
        font-size: 25px;
        color: #333;
        font-weight: 200;
    }

    .icon_info p {
        font-size: 14px;
        color: #333;
        font-weight: 200;
    }

.SearchCHapterFreeText {
    /*border-bottom: 1px solid #7a7a7a;*/
    height: 34px;
}

    .SearchCHapterFreeText span {
        float: left;
        color: #03a7b1;
        font-size: 15px;
        margin-left: 1px;
        line-height: 37px;
    }

    .SearchCHapterFreeText i,.SearchCHapterFreeText u  {
        font-size: 16px; cursor: pointer; float: left; margin-left: 6px; line-height: 37px;
    }
    
    .SearchCHapterFreeText u {
     margin-left:10px;
    }

#video_content2 h1 {
    font-size: 33px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #7a7a7a;
}

#video_content_area2 {
    padding: 0 15px;
    background: #f1f1f1;
}

#video_content2 {
    max-width: 1270px;
    margin: 0 auto;
    padding: 30px 0 80px 0;
}

#video_content_area {
    background: url(/images/bgr_video_area.png) no-repeat center top;
    background-size: 100% auto;
    background-color: #f8f8f8;
    padding: 158px 15px 70px 15px;
}

#video_content {
        background: url(/images/bg3.svg) no-repeat -175px -186px;
    background-size: 128% auto;
    max-width: 1047px;
    height: 493px;
    margin: 0 auto;
    padding: 170px 44px 0 0;
    /*background: url(/images/bg3.svg) no-repeat center;
    background-size: 100% auto;
    max-width: 1047px;
    height: 494px;
    margin: 0 auto;
    padding: 170px 44px 0 0;*/
}

    #video_content h3 {
        font-size: 33px;
        color: #333;
        font-weight: normal;
        text-align: center;
        padding-bottom: 29px;
    }

.youtube_video {
    width: 289px;
    height: 177px;
    margin: 0 auto;
    position: relative;
}

.video_holder {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
    border: 1px solid #7a7a7a;
}

.youtubeImage {
    width:756px; height:473px;
}

#player-frame div.video_holder {
      height:auto;
}

.youtube_video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
/*MathSubjec**/

    .MathSubjects div.tooltip-inner {
    color:#ffffff !important;
    }
    .MathSubjects div.tooltip-arrow {
        top: -15px !important;
    }

.SubjectMathPage {
    background-color: #00a3c7;
    min-height: 320px;
}

    .SubjectMathPage div.container {
        padding-top: 30px;
        color: #ffffff;
    }

    .SubjectMathPage h1 {
        font-size: 50px;
    }

    .SubjectMathPage h2, .SubjectMathPage h3 {
        font-size: 22px;
        margin-top: 8px;
    }

.SubjectMathPageHeaderText {
    display: inline-block;
    width: 86%;
    margin-top: 8px;
}

    .SubjectMathPageHeaderText i.fa-star {
        color: Yellow;
    }


.MathSubjectItemMenu > div {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 18px;
    color: #626572;
    font-weight: bold;
    display: inline-block;
}
.MathSubjectItemMenuHeader {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: block !important;
    border: 0px !important;
    background-color: #f6f7f7 !important;
}


.MathSubjectItemMenu div.row {
    border-bottom: 1px solid #d3d2d1;
    width:100%;
}


.MathSubjectItemMenu > div > div > div > a {
    font-size: 18px;
    color: #626572 !important;
    font-weight:normal;
}
.MathSubjectItemMenu > div > div > div > a:hover {
 text-decoration:underline;
}
.MathSubjectItemMenu_1:hover {
    color: #2ab8df !important;
    text-decoration: underline;
}

.MathSubjectItemMenu_2:hover {
    color: #33d3c3 !important;
    text-decoration: underline;
}

.MathSubjectItemMenu_3:hover {
    color: #995ccd !important;
    text-decoration: underline;
}

.MathSubjectItemMenu_4:hover {
    color: #f1688e !important;
    text-decoration: underline;
}

.MathSubjectItemMenu_5:hover {
    color: #ff9411 !important;
    text-decoration: underline;
}

.MathSubjectItemMenu_6:hover {
    color: #ff1833 !important;
    text-decoration: underline;
}

#Row_1 div.MathPageIcon,
#Row_1 div.DictionaryPageIcon,
#Row_1 div.EnglishPageIcon {
    background-color: #67a11e;
}

#Row_1 div.MathPageItems a {
    color: #67a11e !important;
}


#Row_2 div.MathPageIcon,
#Row_2 div.DictionaryPageIcon,
#Row_2 div.EnglishPageIcon {
    background-color: #1f9287;
}

#Row_2 div.MathPageItems a {
    color: #1f9287 !important;
}


#Row_3 div.MathPageIcon,
#Row_3 div.DictionaryPageIcon,
#Row_3 div.EnglishPageIcon {
    background-color: #fa6257;
}

#Row_4 div.MathPageIcon,
#Row_5 div.DictionaryPageIcon,
#Row_4 div.EnglishPageIcon {
    background-color: #f1688e;
}

#Row_5 div.MathPageIcon,
#Row_5 div.DictionaryPageIcon,
#Row_5 div.EnglishPageIcon {
    background-color: #ff9411;
}

#Row_6 div.MathPageIcon,
#Row_6 div.DictionaryPageIcon,
#Row_6 div.EnglishPageIcon {
    background-color: #ff1833;
}

#Row_1 a {
    color: #9ddd4b !important;
}

#Row_2 a {
    color: #32d3c3 !important;
}

#Row_3 a {
    color: #fa6257 !important;
}

#Row_4 a {
    color: #f1688e !important;
}

#Row_5 a {
    color: #ff9411 !important;
}

#Row_6 a {
    color: #ff1833 !important;
}
.dynamicBlock
{
    width:45%;
    float:right;
}
.dynamicVideo {
    width: 560px;
    height: 315px;
    max-width: unset;
}

.dynamicBlockVideo
{
    float:left;
    width:45%;
   
}
#gray_video_switcher
{
    clear:both;
}

.EnglishPageIcon {
    background-image: url('/Images/Courses/english.svg');
    background-size:56px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 80px;
    background-color: #2ab8df;
    border-radius: 80px;
}

.MathPageIcon {
    background-image: url('/images/MathPageIcon.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 80px;
    background-color: #2ab8df;
    border-radius: 80px;
}


.DictionaryPageIcon {
    background-image: url('/Images/Courses/lashon.svg?ver=1');
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: center center;
    width: 80px;
    height: 80px;
    background-color: #2ab8df;
    border-radius: 80px;
}

.MathPageTxt {
    width: 55%;
    margin-right: 20px;
    padding-top: 15px;
    
    color: #333333 !important;
}

.MathPageItems {
    padding-top: 15px !important;
}

    .MathPageItems div {
        color: #2ab8df;
        padding-bottom: 15px;
    }

/*MathSubjec**/

.PersonalConsultant {
    color: #ffffff;
    line-height: 50px;
    display: inline-block;
    font-size: 25px;
    margin: auto;
    width: 51%;
}

nav ul li a {
    color: #fff
}

#header_btm {
        max-width: 1138px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-bottom: 80px;
    padding-top: 20px;
}

.text_holder {
    max-width: 790px;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
    padding: 0 0 10.2% 0;
}

/*.women_photo {
   width: 38%;
    position: absolute;
    right: -33%;
    bottom: -100px;
    z-index: 2;

}

    .women_photo img {
    
        width: 298px;
    }*/

.women_photo {
    width: 41%;
    position: absolute;
    right: -35%;
    bottom: -80px;
    z-index: 2;
}


.freeConsolate {
position: absolute;
    left: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
   margin-top: 16px;
    transform: translate(-50%,-50%);
}

.freeConsolateMobile {
display:none;
color:#ffffff; font-size:20px; font-weight:700; margin-top:40px;

}
.fixnavposition {
 margin-left:20px;
  margin-top:0px;
}

.women_photo img {
    max-width: 90%;
    width: 298px;
}

#header_btm h1 {
   font-size: 79px;
    font-weight: 700;
    line-height: 60px;
    padding-bottom: 9px;
    color: #fff;
}

#header_btm h3 {
    font-size: 33px;
    font-weight: 700;
      margin-top:20px;
    color: #fff;
}

#header_btm h4 {

       margin-top:30px;
}

#header_btm h4 a {
    font-size: 24px;
    color: #fff;
      font-weight: 700;
       text-decoration:underline;
}

#tab_content_area {
    padding: 0 10px;
}

#tab_content_holder {
    max-width: 1222px;
    margin: 0 auto;
    padding: 37px 0 0px 0;
}

    #four_column_box h3,
    #tab_content_holder h3, .page-header h1 {
        font-size: 33px;
        color: #333;
        /*padding-bottom: 37px;*/
        border-bottom: 0px;
        font-weight: normal;
    }

.tab_content_top {
    padding-bottom: 35px;
}

    .tab_content_top ul li {
        list-style: initial;
        font-size: 14pt;
        line-height:20pt;
        color: #6e6e6e;
        margin-right: 25px;
    }

    .tab_content_top ol li {
        list-style: decimal;
        font-size: 25px;
        color: #6e6e6e;
        margin-right: 25px;
    }


    .tab_content_top table {
        font-size: 25px;
        color: #6e6e6e;
    }

        .tab_content_top table td {
            border-width: 1px;
            border-style: solid;
            border-color: transparent;
        }

#tab_content_holder .tab_content_top h3 {
    padding-bottom: 22px
}

.tab_content_top p {
    font-size: 14pt;
    color: #000000;
}

#tab_area .tabs {
    overflow: hidden;
}

    #tab_area .tabs li {
        float: right;
        width: 117px;
        font-size: 20px;
        text-align: center;
        border-top: 1px solid #828c8c;
        background: #ecf1f1;
    }

        #tab_area .tabs li:last-child {
            -moz-border-radius-topleft: 10px;
            -webkit-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
        }

        #tab_area .tabs li a {
            border-left: 1px solid #828c8c;
            height: 29px;
            display: block;
            background: #ecf1f1;
            color: #424242;
            line-height: 28px;
            -moz-border-radius-topleft: 10px;
            -webkit-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
        }

        #tab_area .tabs li:first-child a {
            border-right: 1px solid #828c8c;
            margin: 0
        }

        #tab_area .tabs li.active a {
            background: #00c0cc;
            border-color: #00c0cc;
            color: #fff;
            margin-top: -1px;
            height: 30px;
            padding-top: 1px;
        }

.tab_container {
    border: 1px solid #00c0cc;
    border-top: 15px solid #00c0cc;
    position: relative;
    padding: 30px 24px 23px 215px;
}

.tab_logo {
    width: 97px;
    position: absolute;
    top: -15px;
    left: 32px;
}

.clearnone {
    display: none
}

.tab_column {
    width: 25%;
    float: right;
    text-align: right;
    margin-right: 3%;
}

    .tab_column h5 {
        font-size: 20px;
        color: #00c0cc;
        font-weight: 700;
        padding-bottom: 8px;
    }

    .tab_column ul li, .tab_column ul li a {
        font-size: 16px;
        padding-bottom: 8px;
    }

        .tab_column ul li a:hover {
            color: #343434;
        }

#main-carousel img, #facebook-recommendations img.img-thumbnail {
    border: 2px solid !important;
    border-radius: 100px !important;
    border-color: #000 !important;
    padding: 0px;
    float: left;
}

#main-carousel div.gray_video {
    border: 0px;
}

.Course div#main-carousel img {
    border: 0px !important;
    border-radius: 0px !important;
}

#gray_video_container {
    background: #f8f8f8;
    padding: 0 10px;
    margin-top: 0px;
}

.facebookrectitle {
    font-size: 26px;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#gray_video_content {
    max-width: 980px;
    margin: 0 auto 28px;
    padding: 77px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 18px;
    min-height: 273px;
}

.moreinfoReccomendation {
    max-width: 1250px;
    width: 100%;
    display: table;
    margin: auto;
   padding-bottom: 18px;
}

    .moreinfoReccomendation a {
        line-height: 27px;
        font-size: 21px;
        color: #000000;
        display: table;
    }

.gray_video {
    border: 1px solid #000;
    max-width: 200px;
    width: 29%;
    float: right;
}

    .gray_video img {
        max-width: 140px !important;
        width: 100% !important;
    }

.gray_video_info {
    width: 70%;
    float: left;
    padding: 5px 50px 0 0;
    /*margin-top:-17px;*/
}

.popover.right .arrow {
    display: none;
}


@media screen and (max-width: 800px) {


    #price-modal {
        border-radius: 0px;
        max-height: 500px;
        overflow: scroll;
         padding-left:5px !important;
          padding-right:5px !important;
    }

        #price-modal p a.popup-modal-dismiss span {
            width: 52px !important;
            text-align: center;
        }

        #price-modal p a.popup-modal-dismiss {
            position: absolute;
            margin: auto;
            left: -2%;
            display: inline-block;
            top: 12px;
            background-color: #fff;
            border-radius: 30px;
            width: 29px;
            height: 30px;
            text-align: center;
            line-height: 33px;
            border: 0px solid #000;
            border-radius: 30px;
        }


    .DeletePriceCoursePage {
        padding-top: 16px;
    }


    .inner_video_leftBottom {
        width: 100% !important;
    }

    .small_video {
        width: 145px !important;
    }

    .SubjectMathPage h1 {
        font-size: 30px;
        text-align: center;
    }

    .SubjectMathPage h2, .SubjectMathPage h3 {
        font-size: 15px;
        margin-top: 4px;
        text-align: center;
    }

    .SubjectMathPageHeaderText div, .SubjectMathPageHeaderText {
        text-align: center;
        width: 100%;
    }

    .MathPageItems div {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .MathSubjectItemMenu div {
        text-align: center;
        display: inline-block;
        width: 100%;
    }



    .PersonalConsultant, .PersonalConsultant div {
        width: 100%;
        text-align: center;
        font-size: 17px;
        padding: 0px;
        margin: 0px;
    }
}

@media screen and (max-width: 1145px) {


    
.EduOfferPageHeader {
    max-height: 161px;
}

    .EduOfferPageHeader img {
        width:140px;
    }

    .EduOfferPageHeader div {

       font-size: 38px;

    }

    .EduOfferPageHeaderBlue div {
        font-size: 24px;
    }
        .EduOfferPageHeaderBlue div img {
            float: left;
            margin-bottom: -54px;
            margin-left: 70px;
        }


    .item {
        width: 100% !important;
    }

            .divTableCell {
	padding: 0px;
}
    .divTableBody > div {
    
    line-height:30px;
    }divTableBody > div
    .CoursePropertyTypeName {
        font-size: 14px;
    }
    .divTableHead  {
     font-size:22px;
    }

}

.scrollbatinfo {
    color: #206873;
    text-decoration: none;
    font-size: 9px;
    vertical-align: middle;
}

.collapse.in {
    display: table !important;
}

.small_video a.video-dialog {
    position: relative;
    display: block;
    height: 104px;
    overflow: hidden;
    width: 190px;
}

.small_video img.small_video_Image {
    position: absolute;
    display: block;
    height: 140px;
    width: 190px;
    top: -18px;
}

.small_video img.small_video_Play {
    position: absolute;
    z-index: 99;
    left: 0px;
    bottom: 0px;
}

.gray_video_info span,
.gray_video_info p {
    font-size: 33px;
    line-height: 35px;
}

.ReccomendationsArea {
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    width: 75%;
    float: left;
    padding: 5px 10px 0 0;
}
    .ReccomendationsArea p {
    line-height: 36px;
    }

    .ReccomendationsArea div.name {
        font-size: 24px;
        font-weight: normal;
        margin-top: 20px;
    }


.gray_video_info span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 40px;
    line-height: normal;
    font-size: 21px;
    text-align: left;
}

    .gray_video_info span a {
        color: #272727;
        display: inline-block;
        width: 160px;
    }

#four_column_area {
    padding: 0 15px
}

#four_column_box, #StartLearnForFree {
    padding: 40px 0;
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden;
}

.three_column_holder {
    overflow: hidden;
    margin-left: -38px;
    padding-top: 10px;
}

.column_box {
    width: 25%;
    float: right;
    padding-bottom: 15px;
    padding-left: 70px;
}

.FreeChapters div.column_box {
    width: 20%;
}

.column_box img {
    width: 100%
}

.column_bg {
    background: url(/images/bgr_frame.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 13px;
}

.column_bg_Learning {
    background: url(/images/StartLearning.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 188px;
    padding: 14px 18px;
    margin-bottom: 13px;
    position: relative;
}

    .column_bg_Learning img {
        margin: auto;
        max-height: 100px;
        max-width: 100px;
        width: auto !important;
        margin-top: 10px;
    }

    .column_bg_Learning span {
        position: absolute;
        bottom: 20px;
        width: 85%;
        text-align: center;
    }

.column_boxH img {
    margin-top: 25px;
}

.column_box span {
    font-size: 21px;
    color: #000;
    text-align: center;
    display: block
}

    .column_box span a {
        color: #000
    }

.more_info {
    border-top: 1px solid #666b6c;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 6px;
}

    .more_info a {
        font-size: 21px;
        line-height: 27px;
        color: #000;
    }

#column_content_area {
    padding: 0 10px;
    /*background:#00c0cc;*/
}

#column_content {
    max-width: 1260px;
    margin: 0 auto;
    padding: 29px 0 23px 0;
    overflow: hidden;
}

    #column_content h2 {
        font-size: 35px;
        color: #333333;
        font-weight: normal;
        text-align: center;
        padding-bottom: 50px;
        margin-top: 30px;
    }

#free_learning_area {
    padding: 0 15px;
    background: #fff;
}

#free_learning_box {
    max-width: 1230px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 50px 0;
}

    #free_learning_box h3 {
        font-size: 33px;
        color: #333;
        font-weight: normal;
        text-align: center;
        padding-bottom: 58px;
    }

.learning_holder {
    overflow: hidden;
}

.learning_column {
    width: 10%;
    padding: 0 4px;
    float: right;
    padding-bottom: 20px;
}
.learning_columnMyCourses {
width:140px;
}
.free_learning_areaMyCourses {
width:600px;
}

    .learning_column strong{
        font-weight: normal;
        font-size: 22px;
        color: #fe9d36;
        display: block;
        text-align: center;
    }
    .learning_column :hover {
    text-decoration:underline;
    }

#learning_holder {
padding-left:0px !important;
 padding-right:0px !important;
}

.learning_box {
    border: 3px solid #fe9d36;
    height: 94px;
    width: 94px;
    display: table;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .learning_box span {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .learning_box img {
        margin: 0 auto;
        max-width: 50px;
    }

    
.learning_color1 strong,.learning_color1 a {
    color: #fe9d36
}


.learning_color2 .learning_box {
    border-color: #f58281
}

.learning_color2 strong,.learning_color2 a {
    color: #f58281
}

.learning_color3 .learning_box {
    border-color: #8fcf74
}

.learning_color3 strong,.learning_color3 a {
    color: #8fcf74
}

.learning_color4 .learning_box {
    border-color: #b25ac5
}

.learning_color4 strong,.learning_color4 a {
    color: #b25ac5
}

.learning_color5 .learning_box {
    border-color: #ff6000
}

.learning_color5 strong,.learning_color5 a {
    color: #ff6000
}

.learning_color6 .learning_box {
    border-color: #3b77ff
}

.learning_color6 strong,.learning_color6 a {
    color: #3b77ff
}

.learning_color7 .learning_box {
    border-color: #ff4141
}

.learning_color7 strong {
    color: #ff4141
}

.learning_color8 .learning_box {
    border-color: #f956c4
}

.learning_color8 strong,.learning_color8 a {
    color: #f956c4
}

#StartLearnForFree h2 {
    font-size: 35px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    padding-bottom: 50px;
    font-weight: bold;
    margin-top: 30px;
}


.login_form {
    width: 100%;
}

    .login_form .text_field3 input[type='email'],
    .login_form .text_field3 input[type='password'],
    .login_form .text_field3 input[type='text'] {
        border: 1px solid #3e3e3e;
        color: #515151;
    }

    .login_form .text_field3 input[placeholder],
    .login_form .text_field3 [placeholder],
    .login_form .text_field3 *[placeholder] {
        color: #515151;
    }

    .login_form .text_field3 *::-webkit-input-placeholder {
        color: #515151
    }

    .login_form .text_field3 *:-moz-placeholder {
        color: #515151;
        opacity: 1;
    }

    .login_form .text_field3 *::-moz-placeholder {
        color: #515151;
        opacity: 1;
    }

    .login_form .text_field3 *:-ms-input-placeholder {
        color: #515151
    }


     .text_field3 {
        padding-bottom: 21px;
        position: relative;
    }

        .text_field3 input[type='email'],
        .text_field3 input[type='password'],
        .text_field3 input[type='text'],
        .text_field3 input[type='tel'] {
            width: 100%;
            background: none;
            height: 57px;
            font-size: 17px;
            color: #d3d2d1;
            border: 1px solid #fff;
            padding: 5px 10px 5px 22px;
            outline: none;
            font-family: 'Open Sans', sans-serif;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .text_field3 input[type='submit'], .text_field3 input[type='button'] {
            width: 100%;
            height: 57px;
            background: #00c0cc;
            outline: none;
            border: none;
            color: #fff;
            font-size: 34px;
            padding: 0;
            cursor: pointer;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .text_field3 input[placeholder],
        .text_field3 [placeholder],
        .text_field3 *[placeholder] {
            color: #d3d2d1
        }

        .text_field3 *::-webkit-input-placeholder {
            color: #d3d2d1
        }

        .text_field3 *:-moz-placeholder {
            color: #d3d2d1;
            opacity: 1;
        }

        .text_field3 *::-moz-placeholder {
            color: #d3d2d1;
            opacity: 1;
        }

        .text_field3 *:-ms-input-placeholder {
            color: #d3d2d1
        }


.popup_holder section#Phase1 input[type='text'], .popup_holder section#Phase2 input[type='text'], .popup_holder section#Phase2 input[type='password'],
.popup_holder section#Phase2 input[type='email'] {
    background-color: #ffffff;
}

.popup_holder section#suPhase1 input[type='text'], .popup_holder section#suPhase2 input[type='text'], .popup_holder section#suPhase2 input[type='password'],
.popup_holder section#suPhase2 input[type='email'] {
    background-color: #ffffff;
}


.popup_holder input#btn-continue, .popup_holder input#btn-register {
    background-color: #000;
    color: #ffffff;
}


.popup_area {
    z-index: 9999 !important;
    width: 100% !important;
    padding: 0 15px !important;
    background: rgba(0,0,0,0.9) !important;
}

.popup_holder {
    border: 3px solid #000000 !important;
    max-width: 1106px !important;
    width: 100% !important;
    margin: 0 auto !important;
    background: #515151 !important;
    border-radius: 3px !important;
    padding: 70px 15px 80px 15px !important;
    -webkit-box-shadow: 15px 15px 3px 0px rgba(11, 11, 11, 0.80) !important;
    -moz-box-shadow: 15px 15px 3px 0px rgba(11, 11, 11, 0.80) !important;
    box-shadow: 15px 15px 3px 0px rgba(11, 11, 11, 0.80) !important;
    position: relative !important;
}



    .popup_holder .share_facebook {
        padding-bottom: 25px;
    }

    .popup_holder h2 {
        font-size: 30px;
        color: white;
        font-weight: normal;
        /*font-family: 'HelveticaNeueMedium';*/
        text-align: center;
        padding-bottom: 20px;
    }

    .popup_holder .login_or span {
        color: #414141
    }

    .popup_holder p {
        font-size: 14px;
        color: #414141;
        padding-bottom: 25px;
    }

.login_btm {
    padding: 20px 15px;
    margin: 0 -25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login_btm span {
    font-size: 22px;
    color: white;
    text-align: center;
    display: block;
}

    .login_btm span a {
        color: #319eaf;
    }

#Alreadyhaveanaccount {
    margin: auto;
    text-align: center;
    display: block;
    font-size: 20px;
}

.show_btn {
    position: absolute;
    left: 20px;
    top: 17px;
    font-size: 20px;
    color: #319eaf !important;
    cursor: pointer;
}



/*FromThePress*/

.FromThePressIndex {
min-width: 249px;
  margin-bottom:30px;
}

.FromThePressIndex > div {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    width: 100%;
    height: 310px;
     background-color:#fff;
    padding: 3px;
}

    .FromThePressIndex > div > a > img {
        width: 100%;
        width: 183px;
        height: 110px;
        display: inline;
         margin-top:15px;
    }

.FromThePressIndex a div{
 margin:auto;
 width:100%;
 padding-left:15px;
  padding-right:15px;
  text-align:right;
  padding-top:15px;
  font-size:16px;
}

.FromThePressIndex a {
    width: 100%;
    display: block;
    color: #000000;
    text-align: center;
}

.column_holder {
    padding: 0;
    margin: 0 -40px;
}

.column {
    width: 33.33%;
    float: right;
    padding: 0 40px;
    text-align: center;
    padding-bottom: 50px;
}

    .column h5 {
        font-size: 29px;
        color: #333333;
        font-weight: 700;
    }

    .column p {
        font-size: 16px;
        color: #333333;
        line-height: 23px;
        font-weight: bold;
    }

.column_icom {
    width: 100%;
    padding-bottom: 5px;
}

    .column_icom img {
        margin: 0 auto
    }

#video_container_area {
    padding: 0 10px;
    background: #f8f8f8;
}

#video_container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 92px 120px 63px 50px;
    overflow: hidden;
}

.youtube_video {
    padding-top: 9px;
}

.video_right {
    background: url(/images/bgr_frame2.png) no-repeat;
    background-color: #f8f8f8;
    background-size: 100% 100%;
    width: 255px;
    height: 292px;
    float: right;
    margin-left: -76px;
    padding: 14px 40px 15px 40px;
    text-align: center;
    margin-top: -8px;
}

    .video_right h4 {
        font-size: 50px;
        text-align: center;
        font-weight: 400;
        display: inline-block;
        background: url(/images/pic_icon.png) no-repeat right center;
        min-height: 50px;
        padding-right: 44px;
        margin-bottom: 14px;
        font-family: 'avigailmfregular';
    }

    .video_right ul li {
        font-size: 16px;
        color: #163736;
        position: relative;
        background: url(/images/bgr_star.png) no-repeat right 5px;
        padding-right: 18px;
        text-align: right;
        padding-bottom: 8px;
        cursor: pointer;
    }

#client_content_area {
    padding: 0 10px;
}

#client_content {
    max-width: 1260px;
    margin: 0 auto;
    padding: 155px 0 146px 0;
}

.client_content_holder {
    padding: 0;
}

#client_content h2 {
    font-size: 70px;
    color: #00c0cc;
    font-weight: 700;
    line-height: 72px;
}

.client_column_holder {
    position: relative;
    padding-right: 245px;
    margin-left: -55px;
}

.client_right {
    width: 245px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 5px;
}

.client_column {
    float: right;
    width: 20%;
    padding: 0 24px;
}

.client_photo {
    width: 100%;
    max-width: 172px;
    margin: 0 auto;
    border: 3px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.client_column_active .client_photo {
    border-color: #00c0cc;
    border: none;
    background: #00c0cc;
    padding: 3px;
}

.client_photo_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00c0cc;
    z-index: 3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

    .client_photo_info a {
        display: table-cell;
        vertical-align: middle;
        font-size: 53px;
        font-weight: 700;
        color: #fff;
    }

.info_box {
    width: 100%;
    height: 100%;
    display: table;
}

.client_photo img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.star {
    display: block;
    background: url(/images/pic_star.png) no-repeat;
    width: 37px;
    height: 35px;
    margin: 0 auto;
}

#gray_arrow_content_area {
    background-color: #7b7b7b;
    padding: 0 10px;
}

#gray_arrow_content {
    max-width: 1260px;
    margin: 0 auto;
    padding: 14px 0 10px 0;
    text-align: center;
}

    #gray_arrow_content h2 {
        font-size: 48px;
        color: #fff;
        line-height: 40px;
        font-weight: 700;
        padding-bottom: 11px;
    }

    #gray_arrow_content p {
        font-size: 28px;
        color: #fff;
    }

#client_logo_area {
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden;
    padding: 67px 0 6px 0;
}

.logo_holder {
    overflow: hidden;
    margin-left: -82px;
}

.client_logo {
    float: right;
    padding-left: 57px;
    padding-bottom: 47px;
}

#contact_form_area {
    width: 100%;
    padding: 0 15px;
    background: #f8f8f8;
    display: table;
    margin-top: 20px;
}

#contact_form {
    max-width: 1133px;
    margin: 0 auto;
    padding: 14px 0 4px 0;
    overflow: hidden;
}

.contact_form_right {
    float: right;
    padding-left: 10px;
}

.contact_form_left {
    float: right;
    padding-left: 64px;
    position: relative;
}

.contact_form_right span {
    font-size: 17px;
    color: #000;
    display: block;
    line-height: 35px;
}

    .contact_form_right span strong {
        color: #000;
        font-weight: 700;
    }

.text_field {
    width: 193px;
    float: right;
    margin-left: 8px;
}

.text_field_big {
    width: 197px
}

.text_field input[type="email"],
.text_field input[type="text"] {
    width: 100%;
    border: 2px solid #000;
    height: 35px;
    background: #fff;
    font-size: 15px;
    font-family: 'Alef', sans-serif;
    font-weight: 700;
    color: #333333;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.text_submit {
    width: 57px;
    position: absolute;
    left: 7px;
    top: 0;
}

    .text_submit input[type="submit"] {
        width: 98px;
        border: none;
        height: 35px;
        font-size: 15px;
        font-family: 'Alef', sans-serif;
        font-weight: 700;
        outline: none;
        background: #000c0d;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 0;
        text-align: center;
        cursor: pointer;
    }

#footer_area {
    padding: 0 15px;
    background: #000;
    border-top: 0px solid #fff;
}

footer {
    padding: 60px 0 125px 0;
    overflow: hidden;
    max-width: 1186px;
    margin: 0 auto;
}

    footer h4 {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
    }

.footer_column {
    width: 21.33%;
    float: right;
}

    .footer_column:nth-child(2) {
        width: 24.36%
    }

    .footer_column:nth-child(3) {
        width: 32%
    }

    .footer_column:nth-child(4) {
        width: 22.27%
    }

    .footer_column ul li {
        font-size: 22px;
        color: #fff;
        line-height: 22px;
        padding-bottom: 5px;
    }

        .footer_column ul li a {
            color: #fff;
        }

#main_header_area {
    background: #343434;
    padding: 0;
}

.main_header {
    padding: 12px 22px 8px 30px;
    height: 73px;
}

    .main_header #logo {
        padding: 0;
    }

    .main_header nav {
        padding: 14px 0 0 0;
    }

.breadcrumbs {
    font-size: 16px;
    color: #00c0cc;
    padding-bottom: 18px;
}

    .breadcrumbs a {
        color: #03a7b1;
        margin-left: 5px;
    }

    .breadcrumbs strong {
        font-weight: 700;
    }

.content_two_column {
    overflow: hidden;
    margin-top: 28px;
    position: relative;
}

.youtube_video_box {
    float: left;
}

.video_holder {
    margin-bottom: 53px;
    /*background-color:#fff*/
}

.video_info_right {
    float: right;
    /*
    background:#fff;
	padding:11px 20px 20px 50px;
    */
}

    .video_info_right > div {
        border: 1px solid #7a7a7a;
    }

.free-videos-page-Videoicons div.column_bg {
    position: relative;
}

    .free-videos-page-Videoicons div.column_bg::after {
        content: url('/images/VideoFreeCHaptersIcon.png');
        position: absolute;
        left: 20px;
        bottom: 10px;
    }

#facebook-recommendations, .ContactUsMain, .TermsMain, .AboutUsMain,.PasswordReset {
    max-width: 1260px;
    margin: auto;
    padding-right: 15px;
    padding-left: 5px;
}

    #facebook-recommendations a.video-dialog {
        position: relative;
    }

        #facebook-recommendations a.video-dialog::after {
            content: url('/images/MoreGoolPlay.png');
            position: absolute;
            left: 10px;
            bottom: 20px;
            opacity: .4;
        }

        #facebook-recommendations a.video-dialog:hover::after {
            opacity: .9;
        }

.img-youtubeRecommendation {
    width: 100px;
    height: 100px;
}

.media:first-child {
    margin-top: 15px !important;
}

#facebook-recommendations img.img-facebook {
    width: 100px;
    border-radius: 100px;
    border: 2px solid;
}

#facebook-recommendations img.img-youtube {
    width: 100px;
    border-radius: 0px;
    border: 2px solid;
    border-color: #000000;
}


#facebook-recommendations div.media-body {
    font-size: 17px;
}

.Terms {
    font-size: 17px;
}

#facebook-recommendations li {
    margin-bottom: 45px;
    min-height: 101px;
}

#scrollbar_box.content {
    height: 447px;
    max-width: 100%;
    padding: 0;
}

.video_info_right div#scrollbar_box {
    overflow-y: scroll;
    direction: ltr;
}


.video_info_right h3 {
    font-size: 24px;
    color: #7a7a7a;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 700;
    padding-bottom: 1px;
    margin-bottom: 18px;
}

.scrollbar_content {
    direction: rtl;
    margin-right: 15px;
}

.rowElem {
    padding-bottom: 13px;
}

.scrollbar_content li.active label {
    color: #00c0cc;
}

.blue_btn {
    font-size: 30px;
    padding: 0 56px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    background: #00c0cb;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    cursor: pointer;
}

.play-icon {
    position: absolute;
    bottom: 105px;
    left: 117px;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background: url(../Images/Icons/play.png) no-repeat;
    opacity: .5;
}

.play-icon-Course-Movie {
    position: absolute;
    bottom: 36%;
    left: 39%;
    margin-top: -40px;
    width: 80px;
    height: 80px;
    background: url(../Images/Icons/play.png) no-repeat;
    opacity: .5;
}

    .play-icon:hover, .play-icon-Course-Movie:hover {
        opacity: .9;
    }

#top-cart-frame img {
    display: inline-block;
    vertical-align: -7px;
}

#feature_content_area {
    padding: 0 15px;
}

#feature_content {
    max-width: 1186px;
    margin: 0 auto;
    padding: 72px 0 24px 0;
    text-align: center;
}

    #feature_content h2 {
        font-size: 63px;
        color: #797979;
        line-height: 36px;
        font-weight: 700;
        text-align: center;
        padding-bottom: 5px;
    }

    #feature_content h3 {
        font-size: 57px;
        color: #797979;
        line-height: 53px;
        font-weight: 400;
        text-align: center;
        padding-bottom: 60px;
    }

.feature_holder {
    overflow: hidden;
    padding-bottom: 54px
}

.feature_column {
    width: 25%;
    float: right;
}

.feature_photo {
    border: 1px solid #000;
    border-right: none;
    position: relative;
}

.feature_column:first-child .feature_photo:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
}

.feature_photo img {
    width: 100%
}

.feature_info {
    text-align: center;
    padding: 22px 10px 0 10px;
}

    .feature_info h4 {
        font-size: 30px;
        color: #39c7d2;
        font-weight: 700;
        line-height: 25px;
    }

        .feature_info h5 a,
        .feature_info h4 a {
            color: #39c7d2
        }

    .feature_info h5 {
        font-size: 24px;
        color: #39c7d2;
        font-weight: 400;
        padding-bottom: 25px;
    }

    .feature_info p {
        font-size: 16px;
        color: #000;
    }

#certificate_content {
    padding: 0 15px;
    background: #f6f6f6;
    margin-top: 33px;
    margin-bottom: 45px;
}

#certificate_holder {
    max-width: 1260px;
    margin: 0 auto;
    padding: 32px 0 38px 0;
}

    #certificate_holder h2 {
        font-size: 60px;
        color: #343434;
        font-weight: 700;
        padding-bottom: 35px;
        text-align: center;
    }

.certificate {
    max-width: 745px;
    margin: 0 auto;
}

#inner_video_content {
    padding: 0 15px;
    background: #fff;
}

.innerpageSubject {
    padding: 18px 0 72px 56px;
}

.subjectPage {
    max-width: 1300px;
    margin: 0 auto;
    padding: 18px 0 0px 0px;
}
.freeText {
   margin-top:20px; 
   width:75%;
   font-size:22px;
}

#inner_video_box {
    max-width: 1220px;
    margin: 0 auto;
    padding: 18px 0 72px 0px;
}

    #inner_video_box h1 {
        font-size: 45px;
        color: #343434;
        font-weight: 700;
        line-height: 30px;
        padding-bottom: 8px;
    }

    #inner_video_box h5 {
        font-size: 25px;
        color: #343434;
        line-height: 27px;
        font-weight: 700;
        padding-top: 6px;
        padding-bottom: 2px;
    }

    #inner_video_box h6 {
        font-size: 18px;
        color: #343434;
        line-height: 27px;
        font-weight: 700;
        padding-bottom: 0px;
    }

.inner_youtube_video {
    width: 62%;
    float: right;
}

.inner_video_holder {
    padding: 0;
}

.inner_video_left {
    width: 30%;
    float: left;
    border: 1px solid #d6d6d8;
    padding: 0px 32px 0px 32px;
    min-height: 472px;
-webkit-box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
-moz-box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
box-shadow: -1px 6px 2px -5px rgba(214,214,216,1);
position:relative;
}

.inner_video_leftBottom {
    width: 33%;
    float: left;
    min-height: 90px;
}

    .inner_video_leftBottom h6 {
        font-size: 40px !important;
         border-bottom:1px solid #d4d4d4;
          padding-bottom:8px !important;
          margin-bottom: 6px;
    }

.price_box_topBigPrice {
margin-top:30px;
 margin-bottom:20px;
}

.FontColorFix {
color:#343434 !important;
 border: 1px solid #9c9c9c !important;

}
.FontColorFix:hover {
color:#ffffff !important;
}
.price_box_top {
    padding-bottom: 0px;
}

    .price_box_top strong {
        font-size: 48px;
        color: #505763;
        font-weight: 700;
        padding-left: 17px;
    }

        .price_box_top strong small {
          font-size: 40px;
    vertical-align: -6px;
    letter-spacing: 6px;
        }

    .price_box_top span {
        font-size: 27px;
        color: #929292;
        font-weight: 400;
        text-decoration: line-through;
    }

        .price_box_top span small {
            font-size: 12px;
        }

.blue_btn_holder {
    padding-bottom: 0px;
}

    .blue_btn_holder a {
     border: 1px solid #00c0cc;
    width: 100%;
    height: 57px;
    margin-bottom: 11px;
    font-size: 26px;
    color: #00c0cc;
    text-align: center;
    display: block;
    line-height: 58px;
    max-width: 295px;
    border-radius: 5px;
    }

        .blue_btn_holder a.active,
        .blue_btn_holder a:hover {
            background: #00c0cc;
            color: #fff;
        }

.inner_video_left p {
    font-size: 21px;
    color: #2282db;
    line-height: 30px;
    max-width: 189px;
}

.inner_video_left_Link {
    font-size: 21px;
    color: #2282db;
    font-weight: bold;
}

.progress {
    display: block;
}

.purchaseCube {
    margin: auto;
    text-align: center;
    width: 100%;
    font-size:15px;
    color:#505763;
}

.purchaseCubeInclude {
    text-align: right;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color:#505763;
     margin-top:9px;
}


.purchaseCubeItem {
        text-align: right;
    width: 100%;
        font-size: 14px;
    background-repeat: no-repeat;
    background-position: right 0px;
   float:right;
    margin-top: 3px;
   color:#505763;
    /*text-align: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right 4px;
    padding-right: 25px;
    margin-top: 3px;*/
}

.purchaseCubeItemProgress img {
    margin-right: 1px;
    margin-top: 4px;
    width: 14px;
}

.purchaseCubeItemBook {
    margin-right: -2px;
}

    .purchaseCubeItemBook img {
        margin-right: 2.2px;
        margin-top: 3px;
        width: 14px;
    }

.purchaseCubeItemFreeChapter {
    margin-right: -2px;
}

    .purchaseCubeItemFreeChapter img {
        margin-right: 2.7px;
        margin-top: 5px;
    }

.purchaseCubeItemUnlimited img{
margin-top: 1px;width:16px;

}

.purchaseCubeItemPersonal {
    margin-right:-2px;
}
.purchaseCubeItemPersonal img{
   margin-right: 3px; margin-top: 2px; width: 14px;
}
.purchaseCubeItemMobile img{
    margin-right: 3px; margin-left: 13px; margin-top: 1px;width:10px;
}

.purchaseCubeItemWhatsup img{
    margin-top: 2px; width: 14px; margin-right: 1px;
}

    .purchaseCubeItem a {
        color: inherit;
        font-size: inherit !important;
        text-decoration: underline;
        display:table !important;
    }
    .purchaseCubeItem img {
    max-width:21px;
    float:right;
     margin-left:10px;
     vertical-align:middle;
    display:inline-block;
    }

    .purchaseCubeItem span {
   width:100%;
     color: inherit;
        font-size: inherit !important;
    float:right;
    height:21px;
    }

.purchaseCubeCcoupon {
    margin: auto;
    text-align: center;
    width: 100%;
    font-size: 18px !important;
    color: #319eaf;
    cursor: pointer;
     margin-bottom:10px;
    margin-top: 35px;
}
.CouponErrorMessage {
text-align:center;
}

.purchaseCubeItem1 {
    background-image: url('/images/monitor.svg');
}

.purchaseCubeItem2 {
    background-image: url('/images/book2.svg');
}

.purchaseCubeItem3 {
    background-image: url('/images/time.svg');
}

.purchaseCubeItem4 {
    background-image: url('/images/mobile-phone.svg');
    margin-right: 2px;
    padding-right: 23px;
}

.purchaseCubeItem5 {
    background-image: url('/images/HeadSet.svg');
}

.inner_video_left a, .inner_video_left span {
    font-size: 21px;
    display: inline-block;
}

#inner_video_box span.progress {
    display: block;
}

.AdministratorArea {
    margin-top: 20px;
    padding: 5px;
    background-color: #f5f5f5;
}

.inner_logo {
    max-width: 130px;
    margin: 0 auto;
}

#inner_gray_content_area {
    padding: 0 15px;
    background: #f4f4f4;
}

#inner_gray_content {
    max-width: 1220px;
    margin: 0 auto;
    padding: 9px 0 40px 0;
}

.inner_gray_right {
    width: 61.96%;
    float: right;
}

.small_video_left {
    width: 33.36%;
    float: left;
    padding-left: 8px;
}

    .small_video_left img {
        border: 0px !important;
        border-radius: 0px !important;
    }

#inner_gray_content h3 {
    font-size: 40px;
    color: #343434;
    font-weight: 400;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 9px;
}

    #inner_gray_content h3 strong {
        font-size: 32px;
        font-weight: 700;
    }

.small_video_box {
    border: 1px solid #cecece;
    border-left: none;
    border-bottom: none;
    margin-bottom: 16px;
    margin-top: 22px;
}

.courseTitleBlock {
    display: inline-block;
    border: 0 !important;
}

.courseTitleBlockLeft {
    float: left; font-size: 28px !important; margin-top: 6px; text-decoration: underline;
}

.DurationSum {
    float: left;
    margin-top: 10px;
    margin-left: 29px;
    font-size: 23px;
    color: #000000;
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    .DurationSum {
        float: left;
        margin-top: 14px;
        font-size: 13px;
        color: #000;
        font-weight: bold;
        margin-left: 0px;
    }

        
.EduOfferPageHeader {
    max-height: 121px;
}

    .EduOfferPageHeader img {
        width:100px;
    }

    .EduOfferPageHeader div {

       font-size: 28px;

    }

    .EduOfferPageHeaderBlue div {
        font-size: 22px;
        text-align:center;
    }
        .EduOfferPageHeaderBlue div img {
          display:none;
        }
    .EduOfferPageBoxes {
      width: 80%;
    }
    .EduOfferPageBoxes > div {
        width: 100%;
        margin: auto;
        padding-top: 20px;
        float: right;
    }

}

.Questions div.page-sub-header {
    color: #333;
}

.small_video_boxContainer {
    min-height: 422px;
}


.ContactUs div#feature_area, .Terms div#feature_area, .Questions div#feature_area {
    display: none !important;
}

.ContactUs div#free_learning_area, .Terms div#free_learning_area, .Questions div#free_learning_area {
    display: block !important;
}

.ContactUs div#free_learning_box h3, .Questions div#free_learning_box h3, .Questions div#free_learning_box h3, .Terms div#free_learning_box h3 {
    text-align: right;
}

.panelNew {
    margin-top: 8px;
    margin-bottom: 10px;
}


.small_video_row {
    overflow: hidden;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    padding: 10px 14px 10px 10px;
    background: #fff;
    height: 128px;
}

.small_video {
    width: 113px;
    float: right;
}

.small_video_info {
    margin-right: 200px;
    margin-top: 2px;
    font-size: 16px;
    line-height: 16px;
}

    .small_video_info span {
        display: block;
        font-size: 16px;
        color: #000;
    }

.social_box {
    padding: 0;
}

    .social_box h6 {
        font-size: 16px;
        color: #000;
        padding-bottom: 22px;
    }

    .social_box a {
        display: inline-block;
        font-size: 40px;
        color: #353535;
        margin-left: 21px;
    }

#inner_gray_content #scrollbar_box {
    margin-right: -12px;
}

    #inner_gray_content #scrollbar_box.content {
        height: 550px;
        max-width: 100%;
        padding: 0;
    }

.scrollbar_info_holder {
    padding: 0;
    direction: rtl;
}

.scrollbar_row {
    border-top: 1px solid #d4d4d4;
    padding: 16px 22px 16px 18px;
    overflow: hidden;
}
    /*.scrollbar_row:first-child {
	border:none;
}*/
    .scrollbar_row span {
        font-size: 16px;
        display: block;
        color: #5a5a5a;
    }

        .scrollbar_row span.column3 {
            color: #2282db;
            text-align: left;
        }

.column_right_box {
    float: right;
    overflow: hidden;
}

.columm_left_box {
    float: left;
    width: 250px;
    overflow: hidden;
}

.column1 {
    width: 60px;
    float: right;
}

.column2 {
    float: right;
    max-width: 435px;
}

.column3 {
    float: left;
    min-width: 148px;
}

    .column3 span {
        text-align: left;
        display: inline-block;
    }

        .column3 span a:first-child {
            margin-left: 15px;
        }

.column4 {
    float: left;
    min-width: 60px;
    text-align: left;
}

.column_right_box div {
    width: 490px;
}

#recommend_content_area {
    padding: 0 15px;
    background: #fff;
}

#recommend_content {
    padding: 30px 0 60px 0;
    max-width: 1220px;
    margin: 0 auto;
}

    #recommend_content h2 {
        font-size: 65px;
        color: #00c0cc;
        font-weight: 700;
        padding-bottom: 20px;
        text-align: center;
    }

.recommend_row {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    margin-right: -50px;
}

    .recommend_row:last-child {
        border: none
    }

.recommend_column {
    width: 50%;
    padding: 40px 50px 17px 55px;
    border-right: 2px solid #e5e5e5;
    float: right;
}

    .recommend_column:first-child {
        border: none
    }

.recommend_photo {
    width: 95px;
    float: right;
    /*border:1px solid #757171;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .recommend_photo img {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border-radius: 100px;
        border-color: #000;
        border: 2px solid;
    }

.recommend_row_holder {
    padding-bottom: 30px;
}

.recommend_info {
    margin-right: 130px;
    margin-top: -9px;
}

.step_column h5 {
    font-size: 28px;
    color: #343434;
    font-weight: 400;
    padding-bottom: 24px;
}

.recommend_info h5 {
    font-size: 21px;
    color: #343434;
    font-weight: 400;
    padding-bottom: 24px;
}


.step_column p,
.recommend_info p {
    font-size: 19px;
    color: #000;
    padding-bottom: 30px;
}

.recommend_info span {
    display: block;
    font-size: 23px;
    color: #00c0cc;
}

.blue_btn_box {
    text-align: center;
}

#four_step_area {
    background: #f5f5f5;
    padding: 0 15px;
}

#four_step_holder {
    max-width: 1220px;
    margin: 0 auto;
    padding: 30px 0 32px 0;
    overflow: hidden;
}

    #four_step_holder h2 {
        text-align: center;
        font-size: 65px;
        color: #343434;
        font-weight: 700;
        padding-bottom: 20px;
    }

.step_column_holder {
    overflow: hidden;
}

.step_column {
    width: 27.2%;
    float: right;
    padding: 0 0 0 75px;
    background: url(/images/bgr_step_arrow_left.png) no-repeat;
    background-position: 48px 67px;
}

.step_column_last {
    background: none;
    padding-left: 0;
    width: 220px;
}

.step_icon {
    width: 168px;
    height: 168px;
    background: #00c0cc;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin-bottom: 30px;
}

    .step_icon span {
        font-size: 100px;
        font-weight: 700;
        text-align: center;
        line-height: 168px;
        color: #fff;
        display: block;
    }

.step_column h5 {
    font-weight: 700;
    padding-bottom: 18px;
}

#small_photo_gallery {
    padding: 0 15px;
}

#small_photo_holder {
    max-width: 1220px;
    margin: 0 auto;
    padding: 32px 0 77px 0;
}

.gallery_holder {
    overflow: hidden;
    margin-left: -8px;
}

#small_photo_holder h2 {
    font-size: 61px;
    font-weight: 700;
    color: #00c0cc;
    padding-bottom: 20px;
    text-align: center;
    padding-bottom: 31px;
}

#small_photo_holder div.item {
    width: 20%;
    float: right;
    padding: 0 0 8px 8px;
}

    #small_photo_holder div.item a {
        display: block;
        position: relative;
    }

    #small_photo_holder div.item img {
        width: 100%
    }

.item_info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #00c0cc;
}

    .item_info img {
        margin: 0 auto;
        width: auto
    }

.item_info_box {
    width: 100%;
    height: 100%;
    display: table;
    padding: 10px 5px;
}

    .item_info_box span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        font-size: 40px;
        line-height: 41px;
        color: #fff;
        font-weight: 700;
    }

#gray_btm_area {
    background: url(/images/bgr_gray_btm.png) no-repeat center bottom;
    background-size: 100% auto;
    background-color: #9d9d9d;
    padding: 0 15px;
}

#gray_btm_holder {
    max-width: 1220px;
    margin: 0 auto;
    padding: 25px 0 41px 0;
    position: relative;
    text-align: center;
}

.right_photo_box {
    width: 13.7%;
    position: absolute;
    right: 100px;
    bottom: 0;
    z-index: 3;
}

#gray_btm_holder h3 {
    font-size: 63px;
    font-weight: 700;
    color: #f9f9f9;
    line-height: 51px;
}

    #gray_btm_holder h3 span {
        font-size: 57px;
        font-weight: 400;
        display: block;
    }

#cart_content_area {
    padding: 0 15px;
}

#cart_content {
    max-width: 1260px;
    margin: 0 auto;
    padding: 36px 0 97px 0;
}

.cart_title {
    overflow: hidden;
    border-bottom: 2px solid #7a7a7a;
}

.cart_icon {
    float: left;
}

.cart_title h1 {
    float: right;
    font-size: 35px;
    color: #000;
    font-weight: 700;
}

#cart_content .breadcrumbs {
    font-size: 24px;
    color: #6e6e6e;
    padding: 22px 0 10px 0;
}

    #cart_content .breadcrumbs a {
        color: #6e6e6e
    }

    #cart_content .breadcrumbs strong {
        font-weight: 700;
        color: #000;
    }

.cart_step_info {
    padding: 0 100px 0 0;
}

.cart_right_area {
    width: 40.95%;
    float: right;
    position: relative;
    padding: 0 0 30px 0;
}

.cart_step_holder {
    overflow: hidden;
}

.cart_left_area {
    width: 51.66%;
    float: left;
}

.cart_step_holder h4 {
    margin-right: 100px;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    line-height: 68px;
}

.cart_step {
    width: 73px;
    height: 73px;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: right;
}

    .cart_step span {
        display: block;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
        text-align: center;
        line-height: 73px;
    }

.two_btn_box {
    padding: 0px 0 0 0
}

    .two_btn_box a {
        font-size: 30px;
        display: block;
        color: #fff;
        font-weight: 700;
        line-height: 94px;
        height: 94px;
        width: 100%;
        background: #f2cd39;
        margin-bottom: 17px;
        text-align: center;
    }
.panel-default {
position:relative;
}
.prevCartLogin {
position:absolute;
top:10px;
left:10px;
}

#sitesealContainer {

float:left; margin-top:25px; margin-left:10px;

}

.siterefund {
display: block; float: left;
}


#siteseal {
width:100%;
display:block;
}
#Sitesafe {
    margin:auto;
display:block;
text-align:center;
font-size:13px;
font-weight:bold;

}
    #siteseal img {
    margin:auto;
    }

.CartItemsMarginRight {
 margin-right:33px;
 display:inline-block;
}

.btnDeleteCArtItem
{
    border:0px;
    border-radius: 30px;
    width: 24px;

}
.cartcontainerFix {
margin-bottom:250px;
}
    .cartcontainerFix > div > h1 {
    border-bottom:3px solid #000000; font-weight:bold;
    }

#coupon-frame {
display:none;
 margin-top:3px;
height:41px;
}

 .cartcontainerFix div.tooltip-inner,.cartcontainerFix div.tooltip {
  max-width:250px !important;
  width:250px !important;
  display:inline-block;
    }

.blue_buttonCart {
    background-color: #00c0cc !important;
    background-image: none !important;
    border: 0px !important;
}
    .blue_buttonCart h3,.yellow_buttonCart h3{
    margin-top:13px;
     margin-bottom:14px;
    }

.yellow_buttonCart {
    background-color: #f2cd39 !important;
    background-image: none !important;
    border: 0px !important;
}

        .two_btn_box a.blue_button {
            background: #00c0cc;
        }

        .two_btn_box a.green_button {
            background: #3b5998;
        }

        .two_btn_box a.yellow_button {
            background: #f2cd39;
        }

.product_cart_box {
    background: #f1f1f1;
    padding: 23px 50px 15px 45px;
    margin-bottom: 68px;
}

.product_cart_title {
    overflow: hidden;
    text-align: center;
    padding-bottom: 2px;
}

.product_cart_box p {
    font-size: 18px;
    color: #00c0cc;
}

.product_cart_title strong {
    font-size: 26px;
    color: #000;
    font-weight: 700;
    display: block;
}

.product_cart_column1 {
    width: 41.15%;
    float: right;
    text-align: right;
}

.product_cart_column2 {
    width: 28.88%;
    float: right;
}

.product_cart_column3 {
    width: 28.88%;
    float: right;
    padding: 0 10px;
}

.product_cart_column4 {
    padding-top: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

.product_cart_row {
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

    .product_cart_row span {
        font-size: 18px;
        color: #000;
        display: block;
    }

.total_price {
    border-top: 2px solid #c6c6c6;
    width: 57.76%;
    float: left;
    padding-left: 8px;
    overflow: hidden;
    margin-top: 20px;
    padding-top: 5px;
}

.price_column {
    width: 50%;
    float: right;
    text-align: center;
}

    .price_column strong {
        font-size: 18px;
        color: #000;
        font-weight: 700;
    }

.two_logo_box {
    width: 100%;display: inline-block;text-align: center;
}

.two_logo_box img {
  margin:auto;
}

.cart_step_info label {
    display: block;
    font-size: 24px;
    color: #000;
    padding-bottom: 5px;
}

.cart_step_info form {
    padding-top: 20px
}

.cart_step_info input[type="text"], .cart_step_info input[type="email"], .cart_step_info input[type="tel"] {
    width: 100%;
    /*height:52px;*/
    border: 1px solid #0f0f0f;
    background: #fff;
    color: #0f0f0f;
    font-size: 20px;
    padding: 5px 10px;
    outline: none;
    margin-bottom: 31px;
}

.cart_step_info input[type="tel"], .cart_step_info input[type="email"] {
    margin-bottom: 0px;
    height: auto;
}

.cart_step_info a.forgot_password {
    color: #115397;
    font-size: 24px;
    text-decoration: underline;
    display: inline-block;
    margin-top: -18px;
}

.forgot-password-link {
    float:right;
    color:#ffffff;
}

.submit {
    overflow: hidden;
}

    .submit input[type="submit"] {
        width: 143px;
        height: 52px;
        border: none;
        background: #00c0cb;
        color: #fff;
        font-size: 24px;
        padding: 0;
        outline: none;
        cursor: pointer;
        text-align: center;
        float: left;
        font-weight: 700;
    }

.form_row {
    overflow: hidden;
    padding-bottom: 21px;
}

.form_label {
    float: right;
    width: 130px;
}

    .form_label label {
        padding: 0;
        line-height: 38px;
        font-size: 18px;
    }

.form_textfield {
    margin-right: 135px;
}

.cart_step_info .form_textfield input[type="text"] {
    margin: 0;
    font-size: 16px;
    height: 38px;
}

.cart_step_info p {
    color: #000;
    font-size: 18px;
}

    .form_row .rowElem a,
    .cart_step_info p a {
        color: #123b9a;
        text-decoration: underline;
    }

.form_row .rowElem label {
    font-size: 18px;
    color: #000;
}

#chapter-videos li.rowElem label {
    width: 100%;
}

.rowelName {
    width: 89%;
    display: inline-table;
}

.cart_form {
    border: 1px solid #dddddd;
    padding: 16px 15px 37px 38px;
    margin-bottom: 5px;
}

    .cart_form h6 {
        font-size: 16px;
        font-weight: 600;
        color: #319eaf;
        background: url(/images/bgr_icon1.png) no-repeat right center;
        padding-right: 28px;
        margin-bottom: 10px;
    }

    .cart_form p {
        font-size: 14px;
        color: #319eaf;
        padding-bottom: 40px;
    }

.cart_form_row {
    padding-bottom: 13px;
}

.cart_left {
    margin-right: 156px;
}

.cart_right {
    width: 156px;
    float: right;
    padding-right: 30px;
}

.cart_form_row strong {
    font-size: 16px;
    color: #0066cc;
    display: block;
    font-weight: 700;
    margin-bottom: -3px;
}

.cart_left input[type="text"] {
    height: 26px;
    border-color: #999;
    font-size: 14px;
    color: #000;
    margin: 0;
}

.cart_right label {
    font-size: 16px;
    line-height: 26px;
    padding: 0;
}

    .cart_right label small {
        color: #ff1717;
    }

.select_column {
    width: 50px;
    float: right;
    position: relative;
}

.select_column_big {
    width: 77px;
    margin-right: 12px;
}

    .select_column_big:before {
        content: "/";
        position: absolute;
        right: -11px;
        top: -4px;
    }

.cart_left_small {
    width: 60px
}

.cart_submit {
    padding-top: 10px
}

    .cart_submit input[type="submit"] {
        width: 100px;
        height: 36px;
        background: #2d8fc6;
        border: none;
        outline: none;
        cursor: pointer;
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-align: center;
    }

.cart_form_inner {
    padding: 16px 15px 20px 38px;
    margin-bottom: 54px;
}

    .cart_form_inner p {
        padding: 0
    }

    .cart_form_inner h6 {
        background: url(/images/bgr_icon2.png) no-repeat right center;
    }

.cart_form_btm {
    border: 1px solid #faebcc;
    background: #fcf8e3;
    padding: 16px 15px 17px 10px;
}

    .cart_form_btm p {
        font-size: 14px;
        color: #777777;
    }

        .cart_form_btm p span {
            color: #fe0000
        }

        .cart_form_btm p a {
            color: #31a9c0;
            text-decoration: none;
        }

#banner_area img {
    width: 100%;
    height: auto;
}

.cart_form label {
    color: #0066cc;
}

#sign_up_area {
    padding: 0 15px;
}

#sign_up_box {
    padding: 180px 0 200px 0;
}

.sign_up_form {
    max-width: 780px;
    margin: 0 auto;
}

    .sign_up_form h6 {
        font-size: 24px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        padding-bottom: 50px;
    }

.share_facebook {
    max-width: 415px;
    margin: 0 auto;
}

.login_or {
    background: url(/images/bgr_or.png) no-repeat center center;
    margin-bottom: 35px;
}

    .login_or span {
        font-size: 30px;
        color: #fff !important;
        text-align: center;
        display: block;
    }


.sign_up_form form {
    max-width: 503px;
    margin: 0 auto;
}

.sign_up_form p {
    font-size: 18px;
    color: #fff;
    padding-left: 23px;
    margin-top: 10px;
}

    .sign_up_form p.center_text, .SubjectMathPage div.center_text {
        text-align: center;
        padding: 0;
    }

    .sign_up_form p a {
        color: #fff
    }

#Institutions::-webkit-input-placeholder { /* Edge */
  color: #aab9cf;
}

#Institutions:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aab9cf;
}

#Institutions::placeholder {
  color: #aab9cf;
}


.Login,.RegisterTeacher {
    background: url(/images/bgr_sign_in.jpg) no-repeat center;
    color: #fff;
    background-size: cover;
}

.RegisterTeacher {
  display: inline-block;
    width: 100%;
}

.close_btn {
    background: url(/images/bgr_close.png) no-repeat center center !important;
    width: 21px !important;
    height: 26px !important;
    cursor: pointer !important;
    position: absolute !important;
    right: 25px !important;
    top: 25px !important;
    z-index: 99999 !important;
}

.modal {
    text-align: center !important;
    padding: 0 !important;
}

    .modal:before {
        content: '' !important;
        display: inline-block !important;
        height: 100% !important;
        vertical-align: middle !important;
        margin-right: -4px !important;
    }

.modal-dialog {
    display: inline-block !important;
    text-align: right;
    vertical-align: middle !important;
}

.modal-open .modal {
    overflow-x: inherit !important;
    overflow-y: inherit !important;
}



#CompleteUserAcademicInstitutionMessage button.close {
 opacity:1;
  cursor:pointer;
}
#CompleteUserAcademicInstitutionMessage button.close span {
 font-size:12px;
 vertical-align: middle;
 cursor:pointer;
}
#CompleteUserAcademicInstitutionMessage label {
 float:right;
 clear:right;
color:#ffffff !important;
 margin-bottom:3px;
}
#CompleteUserAcademicInstitutionMessage p,#InstitutionsContainer,#CompleteUserAcademicInstitutionMessage span {
color:#ffffff !important;
}

#CompleteUserAcademicInstitutionMessage div.alert-warning {
background:none;
border:0px;
-webkit-box-shadow:none;
box-shadow:none;
}
#CompleteUserAcademicInstitutionMessage div.modal-dialog {
 background-color:#6a8cdb;
}

/* registration field area */


#registrationModal label, #loginModal label{
    font-size: 15px;
    color: #AAB9CF;
    display: block;
    line-height: 19px;
    margin: 0;
    padding-bottom: 10px;
}

.popup_containerRegTeachers {
    background: rgba(0,0,0,0.45);
    padding: 20px 15px;
    direction: ltr;
     z-index: 9999 !important;
}

#registrationModal div.popup_holder,#loginModal div.popup_holder{
    max-width: 568px !important;
    margin: 0 auto !important;
    background: #fff !important;
    padding: 50px 15px !important;
    position: relative !important;
    direction: rtl !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

#registrationModal div.close_btn,#loginModal div.close_btn{
    background: url(/images/close.png) no-repeat;
    background-size: 100% auto;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}

#registrationModal div.login_form, #loginModal div.login_form{
    max-width: 372px;
    margin: 0 auto;
}
#Institutions {
    height: 24px !important; border: 0px !important; width: 340px !important;
}
#Register-Phase1 {
    display: block;
}

#Register-Phase2 {
    display: none;
}

.lbl-validation span {
    color: #CFAAAA;
}

#registrationModal input.form-control,#loginModal input.form-control{
    width: 100% !important;
    height: 50px !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    border: 1px solid #AAB9CF !important;
    background: #fff !important;
    outline: none !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    padding: 5px 20px 5px 10px !important;
    margin-bottom: 10px !important;
    transition: all 0.5s ease 0s !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}
#registrationModal input.form-control2,#loginModal input.form-control2{
    height: 35px !important;
    display: block !important;
    font-size: 15px !important;
    color: #AAB9CF !important;
    font-weight: 300 !important;
    border: 1px solid #AAB9CF !important;
    background: #fff !important;
    outline: none !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    padding: 5px 20px 5px 10px !important;
    margin-bottom: 10px !important;
    transition: all 0.5s ease 0s !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.inpt-validation-Institutions > span{
        border: 0 !important;
    height: 46px !important;
    width:100% !important;
}

#registrationModal div.login_form p,#loginModal div.login_form p{
    font-size: 15px;
    font-weight: normal;
    color: #212227;
     padding-top:20px;
    text-align: center;
    margin: 0;
}

#registrationModal div.login_form h4, #loginModal div.login_form h4{
    font-size: 22px;
    color: #212227;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
    margin: 0;
}
#registrationModal div.form-control::-moz-placeholder {
    color: #AAB9CF;
    opacity: 1;
}

#registrationModal div.form-control:-ms-input-placeholder {
    color: #AAB9CF;
}

#registrationModal div.form-control::-webkit-input-placeholder {
    color: #AAB9CF;
}

#registrationModal div.form-control,#loginModal div.form-control{
    width: 100%;
    height: 50px;
    display: block;
    font-size: 15px;
    color: #AAB9CF;
    font-weight: 300;
    border: 1px solid #AAB9CF;
    background: #fff;
    outline: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 20px 5px 10px;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    #registrationModal div.form-control:focus,#loginModal div.form-control:focus{
        border-color: #334c88;
        color: #212227;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .form-control-error input {
    border-color: #D45050 !important;
}

.form-control-error {
    position: relative;
    font-size: 24px;
}

.lbl-validation span {
    color: #CFAAAA;
}

.form-control-error:after {
    content: url(/images/x.svg);
    width: 16px;
    height: 16px;
    text-align: center;
    left: 13px;
    top: 10px;
    position: absolute;
}

#loginModal div.forgot_password a {
font-size: 14px;
    color: #334c88;
    display: block;
}

#loginModal div.forgot_password {
    float: left;
}

 #btn-registerPhase1,#btn-registerPhase2, #registrationModal input#btn-register-teacher,#loginModal input#btn-login-morim {
    width: 210px;
    height: 40px;
    border: none;
    background: #334c88;
    outline: none;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
        margin: 0 auto;
}

#btn-registerPhase1:hover {
    background: #4D72CB;
}
#Register-Phase2,#Register-Phase3 {
    display: none;
}

 #registrationModal div#phone,  #registrationModal div#register-email,  #registrationModal div#register-password,  #registrationModal div#confirm-password {
    text-indent: 25px;
    direction: ltr;
}

  .modal-dialog-ver2FixMinHeight {
        min-height: 430px !important;
    }

  .forgot-password-morim div.field_box {
    width: 80%;
    margin: auto;
}

.forgot-password-morim label {
    text-align: right;
}

.text_field2 {
    padding-bottom: 21px;
    position: relative
}

    .text_field2 input[type='email'],
    .text_field2 input[type='password'],
    .text_field2 input[type='text'] {
        width: 100%;
        background: none;
        height: 57px;
        font-size: 17px;
        color: #d3d2d1;
        border: 1px solid #fff;
        padding: 5px 10px 5px 22px;
        outline: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .text_field2 input[type='submit'], .text_field input[type='button'], .EduBtnCOnnect {
        width: 100%;
        height: 57px;
        background: #00c0cc;
        outline: none;
        border: none;
        color: #fff;
        font-size: 34px;
        padding: 0;
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

.EduBtnCOnnect {
    max-width: 403px;
    display: block;
    padding-top: 18px;
}

.text_field2 input[placeholder],
.text_field2 [placeholder],
.text_field2 *[placeholder] {
    color: #d3d2d1
}

.text_field2 *::-webkit-input-placeholder {
    color: #d3d2d1
}

.text_field2 *:-moz-placeholder {
    color: #d3d2d1;
    opacity: 1;
}

.text_field2 *::-moz-placeholder {
    color: #d3d2d1;
    opacity: 1;
}

.text_field2 *:-ms-input-placeholder {
    color: #d3d2d1
}

/* Exam Generator*/

.exam-gen-main {
    width: 100%;
}

    .exam-gen-main h2 {
        margin-top: 0;
        font-size: 22px;
        font-weight: bold;
    }

    .exam-gen-main .brick {
        margin-top: 10px;
    }

    .exam-gen-main .brick-section {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .exam-gen-main .brick-center {
        margin-right: auto;
        margin-left: auto;
        width: 70%;
    }

    .exam-gen-main .brick-buttons {
        width: 100%;
        margin-bottom: 20px;
    }

        .exam-gen-main .brick-buttons .btn-exam {
            width: 32.7%;
            margin: 0 auto;
        }

.btn-submit-type {
    width: 45%;
    margin: 0 auto;
}

.btn-submit-type-selected {
    background-color: #5cb85c;
}

.exam-gen-main .brick-header {
    margin-top: 10px;
    margin-bottom: 20px;
}

.exam-gen-main .brick h3 {
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
}

.exam-gen-main .brick .exam-gen-italic {
    margin-top: 10px;
    font-style: italic;
}

.exam-gen-main .brick .exam-gen-phase,
.exam-gen-main .brick .exam-gen-phase .exam-gen-sub,
.exam-gen-main .brick .exam-gen-phase .exam-gen-sub .exam-gen-sub-titletype {
    margin-top: 10px;
    padding-right: 10px;
}

    .exam-gen-main .brick .exam-gen-phase .exam-gen-sub .exam-gen-sub-titletype .exam-gen-sub-example {
        padding-right: 10px;
        margin-top: 10px;
        color: #63A375;
        font-style: italic;
    }

#video-picker {
    width: 100%;
}

.exam-gen-sub-panel {
    padding: 15px;
    margin-top: 40px;
    background: #ebeaea;
}

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

.q-type-ul li {
    list-style: none;
}

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

.exam-create-panel {
    margin-bottom: 50px;
    margin-top: 20px;
}

    .exam-create-panel .exam-create-panel-body .panel-brick {
        margin-bottom: 30px;
        margin-top: 10px;
        padding: 10px;
    }

.save-brick {
    margin-bottom: 10px;
}

.question-image {
    width: 80%;
    height: 80%;
}

.doc-question-image {
    width: 90%;
    height: 90%;
}

.panel-addition {
    padding-bottom: 20px;
    margin: 10px;
}

.addition-select {
    padding-right: 8px;
    padding-top: 4px;
}

/* ----------- PDF Section ------------*/

/* Page Template for the exported PDF */
.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

/* Content styling */
.customer-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}

kendo-pdf-document .customer-photo {
    border: 1px solid #dedede;
}

.customer-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 3px;
}






/*EG*/
/*==// DEFAULT CSS */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Alef', sans-serif;
    line-height: 100%;
    margin: 0px;
    padding: 0;
    transition: 0.3s;
}

ul, li, ol {
    display: block;
    list-style: none;
}

p {
    line-height: 20px;
    font-weight: 300px;
    font-family: 'Alef', sans-serif;
}

img {
    max-width: 100%;
    display: block;
    border: 0px;
}

.clr {
    clear: both;
    display: block;
}

.cf:after, .cf:before {
    clear: both;
    content: '';
    display: block;
    width: 100%;
}

.bold, strong {
    font-weight: 700;
}

.center {
    text-align: center;
}

a {
    color: #557033;
    text-decoration: none;
    transition: all 0.3s;
}

    a:hover {
        text-decoration: none;
    }

body {
    background: #fff;
    font-family: 'Alef', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 100%;
    direction: rtl;
    margin: 0 auto;
}

.wrap {
    max-width: 1300px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.header {
    width: 100%;
    margin: 0 auto;
}

.top_strip {
    width: 100%;
    background: #000;
    color: #fff;
}

.logo {
    float: right;
    max-width: 177px;
    width: 100%;
    margin-top: 7px;
}

.navigation {
    /*float: left;*/
}

    .navigation ul {
        text-align: left;
        padding: 12px 0;
    }

        .navigation ul li {
            display: inline-block;
            padding: 0 20px;
        }

            .navigation ul li a {
                color: #fff;
                font-size: 20px;
            }

                .navigation ul li a:hover, .navigation ul li.active a {
                    color: #fed400;
                }

            .navigation ul li:last-child {
                padding: 0 20px 0 0px;
            }

.header_banner {
    position: relative;
    width: 100%;
    background-size: cover;
    color: #fff;
}

    .header_banner h3 {
        position: absolute;
        z-index: 2;
        top: 14%;
        font-size: 3em;
        font-weight: 700;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        text-align: center;
        line-height: 60px;
    }

    .header_banner h4 {
        position: absolute;
        z-index: 2;
        top: 34%;
        font-size: 2em;
        font-weight: 400;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        text-align: center;
        line-height: 60px;
    }

.head_btn {
    position: absolute;
    z-index: 2;
    bottom: 20%;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    text-align: center;
    width: 202px;
}

.middle_container {
    width: 100%;
    margin-bottom: 22px;
    padding: 15px 0;
}

    .middle_container h1 {
        font-size: 34px;
        line-height: 35px;
        text-align: center;
        font-weight: 400;
    }

        .middle_container h1 span {
            font-size: 24px;
        }

.mid_nucol {
    width: 100%;
    margin-top: 54px;
    margin-bottom: 30px;
}

    .mid_nucol ul {
        text-align: right;
        margin-left: -3%;
        margin-right: -3%;
    }

        .mid_nucol ul li {
            display: inline-block;
            width: 27%;
            margin: 0 3%;
            text-align: right;
            word-wrap: break-word;
            vertical-align: top;
        }

            .mid_nucol ul li div.num-img {
                max-width: 51px;
                width: 100%;
                float: right;
                display: block;
            }

            .mid_nucol ul li div.num-cont {
                width: 78%;
                float: left;
                display: block;
            }

            .mid_nucol ul li h4 {
                font-size: 26px;
            }

            .mid_nucol ul li p {
                font-size: 18px;
                line-height: 18px;
                text-align: right;
                direction:rtl;
                word-wrap: break-word;
            }

.mid_hed {
    width: 100%;
}

    .mid_hed h2 {
        font-size: 32px;
        text-align: right;
        margin-bottom: 48px;
    }

.mid_whbox {
    border: #9c9c9c 1px solid;
    padding: 53px;
    -webkit-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 9px 0px rgba(0,0,0,0.2);
}

.admin_bx {
    width: 100%;
    margin-bottom: 36px;
}

.admin_img {
    max-width: 18%;
    width: 100%;
    float: right;
}

.admin_imgtxt {
    max-width: 82%;
    width: 100%;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding: 23px 0;
    display: block;
}

.ad_greenbx {
    width: 100%;
    background: #119a9d;
    padding: 74px 44px;
    border: #0f0f0f 1px solid;
}

.thr_bx {
    padding: 40px 30px;
    width: 100%;
}

    .thr_bx ul {
        text-align: center;
        margin-left: -1.66%;
        margin-right: -1.66%;
    }

        .thr_bx ul li {
            margin: 0 1.66%;
            display: inline-block;
            position: relative;
            z-index: 0;
        }

            .thr_bx ul li div.img1 {
                position: absolute;
                z-index: 1;
                left: 10%;
                top: 42%;
                font-size: 24px;
                font-weight: 700;
                width: 150px;
                color: #319eaf;
            }



.midhed_rgt {
    float: right;
    width: 50%;
}

.midhed_steps {
    float: left;
    max-width: 445px;
    width: 100%;
}

    .midhed_steps img {
        text-align: center;
        margin: 0 auto;
    }

    .midhed_steps ul {
        text-align: right;
        margin-left: -18%;
        margin-right: 10%;
    }

        .midhed_steps ul li {
            display: inline-block;
            text-align: center;
            width: 14%;
            margin: 0 5%;
            font-size: 16px;
            color: #414141;
        }

            .midhed_steps ul li:first-child {
                display: inline-block;
                text-align: right;
                width: 14%;
                margin: 0 5%;
                font-size: 16px;
                color: #414141;
            }

            .midhed_steps ul li:last-child {
                display: inline-block;
                text-align: left;
                width: 14%;
                margin: 0 5%;
                font-size: 16px;
                color: #414141;
            }

.step1_img {
    max-width: 13%;
    width: 100%;
    float: right;
}

    .step1_img img {
        max-width: 113px;
        width: 100%;
    }

.step1_imgtxt {
    max-width: 87%;
    width: 100%;
    float: left;
    text-align: right;
    vertical-align: bottom;
    padding: 40px 0 23px 0;
    display: block;
}

.step1_bx {
    padding: 40px 30px;
    width: 100%;    
}

    .step1_bx ul {
        text-align: center;
        margin-left: -1.66%;
        margin-right: -1.66%;
    }

        .step1_bx ul li {
            margin: 0 1.66%;
            width: 29.6%;
            display: inline-block;
            position: relative;
            z-index: 0;
        }

            .step1_bx ul li div.img2 {
                position: absolute;
                z-index: 1;
                left: 20%;
                top: 42%;
                font-size: 24px;
                font-weight: 700;
                cursor: pointer;
            }

            .step1_bx ul li:nth-child(2) div.img2 {
                position: absolute;
                z-index: 1;
                left: 9%;
                top: 42%;
                font-size: 24px;
                font-weight: 700;
                cursor: pointer;
            }

            .step1_bx ul li:last-child div.img2 {
                position: absolute;
                z-index: 1;
                left: 13%;
                top: 42%;
                font-size: 24px;
                font-weight: 700;
                cursor: pointer;
            }


.step_imgtxt {
    max-width: 85%;
    width: 100%;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding: 23px 0;
    display: block;
}

    .step_imgtxt img {
        margin: 0 auto;
    }

.lgt_outer {
    width: 48.5%;
    float: left;
}

.drk_outer {
    width: 88%;
    margin-right: 10%
}

    .drk_outer .inputDiv {
        width: 49%;
        float: right;
        min-height: 795px;
    }

    .drk_outer .previewDiv {
        width: 49%;
        float: left;
        min-height: 795px;
    }

    .lgt_outer h3, .drk_outer h3 {
        font-weight: normal;
        text-align: center;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .lgt_outer h5, .drk_outer h5 {
        font-weight: normal;
        text-align: center;
        font-size: 16px;
        margin-bottom: 10px;
    }

.lgt_greenbx {
    width: 100%;
    background: #e7f5f5;
    padding: 30px 22px;
    border: #e5e5e5 1px solid;
    min-height: 710px;
}

.dark_greenbx {
    width: 100%;
    background: #119a9d;
    padding: 30px 22px;
    border: #000000 1px solid;
    min-height: 710px;
}

.dark_whitebx {
    width: 100%;
    background: white;
    padding: 40px 22px;
    border: #000000 1px solid;
    min-height: 710px;
}


#previewDiv {
    float: left;
    width: 65%;
    overflow: hidden;
}

#inputDiv {
    overflow: hidden;
}


.main_form {
    width: 100%;
}

    .main_form .col1 input, .main_form .col2 input {
        background: #fff;
        border: #000 1px solid;
        text-align: center;
        width: 100%;
        padding: 8px;
        -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        color: #000;
        font-size: 14px;
    }

    .main_form .col1 {
        width: 31.33%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .main_form .col2 {
        width: 31.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col3 {
        width: 31.33%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;        
    }

    .main_form .col4 {
        width: 31.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col5 {
        width: 31.33%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .main_form .col6 {
        width: 31.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col7 {
        width: 65.5%;
        float: right;
        margin-bottom: 10px;
        min-height: 258px;
    }

    .main_form .col8 {
        width: 100%;
        float: right;
    }

.prv_main_form {
    width: 100%;
}

#prv_UpperRightFreeText {
text-align: right;
    height: 20px;
    width: 152px;
    resize: none;
    overflow: hidden;
    margin-right: 5px;
    font-size: 11px;
}

#prv_UpperLeftFreeText {
text-align: left;
    height: 20px;
    width: 152px;
    resize: none;
    overflow: hidden;
    font-size: 11px;
    padding-left: 9px;
}

#prv_UpperCenterFreeText {
        text-align: center;
    height: 20px;
    width: 120px;
    resize: none;
    overflow: hidden;
    font-size: 11px;
    display: block;
    margin: auto;
}

    .prv_main_form .col1 input, .prv_main_form .col2 input,
    .prv_main_form .col1 textarea, .prv_main_form .col2 textarea {
        background: #fff;
        border: white 1px solid;
        text-align: center;
        width: 100%;
        color: #000;
        font-size: 14px;
    }

    .prv_main_form .col1 {
        width: 31.33%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .prv_main_form .col2 {
        width: 31.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .prv_main_form .col3 {
        width: 33.33%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;
        min-height: 105px;
    }

    .prv_main_form .col4 {
        width: 33.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .prv_main_form .col5 {
        width: 100%;
        float: right;
        margin-left: 3%;
        margin-bottom: 10px;
    }

    .prv_main_form .col6 {
        width: 31.33%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .prv_main_form .col7 {
        width: 65.5%;
        float: right;
        margin-bottom: 10px;
        min-height: 265px;
    }

    .prv_main_form .col8 {
        width: 100%;
        float: right;
        padding-top: 30px;
    }

    .prv_main_form .col9 {
        width: 30%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

.lgt_greenbx .col1 {
    width: 31.33%;
    float: left;
    margin-left: 0%;
    margin-bottom: 10px;
    margin-top: 34px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    /*display: inline-block;*/
    /*width: 100%;*/
    -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
}

    .upload-btn-wrapper input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.logo_btn {
    border: 1px solid #000;
    color: #000;
    background-color: white;
    padding: 30px 20px;
    font-size: 12px;
    width: 100%;
    display: block;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.caln_bx {
    width: 100%;
    background: #fff;
    border: #000 1px solid;
    text-align: center;
    -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

    .caln_bx .k-picker-wrap .k-state-default .k-state-focus{
        padding-left: 0px;
    }

    .caln_bx span .k-widget .k-datepicker .k-header {
        width: 100%;
        background-color: white;
    }

    .caln_bx .k-datepicker .k-select {
        border-radius: 0px;
        border: none;
    }

    .caln_bx span .k-select {
        border-radius: 0px;
        border: none;
        background-color:white;
    }

    .caln_bx input {
        height: 26px !important;
    }


.caln_ico {
    width: 20%;
    float: left;
    border-right: #bababa 1px solid;
    padding: 6px 0;
}

    .caln_ico img {
        margin: 0 auto;
    }

.caln_text {
    width: 100% !important;
    float: right !important;
}

    .caln_text input {
        width: 100%;
        border: 0px;       
        color: #000;
        font-size: 12px;
    }

.nme_bx {
    width: 100%;
    margin-bottom: 10px;
}

    .nme_bx label {
        width: 23%;
        float: right;
        color: #fff;
        font-size: 12px;
        padding: 16px 0 0 0;
    }

    .nme_bx input {
        width: 77%;
        float: left;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: #fff 1px solid;
        background: none;
        padding: 6px 0px;
        color: #fff;
        font-size: 12px;
    }

.prv_nme_bx {
    width: 100%;
    margin-bottom: 10px;
}

    .prv_nme_bx label {
        width: 23%;
        float: right;
        color: black;
        font-size: 12px;
        padding: 16px 0 0 0;
    }

    .prv_nme_bx input {
        width: 77%;
        float: left;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: #000000 1px solid;
        background: none;
        padding: 6px 0px;
        color: #000000;
        font-size: 12px;
    }

.prv_date_bx {
    width: 100%;
    margin-bottom: 10px;
}

    .prv_date_bx label {
        width: 40%;
        float: right;
        color: black;
        font-size: 12px;
        padding: 16px 0 0 0;
        white-space: nowrap;
    }

    .prv_date_bx input {
        width: 54% !important;
        float: left !important;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: #000000 1px solid;
        background: none;
        padding: 16px 0 0 0;
        color: #000000;
        font-size: 12px;
    }

.caln_textbx {
    width: 100%;
    margin-bottom: 10px;
}

    .caln_textbx input {
        width: 100%;
        background: #fff;
        border: #000 1px solid;
        padding: 8px 8px;
        color: #000;
        -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        font-size: 14px;
        text-align: center;
    }

.cal_textra {
    width: 100%;
    margin-bottom: 10px;
}

    .cal_textra label {
        width: 23%;
        color: #000;
        font-size: 14px;
        padding: 18px 0 0 0;
        font-weight: bold;
        white-space: nowrap;
    }

    .cal_textra textarea {
        width: 100%;
        background: #fff;
        border: #000 1px solid;
        padding: 8px 8px;
        color: #000;
        -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        font-size: 14px;
        text-align: right;
        resize:none;
    }

.prv_caln_textbx {
    width: 100%;
    margin-bottom: 10px;
}

    .prv_caln_textbx input {
        width: 100%;
        background: #fff;
        border: white 1px solid;
        padding: 0px 8px;
        color: #000;        
        text-align: center;
    }

    .prv_caln_textbx .main_title {
        font-size: 17px;
    }

    .prv_caln_textbx .second_title {
        font-size: 14px;
    }

    
    .prv_cal_textra {
        width: 100%;
        margin-bottom: 10px;
    }

    .prv_cal_textra label {
        width: 23%;
        color: #000;
        font-size: 14px;
        padding: 0 0 0 0;
        font-weight: bold;
        white-space: nowrap;
        min-height:37px;
    }

    .prv_cal_textra textarea {
        width: 100%;
        background: #fff;
        border: white 1px solid;
        padding: 8px 0px;
        color: #000;
        font-size: 14px;
        text-align: right;
        resize: none;
        min-height:169px;
    }

.nme_bx2 {
    width: 100%;
    margin-bottom: 10px;
}

    .nme_bx2 label {
        width: 23%;
        float: right;
        color: #000;
        font-size: 12px;
        padding: 16px 0 0 0;
        font-weight: bold;
    }

    .nme_bx2 input {
        width: 77%;
        float: left;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: #000 1px solid;
        background: none;
        padding: 8px 0px;
        color: #000;
        font-size: 12px;
    }

.botom_bton {
    width: 100%;
    padding: 15px 0;
}

    .botom_bton .btn1 {
        float: right;
    }

        .botom_bton .btn1 input {
            display: block;
            background: #000;
            color: #fff;
            font-size: 20px;
            padding: 8px 10px;
        }

    .botom_bton .btn2 {
        float: left;
    }

        .botom_bton .btn2 input {
            display: block;
            background: #000;
            color: #fff;
            font-size: 20px;
            padding: 8px 10px;
            width: 120px;
            margin-right: 15px;
        }

.step3_greenbx {
    width: 100%;
    background: #119a9d;
    padding: 30px 44px;
    border: #0f0f0f 1px solid;
}

.col_top {
    width: 30%;
    margin-bottom: 24px;
    float: right;
}

    .col_top label {
        width: 56%;
        float: right;
        color: #fff;
        font-size: 18px;
        padding: 8px 0;
    }

    .col_top select {
        width: 44%;
        float: right;
        background: #fff;
        border: #000 1px solid;
        padding: 8px 8px;
        color: #000;
        -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        font-size: 12px;
        text-align: right;
    }

    .col_top input .k-animation-container {
       padding: 25px;
    }

.mr_drakform {
    background: #055052;
    width: 100%;
    margin-bottom: 41px;
}

.form_feeld {
    width: 86%;
    padding-top: 15px;
    float: right;
}

    .form_feeld .chkbx {
        margin: 30px 0 5px 2%;
        float: right;
        color: #fff;
    }

    .form_feeld .first {
        margin-right: 120px;
    }

        .form_feeld .chkbx label {
            display: block;
            margin-bottom: 4px;
            font-size:14px;
        }

input[type=checkbox] {
    -webkit-appearance: checkbox;
    margin-left: 3px;
    vertical-align:sub;
}

.form_buton {
    width: 14%;
    padding: 15px 36px 58px;
    border-right: #fff 1px solid;
    float: right;
}

    .form_buton a {
        font-size: 13px;
        color: #fff;
        text-decoration: underline;
    }

    .form_buton input {
        background: #ff8b99;
        border: #000 1px solid;
        color: #000;
        font-weight: bold;
        font-size: 18px;
        display: block;
        text-align: center;
        padding: 12px 20px;
        -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        cursor: pointer;
    }

.form_col1 {
    width: 19%;
    margin: 0 0 0 2%;
    float: right;
    color: #fff;
}



.form_col2 {
    width: 13%;
    margin: 0 0 0 0%;
    float: right;
    color: #fff;
}

    .form_col2 h6 {
        font-size: 18px;
        font-weight: bold;
        padding-right: 10px;
    }

.form_col1 label {
    display: block;
    width: 100%;
    margin-bottom: 4px;
}

.form_col1 input {
    background: #fff;
    border: #000 1px solid;
    padding: 8px 8px;
    color: #000;
    -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    font-size: 12px;
    text-align: right;
    width: 100%;
}

.sq_bx1 {
    background: #fff;
    border: #000 1px solid;
    padding: 15px;
    color: #000;
    -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
    width: 62%;
    float: right;
    line-height: 20px;
    min-height: 450px;
    height: 486px;
}

    .sq_bx1 h4 {
        color: #055052;
        font-size: 14px;
        font-weight: bold;
        border-bottom: #f0f0f0 2px solid;
        padding: 15px 0;
        text-align: right;
    }

.sq_bx2 {
   background: #fff;
    border: #000 1px solid;
    padding: 15px;
    color: #000;
    -webkit-box-shadow: -1px -1px 16px -8px rgba(0,0,0,.5);
    -moz-box-shadow: -1px -1px 16px -8px rgba(0,0,0,.5);
    box-shadow: -1px -1px 16px -8px rgba(0,0,0,.5);
    width: 37%;
    overflow: hidden;
    float: left;
    line-height: 20px;
    height: 486px;
}

    .sq_bx2 h4 {
        color: #055052;
        font-size: 14px;
        font-weight: bold;
        border-bottom: #f0f0f0 2px solid;
        padding: 15px 0;
        /*margin-bottom: 30px;*/
        text-align: right;
    }

    .sq_bx2 .photobx {
        width: 70px;
        height: 70px;
        border: #f0f0f0 2px solid;
        margin: 0 auto;
    }

        .sq_bx2 .photobx img {
            width: 100%;
        }

.over_bx {
    width: 100%;
    height: 360px;
    overflow: auto;
    padding-top: 15px;
}

    .over_bx .box1 {
        width: auto;
        height: auto;
        float: right;
        margin-bottom: 10px;
        margin-right: 10px;
        border: 1px solid #055052;
        border-radius: 3px;
        cursor: move;
        padding: 10px;
        margin-left: 20px;
    }

    .over_bx .chapter
    {
        width: auto;
        margin: 0 0 0 15px;
    }

        .over_bx .chapter .chapter_description {
            width: 100%;
            text-align: right;
        }

    .over_bx .chapter_description_title {
        display: inline-block;
        width: 13%;
    }

    .over_bx .chapter_description_input {
        display: inline-block;
        width: 85%;
        text-align: left;
    }

    .over_bx .chapter .chapter_description input {
        background: #fff;
        border: 1px solid #afaeae;
        border-radius: 4px;
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        color: #000;
        font-size: 14px;
        height: 30px;
        width:100%;
        padding-right: 5px;
    }


    .over_bx .chapter .chapter_description textarea {
        background: #fff;
        border: 1px solid #afaeae;
        border-radius: 4px;
        margin-top: 5px;
        box-shadow: -1px -1px 16px -8px rgba(0,0,0,0.5);
        color: #000;
        font-size: 14px;
        /*height: 60px;*/
    }


    .over_bx .list-wrapper1 {
        overflow: hidden;
    }

    .over_bx .ulQuestion {
        width: 100%;
        min-height: 340px !important;
        margin: 0 0 0 15px;
        padding: 5px;
        border: 1px solid #afaeae;
        border-radius: 4px;
    }

    .over_bx .list-item1 {
        list-style-type: none;
        width: auto;
        height: auto;
        text-align: right;
        margin: 10px;
        border: 1px solid #055052;
        border-radius: 3px;
        cursor: move;
        padding: 10px;
    }



    .over_bx #placeholder {
        width: auto;
        height: 40px;
        text-align: right;
        border: 1px solid #055052;
        background-color: #055052;
        text-align: center;
    }

    .over_bx .list-item1 .contnt {
        /*width: 70%;*/
        float: right;
    }

    .over_bx .list-item1 .contnt h5 {
        margin-bottom: 5px;
        direction: rtl;
    }

    .over_bx .list-item1 .contnt p {
        font-size: 14px;
        direction: rtl;
    }

    .over_bx .list-item1 .leftcontntimg {
        width: 100%;
        padding-top: 10px;
        padding-left: 15px;
        
    }

        .over_bx .list-item1 .leftcontntimg img {
            max-width: 80%;
            height: auto;
            width: auto !important;
        }

    .over_bx .list-item1 .rightcontntimg {
        padding-top: 10px;
        padding-left: 15px;
    }

        .over_bx .list-item1 .rightcontntimg img {
            max-width: 100%;
            height: auto;
            width:auto !important;
        }



.final1ro {
    width: 50%;
    float: right;
}

.solution_link {
    
}

    .solution_link label {
        color: white;
        font-weight: bold;
        padding-right: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .solution_link a {
        color: blue;
        text-decoration: none;
        transition: all 0.3s;
        font-size: 15px;
        padding-right: 10px;
    }

    /*final page*/
    .final_imgtxt {
        max-width: 70%;
        width: 100%;
        float: left;
        text-align: right;
        vertical-align: bottom;
        padding: 18px 0 23px 0;
        display: block;
    }




.final_bx {
    padding: 40px 30px;
    width: 100%;
}

    .final_bx ul {
        text-align: right;
        margin-left: -1.66%;
        margin-right: -1.66%;
    }

        .final_bx ul li {
            display: block;
            width: 85%;
        }

            .final_bx ul li div.img1 {
                position: absolute;
                z-index: 1;
                left: 15%;
                top: 35%;
                font-size: 24px;
                font-weight: 700;
                text-align:center;
                width: 120px;
                line-height:22px;
            }

            .final_bx ul li:last-child div.img1 {
                position: absolute;
                z-index: 1;
                left: 8%;
                top: 35%;
                font-size: 24px;
                font-weight: 700;
                text-align: center;
                width: 120px;
                line-height:22px;
            }


.img1Fix {
    left: 34% !important;
}

.final1ro {
    width: 42%;
    float: right;
}

.final2ro {
    width: 50%;
    float: left;
    height: 560px;
}

@media screen and (max-width: 800px) {

        .final_imgtxt {
        max-width: 100%;
        width: 100%;
        /* float: left; */
        text-align: right;
        vertical-align: bottom;
        padding: 18px 0 23px 0;
        display: block;
        margin: auto;
        text-align: center;
    }

        .final_imgtxt img {
            display: inline;
            max-width: 100%;
        }

    .final2ro, .final1ro {
        width: 100%;
    }

    .FromThePressIndex a div {
 
    text-align: center;

}

    .FromThePressIndex > div {
     border:0 !important;
    }

}

@media screen and (max-width: 1000px) {
    .img1Fix {
        left: 20% !important;
    }
}

@media screen and (max-width: 1024px) {



    .wrap {
        max-width: 990px;
        height: 100%;
    }

    .mid_nucol ul {
        text-align: center;
        margin-left: -3%;
        margin-right: -3%;
    }

    .header_banner h3 {
        top: 0%;
        font-size: 2.3em;
    }

    .header_banner h4 {
        top: 21%;
        font-size: 1.6em;
    }

    .head_btn {
        width: 156px;
    }

    .ad_greenbx {
        padding: 74px 10px;
    }

    .thr_bx ul li div.img1 {
        left: 11%;
    }

    .step1_bx ul li div.img1, .step1_bx ul li:last-child div.img1 {
        left: 11%;
        font-size: 19px;
    }

    .step1_img {
        max-width: 15%;
        width: 100%;
        float: right;
    }

    .step1_imgtxt {
        max-width: 85%;
        width: 100%;
        float: left;
        text-align: right;
        vertical-align: bottom;
        padding: 40px 0 23px 0;
        display: block;
    }

    .lgt_greenbx {
        min-height: 677px;
    }

    .over_bx .box1 {
        width: 100%;
        float: right;
        margin-bottom: 68px;
    }

    .col_top {
        width: 42%;
    }

    .form_feeld {
        width: 80%;
    }

    .form_buton {
        width: 20%;
    }

    .form_col1 {
        width: 40%;
        margin: 0 25px 15px 0%;
        float: right;
        color: #fff;
    }

    .form_col2 {
        width: 100%;
        margin: 0 0 15px 0%;
    }
}

@media screen and (max-width: 996px) {
    .wrap {
        max-width: 100%;
        height: 100%;
        padding: 0 15px;
    }

    .mid_nucol ul li {
        display: inline-block;
        width: 42%;
        margin: 0 3% 30px 3%;
        text-align: right;
        word-wrap: break-word;
    }

    .header_banner h3 {
        top: -2%;
        font-size: 1.3em;
    }

    .header_banner h4 {
        top: 17%;
        font-size: 1em;
    }

    .head_btn {
        width: 124px;
    }
}

@media screen and (max-width: 800px) {

    .mid_nucol ul li {
        display: inline-block;
        width: 50%;
        margin: 0 0 30px 0;
        text-align: right;
        word-wrap: break-word;
    }

    .logo {
        float: none;
        margin: 0 auto;
        padding: 15px 0 0 0;
        max-width: 177px;
    }

    .navigation {
        float: none;
        margin: 0 auto;
    }

        .navigation ul {
            text-align: center;
        }

            .navigation ul li {
                display: inline-block;
                padding: 0 0px;
            }

    .thr_bx ul {
        text-align: center;
    }

        .thr_bx ul li {
            margin: 0 1.66% 20px 1.66%;
            width: 46%;
            display: inline-block;
            position: relative;
            z-index: 0;
        }

            .thr_bx ul li:last-child {
                margin: 0 1.66%;
            }

    .step1_bx ul {
        text-align: center;
    }

        .step1_bx ul li {
            margin: 0 1.66% 20px 1.66%;
            width: 46%;
            display: inline-block;
            position: relative;
            z-index: 0;
        }

            .step1_bx ul li:last-child {
                margin: 0 1.66%;
            }

    .mid_hed h2 {
        text-align: center;
    }

    .admin_imgtxt {
        max-width: 98%;
        margin: 0 auto;
        float: none;
    }

    .admin_img {
        max-width: 18%;
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .midhed_rgt {
        float: right;
        width: 100%;
    }

    .midhed_steps {
        float: none;
        max-width: 445px;
        width: 100%;
        margin: 0 auto 20px auto;
    }

    .step1_img {
        max-width: 20%;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .step1_imgtxt {
        max-width: 100%;
        width: 100%;
        float: none;
        text-align: center;
        vertical-align: bottom;
        padding: 40px 0 23px 0;
        display: block;
    }

        .step1_imgtxt img {
            margin: 0 auto;
        }

    .step_imgtxt {
        max-width: 100%;
    }

    .lgt_outer {
        width: 100%;
        float: left;
    }

    .drk_outer {
        width: 100%;
        float: right;
        margin-bottom: 30px;
        margin-right: 0px;
    }

    .lgt_greenbx {
        min-height: 400px;
    }

    .col_top {
        width: 62%;
    }

    .form_feeld {
        width: 75%;
    }

    .form_buton {
        width: 25%;
        height: 220px;
        padding: 90px 31px 25px;
    }

    .sq_bx1, .sq_bx2 {
        width: 100%;
        margin-bottom: 20px;
    }
}



                              
}
@media screen and (max-width: 640px) {




    .mid_nucol ul li {
        display: inline-block;
        width: 80%;
        margin: 0 0 30px 0;
        text-align: right;
        word-wrap: break-word;
    }
    .freeText {
      
        width: 90%;
        
    }

    .header_banner h3 {
        top: -25%;
        font-size: 0.8em;
    }

    .header_banner h4 {
        top: -2%;
        font-size: 0.4em;
    }

    .head_btn {
        width: 84px;
    }

    .thr_bx ul li {
        margin: 0 1.66% 20px 1.66%;
        width: 90%;
        display: inline-block;
        position: relative;
        z-index: 0;
    }

    .step1_bx ul li {
        margin: 0 1.66% 20px 1.66%;
        width: 90%;
        display: inline-block;
        position: relative;
        z-index: 0;
    }

    .admin_imgtxt {
        padding: 20px 0 0 0;
    }

    .step1_img {
        max-width: 25%;
    }

    .step1_imgtxt {
        padding: 20px 0 0px 0;
    }

    .col_top {
        width: 100%;
    }

    .form_feeld {
        width: 100%;
        float: none;
    }

    .form_buton {
        width: 100%;
        margin: 0 auto;
        float: none;
        border-right: 0px;
        display: block;
        padding-right: 12px
    }

    .form_col1 {
        width: 100%;
        margin: 0 10px 15px 0%;
        float: right;
        color: #fff;
    }

    .form_col2 {
        width: 100%;
        margin: 0 0 15px 0%;
    }

    .step3_greenbx {
        padding: 30px 22px;
    }

    .col_top label {
        width: 100%;
    }

    .col_top select {
        width: 100%;
    }

    .dynamicBlock {
        width: 100%;
        float:unset;
    }
    .dynamicVideo {
        width :100%;
        height:auto;
    }
   .dynamicBlockVideo
   {
       width:100%;
       float:unset;
       max-width:100%;
   }

    .youtubeImage {
       height:auto;     
    }
}

@media screen and (max-width: 500px) {
    .mid_nucol ul li {
        display: inline-block;
        width: 90%;
    }

        /*-----------------------------*/
/* Edu User Courses Offer        */
/*-----------------------------*/
#EduUserCoursesOffer div.modal-dialog p {
    line-height: 24px;
    font-size: 14px;
    text-align: center;
}

#EduUserCoursesOfferBox img {
display:none;
}
#EduUserCoursesOffer div.modal-dialog {
    width: 96% !important;
}
    
#EduUserCoursesOfferBox a {
    width: 100%;
    font-size: 22px;
}

    #sitesealContainer {
       clear: left;
    }
    .siterefund {
     margin-left:20px;
    }

    .modal:before {
    height:75px !important;
    }

    .header_banner h3 {
        top: -25%;
        font-size: 0.7em;
    }

    .header_banner h4 {
        top: -2%;
        font-size: 0.4em;
    }

    .head_btn {
        width: 64px;
    }

    .thr_bx ul li {
        margin: 0 1.66% 20px 1.66%;
        width: 100%;
        display: inline-block;
        position: relative;
        z-index: 0;
    }

    .step1_bx ul li {
        margin: 0 1.66% 20px 1.66%;
        width: 100%;
        display: inline-block;
        position: relative;
        z-index: 0;
    }

    .ad_greenbx {
        padding: 17px 10px;
    }

    .thr_bx ul li div.img1 {
        font-size: 24px;
    }

    .thr_bx {
        padding: 40px 14px;
    }

    .step1_bx ul li div.img1 {
        font-size: 24px;
    }

    .step1_bx {
        padding: 40px 14px;
    }

    .mid_whbox {
        padding: 30px 26px;
    }

    .mid_hed h2 {
        font-size: 28px;
    }

    .step1_img {
        max-width: 30%;
    }

    .step1_bx ul li div.img1, .step1_bx ul li:last-child div.img1 {
        left: 11%;
        font-size: 22px;
    }

    .main_form .col1 {
        width: 100%;
        float: right;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .main_form .col2 {
        width: 100%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col3 {
        width: 100%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col4 {
        width: 100%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col5 {
        width: 100%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col6 {
        width: 100%;
        float: right;
        margin-left: 0%;
        margin-bottom: 10px;
    }

    .main_form .col7 {
        width: 100%;
        float: right;
        margin-bottom: 10px;
    }

    .lgt_greenbx .col1 {
        width: 100%;
    }
}

@media screen and (max-width: 380px) {

    .header_banner h3 {
        top: -34%;
        font-size: 0.6em;
    }

    .header_banner h4 {
        top: -8%;
        font-size: 0.4em;
    }

    .head_btn {
        width: 54px;
    }

    .thr_bx ul li div.img1 {
        font-size: 21px;
    }

    .step1_bx ul li div.img1 {
        font-size: 21px;
    }

    .step1_bx ul li div.img1, .step1_bx ul li:last-child div.img1 {
        left: 11%;
        font-size: 19px;
    }

    .midhed_steps ul li:last-child {
        width: 13.8%;
    }

    .over_bx .box1 .contnt {
        width: 100%;
        float: right;
    }

    .over_bx .box1 .contntimg {
        width: 100%;
        float: right;
    }
}

@media screen and (max-width: 360px) {

    .mid_hed h2 {
        font-size: 25px;
    }

    .thr_bx ul li div.img1 {
        font-size: 19px;
    }

    .step1_bx ul li div.img1 {
        font-size: 19px;
    }

    .step1_bx ul li div.img1, .step1_bx ul li:last-child div.img1 {
        left: 11%;
        font-size: 15px;
    }

    .midhed_steps ul li:last-child {
        width: 13.1%;
    }
}

#myModal.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
#myModal.modal .modal-content {
    margin: auto;
    display: block;
    width: auto;
    min-width: 400px;
}



@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
#myModal.modal span .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {

    .mobileMorimFixHeader {
    position:static !important;
    }

        .cartLoginSection {
        display: none;
    }

    .courseTitleBlockLeft {
    
    }

    .btn-cart-continue {
     margin:auto;
      margin-bottom:35px;
       margin-top:35px;
    }
    #cart-detail-Container {
    width:100%;
    }
    .cartcontainerFix {
margin-bottom:0px;
}
    
    .two_logo_box {
    
    }

    .Course div.small_video_left {
    background-color:#fff;
    }
    
    #inner_gray_content_area {
     padding:0px;
    }
    .small_video_left h3 {
    border-bottom:0px !important;
     padding-top:27px  !important;
    }
    .small_video_row,.small_video_box {
    border:0px;
    }

    #gray_video_content {
    min-height: 390px;
}
    .courseTitleBlock {
    
    }

    #inner_gray_content h3 {
        font-size: 30px;
        text-align: center;
        margin: auto;
        float: none;
        display: block;
    }

    #scrollbar_box {
    height:auto !important;
    }
        .mfp-content {
    vertical-align:top !important;
    }

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

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

            .mfp-wrap {
    z-index:99999999 !important;
    }

    #main_header_area button.navbar-toggle > div:first-child,
    #header_area button.navbar-toggle > div:first-child {
        display: none;
    }

    #main_header_area button.collapsed > div:first-child,
    #header_area button.collapsed > div:first-child {
        display: block;
    }

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

    #main_header_area button.collapsed > div:nth-child(2),
    #header_area button.collapsed > div:nth-child(2) {
        display: none;
    }

    #logo > a > div {
        display: inline-block;
    }

    #logo {
        float: none !important;
        display: block !important;
        width: 162px !important;
        margin-bottom: 0px !important;
        padding-top: 5px !important;
    }

    button.navbar-toggle {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-left:0px !important;
    }

    .mobileConnect {
        position: absolute;
        top: 18px;
        font-weight: bold;
        right: 10px;
    }


    #main-navbar-connected {
        margin-top: 33px;
        background-color: #000;
        padding: 10px;
        right: -11px;
        width: 169px;
        position: absolute;
        background: url(/images/pattern11.svg) repeat;
    }

        #main-navbar-connected li {
            margin-bottom: 5px;
        }

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

    #main_header_area div#main-navbar-connected {
        background-color: #319eaf !important;
        background-image: none;
    }

    header, #main_header_area {
        padding: 0px !important;
        background-color: #319eaf;
    }

    #HomePage div#free_learning_box {
        margin-top: -112px;
        position: relative;
    }
    
    header,#main_header_area {
    width:100%;
    position:fixed;
    z-index: 99999;
    }
    
 
    #header_btm, #fix_main_header_area {
    padding-top:75px  !important;
    }

    .main_header {
    position:relative;
    padding:0px !important;
    }

        #free_learning_box h3,#LetsStartBtn {
            line-height: 48px;
            color: #fff !important;
            margin: auto !important;
            margin-top: 15px;
            margin-bottom: 39px !important;
            padding-bottom: 0px !important;
            width: 60% !important;
            font-size: 19px !important;
            border-radius: 20px !important;
            border: 1px solid #fff !important;
            background-color: #319eaf !important;
            text-align:center !important;
             font-weight:bold !important;
        }

    #main-navbar2,#main-navbar {
        position: absolute;
          background-color: #319eaf;
        width:100%;
        z-index:999999;
      
    }
    
    #main-navbar-connected {
       background-color: #319eaf;
    z-index: 9999;
    background-image: none;
    }
    
    .fixnavposition li,#main-navbar2 ul li {
   line-height:35px;
     text-align:right;
    }
    
    #main-navbar2 {
    background-color: #319eaf !important;
    }
    
    header nav ul {
  height: 198px;  
    }

    .MenuIcon {
     width:19px;
      margin-left:10px;
     display: inline-block;
     vertical-align: text-bottom;
    }

    #top-cart-frame-mobile {
    
    position: absolute;
    left: 42px;
    top: 19px;
}
    .badge {
    background-color: transparent;
    position: absolute;
    top: -15px;
    left: 2px;
    }

 #gray_video_switcherFrom div#main-carousel img {
        width: 78px !important;
        height: 78px !important;
        margin: auto !important;
        float: none !important;
        border:0px !important;
    }
    #main-carousel {
    height:242px;
    }
    #gray_video_switcherFrom {
     margin-top:-28px  !important;
    }

    #logo a img {
    position: relative;
    width: 162px;
    margin-top: 16px;
}
    
    .moreinfoReccomendation,
    #banner_area {
    display:none;
    }

    #footer_area_mobile {
        -webkit-box-shadow: 0px 0px 6px rgba(49,158,175,.3);
    -moz-box-shadow: 0px 0px 6px rgba(49,158,175,.3);
    box-shadow: 0px 0px 6px rgba(49,158,175,.3);

    width: 100%;
   
    right: 0;
    bottom: 0;
    z-index: 20;
     height:70px;
     background-color:#fff;
}
    #footer_area_mobile
        #footer_area_mobile ul {
        width:100%;
        }
        
        #footer_area_mobile ul li {
        width:25%;
        float:right;
        line-height:70px;
        text-align:center;
        border-right: 1px solid #f7f7f7;
        }
    body {
        margin-bottom: 63px;
    }
    .learning_holder {
     margin-bottom:25px;
    }

    .MathPageIcon {
     background-image:none;
     line-height: 75px;
    color: #fff;
    }
    .MathPageItems   {
   display:none !important;
    }

    .MathSubjectItemMenu > div {
     margin-right:0px;
     font-size:19px;
     font-weight:normal;
     padding-top: 26px;
    }

   .column1 {
    width: 45px !important;
   
} 
    div.container.MathSubjectItemMenu {
    margin-bottom:30px;
    }
    #sign_up_box {
     padding-top:20px;
    }
    .login_or {
     padding-top:20px;
    }
    
    #newline {
    line-break:inherit;
    }
    
    .breadcrumbs,
    .inner_video_leftBottom,
     .Course div#gray_video_switcherFrom {
     display:none;
    }
    .video-dialog img {
    height:auto !important;
    }
    .DeletePriceCoursePage {
     padding-top:42px;
    }

    #inner_video_content div.inner_video_left {
        display: inline-block;
        min-height: auto;
        padding-bottom: 50px;
    }

    .fixedSticky {
       position: fixed !important;
    top: 90px;
    left: 0px;
    right: 0px;
    z-index: 99999 !important;
    background-color: #ffffff;
    width: 100% !important;
    padding: inherit;
    height:170px;
    margin-top: -23px !important;

        -webkit-box-shadow: 0px 0px 6px rgba(49,158,175,.3);
    -moz-box-shadow: 0px 0px 6px rgba(49,158,175,.3);
    box-shadow: 0px 0px 6px rgba(49,158,175,.3);

    }
    

    
    .small_video {
        float: none;
        margin: auto;
        width: 191px !important;
    }

    #header_btm h1 {
    font-size:26px !important;
       font-weight:normal !important;
    }

    h2 {
    font-size:19px !important;
    font-weight:bold !important;
    }
    .icon_info p {
    font-size:16px !important;
    }

    .icon_info h4 {
     font-size:16px !important;
      font-weight:bold !important;
    }


}

@media screen and (max-width:1200px ) {
   
    .telephone_no {
        width: 197px;
        top: 20px;
    }

        .telephone_no span {
            background-size: 30px auto;
            padding-left: 40px;
            line-height: 30px;
            font-size: 15px;
        }
}

@media screen and (max-width:995px ) {
    .telephone_no {
        display: none;
    }
}
/*End EG*/

@media screen and ( max-width:1370px ){
.client_column_holder {
	margin-left:0;
}
.recommend_row {
	margin-right:0;
}

}
@media screen and ( max-width:630px ){
.icon_column {
	width:48%;
	float:none;
	display:inline-table;
}
   


.three_icon_box .clearfix { display:none}
}

    @media screen and (max-width: 1655px) {
        nav ul li {
            font-size: 20px;
            margin-right: 20px;
        }
        #header_btm h1 {
    font-size: 55px;
    line-height: normal;
}
        #header_btm h3 {
    font-size: 28px;
}
            .women_photo {
         right: -41%;
    width: 52%;
    }
.text_holder {
    max-width: 640px;
}

    }

    @media screen and (max-width: 1495px) {

           .women_photo {
            right: -33%;
    width: 52%;
    }
    }

@media screen and ( max-width:1024px ) {

    .women_photo {
	display:none;
}

.text_holder {
	max-width:100%;
	text-align:center;
	margin-top:0;
	padding:0 21% 10%;
}
#header_btm h1 {
	font-size:40px;
}
#header_btm h3 {
	font-size:20px;

}
#header_btm h3 br { display:none}
.feature_box_holder {
	margin-right:-40px;
}
    #feature_holder div.feature_box_holder {
    margin-right:-40px !important;
    }
    
    .feature_box_holder {
	margin-right:-40px;
}
.feature_box,.feature_box2 {
	padding:0 40px 40px 0;
}
.feature_box span,.feature_box2 span { font-size:16px}

#three_icon_holder {
	padding:40px 0 20px 0;
}
#three_icon_holder h2 {
	font-size:26px;
	padding-bottom:40px;
}
.icon_column {
	padding-bottom:40px;
}
.icon_info h4 {
	font-size:22px;
}
.icon_info p {
	font-size:14px;
}


.learning_column {
	width:25%;
}
#free_learning_box {
	padding:50px 0 0 0;
}
}

@media screen and ( max-width:850px ){
.feature_box{ width:33.33%}
.feature_box2{ width:33.33% !important;}

.column_right_box div {
	width:100%;
}

#FooterContact-form
    {

    display:block;
}

#FooterContact-form div.text_submit
    {

  width:100%;
}
}


#main-carousel div.gray_video {
display:table;
margin: auto;
}
#main-carousel img {
margin-left:14%;

}
.small_video_box img.small_video_Play {
margin-left:3% !important;

}
@media screen and ( max-width:1354px ){
       .freeConsolateMobile {
    display:inline-block;
    }
    
       .blue_btn_holder a {
   display: inherit;
    width: 100%;
    margin: auto;
    }
    
       .price_box_top {
    text-align: center;
    margin: auto;
    width: 300px;
    height: 82px;
    }

.women_photo,.freeConsolate {
	display:none;
}
    #logo a div {
    margin:auto;
    }

@media screen and ( max-width:1090px ){
     .text_submit input[type="submit"] {
    width:100%;
    }
#video_content_area {
	padding:0 15px;
}
#video_content {
	background:none;
	height:auto;
	padding:50px 0 40px 0;
}
#video_content h3 {
	font-size:30px;
	padding-bottom:20px;
}
.youtube_video {
	width:322px;
	height:270px;
	padding:21px 17px 72px 16px;
	background:url(../images/bgr_video_mobile.png) no-repeat;
	background-size:100% auto;
}
}

@media screen and ( max-width:768px ) {

    .innerpageSubject {
    padding: 18px 0 72px 0px;

}
    #CompleteUserAcademicInstitutionMessage {
    position:relative;
    }
        


    .feature_box2{ width:50% !important;}

    #logo {
	width:100px;
}
#header_btm h1 {
	font-size:30px;
	line-height:30px;
}
#header_btm h3 {
	font-size:18px;
}

    .feature_box,.feature_box2 { width:50%}
.feature_box_holder {
	margin-right:-20px;
}
.feature_box,.feature_box2 {
	padding:0 20px 20px 0;
}
#feature_holder h2 {
	font-size:24px;
}


.learning_column strong {
	font-size:18px;
}
}

@media screen and ( max-width:580px ) {
      .feature_box2{ width:100% !important;}
    .feature_box_holder,#feature_holder div.feature_box_holder {
    margin-right: 0px !important;
    }
    #header_btm h1 {
	font-size:22px;
	line-height:25px;
}
#header_btm h3 {
	font-size:16px;
	max-width:320px;
	margin:0 auto;
}
.text_holder {
	padding:10px 10% 10%;
}
    .mobileTxtBig {
   font-size: 24px;
    color: #fff;
    font-weight: 700;
    }
    #header_btm h4 a {
     font-size: 17px;
    color: #fff;
    font-weight: 700;
    }
    .fixnavposition {
     margin:auto;
    }

#logo { width:80px;}

    .feature_box_holder {
	margin-right:0;
}
.feature_box,.feature_box2 {
	padding:0 0 20px 0;
	width:100%;
	float:none;
}

.icon_column {
	width:100%;
	float:none;
	display:table;
	padding:0 0 35px 0
}

.learning_column { width:33.33%}
}

@media screen and ( max-width:1278px ){
#video_container {
	padding-right:20px;
}
.step_column {
	width:25%;
	padding:0 0 0 40px;
	background-position:30px 30px;
}
.step_column_last {
	width:25%;
}
.step_icon {
	width:100px;
	height:100px;
	background:#00c0cc;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	 border-radius: 10px;
	 margin-bottom:20px;
}
.step_icon span {
	font-size:50px;
	line-height:100px;
}

}
@media screen and ( max-width:1180px ){
#video_container {
	padding:50px 0 35px 0;
}
.youtube_video_area {
	float:none;
	margin:0 auto;
	margin-bottom:40px;
}
.video_right {
	width:310px;
	height:367px;
	float:none;
	margin:0 auto;
}
#recommend_content h2 {
	font-size:40px;
}
.recommend_column {
	width:50%;
	padding:20px 25px 15px 20px;
}
.recommend_info h5 {
	font-size:25px;
	padding-bottom:20px;
}
.recommend_info p {
	font-size:16px;
	padding-bottom:20px;
}
.recommend_info span {
	font-size:20px;
}
.cart_form {
	padding:16px 15px 37px 10px;
}
.cart_right { padding-right:0}
.cart_left {
	margin-right:120px;
}
.cart_right {
	width:120px;
}
.cart_step_holder h4 {
    font-size: 22px;
}
}


@media screen and ( max-width:1145px ){
/*.women_photo {
	width:20%;
}*/

    #logo a div {
    margin:auto;

    }
        #logo a div img {
        position:relative;
        }
#header_btm {
	position:inherit !important;
	padding-right:0;
}
#header_area { position:relative}
#header_btm h1 {
	font-size:50px;
	line-height:normal;
}
#header_btm h3 {
	font-size:20px;
	line-height:normal;
}
.text_holder {
	/*top:20px;*/
}
.contact_form_right {
	float:none;
	padding-left:0;
}
.contact_form_left {
	float:none;
}
.contact_form_right span {
	font-size:18px;
	line-height: normal;
	padding-bottom:20px;
	text-align:center;
}
.text_field {
	width:33.33%;
	margin:0;
	padding-left:10px;
}
#client_content {
	padding:50px 0 40px 0;
}
#client_content h2 {
	font-size:40px;
	line-height:normal;
}
.client_column_holder {
	padding-right:150px;
}
.client_right {
	width:150px;
	padding-top:13px;
}
.item_info_box span {
	font-size:25px;
	line-height:normal;
}
#small_photo_holder { padding:30px 0 25px 0}
#small_photo_holder h2 {
	font-size:40px;
	padding-bottom:20px;
}
.item {
	width:33%;
}
#gray_btm_holder h3 {
	font-size:40px;
	line-height:30px;
}
#gray_btm_holder h3 span {
	font-size:30px;
}
.right_photo_box {
	right:0;
	width:12%;
}
}

@media screen and ( max-width:1075px ){
#header_area {
	width:100%;
	min-height:inherit;
}
#header_btm  {
	padding-right:0;
	padding:0 15px;
	padding-bottom:50px;
}
header {
	padding:15px 15px;
}
#four_column_box h3,
#tab_content_holder h3 {
	font-size:30px;
	padding-bottom:25px;
}
.tab_content_top {
	padding-bottom:30px;
}
.tab_content_top p {
	font-size:20px;
	padding-bottom:10px;
}
.tab_container {
	padding:20px 15px 15px 150px;
}
.tab_column h5 {
	font-size:18px;
}
.tab_column ul li {
	font-size:14px;
}
#column_content {
	padding:30px 0 5px 0;
}
#column_content h2 {
	font-size:30px;
	padding-bottom:30px;
}
.column_holder {
	padding:0;
	margin:0 -20px;
}
.column {
	padding:0 20px;
	padding-bottom:25px;
}
#client_content h2 {
	font-size:35px;
}
.client_column_holder {
	width:auto;
	float:none;
}
footer h4 {
	font-size:20px;
}
.footer_column ul li {
	font-size:16px;
}
#inner_video_box {
	padding:18px 0 50px 0;
}
#inner_video_box h1 {
	font-size:36px;
	line-height:normal;
}
#inner_video_box h5 {
	font-size:16px;
}
.price_box_top strong {
	font-size:36px;
}
.price_box_top strong small {
	font-size:18px;
}
.price_box_top span {
	font-size:20px;
}
.blue_btn_holder a {
	height:36px;
	margin-bottom:10px;
	font-size:18px;
	line-height:34px;
}
.inner_video_left { margin:0}
#recommend_content {
	padding:32px 0 40px 0;
}
.step_column h5 {
	font-size:20px;
}
.step_column p {
	font-size:15px;
}
#four_step_holder h2 {
	font-size:40px;
}

.cart_title h1 {
	font-size:30px;
}
#cart_content .breadcrumbs {
	font-size:20px;
}
.cart_step_holder h4 {
	font-size:20px;
	line-height:50px;
}
.cart_step {
	width:50px;
	height:50px;
}
.cart_step span {
	font-size:30px;
	line-height:50px;
}
.two_btn_box { padding:30px 0 0 0}
.two_btn_box a {
	font-size:25px;
	line-height:50px;
	height:50px;
}
.product_cart_box {
	padding:20px 20px 15px 20px;
	margin-bottom:30px;
}
.product_cart_box p {
	font-size:16px;
}
.product_cart_title strong {
	font-size:20px;
}
.product_cart_row {
	padding-bottom:20px;
}
.product_cart_row span {
	font-size:16px;
}
.price_column strong {
	font-size:16px;
}
.two_logo_box img {
	margin-right:30px;
}
}
@media screen and ( max-width:990px ){
.cart_left {
	margin-right:0;
}
.cart_right {
	width:100%;
	float:none;
}
.cart_right label {
	line-height:normal;
	padding-bottom:5px;
}
}
@media screen and ( max-width:900px ){
#gray_arrow_content h2 {
	font-size:40px;
	line-height: normal;
}
#gray_arrow_content p {
	font-size:25px;
}
#feature_content {
	padding:40px 0 30px 0;
}
#feature_content h2 {
	font-size:45px;
}
#feature_content h3 {
	font-size:35px;
	line-height: normal;
	padding-bottom:30px;
}
.feature_holder {
	padding-bottom:30px
}
.feature_info h4 {
	font-size:24px;
}
.feature_info h5 {
	font-size:16px;
	padding-bottom:20px;
}
.feature_info p {
	font-size:14px;
	color:#000;
}
#certificate_holder {
	padding:30px 0 30px 0;
}
#certificate_holder h2 {
	font-size:40px;
	padding-bottom:30px;
}
.step_column {
	background-position:15px 40px;
	background-size:45px auto;
}


}
@media screen and ( max-width:800px ){
  

    #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}

#four_column_box h3,
#tab_content_holder h3 {
	font-size:25px;
}
.tab_content_top p {
	font-size:16px;
}
#tab_area .tabs li {
	width:16.66%;
	font-size:14px;
}
.tab_logo {
	left:10px;
	width:60px;
}
.tab_container {
	padding:20px 15px 10px 80px;
}
.tab_column {
	width:50%;
}
.clearnone {
	display:block;
}
.tab_column h5 {
	font-size:15px;
}
.tab_column ul li {
	font-size:13px;
}

header { padding-bottom:5px}
.text_holder {
	top:0;
}
.three_column_holder {
	margin-left:-20px;
}
.column_box {
	padding-left:20px;
	width:50%;
}
.column_holder {
	padding:0;
	margin:0;
}
.column {
	padding:0 10px;
	padding-bottom:25px;
}
.column h5 {
	font-size:20px;
}
.column  p {
	font-size:14px;
	line-height: normal;
}
.youtube_video_area {
	background:none;
	padding:0;
	width:100%;
	height:auto;
}
.youtube_video_area h3 {
	padding-bottom:20px;
}
.youtube_video {
	background:url(../images/video_mobile.png) no-repeat;
	background-size:100% 100%;
}
.youtube_video iframe {
	width:100%;
	height:100%;
}
#client_content h2 {
	text-align:center;
	padding-bottom:20px;
}
.client_column_holder {
	padding-top:20px;
	padding-right:0;
	padding-left:0;
	max-width:600px;
	margin:0 auto;
}
.client_column { 
	width:50%;
	padding:0 12px;
	padding-bottom:25px;
}
.client_photo_info a {
	font-size:30px;
}
.client_right {
	width:100%;
	position: relative;
	left: inherit;
	top: inherit;
	padding-top:0;
}
.client_right img { margin:0 auto}
#gray_arrow_content h2 {
	font-size:30px;
	line-height: normal;
}
#gray_arrow_content p {
	font-size:20px;
}
#client_logo_area {
	padding:40px 0 5px 0;
}
.logo_holder {
	margin-left:0;
}
.client_logo {
	padding:0 10px;
	padding-bottom:25px;
}
.footer_column {
	width:49% !important;
	padding-bottom:25px;
	display:inline-table;
	float:none;
	padding-left:15px;
}
footer { padding:30px 0}
#header_btm  { min-height:inherit}
.women_photo {
	display:none;
}
.gray_video_info span, 
.more_info a,
.column_box span {
    font-size: 20px;
}
.client_logo { padding-left:10px; width:31%; display:inline-table; float:none}
.main_header {
	padding:8px 15px 8px 15px;
	height:auto;
}
.main_header nav {
	padding:0;
}
.main_header nav ul li {
	line-height:57px;
}
#video_content {
	padding:15px 0 30px 0;
}
.breadcrumbs {
	font-size:16px;
	padding-bottom:15px;
}
#video_content h1 {
	font-size:26px;
}
.content_two_column {
	overflow:hidden;
	margin-top:20px;
	position:relative;
}
.youtube_video_box {
	float:none;
	padding-bottom:30px;
}
.video_holder {
	padding-bottom:30px;
}

#scrollbar_box.content {
	height:300px;
}
.video_info_right h3 {
	font-size:20px;
	margin-bottom:15px;
}
.rowElem { padding-bottom:10px;}
.blue_btn {
	font-size:20px;
	padding:0 22px;
	height:36px;
	line-height:36px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	 border-radius: 10px;
}
.inner_video_left {
	width:100%;
	float:none;
}
.inner_youtube_video {
	float:none;
	width:100%;
	padding-bottom:25px;
}
.inner_gray_right {
	float:none;
	width:100%;
	padding-bottom:25px;
}
.small_video_left {
	float:none;
	width:100%;
	padding-left:0;
}
#inner_gray_content #scrollbar_box.content {
	height:300px;
}
#inner_gray_content h3 {
	font-size:30px;
}
.small_video {
	width:100px;
}
.small_video_info {
	margin-right:207px;
	margin-top:2px;
}
.social_box a {
	font-size:30px;
}
.scrollbar_row {
	padding:10px 15px;
}
.scrollbar_row span {
	font-size:14px;
}
.recommend_column {
	width:100%;
	float:none;
	border-right:none;
	float:none;
	border-bottom:1px solid #e5e5e5 !important;
	padding:20px 10px 17px 0;
}
.recommend_row {
	border:none;
}
.recommend_info {
	margin-right:115px;
	margin-top:-5px;
}
.recommend_row_holder {
	padding-bottom:30px;
}
.step_column {
	width:100%;
	float:none;
	padding:0 0 30px 0;
	background:none;
	text-align:center;
}
.step_icon { margin:0 auto; margin-bottom:20px}
.cart_right_area {
	width:100%;
	float:none;
}
.cart_left_area {
	width:100%;
	float:none;
}
#cart_content {
	padding:35px 0 30px 0;
}
.cart_step_info input[type="text"] {
	width:100%;
	height:38px;
	font-size:16px;
	margin-bottom:20px;
}
.cart_step_info a.forgot_password {
	font-size:20px;
	margin-bottom:10px;
}
.submit input[type="submit"] {
	height:38px;
	font-size:20px;
}
.cart_step_info label {
	font-size:16px;
	padding-bottom:5px;
}
.form_row {
	padding-bottom:20px;
}
.form_label {
	float:none;
	width:100%;
}
.form_label label {
	padding:0;
	line-height: normal;
	padding-bottom:5px;
	font-size:16px;
}
.form_textfield {
	margin-right:0;
}
}
@media screen and ( max-width:640px ){
    #header_btm h3 {
     max-width:160px;
    }
    

   
    
    .contactusItem {
    display:none;
    }
      #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}


.feature_column {
	width:50%;
	margin-bottom:25px;
}
.feature_column:nth-child(3) .feature_photo:before{
	content:"";
	width:1px;
	height:100%;
	background:#000;
	position:absolute;
	right:0;
	top:0;
}
.video_holder {
	padding-bottom:5px;
}
#feature_content h2 {
	font-size:30px;
}
#feature_content h3 {
	font-size:25px;
}
#certificate_holder h2 {
	font-size:30px;
}
#inner_gray_content #scrollbar_box {
	margin-right:0;
}

}
@media screen and ( max-width:580px ){
        .dropdown-menu {
        right: 3px !important;
    }

    nav {
    margin: auto;
    width: 100%;
    text-align: center;
    }
        nav > ul {
        width:98%;
        }
         nav > ul >li{
        width:98%;
        }
#header_btm h1 {
	font-size:25px;
}
    .SubjectMathPage,.MathSubjectItemMenuHeader,.contactusItem2 {
    display:none !important;
    }
    .mobileView {
    display:inline-block;
    }


#logo { padding-top:0}
#header_btm h3 {
	font-size:18px;
}
  #logo {
        text-align:center;
    margin:auto;
    display:table;
    width:100%;
     margin-bottom:10px;

    }
        #logo a img {
        display:inline;
        }
 header  nav  {
	width:100%;
}
 header  nav  ul {
	margin:auto;
    display:table;
}


nav ul li {
	font-size:16px;
	margin-right:10px;
}
#tab_area .tabs li {
	font-size:10px;
}
#gray_video_content {
	max-width:1200px;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
	position:relative;
}
.gray_video {
	width:100%;
	float:none;
}
.gray_video img { width:100%}
.gray_video_info,.ReccomendationsArea {
	width:100%;
	float:none;
	padding:40px 0 0 0;
}
.gray_video_info span,
.gray_video_info p,.ReccomendationsArea {
	font-size:16px;
	line-height: normal;
	color:#272727;
}
.gray_video_info span,.ReccomendationsArea {
	position: relative;
	left: inherit;
	bottom:inherit ;
	margin-top:-10px;
} 
.three_column_holder {
	margin-left:0;
}
.column_box {
	width:100%;
	max-width:290px;
	margin:0 auto;
	float:none;
	padding-left:0;
}
.column {
	padding:0 10px;
	padding-bottom:25px;
	width:100%;
	float:none;
}
#column_content h2 {
	font-size:20px;
	padding-bottom:20px;
}
#gray_arrow_content h2 {
	font-size:25px;
	line-height: normal;
}
#gray_arrow_content h3 strong {
	font-size:20px;
}
#gray_arrow_content p {
	font-size:16px;
}
.text_field {
	width:100%;
	margin:0;
	padding-left:0;
	padding-bottom:10px;
	float:none;
}
.contact_form_left { padding-left:0}
.text_submit {
	position:inherit;
	left:inherit;
	top:inherit;
}
.logo_holder { margin-left:-15px}
.client_logo { padding:0 0 20px 15px}
.column_right_box {
	float:none;
}
.columm_left_box {
	float:none;
	width:100%;
}
.column1 {
	width:auto;
	float:right;
}
.column2 {
	float:left;
}
.column3 {
	float:right;
}
.column4 {
	float:left;
}
.recommend_info h5 {
	font-size:20px;
}
.recommend_info p {
	font-size:14px;
}
.recommend_info span {
	font-size:16px;
}
.item {
	width:50%;
}
#small_photo_holder h2 { font-size:30px}
#gray_btm_holder h3 {
	font-size:30px;
}
#gray_btm_holder h3 span {
	font-size:25px;
}
.cart_title h1 {
	font-size:25px;
}
#cart_content .breadcrumbs {
	font-size:16px;
}
.cart_step_holder h4 {
	font-size:16px;
	line-height: normal;
	padding-top:10px;
}
.cart_step {
	width:40px;
	height:40px;
}
.cart_step span {
	font-size:25px;
	line-height:40px;
}
.cart_step_info {
	padding:0;
}
.cart_step_holder h4 { margin-right:70px}
.two_btn_box { padding:25px 0 0 0}
.two_btn_box a {
	font-size:20px;
}
.product_cart_box {
	padding:20px 15px 15px 15px;
	margin-bottom:30px;
}
.product_cart_box p {
	font-size:14px;
}
.product_cart_title strong {
	font-size:16px;
}
.product_cart_row span {
	font-size:14px;
}
.price_column strong {
	font-size:14px;
}
.two_logo_box img {
	margin-right:20px;
	max-width:70px;
}
.cart_icon { margin-bottom:5px}
}
@media screen and ( max-width:480px ){
    
    .MathPageTxt {
    margin-right:0px;
    }
    
    .small_video_info {
    display:none;
    }
    .column2 {
    float: right;
}
    .scrollbar_row span.column3 {
      text-align:right;
    }

    .purchaseCubeItem span {
    height:auto !important;
    }
.client_logo { padding-left:0; width:45%; display:inline-table; float:none}
.logo_holder { margin:0}
.client_logo:nth-child(odd){ float:right}
.client_logo:nth-child(even){ float:left}
.footer_column ul li { font-size:14px}
}
@media screen and ( max-width:400px ){
   
        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
     padding:0px !important;
    }
    
        .prevCartLogin {
     position:relative;
     top:0px;
     left:0px;
    }
    
    .youtube_video {
    width:100%;
    }

column { width:50%}
.brand_log.youtube_video {
	width:280px;
	height:235px;
	padding:18px 14px 63px 14px;
}
    
    .learning_box_img {
    width:20px;
    }
    .learning_box_img2 {
    width:42px;
    }

.learning_column strong {
    font-size: 15px;
}
.learning_column { width:20%}
    .learning_box {
    border:0;
    height:30px;
    width:30px;
    }
#header_btm h3 br { display:none}
.feature_column {
	width:100%;
	float:none;
}
.feature_photo {
	border:1px solid #000;
}
.feature_column:first-child .feature_photo:before,
.feature_column:nth-child(3) .feature_photo:before{ display:none}
.item {
	width:100%;
	float:none;
}
#gray_btm_holder { padding:20px 0 30px 0}
#gray_btm_holder h3 {
	font-size:25px;
}
#gray_btm_holder h3 span {
	font-size:20px;
}
.product_cart_box p {
	font-size:12px;
}
.product_cart_title strong {
	font-size:14px;
}
.product_cart_row span {
	font-size:12px;
}
.price_column strong {
	font-size:12px;
}
.product_cart_column4 { padding-top:0}
}
/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=80e16d8d530d8a2174f1)
 * Config saved to config.json and https://gist.github.com/80e16d8d530d8a2174f1
 */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{background-image:-webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);background-image:-o-linear-gradient(top, #fff 0, #e0e0e0 100%);background-image:linear-gradient(to bottom, #fff 0, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#dbdbdb;text-shadow:0 1px 0 #fff;border-color:#ccc}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default:disabled,.btn-default[disabled]{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top, #319eaf 0, #24737f 100%);background-image:-o-linear-gradient(top, #319eaf 0, #24737f 100%);background-image:linear-gradient(to bottom, #319eaf 0, #24737f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff319eaf', endColorstr='#ff24737f', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#216c77}.btn-primary:hover,.btn-primary:focus{background-color:#24737f;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#24737f;border-color:#216c77}.btn-primary:disabled,.btn-primary[disabled]{background-color:#24737f;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top, #5cb85c 0, #419641 100%);background-image:-o-linear-gradient(top, #5cb85c 0, #419641 100%);background-image:linear-gradient(to bottom, #5cb85c 0, #419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-success:disabled,.btn-success[disabled]{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top, #66c8d7 0, #35b7ca 100%);background-image:-o-linear-gradient(top, #66c8d7 0, #35b7ca 100%);background-image:linear-gradient(to bottom, #66c8d7 0, #35b7ca 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66c8d7', endColorstr='#ff35b7ca', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#33b0c3}.btn-info:hover,.btn-info:focus{background-color:#35b7ca;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#35b7ca;border-color:#33b0c3}.btn-info:disabled,.btn-info[disabled]{background-color:#35b7ca;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top, #fb8833 0, #ec6705 100%);background-image:-o-linear-gradient(top, #fb8833 0, #ec6705 100%);background-image:linear-gradient(to bottom, #fb8833 0, #ec6705 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb8833', endColorstr='#ffec6705', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#e26304}.btn-warning:hover,.btn-warning:focus{background-color:#ec6705;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#ec6705;border-color:#e26304}.btn-warning:disabled,.btn-warning[disabled]{background-color:#ec6705;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);background-image:-o-linear-gradient(top, #d9534f 0, #c12e2a 100%);background-image:linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-danger:disabled,.btn-danger[disabled]{background-color:#c12e2a;background-image:none}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-image:-webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-color:#e8e8e8}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-image:-webkit-linear-gradient(top, #319eaf 0, #2b8c9b 100%);background-image:-o-linear-gradient(top, #319eaf 0, #2b8c9b 100%);background-image:linear-gradient(to bottom, #319eaf 0, #2b8c9b 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff319eaf', endColorstr='#ff2b8c9b', GradientType=0);background-color:#2b8c9b}.navbar-default{background-image:-webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);background-image:-o-linear-gradient(top, #fff 0, #f8f8f8 100%);background-image:linear-gradient(to bottom, #fff 0, #f8f8f8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border-radius:0;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top, #ebebeb 0, #f3f3f3 100%);background-image:-o-linear-gradient(top, #ebebeb 0, #f3f3f3 100%);background-image:linear-gradient(to bottom, #ebebeb 0, #f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top, #3c3c3c 0, #222 100%);background-image:-o-linear-gradient(top, #3c3c3c 0, #222 100%);background-image:linear-gradient(to bottom, #3c3c3c 0, #222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-linear-gradient(top, #222 0, #282828 100%);background-image:-o-linear-gradient(top, #222 0, #282828 100%);background-image:linear-gradient(to bottom, #222 0, #282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);background-image:-o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);background-image:linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);background-image:-o-linear-gradient(top, #d9edf7 0, #b9def0 100%);background-image:linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);background-image:-o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);background-image:linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);background-image:-o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);background-image:linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);background-image:-o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);background-image:linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)}.progress-bar{background-image:-webkit-linear-gradient(top, #319eaf 0, #267a87 100%);background-image:-o-linear-gradient(top, #319eaf 0, #267a87 100%);background-image:linear-gradient(to bottom, #319eaf 0, #267a87 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff319eaf', endColorstr='#ff267a87', GradientType=0)}.progress-bar-success{background-image:-webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);background-image:-o-linear-gradient(top, #5cb85c 0, #449d44 100%);background-image:linear-gradient(to bottom, #5cb85c 0, #449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)}.progress-bar-info{background-image:-webkit-linear-gradient(top, #66c8d7 0, #3eb9cc 100%);background-image:-o-linear-gradient(top, #66c8d7 0, #3eb9cc 100%);background-image:linear-gradient(to bottom, #66c8d7 0, #3eb9cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66c8d7', endColorstr='#ff3eb9cc', GradientType=0)}.progress-bar-warning{background-image:-webkit-linear-gradient(top, #fb8833 0, #f66b05 100%);background-image:-o-linear-gradient(top, #fb8833 0, #f66b05 100%);background-image:linear-gradient(to bottom, #fb8833 0, #f66b05 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb8833', endColorstr='#fff66b05', GradientType=0)}.progress-bar-danger{background-image:-webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);background-image:-o-linear-gradient(top, #d9534f 0, #c9302c 100%);background-image:linear-gradient(to bottom, #d9534f 0, #c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.list-group{border-radius:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #267a87;background-image:-webkit-linear-gradient(top, #319eaf 0, #298391 100%);background-image:-o-linear-gradient(top, #319eaf 0, #298391 100%);background-image:linear-gradient(to bottom, #319eaf 0, #298391 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff319eaf', endColorstr='#ff298391', GradientType=0);border-color:#298391}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:-o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);background-image:linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top, #319eaf 0, #2b8c9b 100%);background-image:-o-linear-gradient(top, #319eaf 0, #2b8c9b 100%);background-image:linear-gradient(to bottom, #319eaf 0, #2b8c9b 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff319eaf', endColorstr='#ff2b8c9b', GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);background-image:-o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);background-image:linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);background-image:-o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);background-image:linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);background-image:-o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);background-image:linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);background-image:-o-linear-gradient(top, #f2dede 0, #ebcccc 100%);background-image:linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0)}.well{background-image:-webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);background-image:-o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);background-image:linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)}
/* 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;
}