/*@import url(//fonts.googleapis.com/earlyaccess/alefhebrew.css);*/
@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew');

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* master */

body {
    background: url('../img/bg.png');
    font-family: 'Assistant', sans-serif;
    color: #43484b;
    font-size: 0.875em;
}

header {
    background: rgb(213, 213, 213);
    background: rgba(213, 213, 213, .2);
}

header .fullWidth {
    height: 80px;
    line-height: 80px;
    position: relative;
    z-index: 9;
}

header div#login > a {
    margin-left: 0;
    margin-right: 5px;
    display: inline;
    border-top: 0;
    background: #FFD431;
    background: -moz-linear-gradient(top, #FFD431 0%, #E0B102 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFD431), color-stop(100%, #E0B102));
    background: -webkit-linear-gradient(top, #FFD431 0%, #E0B102 100%);
    background: -o-linear-gradient(top, #FFD431 0%, #E0B102 100%);
    background: -ms-linear-gradient(top, #FFD431 0%, #E0B102 100%);
    background: linear-gradient(to bottom, #FFD431 0%, #E0B102 100%);
    color: #fff;
    position: relative;
    padding: 5px 40px 5px 40px !important;
}

#navWrap {
}

nav {
    line-height: 40px;
    /* float: ; */
}

nav a:hover {
    color: #FFD431;
}

nav a.on {
    border-color: #e4ba00;
    font-weight: bold;
    color: #FFD431;
}

nav .quickContact {
    float: left;
    /* position: relative; */
}

nav .quickContact a {
    margin-left: 12px;
    margin-right: 5px;
    display: inline;
    border-top: 0;
    background: #3B9DE6;
    background: -moz-linear-gradient(top, #3B9DE6 0%, #3183BF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3B9DE6), color-stop(100%, #3183BF));
    background: -webkit-linear-gradient(top, #3B9DE6 0%, #3183BF 100%);
    background: -o-linear-gradient(top, #3B9DE6 0%, #3183BF 100%);
    background: -ms-linear-gradient(top, #3B9DE6 0%, #3183BF 100%);
    background: linear-gradient(to bottom, #3B9DE6 0%, #3183BF 100%);
    color: #fff;
    position: relative;
    padding: 5px 25px 5px 55px !important;
}

nav .quickContact a:hover {
    color: #43484b;
    background: #ffda37;
    background: -moz-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ffda37), color-stop(100%, #f7cd11));
    background: -webkit-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -o-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -ms-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: linear-gradient(to bottom, #ffda37 30%, #f7cd11 100%);
    color: #43484b
}

.contactPopup h2 {
    color: #e4ba00;
    margin: 0;
    font-weight: bold;
}

.contactPopup p {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 1em;
}

.contactPopup label {
    clear: both;
    float: right;
}

.contactPopup input[type="text"],
.contactPopup textarea {
    float: left;
    width: 180px;
}

.contactPopup textarea {
    height: 80px;
}

strong.popup {
    cursor: pointer;
}

.first-popup {
    width: 754px;
    height: 558px;
    position: relative;
    margin: 20px auto;
    background: url('../img/teaser.png');
}

.first-popup a {
    width: 343px;
    height: 53px;
    position: absolute;
    display: block;
    bottom: 39px;
    left: 26px;
}

.mfp-close-btn-in .first-popup .mfp-close {
    color: #fff;
}

.contentBG {
    background: rgba(255, 255, 255, 0.20);
    padding-top: 30px;
}

.contentBG-search-1 {
    background: rgba(255, 255, 255, 0.20);
    padding-top: 30px;
}

.contentBG-search-2 {
    background: rgba(255, 255, 255, 0.20);
    padding-top: 0px;
}

/* Homepage */

.home .regBGBL {
    height: 672px;
    position: relative;
    overflow: hidden;
}

.proso-logo {
    display: block;
    max-width: 100%;
    height: 100%;
}

#homeSlider {
    height: 632px;
    position: relative;
    overflow: visible;
    width: 0px;
    width: 980px;
    margin: 0 auto;
}

#homeSlider #sliderElem {
    position: absolute;
    top: 0;
    right: -360px;
    height: 632px;
    padding-top: 5px;
}

#homeSlider .sliderBox {
    height: 630px;
    width: 310px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    margin-right: 25px;
    background: #fff;
    float: right;
    z-index: 2;
    margin-bottom: 5px;
    position: relative;
}

#homeSlider .sliderBox:hover {
    background: #fafafa;
}

#homeSlider .sliderBox.new:before {
    content: url('../img/new.png');
    width: 64px;
    height: 64px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2
}

/*#homeSlider .sliderBox:first-child{margin-right:360px;}*/

#homeSlider .sliderBox img.coursePic {
    width: 310px;
    height: 373px;
}

#homeSlider .sliderBox .date {
    width: 98px;
    height: 30px;
    background: #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 32px;
    line-height: 30px;
    text-shadow: none;
    font-size: 0.85em;
}

#homeSlider .sliderBox h2 {
    font-size: 1.42em;
    padding-right: 32px;
    font-weight: bold;
    margin-bottom: 0;
}

#homeSlider .sliderBox p.metaDetails {
    font-size: 0.85em;
    color: #8e8e8e;
    margin-top: 2px;
    border-top: 0;
    padding: 0;
}

#homeSlider .sliderBox p {
    margin: 15px 32px;
    padding: 15px 0;
    border-top: 1px dotted #8e8e8e;
}

#homeSlider #about {
    background-color: #ffd51a;
    padding: 78px 16px;
    height: 474px;
    width: 278px;
    margin-right: 0;
    z-index: 5;
    margin-top: 5px;
}

#homeSlider #about h1 {
    color: #43484b;
}

#homeSlider #about h1 span {
    font-size: 1.5em;
}

#homeSlider #about h2 {
    letter-spacing: -1px;
    font-size: 2.14em;
    padding-right: 0;
    font-weight: normal;
}

#homeSlider #about h2 a {
    color: #43484b;
}

#homeSlider #about h2 a:hover {
    text-decoration: underline;
}

#homeSlider #about p {
    border: 0;
    padding: 0;
    margin: 30px 0 0;
    font-size: 1.5em;
    font-style: italic;
}

#homeSlider #about li {
    background: url('../img/v.png') no-repeat RIGHT TOP;
    list-style-type: none;
    font-size: 1.57em;
    padding-right: 45px;
}

.arr {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 220px;
    background: rgb(253, 255, 255);
    background: rgba(253, 255, 255, 0.9);
    font-size: 2em;
    text-align: center;
    line-height: 46px;
    border-radius: 30px;
    cursor: pointer;
    z-index: 5
}

.arr:hover {
    background: rgb(38, 38, 38);
    background: rgba(38, 38, 38, 0.6);
    color: #fff;
}

.arr#leftA {
    left: 60px;
}

.arr#rightA {
    right: 60px;
}

.homeSMBBox.third {
    height: 12em;
    background: #ffda37;
    font-size: 1.5em;
    line-height: 1;
    width: 286px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #43484b;
    margin-bottom: 1em;
}

.homeSMBBox:nth-child(2) {
    margin: 0 16px;
}

.homeSMBBox h3 {
    font-weight: bold;
    font-size: 2em;
}

.homeSMBBox strong {
    display: block;
    margin: 1em 0 0.5em;
}

#fit p {
    font-size: 1.42em;
    line-height: 1.2
}

#cat a.catLink {
    background: #ffffff;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    padding-right: 146px;
    height: 39px;
    margin-bottom: 6px;
    line-height: 39px;
    color: #43484b;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

#cat a.popLink {
    font-weight: bold;
}

#cat a.catLink:after {
    content: ">";
    float: left;
    margin-left: 8px;
    color: #E0B102;
}

#cat a.catLink:hover {
    background-color: #ffd51a;
}

#clients {
    margin-top: 100px;
    text-align: center;
    border-top: 2px solid #fff;
    background: #f6f6f7;
    padding-bottom: 10px
}

.col {
    width: 310px;
    margin-left: 25px;
    float: right;
    margin-bottom: 5em;
}

.col h3 {
    background: url('../img/hBg.png') repeat-x;
    background-position: bottom;
    line-height: 1.8;
    margin-bottom: 12px;
}

.col.lastC {
    margin-left: 0;
    font-style: italic;
}

/* Inner page Generals */

.inner .regBGBL {
    padding-bottom: 40px;
}

.inner .contentBG {
    padding-bottom: 100px;
}

.inner .contentBG-search-1 {
    padding-bottom: 0px;
}

.inner .contentBG-search-2 {
    padding-bottom: 100px;
}

.topBox {
    background: #ffffff;
    margin-top: 20px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    padding: 20px 15px;
}

.topBox div.blog div {
    margin: 15px 0 25px;
}

.topBox div.vid {
    /* width: 360px; */
    float: left;
}

/* now only for teacher page */

.topBox h1.withBorder {
    border-bottom: 1px dotted #ccc;
}

.topBox h2 {
    color: #8e8e8e;
    margin: 0px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
}

span.course_end_date {
    float: left;
    font-size: 1.3em;
}

.newUnit .topBox {
    position: relative;
}

.newUnit .topBox h1 {
    margin-bottom: 0.5em;
}

.newUnit .topBox .episodes {
    /* width: 360px; */
    float: left;
}

.newUnit .topBox .video {
    /* width: 567px; */
    /* float: right; */
}

.newUnit .topBox .video.fixed {
    position: fixed;
    top: 0;
    margin-top: 10px;
    /*width:362px;*/
}

.newUnit .topBox .video.bottom {
    position: absolute;
    bottom: 6px;
    margin-top: 10px;
    /*width:362px;*/
}

.newUnit .topBox .new_episode {
    margin-bottom: 1em;
    background: #ffd51a;
    height: 64px;
    position: relative;
    counter-increment: episodesCount;
}

.newUnit .topBox .new_episode:hover {
    cursor: pointer;
}

.newUnit .topBox .new_episode.free:after {
    content: 'חינם';
    display: block;
    position: absolute;
    left: 0;
    top: 18px;
    background: #40a7ea;
    line-height: 1.5;
    padding: 0 10px;
    border-radius: 0 10px 10px 0;
    border: 1px solid #d5d7d7;
    border-left: 0;
    color: #fff;
    text-shadow: none;
}

.newUnit .topBox .new_episode.locked:after {
    content: 'למנויים';
    display: block;
    position: absolute;
    left: 0;
    top: 18px;
    background: #fff;
    line-height: 1.5;
    padding: 0 10px;
    border-radius: 0 10px 10px 0;
    border: 1px solid #d5d7d7;
    border-left: 0;
    color: #e4ba00;
    text-shadow: none;
}

.newUnit .topBox .new_episode:hover.locked:after {
    color: #43484b;
}

.newUnit .topBox .new_episode .num {
    width: 66px;
    float: right;
    text-align: center;
    padding-top: 8px;
}

.newUnit .topBox .new_episode .num:after {
    display: block;
    font-size: 2em;
    /*line-height:0.5;*/
    content: counter(episodesCount);
}

.newUnit .topBox .new_episode .name {
    background: #eff1f1;
    border-right: 2px solid #939598;
    /* width: 210px; */
    height: 100%;
    float: left;
    padding-right: 32px;
    padding-left: 50px;
    position: relative;
}

.newUnit .topBox .new_episode.done .name:before {
    content: url('../img/done.png');
    position: absolute;
    top: 6px;
    right: 5px;
}

.newUnit .topBox .new_episode.active .name:before {
    content: url('../img/left_arrow.png');
    position: absolute;
    top: 6px;
    right: 5px;
}

.newUnit .topBox .new_episode:hover .name {
    background: #43484b;
    color: #eff1f1;
    text-shadow: none;
    border-color: #eff1f1
}

.newUnit .topBox .new_episode .name h4 {
    margin: 0.2em 0 0.1em;
    line-height: 0.9
}

.newUnit .extraContent,
.free_box,
.newUnit .new_questions,
.package_shortcut,
.biggerPlan,
.blackLine {
    background: #343434;
    color: #fff;
    text-shadow: none;
    padding-bottom: 20px;
}

/*.newUnit .extraContent .new_materials h2:before{content:url('../img/doc.png');}*/

.new_materials.half,
.new_articles.half {
    padding: 0 15px;
}

.newUnit .new_questions,
.package_shortcut,
.blackLine.center {
    text-align: center;
    padding: 1em 0
}

.newUnit .new_questions h3,
.package_shortcut h3 {
    margin-bottom: 0.5em;
}

.fullWidth.free_hero {
    margin-top: 3em;
}

.free_box {
    padding: 10px 20px 0;
    /* width: calc(48% - 40px); */
    margin-top: 5px;
}

.free_box .feature {
    /* width: 138px; */
    float: right;
    /* margin-left: 12px; */
    /* margin: 0.5em 0 0.5em 12px; */
    margin: 0.5em 0;
}

.free_box .feature:last-child {
    margin-left: 0;
}

.free_box .feature img {
    border: 1px solid #fff;
    margin-bottom: 0.5em;
}

.search h1 {
    border-bottom: 1px dotted #939598;
    margin-bottom: 0.5em;
}

.search a {
    display: inline-block;
    /* width: 25%; */
    float: right;
    font-size: 1.2em;
    margin-bottom: 0.2em;
    color: #43484b;
}

.search-links {
    direction: rtl;
    float: right;
}

.search a.on {
    color: #e4ba00;
}

.topBox.thanks {
    margin-bottom: 40px;
}

.topBox.thanks img {
    float: left;
    margin-right: 20px;
}

.topBox.thanks p {
    font-size: 1.4em;
    color: #888;
}

.topBox.thanks p.note {
    font-size: 0.9em;
    clear: both;
    color: #000;
}

#actualContent {
    /* width: 583px; */
    float: right;
}

#actualContent h2 {
}

div.compBar {
    /* width: 450px; */
    height: 18px;
    border: 1px solid #ccc;
    float: right;
    background: #d8d8d8;
    border-radius: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
}

div.compBar div {
    background: #ffd51a;
    height: 18px;
    border-radius: 10px;
    text-align: left;
    line-height: 18px;
    float: right;
}

div.compBar div:after {
    content: "\0000a0\0000a0\0000a0";
}

.courseBox div.compBar {
    /* width: 340px; */
    /* margin-right: 20px; */
    position: relative;
    top: -3px;
}

div.courseBox {
    background: #fff;
    padding: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    position: relative;
}

div.courseBox.new:before {
    content: url('../img/new.png');
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2
}

div.courseBox img.coursePic {
    float: right;
    margin-left: 10px;
    width: 100px;
    height: 120px;
}

div.courseBox h3 {
    font-size: 1.5em;
}

div.courseBox p {
    margin-bottom: 10px;
}

div.courseBox .meta {
    padding-top: 20px;
    clear: both;
    margin-bottom: 20px;
}

.new_courseBox {
    background-repeat: no-repeat;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    /* width: 310px; */
    float: right;
    height: 373px;
    /* margin-left: 25px; */
    position: relative;
    border-bottom: 10px solid #fff;
    background-size: cover;
}

.new_courseBox.new:before {
    content: url('../img/new.png');
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2
}

.new_courseBox:nth-of-type(3n) {
    /* margin-left: 0; */
}

.new_courseBox .card_content {
    background: #fff;
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 10px 10px 0 10px;
    max-height: 5.6em;
    overflow: hidden;
    transition: all 0.2s ease;
}

.new_courseBox .card_content-mobile {
    background: #fff;
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 10px 10px 0 10px;
    max-height: 5.0em;
    overflow: hidden;
    transition: all 0.2s ease;
}

.new_courseBox .card_content h4,
.new_courseBox .card_content-mobile h4 {
    line-height: 1;
    margin: 0;
    height: 2em;
    font-weight: bold;
}

.new_courseBox .card_content h4.header-card-name-course-mobile {
    line-height: 1;
    margin: 0;
    height: 1em !important;
}

.new_courseBox .card_content-mobile h4.header-card-name-course-mobile {
    line-height: 1;
    margin: 0;
    height: 1em !important;
    font-size: 1.30em;
}

.new_courseBox .card_content p,
.new_courseBox .card_content-mobile {
    line-height: 1.2;
    font-size: 16px;
}

.new_courseBox:hover {
    cursor: pointer;
}

.new_courseBox:hover .card_content {
    max-height: 373px;
}

.card_content-mobile_info {
    max-height: 373px !important;
}

.textPage p,
.textPage ul,
.textPage ol,
.textPage h1,
.textPage h2,
.textPage div.blog div {
    margin-left: 60px;
    line-height: 1.5;
}

.textPage p[dir="ltr"],
.textPage ul[dir="ltr"],
.textPage ol[dir="ltr"],
.textPage h1[dir="ltr"],
.textPage h2[dir="ltr"],
.textPage div.blog div[dir="ltr"] {
    margin-right: 60px;
    margin-left: 0;
    line-height: 1.5;
}

.textPage ul[dir="ltr"] {
    margin-left: 0.6em;
}

.textPage ol[dir="ltr"] {
    padding-left: 20px;
}

/* footer */

#footerWrap {
    background: rgba(213, 214, 216, 0.5);
    padding: 20px 0;
}

footer #siteLinks,
footer #articles {
    /* width: 350px; */
    float: right;
}

footer #siteLinks a,
footer #articles a {
    color: #43484b;
    /* width: 165px; */
    /* display: inline-block; */
    font-size: 0.85em;
}

footer #siteLinks {
    /* width: 300px; */
}

footer #siteLinks a {
    /* width: 134px; */
}

footer #siteLinks a:hover,
footer #articles a:hover {
    color: #e4ba00;
}

footer .socialLinks a {
    opacity: 0.8;
}

footer .socialLinks a:hover {
    opacity: 1;
}

footer #credit {
    float: left;
    direction: ltr;
    font-size: 0.87em;
    line-height: 1.7;
    /* margin-right: 20px; */
}

footer #credit img {
    vertical-align: top;
}

footer .webi {
    opacity: 0.35 !important;
    float: left;
}

footer .webi:hover {
    opacity: 1 !important;
}

footer .webi img {
    width: 100px;
}

/* Generals */

h1 {
    font-weight: bold;
    font-size: 2.85em;
    letter-spacing: -1px;
    margin: 0;
    line-height: 1;
    color: #e4ba00;
}

h2 {
    font-weight: normal;
    margin-top: 10px;
}

h2.with_line,
#actualContent h2 {
    background: url('../img/hBg.png') repeat-x;
    background-position: bottom;
    line-height: 1.8;
    margin-bottom: 25px;
    font-size: 2.5em;
    margin-top: 0;
}

.actualContent-header {
    background: url('../img/hBg.png') repeat-x;
    background-position: bottom;
    line-height: 1.8;
    margin-bottom: 25px;
    font-size: 2.5em;
    margin-top: 0;
}

h3 {
    font-size: 2.14em;
    font-weight: normal;
    margin: 0;
}

h4 {
    font-size: 1.48em;
    font-weight: normal;
    margin-bottom: 12px;
    margin-top: 15px;
    clear: both;
}

h5 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
}

a {
    text-decoration: none;
    color: #E0B102;
}

.links_li .rot {
    margin-right: 10px;
    color: #ffffff !important;
}

.rot:focus,
.rot:hover,
.rot:visited {
    color: #ffffff !important;
}

.links_li li:before {
    content: ' ' !important;
}

.blog_link {
    margin-top: 10px;
    display: block;
}

.blog_link:hover {
    color: white !important;
}

a:hover {
    color: #43484b;
}

.fullWidth {
    /* width: 980px;
    margin: 0 auto; */
}

button.style,
a.button,
input[type=submit] {
    display: inline-block;
    margin-bottom: 3px;
    text-align: center;
    padding: 2px 12px 2px 9px;
    border-radius: 20px;
    text-shadow: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    color: #43484b;
    background: #ffda37;
    background: -moz-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ffda37), color-stop(100%, #f7cd11));
    background: -webkit-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -o-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: -ms-linear-gradient(top, #ffda37 30%, #f7cd11 100%);
    background: linear-gradient(to bottom, #ffda37 30%, #f7cd11 100%);
    border: 0;
}

a.tags {
    text-align: center;
    padding: 2px 12px 2px 9px;
    border-radius: 20px;
    text-shadow: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    background: #3B9DE6;
    color: #ffffff;
    border: 0;
    display: inline-block;
    margin: 5px 0 10px 5px;
}

a.tags:hover {
    text-decoration: none;
}

button:hover,
a.button:hover,
input[type=submit]:hover {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25) inset;
    color: #43484b !important;
}

.biggerButton {
    font-size: 1.4em;
    /*padding:6px 12px !important;*/
}

/*.playButton{width:1em;line-height:1em;border-radius: 1em;}*/

.fineLine {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px 0 #fff;
    margin-bottom: 1px;
}

.left {
    text-align: left;
}

.fL {
    float: left;
    clear: both;
}

ul {
    padding: 0;
    margin: 1em 0.6em 0 0;
}

ol {
    padding: 0 20px 0 0;
}

ul li {
    list-style-type: none;
    text-indent: -0.6em;
}

.inner ul li:before {
    content: '\2022';
    font-size: 1.2em;
    color: #e4ba00;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    line-height: 1em;
    margin-left: 3px;
}

.inner ul[dir="ltr"] li:before {
    margin-left: 0px;
    margin-right: 4px;
}

label {
    cursor: pointer;
}

.half {
    /* width: 45%; */
    float: right;
}

.half:nth-of-type(2n) {
    float: left;
}

form {
}

input[type=text],
input[type=password],
input[type=date] {
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25) inset;
    border: 0;
    height: 30px;
    /* width: 246px; */
    padding: 0 5px;
    -webkit-appearance: none;
}

.full-inp {
    width: 100% !important;
}

input.short {
    width: 30px;
    display: inline-block;
}

textarea {
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25) inset;
    border: 0;
    width: 246px;
    padding: 0 5px;
}

.selectParent {
    /* width: 256px; */
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25) inset;
    height: 30px;
    background: #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* width: 280px; */
    border: 0;
    background: url(../img/tri.gif) no-repeat 9px 13px transparent;
    padding: 0px 5px;
    background-size: 10px;
}

input[type=submit] {
    clear: both;
    border: 0;
    /*font-size: 1.5em;*/
}

html,
button,
input,
select,
textarea {
    font-family: 'Assistant', 'sans-serif';
}

img.icon {
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.strong {
    font-weight: bold;
}

.ribbon-wrapper {
    width: 64px;
    height: 64px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    left: -5px;
}

.ribbon-content {
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.3em;
    text-align: center;
    transform: rotate(-45deg);
    position: relative;
    left: 6px;
    top: 14px;
    width: 90px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    text-shadow: none;
}

.ribbon-content:before,
.ribbon-content:after {
    content: "";
    border-top: 3px solid #611241;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon-content:before {
    left: 0;
}

.ribbon-content:after {
    right: 0;
}

.ribbon-content.free {
    color: #0d4d76;
    background-color: #66b9f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66b9f1), to(#2598e3));
    background-image: -webkit-linear-gradient(top, #66b9f1, #2598e3);
    background-image: -moz-linear-gradient(top, #66b9f1, #2598e3);
    background-image: -ms-linear-gradient(top, #66b9f1, #2598e3);
    background-image: -o-linear-gradient(top, #66b9f1, #2598e3);
}

.ribbon-content.new {
    color: #9b7f00;
    background-color: #ffea8c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffea8c), to(#ffd102));
    background-image: -webkit-linear-gradient(top, #ffea8c, #ffd102);
    background-image: -moz-linear-gradient(top, #ffea8c, #ffd102);
    background-image: -ms-linear-gradient(top, #ffea8c, #ffd102);
    background-image: -o-linear-gradient(top, #ffea8c, #ffd102);
}

/*smb */

.marketingVideo {
    background: url('../img/smb/macbook.png') no-repeat center top;
    text-align: center;
    margin-top: 20px;
    padding-top: 39px;
    height: 468px;
}

.values {
    margin-bottom: 2em;
}

.value p {
    margin: 0;
}

.feature {
    text-align: center;
    margin-bottom: 2em;
}

.priceBox.third:hover {
    background: rgba(255, 213, 26, 0.5);
}

/* .priceBox:nth-child(2) {
    margin: 0 16px;
} */

.priceBox strong {
    font-size: 4em;
}

.priceBox strong:before {
    content: '\20AA';
    font-size: 0.3em;
}

.priceBox small {
    font-weight: normal;
}

.third {
    /* width: 296px; */
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.biggerPlan {
    display: block;
    font-size: 2.5em;
    padding: 0.3em 0;
    text-align: center;
    margin-bottom: 2em;
}

.biggerPlan:hover {
    color: #fff;
    background: #000;
}

.quote.third {
    background: #fff;
    /* width: 286px; */
    padding-top: 15px;
    padding-bottom: 15px;
    color: #43484b;
    margin-bottom: 1em;
    /* height: 220px; */
    height: 260px;
    position: relative;
}

.quote:nth-child(2) {
    /* margin: 0 0.5%; */
}

.block-abs {
    position: absolute;
    bottom: 0;
    left: 0;
}

.quote img {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    /* left: 50%; */
    /* margin-left: -130px; */
}

/*.alpha{background:rgba(255,255,255,0.5);padding:25px 0;}
.third img{float:right;margin-left:15px;}
.alpha .third:nth-child(2){border-left:1px solid #ccc;border-right:1px solid #ccc;}
.alpha, .alphadivide{margin-bottom:40px;}
.alphadivide .alpha{margin-bottom: 0;}
label.alpha{margin-bottom: 1em;}
.alphadivide .third, label.third{width:286px;padding-top:15px;padding-bottom:15px;}
.alphadivide .third:hover, label.third:hover, label.third.checked{background:rgba(255,213,26,0.5);}
.alphadivide a.third{color:#43484b;}
.alphadivide .third:nth-child(2){margin:0 16px;}
.alphadivide .third input, label.third input{margin-left:10px;}
.alphadivide .third span, label.third span{font-size:1.2em;display:block;margin-bottom:6px;}
.alphadivide .third:nth-child(3), label.third:nth-child(3){position:relative;}
.alphadivide .third:nth-child(3) img, label.third:nth-child(3) img{position:absolute;top:-8px;left:-8px;margin:0;float:none;}*/

.quickPopupLink {
    padding-left: 2em !important;
}

.quickPopupLinkUser {
    padding-left: 2em !important;
}

.quickPopupLinkBottom {
    padding-left: 2em !important;
    text-decoration: underline;
}

.quickPopupLink:after {
    content: "";
    background-image: url("../img/icon_chat.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    background-color: rgba(230, 228, 228, 0.6) !important;
    color: #666666;
    border-radius: 18px;
    line-height: 1em;
    top: 25%;
    margin-top: -0.5em;
    padding: 0 3px;
}

.quickPopup {
    position: absolute;
    background: #454a4d;
    left: 0;
    top: 5px;
    z-index: 1;
    text-shadow: none;
    color: #fff;
    padding: 35px 30px;
    line-height: 1.5;
    font-size: 1.15em;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 16;
    display: none;
    min-width: 205px;
}

.quickPopup .close {
    color: #ffda37;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

.quickPopupBottom .close {
    color: #ffda37;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

.quickPopup a {
    display: block;
    color: #fff;
}

.quickPopupBottom a {
    display: block;
    color: #fff;
}

.quickPopup a:hover {
    color: #ffda37;
}

.quickPopupBottom a:hover {
    color: #ffda37;
}

iframe {
    border: 0;
}

td {
    vertical-align: top;
    padding-bottom: 35px;
}

td:nth-child(2) {
    padding-right: 25px;
}

.error {
    background: red;
    color: #fff;
}

#SMBcontact {
    background: #454a4d;
    text-shadow: none;
    color: #fff;
    line-height: 1.5;
    padding: 35px 30px;
    margin-top: 30px;
}

#SMBcontact h2,
#SMBcontact h4 {
    color: #e4ba00;
    font-weight: bold;
    margin-top: 0;
}

#SMBcontact .form {
    /* width: 60%; */
    float: right;
}

#SMBcontact .form > div {
    font-size: 1.5em;
}

#SMBcontact .details {
    /* width: 40%; */
    float: left;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.np {
    padding: 0;
}

.nobullet {
    margin: 0 5px 0 0;
}

ul.nobullet li:before {
    content: "";
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    z-index: 8;
}

.navbar-inverse .navbar-toggle {
    background-color: #ffda37;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #ffda37;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffda37;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}

ul.navigation-menu {
    list-style-type: none;
    overflow: hidden;
    text-align: center;
}

ul.navigation-menu li a {
    text-align: center;
    text-decoration: none;
}

.proso-navigation-menu {
    margin: 0 !important;
}

ul.proso-navigation-menu li:before {
    content: "\00a0";
}

/* nu kak-to tak*/

@media only screen and (min-width: 320px) {

    .quickPopupBottom {
        position: absolute;
        background: #454a4d;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        padding: 35px 30px;
        line-height: 1.5;
        font-size: 1.15em;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 16;
        display: none;
        min-width: 205px;
    }

    .header-new-desktop {
        display: none;
    }

    .header-new-mobile {
        display: block;
    }

    .gift {
        display: none;
        position: absolute;
        left: 10%;
        top: 3%;
        z-index: 8;
        width: 116px;
        height: 116px;
    }

    .proso {
        width: 145px;
        height: 66.2px;
        margin-top: 5px;
    }

    .quickContantMob {
        margin-top: 5px;
    }

    .mar-bot {
        margin-bottom: 10px;
    }

    .mar-top {
        margin-top: 10px;
    }

    .mar-top-double {
        margin-top: 20px;
    }

    .soc-links-mob {
        text-align: center;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .desktop-li {
        display: none !important;
    }

    .desktop-a {
        display: none !important;
    }

    ul.navigation-menu li {
        display: block;
        list-style-type: none;
        width: 100%;
        padding: 0 10px;
        font-size: inherit;
    }

    nav a {
        color: #ffffff;
        margin-left: 22px;
        display: inherit;
        top: -2px;
        position: relative;
        border-bottom: 1px solid #ccc;
        font-size: 1.2em;
    }

    .quickContantMob {
        position: inherit;
    }

    .contactPopup {
        width: 100%;
    }

    .login-popup-form {
        /* float: right; */
        border-bottom: 1px solid #ccc;
        border-left: 0px solid #ccc;
        padding-left: 20px;
        /* width: 279px; */
        padding-bottom: 10px;
    }

    #sidebar {
        /* width: 382px; */
        /* float: left; */
        margin-top: 0px;
    }

    .progress-button a {
        float: none;
    }

    .progress-button {
        text-align: center;
        margin-top: 15px;
    }

    .login-popup-menu {
        float: left;
        line-height: 50px;
        position: static;
        margin-top: 14px;
        font-size: 14px;
    }

    .login-popup-menu-item {
        text-align: center;
    }

    .np-mobile {
        padding: 0;
    }

    .col-lg-4-spacing {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .drop-down-filter {
        font-size: 1.5em;
    }

    .chapter-name {
        font-size: 1.10em;
    }

    .free-box-header {
        text-align: center;
        margin: 10px 0;
    }

    .text-position-right {
        text-align: center;
        margin-top: 1.0em;
    }

    .text-position-left {
        text-align: center;
    }

    .newUnit .topBox a.unit_bookmark {
        float: none;
    }

    .new_materials-header {
        font-size: 2.0em !important;
    }

    .free_hero-header {
        font-size: 2.0em !important;
        text-align: center;
    }

    .value img {
        float: none;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .value {
        margin-bottom: 2em;
        text-align: center;
    }

    .episodes-mobile {
        margin-top: 25px;
    }

    .addthis_sharing_toolbox {
        text-align: center;
    }

    .href-desktop {
        display: none !important;
    }

    .marketing-h1 {
        font-size: 2.0em !important;
        text-align: center !important;
    }

    .marketing-h3 {
        font-size: 1.5em !important;
    }

    .marketing-h2 {
        font-size: 1.6em !important;
        text-align: center !important;
    }

    .mob-center {
        text-align: center;
    }

    .courseName-header {
        font-size: 2.3em !important;
    }

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

    footer .socialLinks {
        float: left;
        margin-bottom: 0px;
    }

    .hide-logo-mob {
        display: none !important;
    }

    .priceBox.third {
        background: #ffda37;
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        width: 100% !important;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #43484b;
        margin: 1em 0;
    }
}

@media only screen and (min-width: 480px) {

    .quickPopupBottom {
        position: absolute;
        background: #454a4d;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        padding: 35px 30px;
        line-height: 1.5;
        font-size: 1.15em;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 16;
        display: none;
        min-width: 205px;
    }

    .header-new-desktop {
        display: none;
    }

    .header-new-mobile {
        display: block;
    }

    .gift {
        display: none;
        position: absolute;
        left: 10%;
        top: 3%;
        z-index: 8;
        width: 116px;
        height: 116px;
    }

    .proso {
        width: 145px;
        height: 66.2px;
        margin-top: 5px;
    }

    .quickContantMob {
        margin-top: 5px;
    }

    .mar-bot {
        margin-bottom: 10px;
    }

    .mar-top {
        margin-top: 10px;
    }

    .mar-top-double {
        margin-top: 20px;
    }

    .soc-links-mob {
        text-align: center;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .desktop-li {
        display: none !important;
    }

    .desktop-a {
        display: none !important;
    }

    ul.navigation-menu li {
        display: block;
        list-style-type: none;
        width: 100%;
        padding: 0 10px;
        font-size: inherit;
    }

    nav a {
        color: #ffffff;
        margin-left: 22px;
        display: inherit;
        top: -2px;
        position: relative;
        border-bottom: 1px solid #ccc;
        font-size: 1.2em;
    }

    .quickContantMob {
        position: inherit;
    }

    .contactPopup {
        width: 100%;
    }

    .login-popup-form {
        /* float: right; */
        border-bottom: 1px solid #ccc;
        border-left: 0px solid #ccc;
        padding-left: 20px;
        /* width: 279px; */
        padding-bottom: 10px;
    }

    #sidebar {
        /* width: 382px; */
        /* float: left; */
        margin-top: 0px;
    }

    .progress-button a {
        float: none;
    }

    .progress-button {
        text-align: center;
        margin-top: 15px;
    }

    .login-popup-menu {
        float: left;
        line-height: 50px;
        position: static;
        margin-top: 14px;
        font-size: 14px;
    }

    .login-popup-menu-item {
        text-align: center;
    }

    .np-mobile {
        padding: 0;
    }

    .col-lg-4-spacing {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .drop-down-filter {
        font-size: 1.5em;
    }

    .chapter-name {
        font-size: 1.10em;
    }

    .free-box-header {
        text-align: center;
        margin: 10px 0;
    }

    .text-position-right {
        text-align: center;
        margin-top: 1.0em;
    }

    .text-position-left {
        text-align: center;
    }

    .newUnit .topBox a.unit_bookmark {
        float: none;
    }

    .new_materials-header {
        font-size: 2.0em !important;
    }

    .free_hero-header {
        font-size: 2.0em !important;
        text-align: center;
    }

    .value img {
        float: none;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .value {
        margin-bottom: 2em;
        text-align: center;
    }

    .episodes-mobile {
        margin-top: 25px;
    }

    .addthis_sharing_toolbox {
        text-align: center;
    }

    .href-desktop {
        display: none !important;
    }

    .marketing-h1 {
        font-size: 2.0em !important;
        text-align: center !important;
    }

    .marketing-h3 {
        font-size: 1.5em !important;
    }

    .marketing-h2 {
        font-size: 1.6em !important;
        text-align: center !important;
    }

    .mob-center {
        text-align: center;
    }

    .courseName-header {
        font-size: 2.3em !important;
    }

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

    footer .socialLinks {
        float: left;
        margin-bottom: 0px;
    }

    .hide-logo-mob {
        display: none !important;
    }

    .priceBox.third {
        background: #ffda37;
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        width: 100% !important;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #43484b;
        margin: 1em 0;
    }
}

@media only screen and (min-width: 768px) {

    .quickPopupBottom {
        position: absolute;
        background: #454a4d;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        padding: 35px 30px;
        line-height: 1.5;
        font-size: 1.15em;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 16;
        display: none;
        min-width: 205px;
    }

    .header-new-desktop {
        display: none;
    }

    .header-new-mobile {
        display: block;
    }

    .gift {
        display: none;
        position: absolute;
        left: 10%;
        top: 3%;
        z-index: 8;
        width: 116px;
        height: 116px;
    }

    .proso {
        width: 184px;
        height: 84.25px;
        margin-top: 5px;
    }

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

    .quickContantMob {
        margin-top: 0px;
    }

    .mar-bot {
        margin-bottom: 0px;
    }

    .mar-top {
        margin-top: 0px;
    }

    .mar-top-double {
        margin-top: 0px;
    }

    .soc-links-mob {
        text-align: left;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .desktop-li {
        display: none !important;
    }

    .desktop-a {
        display: none !important;
    }

    ul.navigation-menu li {
        display: inline;
        list-style-type: none;
        padding: 0;
        font-size: inherit;
    }

    nav a {
        color: #ffffff;
        margin-left: 22px;
        display: inherit;
        top: -2px;
        position: relative;
        border-bottom: 0px solid #ccc;
        font-size: 1.2em;
    }

    .quickContantMob {
        position: relative;
    }

    .contactPopup {
        width: 360px;
    }

    .login-popup-form {
        /* float: right; */
        border-left: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding-left: 20px;
        /* width: 279px; */
        padding-bottom: 0px;
    }

    #sidebar {
        /* width: 382px; */
        /* float: left; */
        margin-top: 72px;
    }

    .progress-button a {
        float: left;
    }

    .progress-button {
        text-align: inherit;
        margin-top: 0px;
    }

    .login-popup-menu {
        float: left;
        line-height: 50px;
        position: relative;
        margin-top: 14px;
        font-size: 14px;
    }

    .login-popup-menu-item {
        text-align: center;
    }

    .np-mobile {
        padding: inherit;
    }

    .col-lg-4-spacing {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .chapter-name {
        font-size: 1.48em;
    }

    .free-box-header {
        text-align: right;
        margin: 0;
    }

    .text-position-right {
        text-align: right;
        margin-top: 1.0em;
    }

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

    .newUnit .topBox a.unit_bookmark {
        float: left;
    }

    .new_materials-header {
        font-size: 2.5em !important;
    }

    .free_hero-header {
        font-size: 2.5em !important;
        text-align: center;
    }

    .value img {
        float: none;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .value {
        margin-bottom: 2em;
        text-align: center;
    }

    .episodes-mobile {
        margin-top: 25px;
    }

    .addthis_sharing_toolbox {
        text-align: right;
    }

    .href-desktop {
        display: inline-block !important;
    }

    .marketing-h1 {
        font-size: 2.85em !important;
        text-align: center !important;
    }

    .marketing-h3 {
        font-size: 2.14em !important;
    }

    .marketing-h2 {
        font-size: 2.5em !important;
        text-align: center !important;
    }

    .mob-center {
        text-align: center;
    }

    .courseName-header {
        font-size: 2.85em !important;
    }

    footer .socialLinks {
        float: left;
        margin-bottom: 25px;
    }

    .hide-logo-mob {
        display: none !important;
    }

    .priceBox.third {
        background: #ffda37;
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        width: 100% !important;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #43484b;
        margin: 1em 0;
    }
}

@media only screen and (min-width: 992px) {

    .quickPopupBottom {
        position: absolute;
        background: #454a4d;
        left: -50px;
        bottom: -60px;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        padding: 35px 30px;
        line-height: 1.5;
        font-size: 1.15em;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 16;
        display: none;
        min-width: 205px;
    }

    .header-new-desktop {
        display: none;
    }

    .header-new-mobile {
        display: block;
    }

    .gift {
        display: none;
        position: absolute;
        left: 10%;
        top: 3%;
        z-index: 8;
        width: 116px;
        height: 116px;
    }

    .proso {
        width: 184px;
        height: 84.25px;
        margin-top: 5px;
    }

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

    .quickContantMob {
        margin-top: 0;
    }

    .mar-bot {
        margin-bottom: 0px;
    }

    .mar-top {
        margin-top: 0px;
    }

    .mar-top-double {
        margin-top: 0px;
    }

    .soc-links-mob {
        text-align: left;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    .desktop-li {
        display: inline !important;
    }

    .desktop-a {
        display: block !important;
    }

    ul.navigation-menu li {
        display: inline;
        list-style-type: none;
        padding: 0;
        font-size: 14px;
    }

    nav a {
        color: #ffffff;
        margin-left: 22px;
        display: inherit;
        top: -2px;
        position: relative;
        border-bottom: 0px solid #ccc;
        font-size: 1.2em;
    }

    .quickContantMob {
        position: relative;
    }

    .contactPopup {
        width: 360px;
    }

    .login-popup-form {
        /* float: right; */
        border-left: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding-left: 20px;
        padding-bottom: 0px;
        /* width: 279px; */
    }

    #sidebar {
        /* width: 382px; */
        /* float: left; */
        margin-top: 72px;
    }

    .progress-button a {
        float: left;
    }

    .progress-button {
        text-align: inherit;
        margin-top: 0px;
    }

    .login-popup-menu {
        float: left;
        line-height: 50px;
        position: relative;
        margin-top: 14px;
        font-size: 14px;
    }

    .login-popup-menu-item {
        text-align: right;
    }

    .np-mobile {
        padding: inherit;
    }

    .col-lg-4-spacing {
        width: 32.33333333%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .chapter-name {
        font-size: 1.48em;
    }

    .free-box-header {
        text-align: right;
        margin: 0;
    }

    .text-position-right {
        text-align: right;
        margin-top: 1.0em;
    }

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

    .newUnit .topBox a.unit_bookmark {
        float: left;
    }

    .new_materials-header {
        font-size: 2.5em !important;
    }

    .free_hero-header {
        font-size: 2.5em !important;
        text-align: right;
    }

    .value img {
        float: right;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .value {
        margin-bottom: 2em;
        text-align: right;
    }

    .episodes-mobile {
        margin-top: 25px;
    }

    .addthis_sharing_toolbox {
        text-align: right;
    }

    .href-desktop {
        display: inline-block !important;
    }

    .marketing-h1 {
        font-size: 2.85em !important;
        text-align: right !important;
    }

    .marketing-h3 {
        font-size: 2.14em !important;
    }

    .marketing-h2 {
        font-size: 2.5em !important;
        text-align: right !important;
    }

    .mob-center {
        text-align: right;
    }

    .courseName-header {
        font-size: 2.85em !important;
    }

    footer .socialLinks {
        float: left;
        margin-bottom: 25px;
    }

    .hide-logo-mob {
        display: none !important;
    }

    .priceBox.third {
        background: #ffda37;
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        width: inherit !important;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #43484b;
        margin: 1em 1em;
    }
}

@media only screen and (min-width: 1200px) {
    .quickPopupBottom {
        position: absolute;
        background: #454a4d;
        left: -50px;
        bottom: -60px;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        padding: 35px 30px;
        line-height: 1.5;
        font-size: 1.15em;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        z-index: 16;
        display: none;
        min-width: 205px;
    }

    .header-new-desktop {
        display: block;
    }

    .header-new-mobile {
        display: none;
    }

    .gift {
        display: block;
        position: absolute;
        left: 0%;
        top: 0%;
        z-index: 8;
        width: 7%;
        height: 116px;
    }

    .proso {
        width: 184px;
        height: 84.25px;
        margin-top: 5px;
    }

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

    .hide-logo-mob {
        display: block !important;
    }

    .quickContantMob {
        margin-top: 0;
    }

    .mar-bot {
        margin-bottom: 0px;
    }

    .mar-top {
        margin-top: 0px;
    }

    .mar-top-double {
        margin-top: 0px;
    }

    .soc-links-mob {
        text-align: left;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    .desktop-li {
        display: inline !important;
    }

    .desktop-a {
        display: block !important;
    }

    ul.navigation-menu li {
        display: inline;
        list-style-type: none;
        padding: 0;
        font-size: inherit;
    }

    nav a {
        color: #ffffff;
        margin-left: 22px;
        display: inherit;
        top: -2px;
        position: relative;
        border-bottom: 0px solid #ccc;
        font-size: 1.2em;
    }

    .quickContantMob {
        position: relative;
    }

    .contactPopup {
        width: 360px;
    }

    .login-popup-form {
        /* float: right; */
        border-left: 1px solid #ccc;
        border-bottom: 0px solid #ccc;
        padding-left: 20px;
        padding-bottom: 0px;
        /* width: 279px; */
    }

    #sidebar {
        /* width: 382px; */
        /* float: left; */
        margin-top: 72px;
    }

    .progress-button a {
        float: left;
    }

    .progress-button {
        text-align: inherit;
        margin-top: 0px;
    }

    .login-popup-menu {
        float: left;
        line-height: 50px;
        position: relative;
        margin-top: 14px;
        font-size: 14px;
    }

    .login-popup-menu-item {
        text-align: right;
    }

    .np-mobile {
        padding: inherit;
    }

    .col-lg-4-spacing {
        width: 32.33333333%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .chapter-name {
        font-size: 1.48em;
    }

    .free-box-header {
        text-align: right;
        margin: 0;
    }

    .text-position-right {
        text-align: right;
        margin-top: 0;
    }

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

    .newUnit .topBox a.unit_bookmark {
        float: left;
    }

    .new_materials-header {
        font-size: 2.5em !important;
    }

    .free_hero-header {
        font-size: 2.5em !important;
        text-align: right;
    }

    .value img {
        float: right;
        margin-left: 5px;
        margin-bottom: 20px;
    }

    .value {
        margin-bottom: 2em;
        text-align: right;
    }

    .episodes-mobile {
        margin-top: 0px;
    }

    .addthis_sharing_toolbox {
        text-align: right;
    }

    .href-desktop {
        display: inline-block !important;
    }

    .marketing-h1 {
        font-size: 2.85em !important;
        text-align: right !important;
    }

    .marketing-h3 {
        font-size: 2.14em !important;
    }

    .marketing-h2 {
        font-size: 2.5em !important;
        text-align: right !important;
    }

    .mob-center {
        text-align: right;
    }

    .courseName-header {
        font-size: 2.85em !important;
    }

    footer .socialLinks {
        float: left;
        margin-bottom: 0px;
    }

    .priceBox.third {
        background: #ffda37;
        font-size: 1.5em;
        line-height: 1;
        font-weight: bold;
        width: inherit !important;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #43484b;
        margin: 1em 1em;
    }
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}

.my-responsive {
    display: block;
    width: 100%;
    height: auto;
}

.dp {
    border-bottom: 1px dotted #939598 !important;
    margin-bottom: 0.5em !important;
    font-weight: bold !important;
    letter-spacing: -1px !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: #e4ba00 !important;
    display: block !important;
    font-size: 1.5em !important;
}

.show-info-course-mobile {
    background: url('../img/icon_info.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 26px;
    height: 25px;
    display: block;
}

.hide-info-course-mobile {
    background: url('../img/info_arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 26px;
    height: 25px;
    display: block;
}

.uparrow {
    background: #5ba2b6;
    color: #ffffff;
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    padding-top: 0.5rem;
    cursor: pointer;
    width: 66px;
    height: 66px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: none;
    box-shadow: 0px 0.5px 1px #000000;
    line-height: 2rem;
    z-index: 1;
}

.prosoLogoPowered {
    width: 106px;
    height: 56px;
}

.fr {
    float: right;
}

.ep-pad {
    padding-top: 1.5% !important;
}

.companySelect {
    padding: 6px;
    border: 1px solid black;
    margin-bottom: 16px;
}

.chapter-vid {
    margin-bottom: 1em !important;
}

.search_inp {
    display: inline-block !important;
}

.proso-header {
    background: #19354F;
    height: 90px;
}

.category-search-block {
    background: rgba(255, 255, 255, 0.4);
    padding: 10px 0px 19px 0px;
}

.category-dropbox,
.category-dropbox:focus {
    border-radius: 0;
    border: 0px;
    border-bottom: 2px solid #E0B102;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 20px;
    background: inherit;
    color: #19354F;
    background-image: url("../img/path.png");
    background-repeat: no-repeat;
    background-size: 13px 9px;
    background-position-y: center;
    line-height: 1.0;
}

.search-icon {
    background-image: url("../img/icon_search.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
}

.search-icon-mob {
    background-image: url("../img/icon_search.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 15px;
}

.proso-search, .proso-search:focus {
    border-radius: 0 !important;
    background: inherit !important;
    border: 0px !important;
    border-bottom: 2px solid #E0B102 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    font-size: 20px !important;
    padding-right: 22px !important;
    color: #19354F !important;
    margin-bottom: 0 !important;
    height: 34px !important;

}

.proso-category-wrapper {
    padding-right: 0px;
}

.proso-search-wrapper {
    padding-left: 0px;
}

.proso-search-wrapper-mob {
    margin: 5px 0;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px 0;
}

.proso-category-wrapper-mob {
    margin: 5px 0;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.4);
}

.category-dropbox:hover {
    font-size: 20px;
}

.search-box {
    background: inherit;
    margin-top: 20px !important;
    box-shadow: none;
    padding: 20px 15px;
}

.proso-breadcrumps {
    color: #43484B;
    font-size: 26px;
    line-height: 1.45;
    margin-bottom: 0;
    font-weight: bold;
}

.proso-breadcrumps-mob {
    color: #43484B;
    font-size: 18px;
    line-height: 1.45;
    margin-bottom: 0;
    font-weight: bold;
}

input.proso-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #757D80;;
    opacity: 1; /* Firefox */
}

input.proso-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #757D80;;
}

input.proso-search::-ms-input-placeholder { /* Microsoft Edge */
    color: #757D80;;
}

img.new_icon {
    margin-left: 12px;
    position: relative;
    top: -2px;
}

img.new_icon-right {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.new-icon-text {
    margin-top: 10px;
    margin-bottom: 10px;
}

.teacher-time {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    background: #ffffff;
    bottom: 0;
    z-index: 1;
    max-height: 50px;
    height: 50px;
    color: #19354F;
    font-weight: 400;
    font-size: 16px;
}

.new-icon-text {
    color: #19354F;
    font-weight: 400;
    font-size: 16px;
}

img.new_icon_unit {
    margin-left: 5px;
    position: relative;
    top: -2px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

img.new_icon_unit-right {
    margin-right: 2px;
    position: relative;
    top: -2px;
    margin-left: 5px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.material-search-wrapper {
    background: #fff;
    padding: 10px 15px 20px 15px;
    min-height: 6.0em;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
}

.s-mat-link {
    font-size: 20px;
    font-weight: bold;
}

.pdf-icon-wrap {
    margin-bottom: 10px;
}

.proso-mat {
    margin-bottom: 15px;
    margin-top: 15px;
}

.ask-us a,
.ask-us a:visited,
.ask-us a:focus {
    color: #19354F;
    font-size: 24px;
}

.mobile-hamb {
    background: #FFCF1A;
    color: #ffffff;
    border-color: #FFCF1A;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    padding: 10px 16px;
}

.mobile-hamb:active {
    background: #19354F !important;
    color: #ffffff !important;
    border-color: #19354F !important;
    font-weight: bold;
    border-radius: 10px;
}

.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #19354F;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
    text-align: center;
    width: 69%;
    display: none;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 22px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    background: inherit;
}

.sidenav a:not(.closebtn) {
    line-height: 1.3;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 36px;
    margin-left: 0px;
    background: transparent !important;
}

.sidenav a.on {
    background: #FFCF1A !important;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.umobname {
    color: #FFCF1A !important;
}

.usermob-menu-part {
    border-top: 1px solid #E0B102;
    border-bottom: 1px solid #E0B102;
}