.note-preview-wrapper .adsbygoogle { float: left; margin-right: 10px; margin-bottom: 10px; }

/*REGISTRATION POPUP*/
.registration-popup-wrapper.registration-popup-wrapper-show { display: block; visibility: visible; }
.registration-popup-wrapper { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; width: 100%; height: 100vh; background: rgba(0,0,0,0.7);  }
.registration-popup-wrapper.static { display: block; position: static; width: initial; height: auto; background: none; }
.registration-popup-wrapper.static .registration-popup-close { display: none; }
.registration-popup { position: relative; display: block; width: 600px; height: 500px; /*background: #ff9c00;*/ font-family: 'Lato', sans-serif; /*overflow: hidden;*/ margin: 0 auto; margin-top: 30px; top: 10%; }

.registration-popup .registration-popup-bg { background: #ff9c00; overflow: hidden; position: relative; display: block; width: 600px; height: 500px; }

.registration-popup .registration-popup-close { display: block; width: 30px; height: 30px; background: #fff; border-radius: 50%; border: 3px solid #ff9c00; position: absolute; z-index: 2; right: -15px; top: -15px; cursor: pointer; transition: all ease-in 0.2s; }
.registration-popup .registration-popup-close .the-x { color: #ff9c00; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 24px; position: relative; top: -11px; right: -6px; transition: all ease-in 0.2s; margin: 0; }

.registration-popup .registration-popup-close:hover { background: #ff9c00; border: 3px solid #fff;}
.registration-popup .registration-popup-close:hover .the-x { color: #fff; ;
}

.registration-popup .registration-popup-bg .extra-line { height: 400px; width: 800px; background: #ffaa25; position: absolute; z-index: 0; transform:rotate(-31.5deg); -webkit-transform:rotate(-31.5deg)
-moz-transform:rotate(-31.5deg); -o-transform:rotate(-31.5deg); left: -164px; top: -211px; }
.registration-popup .popup-content-wrapper { z-index: 1; position: absolute; top: 0;}
.registration-popup .popup-content-wrapper img.logo-registration-popup { padding: 21px 0 0 26px;  }
.registration-popup .icon-holder { text-align: center;  }
.registration-popup img.ok-icon {  }
.registration-popup h1.popup-header { font-size: 55px; text-align: center; font-weight: 700; color: #fff; margin-bottom: 25px; }
.registration-popup p.popup-content { text-align: center; padding: 0 50px; font-size: 23px; font-weight: 300; color: #fff; }
.registration-popup span.info-stats { font-weight: 700; z-index: 1; }
.registration-popup .button-section { text-align: center; height: 127px; width: 594px; background: #fff; position: absolute; display: block; margin-left: 3px; bottom: 3px; }

.registration-popup .popup-registration-btn { background: #5dc567; border: 0; padding: 12px 37px; color: #fff; font-size: 20px; outline: none; cursor: pointer; text-decoration: none; position: relative; display: inline-block; top: 33px; transition: all ease-in 0.2s; border-radius: 2px; }

.registration-popup .button-section .popup-registration-btn:hover { background: #42a94c; }

@media only screen and (max-width: 768px) {
  .registration-popup-wrapper { display: none; visibility: hidden; }
}


/* Small Devices, Tablets */
@media all and (min-width: 768px) {

  .main-content { margin-top: 0; }
  /*==========  Mainpage header  ==========*/
  .page-header { font: bold 34px/38px Arial; color: #000000; padding: 30px; padding-top: 25px; padding-bottom: 15px; letter-spacing: -1px; text-align: left; padding-right: 0px; padding-left: 0; border-bottom: none; }
  .main-header { background: none; }
  .mp-top { background-image: url(../img/mp-theme-new.jpg); background-position: 75% 30%; }
  /* Logo */
  .logo-wrapper { float: left; clear: none; margin: 0 auto; position: relative; }
  .logo { float: left; margin-right: 25px; width: 170px; margin-top: 10px; }
  .logo a { display: block; }
  .logo img { width: 101%; max-width: 170px; }
  .subpage-header .logo { padding-top: 8px; }
  .subpage-header .nav-bar { height: 65px; }
  .subpage-header .search { background: none; }
  /* navigation */
  .nav { position: static; top: 0; display: block; padding: 0; border-top: none; /*float: right;*/ margin: 10px auto 0; background: none; }
  .nav ul { text-align: left; line-height: initial; margin-left: 10px; float: right; }
  .nav li { padding: 0 0; margin: 0; margin-right: 10px; float: left; }
  .nav > ul { margin-left: 0; }
  .nav a, .nav input { font-family: 'latolight', arial, sans-serif; font-size: 16px; }
  .nav.sub-nav { padding-top: 0; width: initial; }
  .nav.sub-nav li { margin-right: 0; }
  .sub-nav-container .container { position: relative; padding: 0 1px; }
  .mp-top .mp-catalog-btn { position: relative; }
  .mp-top .browser { top: 40px; min-width: 720px; }
  .browser ul { min-height: 250px; }
  .browser li { padding: 3px 8px; font-size: 17px; }
  .browser { top: 50px; left: 0; }
  .sub-top .browser { margin-left: 0; width: auto; }




  .user-auth-logged a,
  .user-auth-logged > span { position: relative; padding-left: 17px; padding: 0 20px; font-size: 12px; }
  .user-auth-logged a:before { position: absolute; top: 25px; }
  .user-auth-logged a.added-btn:before { content: "\f077"; left: 0px; }
  .user-auth-logged a.downloaded-btn:before { content: "\f078"; left: 0px; }
  .user-auth-logged a.settings-btn:before { content: "\f013"; left: 0px; }
  .user-auth-logged a.user-profile-btn:before { content: "\f007"; left: 0px; }
  .user-auth-logged a.cart-btn:before { content: "\f07a"; left: 0px; }
  .user-auth-logged a.cart-btn { font-weight: bold; }
  /*.user-auth-logged a.logout { height: 15px; display: inline; line-height: normal; position: absolute; color: #ddd; right: 0; bottom: 5px; font-size: 12px; font-family: 'latoregular', arial, sans-serif; }*/
  .user-auth-logged a.logout:hover { color: #f8a21a; }

  .user-subscription-info { display: block; }

  .mobile-nav-buttons > span.access-button { top: 10px; font-size: 14px; border-radius: 6px 0px 0px 6px; background: rgba(34,34,34,0.5); right: 0px; position: absolute; display: inline-block; text-align: left; padding: 10px 10px 10px 25px; font-family: 'latolight', arial, sans-serif; max-width: 160px;}
  /*.mobile-nav-buttons > span.access-button:active { min-width: 200px; }*/
  .mobile-nav-buttons span.user-name-btn { margin-left: 7px; }
  .mobile-nav-buttons > span.access-button.active,
  .mobile-nav-buttons > span.access-button:hover { background: #343735; }
  .mobile-nav-buttons .access-button:before { display: inline-block; }
  .mobile-nav-buttons .access-button:before { content: "\f007"; font-size: 20px; top: 6px; left: 50%; margin-left: -7px; position: static;}
  .auth-visible { display: block; }


  /* User auth btns */
  .user-auth-btns { background: none; margin: 10px 0; padding: 0; }
  .user-auth-btns.user-auth-non-logged { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .user-auth-btns.user-auth-logged { z-index: 3; display: none; padding: 5px 10px; border-radius: 5px; top: 40px; background: #343735; position: absolute; right: 0; width: 170px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
  .user-auth-btns.user-auth-logged .user-auth-btn { text-align: left; padding: 5px 0; width: 100%; }
  .user-auth-btns:hover { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

  /* slogan */
  .slogan p { font-size: 1.7em; color: #fff; line-height: 24px; }
  /* Mainpage search */
  .form-inline .form-control.mp-search-input { font-size: 16px; }
  /* Subpage search */
  .subpage-header .search { margin-left: 15px; margin-top: 6px; }
  .subpage-header .search form .form-group { width: auto; padding-left: 10px; }
  .subpage-header .search .form-group:before { left: auto; color: #595959; right: 10px; top: 3px; }
  .subpage-header .search .search-input { width: 270px; height: 35px; padding-left: 15px; }
  /* Breadcrumbs */
  .breadcrumbs { height: 35px; }
  .breadcrumbs li { padding: 8px 0; font-size: 12px; }
  .facebook-register-btn, .facebook-login-btn { width: 250px; }
  /* cookie */
  /* no activated */
  .no-activated { background: #111;height: 31px;line-height: 31px;text-align: center;color: #fff; }
  .no-activated p { margin-bottom: 0; line-height: 31px; }
  .no-activated:hover { color: #16a085; }
  /*==========  Mainpage content  ==========*/
  /* Text sections */
  .mp-section h2 { margin-top: 0; font-size: 3.16em; text-align: left; }
  .mp-section p { font-size: 17px; text-align: left; }
  .join-us.mp-section p { text-align: center; }
  .mp-separator-third { background: url(../img/table-main.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
  /* mainpage slogan */
  .slogan .main-text { font-size: 5.33em; }
  /* Database section */
  .database-icon { }
  .database-files-icon:before { position: absolute; }
  .database-icon:before { font-size: 132px; left: 50%; margin-left: -67px; }
  .database-icon:after { font-size: 100px; left: 110px; top: 77px; }
  .database-files-icon:before { font-size: 110px; left: 105px; top: 70px; }
  .database-files-icon:after { font-size: 50px; top: 105px; }
  /* Join us */
  .join-us h3 { font-size: 3.16em; }
  /* popular search */
  .popular-label { width: 25%; text-align: left; }
  .popular-links { width: 75%; }
  /*==========  Note view  ==========*/
  .note-header h1 { font-size: 3em; }
  .note-header h1:first-letter { text-transform: uppercase; }
  .note-content .note-preview-wrapper { padding: 15px 0; margin: 0 auto; }
  .note-info-wrapper .tags h2,
  .note-info-wrapper .tags h3 { font-size: 14px; }
  .note-info { top: 0; }
  .aside.note-preview-wrapper { margin-top: 50px; margin-left: -15px; margin-right: -30px; }
  /*.note-info-wrapper .tags { height: 55px; }*/
  .note-info-wrapper .tags li { display: inline-block; /*max-width: 32%;*/ margin-right: .5%; }
  .note-stats-wrapper { padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center;}
  .new-comment .new-comment-submit { position: absolute; top: 9px; right: 25px; }
  .new-comment .new-comment-content { width: 100%; padding: 17px 200px 17px 15px; border-radius: 3px; border: 1px solid #ddd; font-family: 'latoregular', sans-serif; color: #222222; }

  .note .download-note-wrapper { padding: 45px 0 0 45px; border-left: 1px solid #ddd; }

  /*==========  Note list  ==========*/
  .note-list { padding: 0 15px; }
  .note-list .single-note .note { padding: 0 15px; }
  .note-list .abstract { max-width: 530px; }
  /* pagination */
  .pagination { font-size: 14px; }
  .pagination li { margin-right: 5px; max-width: 33%; }
  .pagination .pagination-dots { min-width: 30px; padding: 0 8px; }
  .pagination-right { margin-left: 10px; }
  .pagination-left { margin-right: 10px; }
  /*==========  User auth pages  ==========*/
  .user-auth-content { margin: 25px auto 0; }
  .user-auth .logo { padding: 20px 0 15px 0; }
  .user-auth .tagline { margin-bottom: 25px; }
  .login-separator { margin-top: 20px; margin-bottom: 20px; }
  /*==========  404 page  ==========*/
  .error-page img { max-width: 100%; }
  .notfound-search .mini-search-input { width: 250px; }
  /*==========  Kursy wideo  ==========*/
  /**
   * Twoje kursy / Profil
   */
  .courses-page .courses-header.default-courses { background-image: url(../img/kursy-wideo/default-courses-theme.jpg); }
  /* Course player */
  /* Player */
  .course-player-wrapper .course-player { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; width: initial; }
  /* Lessons */
  .course-player-lessons { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; width: initial; }
  /**
   * Course page
   */
  .course { text-align: left; }
  .course-player-demo .course-player { margin-top: 35px; }
  /**
   * Courses list
   */
  .course .description { padding: 25px 0 20px 0; border-right: 1px solid #ddd; }
  .course .description .course-image { float: left; max-width: 125px; clear: none; }
  .course .description .description-content { float: left; clear: none; max-width: 70%; }
  .courses-list .btn { float: right; margin: 0; }
  .courses-list .course .details { padding: 25px 0 20px 25px; }
  .course-details { text-align: left; }
  .course-details .btn { width: 175px; float: left; }
  .course-details .bargain { margin: 0 auto; float: left; width: 290px; text-align: left; margin-bottom: 15px; }
  .course .details { padding: 25px 0 20px 0; }
  /* cta */
  .courses-cta .container { height: 110px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .courses-cta .btn { margin-top: 15px; margin-left: 20px; }
  /*==========  Checkout  ==========*/
  /*Login or register*/
  .checkout-log-or-reg .checkout-login-lockup { float: right; }
  .checkout-log-or-reg .checkout-register-lockup { float: left; }
}
/* Medium Devices, Desktops */
@media all and (min-width: 992px) {

  /*==========  Mainpage header  ==========*/
  .main-header { padding: 15px 10px; }
  .subpage-header .search { position: static; display: block; }
  /* slogan */
  .slogan { position: relative; max-width: 1100px; margin: 41px auto 0; float: none; }
  /* navigation */
  .nav { left: 25%; }
  /*==========  Note  ==========*/
  .note-page .aside { min-width: 275px; }
  .note-page .note-info-wrapper { clear: both; }

  /* Note view */
  .note-info-wrapper .tags li { width: auto; }

  /*==========  Kursy wideo  ==========*/
  .subject-description { max-width: 450px; }
  /**
   * Courses list
   */
  .course .description .course-image { max-width: 180px; }

}
/* Large Devices, Wide Screens */
@media all and (min-width: 1200px) {

  /*==========  Main page  ==========*/
  /* nav */
  .nav { left: 14%; width: 570px; float: left; }
  .nav ul { float: left; }
  /* Auth buttons */
  .user-auth-logged a,
  .user-auth-logged > span{ font-size: 14px; }
  /**
   * Course player
   */
  .course-player-content { width: 80%; }

}
@media all and (min-width: 1600px) {

  /*==========  Main page  ==========*/
  /* Navigation */
  .nav { left: 10%; }

}