/*==========  Loading spinner  ==========*/
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  z-index: 11;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #f6921e;
  border-color: #1c369e transparent #f6921e transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255,255,255,0.8);
  display: flex;
  align-item: center;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

/*==========  Fonts  ==========*/
@font-face {
  font-family: 'latolight';
  src: url('../media/fonts/lato-lig-webfont.eot');
  src: url('../media/fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
  url('../media/fonts/lato-lig-webfont.woff') format('woff'),
  url('../media/fonts/lato-lig-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'latoblack';
  src: url('../media/fonts/lato-bla-webfont.eot');
  src: url('../media/fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
  url('../media/fonts/lato-bla-webfont.woff') format('woff'),
  url('../media/fonts/lato-bla-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'latoregular';
  src: url('../media/fonts/lato-reg-webfont.eot');
  src: url('../media/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
  url('../media/fonts/lato-reg-webfont.woff') format('woff'),
  url('../media/fonts/lato-reg-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}


/*==========  Reuseable  ==========*/

.clear { clear: both; }
.hidden { display: none; }
.icon:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; }
.ficon:before,
.ficon:after { display: inline-block; font-family: 'FontAwesome', sans-serif; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:focus { outline: none; }
.text-center { text-align: center; }
.em { font-weight: bold; }
.em-color { color: #ff9c00; }
.outer-center { float: right; right: 50%; position: relative; }
.inner-center { float: right; right: -50%; position: relative; }
.req { color: #b30505; }
.alert-info { padding: 10px; text-align: center; font-family: arial, sans-serif; font-size: 14px; }
.clear { clear: both; }
/* temp */
.popup .container { min-width: 0 !important; width: auto; }
/*.container { min-width: 1110px !important; }*/
.container-full { width: 100%; }
/* disable */
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }
.btn:focus, .btn:active, .btn:active:focus, .btn.active:focus { outline: none; }
/*==========  Basic layout settings  ==========*/

* { outline: none; }
html, body { height: 100%; }
html { font-size: 16px; }
body { font-size: .75em; /* 12px */ color: #222; font-family: 'latolight', arial, sans-serif; }
a:hover { color: #333; text-decoration: none; }
body, html, .container, .wrapper { min-width: 300px !important; }
body.note-page, body.search-page, body.video-page {
  background-color: #f2f2f2; cursor: default; }
/*body.download-page { background: #282828 url(../img/kursy-wideo/download-bg.jpg) 50% 50% no-repeat; }*/
main { display: block; }
input:-webkit-autofill {
  background-color: #fff !important;
}
.main-page-body { background: #fff; }
.main-page-body .container { max-width: 100% !important; }
.mp-top .container { max-width: 100% !important; }
.main-content { height: 100%; }
.main-content.main-page { margin-top: 70px; }
.main-content.auth-page { margin-top: 0; }
.main-content.container { min-height: 0; height: auto; background: #fff; cursor: default; }
.main-content.container.full-width { width: 100%; height: 100%; }
.main-content.note-page { padding-right: 0; box-shadow: 0 0 15px #ddd; }
.note-download-page { background: none !important; }
/*.aside { display: none; }*/

/* site popup */
.site-popup { position: fixed; display: flex; align-items: center; justify-content: center; z-index: 20; background: rgba(226, 27, 34, 1); top: 50px; right: 50px; left: 50px; bottom: 50px; }
.site-popup img { width: 100%; }
.site-popup .close { top: 25px; right: 25px; color: #fff; z-index: 2; position: absolute; opacity: 1; font-size: 3em; }
.site-popup-content { cursor: pointer; transition: .2s all ease-in-out; -webkit-transition: .2s all ease-in-out; }
.site-popup-content:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }

/* Headers */
h1 { font-size: 1.83em; font-family: 'latoblack', arial, sans-serif; }
h2 { font-size: 24px; font-family: latoregular, arial, sans-serif; font-weight: bold; }
/*1.67*/
h3 { color: #3D3D3D; font: normal 19px/26px 'latoblack'; letter-spacing: initial; padding-bottom: 10px; border-bottom: 0; margin-left: -15px; margin-right: 0; margin-top: -10px; padding: 10px 15px 0; text-shadow: none; margin-bottom: 15px; }
/* Text */
.app-text { font-size: 1.16em; }
/* Alerts */
.alert { text-align: center; font-size: 1.16em; }
/* Buttons */
.btn:focus { color: #fff; outline: none; }
.btn-warning { background: #ff9c00; }
.btn-action { background: #2d312e; color: #fff; }
.btn-action { background: #ff9c00; color: #fff; border: none; border-bottom: 3px solid #e78100; }
.btn-action:hover { background: #e78100; color: #fff; }
.btn-action:focus, .btn-action.btn:focus { color: #fff; box-shadow: none; border-bottom: 3px solid #e78100; outline: none; }
.btn-alt-action { background: #369fe0; color: #fff; border-bottom: 3px solid #1369c0; }
.btn-alt-action:hover { background: #1369c0; color: #fff; }
.btn-download, .btn-download:disabled { display: block; background: #27ae60; color: #fff; border: none; padding: 10px 0; width: 200px; margin: 20px auto; float: none; font-size: 1.4em;
  border-bottom: 3px solid #16a085;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn-download-xs {
    max-width: 170px;
    background: #ff8f00;
    border-bottom: 3px solid #ff6f00;
    display: block;
    padding: 10px 30px;
    margin-top:5px;
    font-size: 15px;
    font-family: 'latoblack', arial, sans-serif;
    position: relative;
}

.btn-download-xs:hover{background: #ff8f00; border-bottom: 3px solid #ff6f00;}
.btn-download-xs:before{position: absolute; content: "\f019"; color: #fff; font-size: 15px; left: 10px; }

.btn-download.btn-buy { font-size: 14px; font-family: 'latoregular', arial, sans-serif; width: 170px; padding: 14px; }
.btn-download:before { position: absolute; content: "\f019"; color: #fff; font-size: 20px; left: 18px; top: 15px; }
.btn-download.btn-buy:before { content: "\f07a"; }
.btn-download:hover, .btn-download:focus{ background: #16a085; border-bottom: 3px solid #16a085; color: #fff; }
.btn-sec-action { color: #6e6e6e; text-decoration: none; font-family: 'latoregular', arial, sans-serif; display: block; text-align: center; width: 255px; height: 47px; background: #d5d5d5; border-bottom: 2px solid #939393; border-radius: 5px; font-size: 1.4em; }
.btn-sec-action:hover { background: #939393; color: #fff; border-bottom: 2px solid #939393; }
.btn-download.btn-sec-action { color: #6e6e6e; }
.delete-account { width: initial; background: #ddd; border: none; color: #454545; border-bottom: 3px solid #BDBDBD; padding: 6px 20px; }

/* Button secondary action */
.btn-secondary { background: #f6921e; border-bottom: 2px solid #ca730e; text-align: center; font-size: 18px; color: #fff; font-family: 'latomedium', sans-serif; padding: 10px 15px 6px; }
.btn-secondary:hover { background: #ca730e; }

/* Messages */
#messageItems { padding: 0; list-style: none; }
.message.messageError { background: #f2dede; padding: 10px 0; text-align: center; color: #b44746; border-radius: 5px 5px 0 0; border-bottom: 1px solid #b44746; }
.message.messageError:empty { background: none; border: 0; height: 10px; padding: 0; margin: 5px; }
.messageError { color: #b44746; }
/* page message */
.page-message, .auth-message { right: 25px; left: 50%; width: 20%; margin-left: -10%; cursor: pointer; z-index: 2; padding: 10px 15px; border: 0px solid #707070; background: rgba(145, 17, 17, 0.8); color: #fff; position: absolute; top: 10px; border-radius: 5px; font-family: 'latoregular', arial, sans-serif; font-size: 14px;
  transition: .5s 3s all ease-in-out;
  -webkit-transition: .5s 3s all ease-in-out;
}
.auth-message { background: #27ae60; }
.page-message.exists { -webkit-transform: translate(30px, 0); -ms-transform: translate(30px, 0); transform: translate(30px, 0); opacity: 0; }

/* Item tip */
.item-tip-container { position: relative; z-index: 3; }
.item-tip-container:hover .item-tip { opacity: 1; display: block; }
.item-tip { display: none; opacity: 0; z-index: -1; position: absolute; background: #27ae60; color: #fff; width: 250px; font-size: 14px; top: 60px; left: -50px; padding: 10px 15px; text-align: left; border-radius: 3px; font-family: 'latoregular', sans-serif; line-height: 18px; transition: .2s all ease-in-out; -webkit-transition: .2s all ease-in-out; }
.item-tip:before {position: absolute; z-index: 1; top: -12px; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 12px 14px 12px; border-color: transparent transparent #27ae5f transparent; }

/* Files list */
.files-list { width: 100%; }
.files-list-header { background: #f6f6f6; border: 1px solid #ddd; border-radius: 5px; }
.files-list tr { border-bottom: 1px solid #d9d9d9; }
.files-list td { padding: 5px; font-size: 1.16em; }
.files-list td:last-of-type { color: #d9d9d9; }
.files-list a { color: #666; }
/* status */
.file-status { display: block; text-indent: -998em; width: 20px; height: 20px; overflow: hidden; margin-left: 10px; float: left; margin-right: 5px; }
.file-status:before { display: block; content: ''; width: 20px; height: 20px; background: url(../img/file-status.png) no-repeat; }
.file-status.status-alert:before { background-position: 0 -20px; }
.file-status.status-error:before { background-position: 0 -40px; }
.files-list .share { width: 25px; }
/* Buttons */
/* btn group */
.btn-group > .btn-info { border-bottom: 3px solid #1369c0; }
.btn-group > .dropdown-menu { background: #333; }
.btn-group > .dropdown-menu > li > a { color: #fff; }

/*==========  Header  ==========*/
/*job belka*/

  .job-belka { cursor: pointer; position: fixed; z-index: 9; padding-top: 10px; display: block; min-height: 50px; min-width: 100%; background: #5160b6; color: #fff; font-family: 'latoregular', sans-serif; font-size: 16px; transition: all ease-out 0.2s; }
  .job-belka:hover { background: #424f9a; }
  .job-belka .belka-content { display: inline-block; }
  .job-belka p { display: inline-block; padding-right: 40px; }
  .job-belka span.belka-txt-bold { font-family: 'latoblack', sans-serif; }
  .job-belka .belka-btn { font-family: 'latoblack', sans-serif; color: #fff; display: inline-block; background: #5160b6; border: 1px solid #fff; border-radius: 5px; padding: 3px 18px; }
  .job-belka .belka-btn:hover { background: #fff; color: #5160b6; }

/* Head message */
.head-message { -webkit-transform: translateZ(0); cursor: pointer; position: fixed; z-index: 6; width: 100%; height: 50px; padding: 8px 0; transition: .3s all ease-in-out; }
.head-message.green { background: #07afef; }
.head-message.green:hover { background: #005d81; }
.head-message.green .shadow-btn:hover { color: #005d81; }
.head-message .shadow-btn { margin-top: 3px; padding: 0; width: 140px; }
.head-message-text { width: 100%; float: left; overflow: hidden; }
.head-message img { float: left; margin-right: 25px; }
.head-message-text span { display: inline-block; font-size: 20px; color: #fff; font-family: 'latoregular', sans-serif; }
.head-message .em-head-message { margin-left: 5px; font-family: 'latoblack', sans-serif; margin-right: 5px; }
.head-message-action { float: right; display: none; }
.shadow-btn { background: none; border: 2px solid #fff; border-radius: 25px; font-size: 20px; padding-left: 20px; padding-right: 20px; }
.shadow-btn i { margin-right: 10px; font-size: 24px; position: relative; top: 2px; }
.wrapper { height: 100%; min-height: 560px; }
.wrapper.small-footer { height: auto; min-height: 0; }
.mp-top, .sub-top { cursor: default; -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; position: relative; z-index: 4; }
.mp-top.is-down, .sub-top.is-down { -webkit-transform: translateY(40px); transform: translateY(40px); }
.mp-top { position: relative; min-height: 560px; height: 100%; background: #222 url(../img/mp-theme-responsive.jpg) no-repeat; background-size: cover; background-attachment: fixed; box-shadow: inset 0 -2px 15px rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 -2px 15px rgba(0, 0, 0, .3); background-position: 50% 50%; }
.mp-top .main-header .container { width: 100%; }
@media (min-width: 992px) {
  .head-message-action { display: block; }
  .head-message-text { width: 80%; }
}

/*new rules popup*/
.new-rules-popup-wrapper { padding: 10px; z-index: 30; position: fixed; min-width: 100%; height: 100vh; background: rgba(0,0,0,0.7); }
.new-rules-popup-wrapper .new-rules-popup { background: #fff; position: relative; max-width: 750px; margin: 0 auto; top: 30%; padding: 40px 50px; }
.new-rules-popup-wrapper .new-rules-popup .new-rules-header { font-family: 'latoregular', sans-serif; font-weight: bold; font-size: 20px;  }
.new-rules-popup-wrapper .new-rules-popup .new-rules-info { font-family: 'latoregular'; font-size: 16px; line-height: 1.2em; }
.new-rules-popup-wrapper .new-rules-popup .checkbox-rules { text-align: right; }
.new-rules-popup-wrapper .new-rules-popup .accept-rules {  }
.new-rules-popup-wrapper .new-rules-popup .accept-text-wrapper { /*padding: 0;*/ }
.new-rules-popup-wrapper .new-rules-popup .accept-text { font-size: 16px; line-height: 1.2em; }
.new-rules-popup-wrapper .new-rules-popup .btn-new-rules { display: inline-block; background: #66bb6a; border-bottom: 2px solid #307e33; font-family: 'latoregular', sans-serif; padding: 5px 20px; color: #fff; }
.new-rules-popup-wrapper .new-rules-popup .btn-new-rules:hover { background: #2f7d32; }
.new-rules-popup-wrapper .new-rules-popup input[type=checkbox] { margin-top: 1px; }

/*==========  Mainpage header  ==========*/
.page-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; }
.main-header { position: relative; z-index: 2; height: 50px; padding: 0; background: #2d312e; }
/* Logo */
.logo { width: 40%; float: left; height: 50px; }
.logo h1 { margin: 0; line-height: 50px; }
.logo img { width: 101%; max-width: 155px; }
/* Navigation */
.nav { display: none; position: absolute; top: 50px; left: 0; right: 0; border-top: 1px solid #222; z-index: 3; float: left; margin-top: 0; padding-right: 0; height: 50px; background: #2d312e; }
.nav.is-visible { display: block; }
.nav ul { /*display: flex; justify-content: space-around;*/ text-align: center; list-style: none; padding: 0; line-height: 50px; margin: 0; width: 100%; }
.nav li { display: inline-block; margin-right: 0; font-size: 1.16em; }
.nav li:last-child { margin-right: 0; }
.nav a, .nav input { color: #f2f2f2; font-family: 'latoregular', arial, sans-serif; line-height: 50px;
  background: none; border: none;
  padding: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.nav a:hover { text-decoration: none; color: #bbb; }
.mp-top .nav a, .mp-top .nav input { line-height: 50px; margin-top: 0; display: block; -webkit-transition: none; transition: none; }
.mp-top .nav > a { float: left; }
.mp-top .nav a:hover, .mp-top .nav input:hover { color: #f5921e; }
/* mobile nav buttons */
.mobile-nav-buttons { float: left; text-align: right; color: #fff; width: 60%; }
.mobile-nav-buttons > span { float: right; cursor: pointer; position: relative; display: inline-block; width: 32%; max-width: 70px; text-align: center; padding-top: 29px; padding-bottom: 1px; font-family: 'latoregular', arial, sans-serif; }
.mobile-nav-buttons > span.active,
.mobile-nav-buttons > span:hover { background: #f6921e; }
.mobile-nav-buttons > span:before { position: absolute; }
.mobile-nav-buttons .search-button:before { content: "\f002"; font-size: 20px; top: 6px; left: 50%; margin-left: -9px; }
.mobile-nav-buttons .menu-button:before { content: "\f0c9"; font-size: 20px; top: 6px; left: 50%; margin-left: -8px; }
/*.mobile-nav-buttons .access-button:before { content: "\f023"; font-size: 20px; top: 6px; left: 50%; margin-left: -7px; }*/
/* Settings */
/*.mp-catalog-btn { position: relative; }*/
/*.mp-catalog-btn > a:before { content: "\f0d7"; position: absolute; right: -10px; top: 20px; font-size: 10px; }*/
/*.sub-nav .mp-catalog-btn > a:before { top: 4px; }*/
.add-note-btn { position: relative; }

/**
 * Header light
 */
.header-light { height: 75px; background: #343434; position: relative; z-index: 10; }
.header-light .logo { height: 100%; max-width: 200px; margin: 0 auto; float: none; line-height: 75px; }
.header-light .container { position: relative; }
.header-light .back-to-site { position: absolute; top: 0; line-height: 75px; right: 25px; }
.header-light .back-to-site a { color: #fff; font-size: 14px; font-family: 'latoregular', arial, sans-serif; opacity: .7; }
.header-light .back-to-site a:hover { text-decoration: underline; }
.header-light .back-to-profile { right: 160px; }
/*==========  Sub-page header  ==========*/
.subpage-header { width: 100%; position: relative; z-index: 1; }
.subpage-header .subpage-logo-wrapper { position: absolute; top: 95px; left: 0; right: 0; background: #2d312e; }
.subpage-header .logo-wrapper { margin: 13px auto; }
.subpage-header .logo { margin-top: 0; height: 50px; line-height: 50px; }
.logo:hover { opacity: .8;  }
.subpage-header .nav-bar { height: 50px; background: #222222; width: 100%; }
/*.subpage-header .nav-bar .container { width: 100%; }*/

/* Search */
.subpage-header .search { position: absolute; left: 0; right: 0; top: 50px; display: none; float: left; border-top: 1px solid #222; padding: 8px 0 7px; background: #343434; }
.subpage-header .search.is-visible { display: block; }
.subpage-header .search .search-input { margin: 0 auto; width: 235px; padding-left: 15px; border: none; background: #222; border: 1px solid #525252; color: #a5a5a5; font-size: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}
.subpage-header .search .search-input:focus { background: #eee; box-shadow: none; color: #222; }
.subpage-header .search form .form-group { margin: 0 auto; width: 240px; }
.subpage-header .search .form-group { position: relative; margin-bottom: 0; }
.subpage-header .search .form-group:before { font-size: 16px; position: absolute; display: inline-block; content: "\f002"; color: #999; right: 15px; top: 8px; margin-top: 7px; float: left; }
.form-control::-webkit-input-placeholder, .select2-search input[type=text]::-webkit-input-placeholder { color: #ADADAD; font-size: 16px; }
/* Navigation */
.sub-nav-container { background: #343434; }
.subpage-header .sub-nav { float: left; margin-top: 0; padding: 0; }
.subpage-header .sub-nav a,
.subpage-header .sub-nav input { color: #e9e9e9;
  padding: 0 15px;
  display: block;
  height: 100%;
  -webkit-transition: none;
}
.subpage-header .sub-nav a { float: left; }
.subpage-header .sub-nav input { float: left; }
.subpage-header .sub-nav a:hover,
.subpage-header .sub-nav input:hover { background: #f6921e; text-decoration: none; }
.subpage-header .sub-nav .active a,
.subpage-header .sub-nav .active input {
  color: #f6921e;
}
.subpage-header .sub-nav .active a:hover,
.subpage-header .sub-nav .active input:hover {
  color: #fff;
}
.subpage-header .add-note-btn a:hover { text-decoration: none; }
.subpage-header .mp-catalog-btn:before { background-position: 0 -18px; }
.subpage-header .mp-catalog-btn > a { float: left; }
/* User auth buttons */
.user-auth-btns { float: right; display: none; margin: 0; padding: 10px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #2d312e; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.user-auth-btns.user-auth-logged.is-visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.user-auth-btns.user-auth-non-logged.is-visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.user-auth-btns .user-auth-btn { color: #fff; background: none; padding: 5px; margin: 0 5px; font-size: 14px; transition: .2s all ease-in-out; -webkit-transition: .2s all ease-in-out; }
.user-auth-btns .user-auth-btn:hover { -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform: scale(1.1); }
.user-auth-btns .user-auth-btn i { margin-right: 5px; }

li.job-link-highlighted { background: #fb9825; }

.new-tip-container { position: relative; }
.new-tip { top: 23px; position: absolute; color: #222; background: #f6921e; font-family: 'latoregular', arial, sans-serif; font-size: 12px; padding: 3px 7px; border-radius: 3px; font-weight: bold;
  -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out;
}
.new-tip {
  -webkit-animation: newhighlight .5s infinite; animation: newhighlight .5s infinite;
}
.new-tip:before { content: ''; position: absolute; top: -4px; left: 12px; width: 0px; height: 0px; border-style: solid; border-width: 0 4px 4px 4px; border-color: transparent transparent #f6911e transparent;
  -webkit-animation: newhighlightborder .5s infinite; animation: newhighlightborder .5s infinite;
}
/* Breadcrumbs */
.breadcrumbs { clear: both; width: 100%; background: #eee; border-bottom: 1px dotted #bbb; overflow: hidden; }
/*.breadcrumbs .container { width: 100%; }*/
.breadcrumbs ul { padding: 0; list-style: none; }
.breadcrumbs li { float: left; margin-right: 10px; padding: 6px 0; color: #666; font-family: 'latoregular', arial, sans-serif; }
.breadcrumbs a { display: inline; color: #666; text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs .home a { background: url(../img/home.png) 0 11px no-repeat; text-indent: -998em; width: 18px; }
/* Browser list i dziedziny wiedzy */
.mp-catalog-btn { float: left; }
.mp-catalog-btn > a { padding: 0 0 0; position: relative; float: left; }
.browser { display: none; opacity: 0; padding: 15px 0; overflow: hidden; background: #fff; z-index: 2; position: absolute; top: 50px; left: 0; right: 0; margin-left: 0; padding: 15px 0; border: 1px solid #ddd; box-shadow: 1px 1px 5px #ddd;
  box-shadow: none;
}
.browser:before { z-index: 2; content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #ffffff transparent; top: -8px; left: 190px; }
.browser:after { content: ''; display: block; position: absolute; width: 0px; top: -10px; left: 189px; z-index: 0; height: 0px; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #dddddd transparent; }
.browser .col-xs-4 { padding-right: 0; }
.browser h2 { margin-top: 0; text-align: left; overflow: hidden; }
.browser h2 a { font-family: 'latoregular', arial, sans-serif; }
.mp-top .browser h2 a { font-size: .75em; font-weight: bold; color: #444; line-height: normal; }
.browser ul { text-align: left; overflow: hidden; padding: 0; list-style: none; margin-bottom: 25px; line-height: 20px; }
.browser li, .knowledgeFields li { float: left; display: block; width: 100%; margin-bottom: 5px; margin-right: 0; overflow: hidden; clear: both; }
.browser li span:first-child, .knowledgeFields span:first-child { display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%; }
.browser li span:last-child, .knowledgeFields span:last-child { display: block; float: right; width: 20%; font-size: .85em; color: #999; }
.browser li a { display: block; overflow: hidden; color: #535353; width: 100%; font-weight: normal; font-family: 'latoregular', arial, sans-serif; font-size: 14px; line-height: initial; }
.mp-top .nav .browser li a { line-height: normal; }
.subpage-header .sub-nav .browser a { color: #222; line-height: initial; position: relative; }
.subpage-header .sub-nav .browser a:hover { text-decoration: underline; background: none; }
.mp-top .browser .show-more, .mp-top .knowledgeFields .show-more { position: relative; width: auto; padding-right: 15px; float: left; color: #222; line-height: initial; }
.browser .show-more:after, .knowledgeFields .show-more:after { position: absolute; top: 4px; right: 0; content: ''; display: block; width: 10px; height: 9px; background: url(../img/more-arrow.png) no-repeat; }
.knowledgeFields { overflow: hidden; width: 100%; }
.knowledgeFields ul { font-size: 1.15em; padding: 0; }
.knowledgeFields li a { color: #222; font-family: 'latoregular', arial, sans-serif; font-size: 1.08em; }
.knowledgeFields h2 a { color: #222; }
.knowledgeFields .show-more { font-size: 1.05em; font-weight: bold; display: block; position: relative; clear: both; }
/*==========  Content  ==========*/

/*==========  Elements  ==========*/
.main-col-banners { overflow: hidden; margin: 30px 0; padding: 0 70px 30px 70px; border-bottom: 1px solid #f2f2f2; }
.main-col-banners .banner-wrapper { float: left; width: 300px; height: 230px; margin-right: 40px; }
/*==========  Aside  ==========*/
.aside-banner { padding: 0 20%; }
/*==========  User auth pages  ==========*/
.user-auth { position: absolute; left: 0; right: 0; font-family: 'latoregular', arial, sans-serif; }
.user-auth.dl-page { position: static; }
.user-auth-content .logo { -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
.user-auth-content .logo:hover { -ms-transform: scale(.95); transform: scale(.95); -webkit-transform: scale(.95); }
.user-auth-content { margin: 0 auto 0; max-width: 500px; padding: 0 45px 15px; border: 1px dotted #ddd; border-radius: 10px; background: #F8F8F8; border-radius: 10px; }
.user-auth-content.long-auth-content { max-width: 570px; padding-top: 1px; }
.user-auth-content input[type="text"].form-control,
.user-auth-content input[type="password"].form-control { height: 40px; }
.user-auth-content .careerdata-rules { height: 40px; }
.user-auth-content .careerdata-rules label { font-size: 13px; line-height: 16px; }
.user-auth-content .form-group { margin-bottom: 15px; }
.user-auth .no-account { width: 100%; clear: both; font-size: 17px; text-align: center; margin-top: 25px; margin-bottom: 25px;}
.user-auth .no-account-screening { color: #222; }
.auth-form { position: relative; }
.auth-form .btn-download { padding-right: 10px; }
.auth-form .btn-download:before { display: none; }
/* Newsletter */
.user-auth .newsletter-settings .btn-download { height: auto; margin: 5px auto; }
/* additional user data*/
.user-auth-text { margin-top: 25px; font-size: 16px; line-height: 22px; }
.user-auth-text .secondary-text { color: #a6a6a6; font-size: 13px; }
.app-form.additional-user-data { clear: both; max-width: 400px; margin: 25px auto; }
.app-form.additional-user-data label { position: absolute; left: 22px; font-weight: normal; }
.user-auth.gather-data .tagline { margin-bottom: 10px; }
.user-auth.gather-data .user-auth-text { margin-top: 10px; }
.user-auth.gather-data .logo { width: 150px; padding-top: 10px; margin-right: 0; padding-bottom: 0; height: 35px; margin: 15px auto 20px; }
.user-auth.gather-data .logo a { width: 100%; }
.user-auth .tagline-custom { line-height: 1.3em; }
  /*Language multiselect*/
  .additional-data-lang-multiselect { width: 100%; text-align: left; }
  .additional-data-lang-multiselect .selectBox { position: relative; }
  .additional-data-lang-multiselect .selectBox select { width: 100%; font-family: 'latoregular', sans-serif; background: #fff; color: #999; padding-left: 10px; font-size: 16px; }
  .additional-data-lang-multiselect .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
  .additional-data-lang-multiselect #checkboxes { display: none; border: 1px #dadada solid; height: 150px; overflow-y: scroll; overflow-x: hidden; }
  .additional-data-lang-multiselect #checkboxes label { display: block; position: relative; left: 0px; padding-left: 15px; }
  .additional-data-lang-multiselect #checkboxes label:hover { background-color: #f5f5f5; }

/* form error message */
.message-items { position: absolute; z-index: 2; width: 311px; top: -77px; padding-left: 0;
  opacity: 0;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}
.auth-form.anim .message-items { opacity: 1;  -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.message-error { text-align: center; margin: 10px 0; font-size: 1.16em; color: #fff; background: #b44746; border-radius: 5px; padding: 10px 15px; }
.download-wrapper .message-error { text-align: center; margin: 10px 0; font-size: 1em; color: #c0392b; background: none; font-family: 'latoregular', arial, sans-serif; border-radius: 5px; padding: 10px 15px; }
.download-wrapper .btn-download { background: #ff8f00; border-bottom-color: #ff6f00; }
aside .download-note-wrapper { margin-bottom: 15px; padding: 30px 15px; border: 1px dotted #ddd; }
aside .download-note-wrapper .limit-hit { min-width: initial; width: 100%; }
.errors { margin: 0; padding: 0; list-style: none; color: #b50b17; font-size: 13px; font-family: 'latoregular', arial, sans-serif; }
.errors + .form-control { border: 1px solid #b50b17; }
.note-content .message-error { font-family: 'latoregular'; font-size: 15px; max-width: 510px; margin: 10px auto 0; }
/* Login page */
.logo-container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 10px; }
.user-auth .logo { float: none; padding: 20px 0 10px 0; width: 100%; height: auto; }
.user-auth .logo.logo-left a { padding-top: 7px;}
.user-auth .logo img { width: 100%; max-width: 100%; }
/*Wiki registration*/
  .user-auth .logo .wiki-logo { width: 90px; display: block; margin: 0 auto; }
  .user-auth .logo .wiki-notatek-logo { width: 180px; display: block; margin: 0 auto; padding-bottom: 20px; padding-top: 5px; }
  .user-auth .wiki-registration-header { text-align: center; }
  .user-auth .wiki-registration-header .wiki-registration-header__text { font-family: 'latoblack', sans-serif; font-size: 36px; color: #222; line-height: 32px; }
  .user-auth .wiki-registration-header .wiki-registration-header__small-text { font-family: 'latoregular', sans-serif; font-size: 20px; color: #ababab; }
  .user-auth .wiki-registration-info { text-align: center; padding: 13px 0 20px 0; }
  .user-auth .wiki-registration-info .wiki-registration-info__text { font-family: 'latoregular', sans-serif; color: #222; font-size: 16px; line-height: 18px; }
.user-auth .logo a { display: block; width: 170px; height: 41px; margin: 0 auto; }
.user-auth .tagline { margin-bottom: 10px; font-size: 2.3em; text-align: center; }
.user-auth .btn-download { float: none; margin-top: 0; margin-bottom: 0; }
.user-auth .btn-continue { float: none; margin-top: 20px; font-size: 18px; }
.user-auth .btn-continue:before { display: none; }
.user-auth-container { width: 100%; display: flex; align-items: center; justify-content: center; }
.user-auth-content-container { display: flex; }

.btn-form-register {
  border: 1px solid #d9d9d9;
  border-bottom: 3px solid #d9d9d9;
  border-radius: 5px;
  background-color: white;
  color: #808080;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  margin: 2px;
  padding: 10px auto 10px auto;
}

.btn.btn-form-register.radio-year {
  padding: 10px 10px 10px 10px;
  min-width: 42px;
}

.buttons-container {
  margin-left: -3px;
  margin-right: -3px;
}

.btn-form-register.active {
  color: #27ae60;
  background-color: #eaf7f0;
  border-color: #27ae60;
}

.btn-form-register:hover{
  color: #27ae60;
  background-color: #eaf7f0;
  border-color: #eaf7f0;
}

.btn-form-register.active:hover {
  color: #27ae60;
  background-color: #eaf7f0;
  border-color: #27ae60!important;
}

.btn-form-register.disabled {
  color: #808080!important;
  border-color: #808080!important;
}

.btn-form-register.disabled:hover {
  background-color: #d9d9d9;
  cursor:not-allowed!important;
}

.btn-form-register.disabled.checked {
  color: #02224F!important;
  background-color: #fff!important;
  border-color: #02224F!important;
}

.btn-form-radio {
  display: none!important;
}

.form-title {
  color: #222222;
  font-size: 1.55em;
  margin: 20px 0 10px!important;
  display: block;
  font-weight: 700;
  font-family: 'latobold', Lato, normal;
}

.form-label {
  font-size: 1.0rem;
  color: #808080;
  margin: 4px 0 0 7px;
  display: block;
  font-weight: 700;
  padding-bottom: 8px;
  font-family: 'Lato', sans-serif;
}

.form-group-last {
  padding-bottom: 22px;
}

.common-registration-info {
  font-size: 12px;
  line-height: 1;
  padding: 20px 0 0 0;
}

.search-input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 12px 0 40px;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  color: #808080;
  width: 100%;
  z-index: 5;
}

.search-input::placeholder {
  color: #b5b5b5;
  font-family: 'Lato', sans-serif;
}

.search-input-container {
  position: relative;
  margin-top: 5px 0 0 0!important;
  height: 50px;
  width: 100%;
}

.search-input-container img {
  position: absolute;
  top: 8px;
  left: 11px;
  height: 24px;
  width: 24px;
  z-index: 10;
  transition: all .2s ease-in-out;
}

.search-input-container img:hover {
  transform: scale(1.1);
}

.graphics-container {
  margin: 10% 0 0 5%;
  padding: 0 0 0 0;
}

.graphics {
  width: 565px;
  height: 925px;
  display: flex;
}

.form-registration-slider {
  display: none;
  margin-left: -12px!important;
}

.form-registration-small-logo-container {
  width: 30%;
  padding-top: 0;
  padding-left: 1px;
}

.form-registration-small-logo {
  padding: 0 0 0 0!important;
}

#flick {
  display: inline-block!important;
  width: 100%!important;
}

.panel {
  width: 40%;
  border: none!important;
  margin-right: 9px!important;
}

.flicking-image {
  width: 100%;
}

@media only screen and (max-width: 1100px) {
  .graphics-container { margin: 10% 0 0 5px!important; }
  .panel { width: 31% };
}

@media only screen and (max-width: 950px) {
  .graphics { display: none; margin: 0 0 0 0; padding: 0 0 0 0; }
  .form-registration-slider { display: inline-block; width: 108%; }
}

@media only screen and (max-width: 768px) {
  .logo2 { padding-top: 0!important; }
  .panel { display: block; }
  .graphics { display: none; margin: 0 0 0 0; padding: 0 0 0 0; }
  .graphics-container { display: none; }
  .form-registration-slider { display: inline-block; width: 108%; }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
  .panel { width: 40%; }
  body { overflow-x: hidden; }
}

.label-higher-study-level {
  display: inline-block;
  margin-top: 14px!important;
  margin-bottom: 14px!important;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  color: #09294F;
}

/*NEW login page*/
.new-login-form .user-auth-header-info { text-align: center; line-height: 22px; color: #686868; margin-bottom: 5px; }
.new-login-form .user-auth-header { font-size: 24px; font-family: 'latoregular', sans-serif; font-weight: bold; line-height: 33px; }
.new-login-form .submit-section { padding-top: 10px; }
.new-login-form .remember-link { float: left; padding: 10px 0; }
.new-login-form .submit-btn { float: right; }
.new-login-form .separator { text-align: center; position: relative; margin-top: 15px; margin-bottom: 5px; }
.new-login-form .separator .separator-line { width: 570px; max-width: 100%; height: 1px; background: #dbdbdb; position: absolute; display: block; top: 10px; }
.new-login-form .separator .separator-text { background: #f8f8f8; display: inline-block; padding: 0 15px; position: relative; z-index: 1; color: #b5b5b5; line-height: 20px; }
.new-login-form .btn-form { font-size: 16px; font-family: 'Lato', sans-serif; padding: 10px 15px; width: 235px; max-width: 100%; }

@media screen and (max-width: 500px) {
  .new-login-form .submit-btn { float: none; }
  .new-login-form .remember-link { float: none; padding: 5px 0; }
  .new-login-form .remember-link a { text-align: center; }
  .new-login-form .submit-section { padding-top: 0px; }
}


/* login promo */
.slim-header { position: relative; z-index: 1; height: 40px; background: #222; padding: 3px; box-shadow: 0px 1px 2px #222; }

.login-promo .login-promo__content { position: relative; height: 100vh; background: url('../img/break-bg.jpg') no-repeat; background-size: cover; }
.login-promo .login-promo__content:before { background: rgba(0,0,0,.7); content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.login-promo .login-promo__container { font-family: 'latolight', sans-serif; text-align: center; position: relative; z-index: 1; color: #fff; max-width: 980px; margin: 0 auto; padding: 20px 0; }
.login-promo .login-promo__logo { width: 225px; margin: 20px 0 30px; }
.login-promo .login-promo__header { font-size: 36px; font-weight: 100; font-family: 'latolight', sans-serif; margin-bottom: 50px; }
.login-promo p { max-width: 400px; margin: 0 auto 30px; font-size: 18px; font-weight: 100; }
.login-promo p strong { font-weight: bold; font-family: 'latobold', sans-serif; }


/* fb custom */
.fb_iframe_widget iframe, .fb_iframe_widget, .fb_iframe_widget > span { margin-top: 2px; width: 270px !important; height: 50px !important; }
.social .fb_iframe_widget iframe, .social .fb_iframe_widget, .social .fb_iframe_widget > span { margin-top: 2px; width: 270px !important; height: 75px !important; }
.facebook-login:hover { opacity: .8; }

/*User auth - information about students; custom style*/

.user-auth-content-infoform { border: none; background: #fff; text-align: center; }
.user-auth .btn-download-infoform { float: none; margin-top: 20px; }
.user-auth-content-jobsoffer { background: #fff; border: none; }
.user-auth-content-jobsoffer .btn-download { float: none; }

.user-auth-content .pracuj-rules-header { line-height: 21px; font-weight: bold; text-align: center; margin-bottom: 7px; }
.user-auth-content .pracuj-checkbox-header, .user-auth .pracuj-checkbox-header { text-align: center; }
.user-auth .pracuj-checkbox-img { margin-bottom: 14px; }

.custom-pracuj-bg { background: #0A1B49; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.custom-spotify-bg { background: #C7477A; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.custom-dominos-bg { background: #fff; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.custom-vm-bg { background: #7B2570; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.custom-blablacar-bg { background: #fff; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.custom-aon-bg { background: #fff; z-index: -3; position: fixed; height: 120%; width: 100%; top: 0; left: 0; }
.screening-pracuj { position: absolute; z-index: -1; top: 0; left: 0; }
.screening-pracuj img { text-align: center; width: 100%; }

.screening-link-pracuj { background: none; position: absolute; width: 100%; display: block;  top: 0; left: 0; z-index: 0; height: 100%;}

.user-auth-pracuj { /*width: 500px;*/ max-width: 100%; margin: 0 auto; }

@media screen and (max-width: 1140px) {
  .screening-pracuj { display: none; }
  .custom-pracuj-bg { display: none; }
  .screening-link-pracuj { display: none; }
  .user-auth-pracuj { max-width: 100%; }
  .custom-spotify-bg { display: none; }
  .custom-dominos-bg { display: none; }
  .custom-vm-bg { display: none; }
}

/*==========  Popups  ==========*/

/*==========  Basic settings  ==========*/
.blockOverlay { background: rgba(0, 0, 0, .5); border: medium none; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0 !important; width: 100% !important; z-index: 1000; }
.popup .alert-info { margin: 0 15px; }
.popup .container { width: auto; padding: 0; }
.popup .closePopup { width: 20px; overflow: hidden; display: block; font-size: 18px; height: 20px; float: right; margin: 10px; opacity: 1;  }
.popup .closePopup span { color: #999; }
.popup { width: 370px; background: #f9f9f9; border-radius: 5px; }
.popup .logo { margin-bottom: 20px; border-bottom: 1px solid #ddd; float: none; width: 100%; }
.popup .logo a { display: block; margin: 25px auto; width: 149px; float: none; }
.popup .btn-download { width: 55%; }
.popup .info a { color: #428bca; }
.popup a { color: #666; }
.center-info { clear: both; padding: 15px 0; }
.create-acc { display: block; width: 100%; text-align: center; margin: 15px 0; font-size: 1.16em; }
.create-acc a { font-weight: bold; }
/* User auth */
.user-auth-content form .form-group { position: relative; }
/* login form */
.facebook-register-btn, .facebook-login-btn { overflow: hidden; background: url(../media/facebook-login-1.png) no-repeat; background-size: 100%; cursor: pointer; text-indent: -998em; top: 0; width: 270px; height: 48px; z-index: 1; margin: 0 auto; }
.facebook-register-btn { background: url(../media/facebook-register-1.png) no-repeat; background-size: 100%; }
.facebook-register-btn:hover { opacity: .8;  }
.login-separator { margin-top: 30px; margin-bottom: 20px; position: relative; text-align: center; color: #999; font-weight: bold; }
.login-separator:before { content: ''; display: block; width: 100%; height: 1px; position: absolute; background: #ddd; top: 8px; }
.login-separator span { background: #f8f8f8; padding: 0 10px; display: block; z-index: 2; position: relative; width: 45px; margin: 0 auto 0 auto; text-align: center; }
/* Form fields errors */
form ul.errors { display: block; position: relative; border-radius: 3px; min-width: 195px; color: #b65252; padding: 5px 15px; font-family: 'latoregular', sans-serif; font-size: 13px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  opacity: 0;
}
/*form:not(.app-form) ul.errors:before { content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #b65252 transparent transparent; left: -5px; top: 50%; margin-top: -5px; position: absolute; }*/

form .form-group.anim ul.errors { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

form .form-group.anim .search-input-container > ul {
  display: block;
  padding: 38px 7px 12px 0px!important;
  margin-bottom: 20px!important;
  margin-left: -4px!important;
}

/* Register form */
.register-form .btn-download { color: #fff; }
#registrationForm ul.errors.app-form-error { position: static; }
.registration-checkboxes { padding: 0 0 0 30px; position: relative; left: -25px; /*width: 334px;*/ }
.registration-checkboxes .field-box { margin-bottom: 15px; /*width: 400px;*/ }
.registration-checkboxes input[type=checkbox] { position: absolute; top: 0; left: 30px; }
.registration-checkboxes input[type="checkbox"]#personalData { margin: 2px 0 0 -20px; }
.pracuj-custom-checkbox input[type=checkbox] { margin-left: -20px; }
.registration-checkboxes .checkbox label { font-size: 13px; line-height: 1em; position: relative; }
.agreement-more { display: none; }
.agreement-more-btn { cursor: pointer; font-size: 12px; color: #16a085;}

.em-text { font-size: 15px; font-family: 'latobold', arial, sans-serif; color: #FF8F17; font-weight: 700; text-align: center; margin-bottom: 10px; display: block; }
.formFieldPersonalData .errors { top: 20px; }
.wiki-welcome { font-size: 14px; line-height: 18px; text-align: center; }
.wiki-welcome .em { font-size: 17px; margin-bottom: 7px; display: inline-block; }
/* Add note widget */
.addnote-widget { clear: both; color: #eee; font-family: 'latolight', arial, sans-serif; min-height: 200px; background: #222; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
  position: absolute;
  width: 100%; z-index: 3;
}
.addnote-widget.locked:before { content: 'Trwa przetwarzanie pliku, proszę czekać...'; top: 50%; left: 50%; position: absolute; font-size: 2em; margin-left: -246px; background: rgba(0, 0, 0, .9); padding: 10px 30px; border: 1px solid rgba(255, 255, 255, .3); margin-top: -28px; }
.addnote-widget.locked > .container { opacity: .3; }
.main-page-body .addnote-widget { z-index: 5; }
.addnote-widget.hover { background: #343434; }
.addnote-widget.is-hidden { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.addnote-widget > .container { position: relative; border: 2px dashed #494949; margin: 10px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.addnote-widget hgroup { cursor: default; text-align: center; }
.addnote-widget h3 { font-size: 32px; font-size: 2rem; font-family: 'latolight', arial, sans-serif; color: #eee; }
.addnote-widget h4 { font-size: 22px; font-size: 1.4rem; }
.addnote-widget p { font-size: 16px; font-size: 1rem; }
.addnote-widget a { color: #ff9c00; }
.addnote-widget a:hover { text-decoration: underline; }
.addnote-widget .close-widget { position: absolute; right: 10px; font-size: 30px; opacity: .3; cursor: pointer; z-index: 4; }
.addnote-widget .close-widget:hover { opacity: .1;}
/* uploader status */
.uploader-status { color: #5b5b5b; font-family: 'latoregular', arial, sans-serif; font-size: 18px; margin-bottom: 10px; }
/* upload form */
.addnote-widget .upload-form { min-height: 150px; min-width: 300px; width: 100%; }
.addnote-widget .upload-form .form-group { margin-bottom: 0; color: #222; }
.addnote-widget .upload-form .filename:before { content: '| '; }
.addnote-widget .upload-form .uploader-status { text-align: center; opacity: 1; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.addnote-widget .upload-form .uploader-status.is-hidden { opacity: 0; -webkit-transform: translate(-15px, 0); -ms-transform: translate(-5px, 0); transform: translate(-5px, 0); }
.addnote-widget .upload-progress-bar { left: 0; top: 0; width: 100%; position: absolute; opacity: 1; -webkit-transition: 2s all ease-in-out; transition: 2s all ease-in-out; }
.addnote-widget .upload-progress-bar.is-hidden { opacity: 0;  }
.addnote-widget .paper-form-control { width: 100%; font-size: 18px; }
/* upload button */
.btn-sec-action { margin: 15px auto 0; background: #343434; color: #eee; padding: 0; height: auto; width: 300px; max-width: 375px; border-radius: 3px; font-size: 14px; font-size: .92rem; font-family: 'latoregular', arial, sans-serif; border-bottom: 2px solid #191919; }
.btn-sec-action:hover { background: #343434; opacity: .8; color: #eee; border-bottom: 2px solid #191919; }
.btn-upload { position: relative; }
.btn-upload:before { content: "\f0ee"; position: absolute; top: 10px; left: 10px; }
.addnote-widget .step1 { position: absolute; }
.addnote-widget .step2 { position: absolute; min-height: 135px; }
.addnote-widget .step2.is-hidden { opacity: 0; }
.fancy { z-index: 1; width: 100%; min-height: 135px; height: auto; margin: 0; }
.addnote-widget .step { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.ui-menu.addnote-suggests { box-shadow: none; background: #222; color: #fff; border: none; }
.ui-menu.addnote-suggests .ui-menu-item { border-bottom: none; }
.ui-menu.addnote-suggests .ui-menu-item a { color: #B6B6B6; }
/* Popup loader */
.loader { text-align: center; margin: 15px 0; }
.loading { background: #d9edf7; border-color: #bce8f1; color: #31708f; text-align: center; padding: 15px 0; margin-top: -15px; border-radius: 5px; }
/* Reset password form */
.forget-form { padding: 0 25px; }
.forget { display: block; text-align: right; font-size: 14px; }
.popup-text { margin: 20px 15px; text-align: center; color: #666; font-size: 1.16em; }
/* change photo popup */
.change-photo-popup { width: 550px; }
.change-photo-popup .my-image { border-radius: 50%; margin: 25px auto; overflow: hidden; width: 50px; height: 50px; }
.popup .download-btn { left: 70px; top: 12px; }
.popup .change-photo-form { width: 50%; margin: 0 auto 15px; }
.popup .change-photo-input { cursor: pointer; margin: 0 auto; opacity: 0; position: relative; z-index: 2; height: 34px; }
.popup .change-photo-input:hover + .choose-photo-btn { background: #767676; }
.popup .choose-photo-btn { display: block; margin: -34px auto 0 auto; width: 240px; position: relative; color: #fff; }
.popup .change-photo-btn { width: 240px; padding: 6px; margin: 15px; display: block; color: #fff; }
.popup .description { margin-bottom: 15px; font-size: 1.16em; color: #999; }
/* thanks for download */
.download-popup { width: auto; }
.download-popup .more { text-align: center; }
.download-popup .more .info { font-family: 'latoregular', arial, sans-serif; font-size: 13px; color: #444; }
.download-popup .popup-header h4 { font-size: 1.33em; margin-top: 0; text-align: center; }
/* edit profile popup */
.edit-profile-popup { width: 685px; }
.edit-profile-popup .year-date .col-xs-4 { padding: 0 3px; }
.edit-profile-popup .btn-download { width: auto; padding: 5px 10px; }
.edit-profile-popup label { color: #666; font-size: 1.16em; }
.edit-profile-popup .info { font-size: 1.16em; color: #666; margin: 10px auto; text-align: center; }

/*==========  Profile page  ==========*/

.profile-column { float: right; margin-bottom: 25px; }
.profile-column .note-list { float: none; }
/* profile section */
.profile-section { margin-bottom: 25px; -webkit-transform: translate(0, 25px); -webkit-transition: .5s all ease-in-out; transition: .5s all ease-in-out; opacity: 0; }
.profile-section.is-visible { -webkit-transform: translate(0, 0); opacity: 1; }
.profile-section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.profile-header { height: 35px; margin-top: 35px; }
.profile-section h2 { float: left; font-size: 2em; font-family: 'latoregular', arial, sans-serif; margin: 0 0 5px 0; }
.profile-section-info { cursor: pointer; display: block; float: right; font-size: 1.16em; margin-top: 10px; font-family: 'latoregular', arial, sans-serif; }
.edit-profile-section { position: absolute; font-family: 'latoregular', arial, sans-serif; top: 0; padding: 3px 10px; font-size: 12px; left: 0; }
.edit-profile-section.main-btn { position: relative; top: 6px; font-size: 14px; }
/* profile progress bar */
.profile-progress-wrapper { background: #eeeeee; height: 5px; width: 100%; position: relative; }
.profile-section-progress { clear: both; }
.profile-progress { background: #c0392b; width: 0; height: 100%; -webkit-transition: 1s all ease-in-out; transition: 1s all ease-in-out; }
.profile-progress.ok { background: #e67e22; }
.profile-progress.mega { background: #27ae60; }
.profile-progress-info { position: absolute; left: 50%; margin-left: -50px; top: 5px; font-size: 1.16em; font-family: 'latoregular', arial, sans-serif; opacity: 0; color: #c0392b;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}
.profile-progress-info.is-visible { opacity: 1; }
.profile-progress-info.ok { color: #e67e22; }
.profile-progress-info.mega { color: #27ae60; }
/* profile section content */
.profile-section-content { padding-top: 45px; padding-bottom: 50px; font-size: 1.16em; border-bottom: 1px dotted #ddd; font-family: 'latoregular', arial, sans-serif; }
.profile-section-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.profile-section-content .app-form .form-group { margin-bottom: 10px; min-height: 50px; }
.profile-section-content .birthdate-edit .form-control { width: 90px; float: left; margin-right: 3px; }
.field-label { display: block; color: #898989; }
/* edit mode */
.profile-section-content .static { position: absolute; min-height: 34px; padding: 2px 5px 2px 0; line-height: 30px; display: inline-block;
  font-size: 15px; width: 90%;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
}
.profile-section-content .language-static { font-size: 15px;}
.profile-section-content .list-user-language { line-height: 150%; }
.profile-section-content .static a.url { display: block; width: 95%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.profile-section-content .edit { position: absolute; opacity: 0; z-index: -1;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
  -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px);
}
.profile-section-content.is-editing .edit { display: inline-block; z-index: 0; position: absolute; opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.profile-section-content.is-editing .edit-profile-section { opacity: 0; }
.profile-section-content.is-editing .edit-profile-section.main-btn { opacity: 1; }
.profile-section-content.is-editing .field-value.static,
.profile-section-content .field-value.static.is-hidden { position: absolute; z-index: -1; -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); opacity: 0; }
.profile-section-content .edit.birthday { position: relative; display: block; }
.profile-section-content .birthday.edit select { float: left; width: 30%; margin-right: 2%; }
.profile-section-content .edit input[type=text],
.profile-section-content .edit select { min-height: 34px; padding: 2px 5px 2px; box-shadow: none; border: 1px dotted #999; }
.profile-section-content .edit input[name=school],
.profile-section-content .edit input[name=faculty] {
  min-width: 355px;
}

.profile-section-subscription-info { margin: 20px 0 35px; }
.profile-section-subscription-info .subscription-header .subscription-info-wrapper .subscription-info-active { background: #27ae60; display: inline-block; padding: 5px 15px; color: #fff; border-radius: 5px; font-size: 15px; font-weight: bold; }
.profile-section-subscription-info .subscription-header .subscription-info-wrapper .subscription-info-unactive { background: #dd3737; }
.profile-section-subscription-info .subscription-header h2 { float: left; }
.profile-section-subscription-info .subscription-header .info-subscriptions-icon { color: #f6921e; font-size: 35px; float: left; padding: 27px 10px 0 0; }
.profile-section-subscription-info .subscription-header .subscription-info-wrapper { float: left; padding: 25px 0 0 15px; }
.profile-section-subscription-info .subscriptions-details { clear: both; padding-left: 15px; }
.profile-section-subscription-info .subscriptions-details p { font-size: 15px; line-height: 1em; }

/* user widget */
.user-profile { margin: 35px auto; }
.user-name { display: block; font-size: 18px; text-align: center; font-family: 'latolight', arial, sans-serif; margin: 10px 0; line-height: 19px; }
.user-photo { width: 130px; margin: 0 auto; }
.user-photo img { width: 100%; height: 130px; border: 3px solid #eee; box-shadow: 0 2px 0 #b0b0b0; }
/* change email */
.settings-input { width: 270px; }
/* profile */
.profile-page { overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dotted #666; font-family: 'latoregular'; }
.profile-page:last-of-type { border-bottom: none; }
.info-small { font-size: 1.16em; color: #666; }
.profile-form { width: 65%; min-width: 300px; }
.profile-checkbox { font-size: 1.16em; }
.profile-checkbox input[type=checkbox] { margin-right: 10px; }
/* Added files */
.sended-files { margin-bottom: 25px; }
/* Massive add notes */
.massive-add-wrapper { background: #f6f6f6; color: #666; border: 1px solid #dfdfdf; height: 155px; width: 100%; border-radius: 5px; }
.massive-add { text-align: center; }
.massive-add h2 { width: 290px; margin: 30px auto; }
.massive-add h2:before { float: left; margin-top: -10px; content: ''; display: block; width: 34px; height: 36px; background: url(../img/upload-icon.png) no-repeat; }
/* Rules */
.rules-popup { font-family: 'latoregular'; }
.rules-remove { display: block; }
/**
 * Profile page - your notes / twoje notatki
 */
.your-notes .single-note { max-width: 950px; min-height: 285px; margin-bottom: 25px; }
.your-notes .single-note p { font-size: 14px; font-family: 'latoregular'; line-height: 20px; margin-top: 15px; }
.your-notes .single-note h2 { font-size: 1.44em; margin: 45px 0 15px 0; width: 100%; clear: both; font-family: 'latoregular'; }
.your-notes .single-note .preview { max-width: 170px; margin-top: 25px; }
.your-notes .single-note .preview a { display: block; padding: 10px; background: #f2f2f2; }
.your-notes .single-note .preview a img { width: 100%; }
/*==========  GROUP CATALOG  ==========*/
.catalog-top { background: #f2f2f2; padding: 15px 0; border-bottom: 1px dotted #ddd; }
.catalog-top h1 { font: 700 34px/38px Arial; color: #000; padding: 25px 0 10px; letter-spacing: -1px; text-align: left; border-bottom: 1px solid #ddd; }
.catalog-info { font-size: 16px; padding: 0; padding-left: 15px; border-left: 3px solid #f6921e; }
.catalog-notes-btn { font-family: 'latoregular', arial, sans-serif; }
.catalog-img { text-align: center; padding-top: 35px; }
.catalog-content { margin-bottom: 25px; }
.catalog-content ul { padding: 0; margin: 0; }
.catalog-content a, .catalog-content li > span { font-size: 14px; font-family: 'latoregular', arial, sans-serif; display: block; padding: 5px 0; color: #222; }
.catalog-content a:hover { text-decoration: underline; }
.catalog-description { padding: 0 0 30px; }
.catalog-description p { margin-bottom: 0; color: #1a1a1a; padding-right: 45px; padding-left: 0; padding-bottom: 20px; margin: 0;  }
/*==========  Error page  ==========*/

/* 404 page */
.error-page { color: #4c4b4b; text-align: center; font-family: 'latoregular', sans-serif; }
.error-page .past { display: block; font-size: 18px; font-family: 'latoregular', sans-serif; }
.error-page img { margin-top: 25px; max-width: 190px; }
.error-page .code { margin-top: 25px; font-size: 40px; font-family: 'latoblack', sans-serif; }
.error-page .notfound { margin-top: 15px; font-size: 18px; line-height: 24px; }
.error-page .error-page-info { font-family: 'latolight'; margin-top: 5px; font-size: 14px; line-height: 27px; }
.error-page .notfound-search .form-group .submit { border: none; color: #fff; width: 130px; border-radius: 3px; }
.error-page .notfound-search .form-group .mini-search-input { border: 1px solid #d9d9d9; border-radius: 3px; }
.notfound-search { margin: 5px auto 25px auto; max-width: 400px; }
.notfound-search .mini-search-input { min-width: initial; }
@media screen and (max-width: 768px) {
    .error-page .notfound-search .form-group .submit { width: 100%; }
    .notfound-search { margin: 5px auto 25px auto; max-width: 370px; }
}
/*==========  Static page  ==========*/
#static-wrapper { clear: both; font-size: 12px; font-family: arial, verdana, sans-serif; }
.static-content ol li { list-style: decimal; }
/*==========  Footer  ==========*/
.site-footer { background: #222; min-height: 732px; padding-top: 75px; }
.site-footer h4 { margin-bottom: 15px; font-family: 'latoblack', arial, sans-serif; color: #fff; float: left; font-size: 1.66em; }
.site-footer .alternative-header { margin-bottom: 15px; font-family: 'latoblack', arial, sans-serif; color: #fff; float: left; font-size: 1.66em; }
.site-footer h4:after { float: right; content: ''; display: block; width: 10px; height: 9px; background: url(../img/more-arrow.png) no-repeat; margin-left: 5px; margin-top: 5px; }
.site-footer a { color: #ccc; }
.site-footer .fields-wrapper { clear: both; }
.site-footer .fields-wrapper li { margin-bottom: 5px; float: left; width: 50%; font-size: 1.16em; }
.site-footer .notes-count { color: #666; font-size: .85em; }
.site-footer .notes-count:before { content: '('; }
.site-footer .notes-count:after { content: ')'; }
.footer-section { overflow: hidden; border-bottom: 1px solid #424242; padding: 10px 0 25px; }
/* Social */
.social-links { float: left; margin-top: 10px; clear: both; list-style: none; overflow: hidden; padding: 0; }
.social-links li { float: left; margin-right: 5px; }
.social-links a { display: block; width: 33px; height: 33px; background: url(../img/social-media-2.png) no-repeat; text-indent: -998em;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
}
.social-links a:hover { opacity: .8; }
.social-links .facebook a { background-position: 0 -1px; }
.social-links .twitter a { background-position: 0 -69px; }
.social-links .gp a { background-position: 0 -99px; }
.social-links .youtube a { background-position: 0 -35px; }
.social-links .instagram a { background-position: 0 -103px; }
/* Partners */
.partners { margin-top: 10px; }
/* Blog latest */
.latest-blog { clear: both; margin-bottom: 20px; overflow: hidden; font-size: 1.33em; }
.entry a { font-family: 'latoregular', sans-serif; font-size: 14px; }
.entry-date { color: #666; margin-bottom: 5px; }
/* Footer nav */
.footer-logo { float: left; }
.footer-nav { float: right; }
.footer-nav ul { list-style: none; padding: 0; }
.footer-nav li { float: left; margin-left: 5px; margin-top: 3px; }
.footer-nav li:first-child { margin-left: 0; }
.footer-copy-info {  float: left; color: #999; font-family: 'latoregular', sans-serif; }
.footer-copy-info p { font-size: 13px;  margin:5px 0px 0px 5px; }
.footer-copy-info-right {clear:both; float: right;}
/* Popular search */
.popular-wrapper { background: #fff; clear: both; }
.popular { clear: both; overflow: hidden; padding: 10px 20px; margin: 15px 0 25px; border-top: 1px dotted #ccc; }
.popular-label { float: left; text-align: center; width: 100%; min-width: 155px; padding-top: 8px; height: 58px; font-size: 14px; font-family: 'latoregular'; margin-bottom: 10px; }
.popular-links { float: left; width: 100%; max-width: 782px; font-family: 'latoregular', arial, sans-serif; }
.popular-links ul { padding: 10px 0 0 0; text-align: center; margin: 0; overflow: hidden; padding-top: 0px; list-style: none; }
.popular-links li { display: inline-block; margin: 0 10px 5px 0; }
.popular-links a { text-decoration: none; font-size: 14px; }
.popular-links a:hover { text-decoration: underline; }
/*==========  Main page  ==========*/

/* ernst */
.ernst-show-wrapper { position: fixed; z-index: 20; background: rgba(0,0,0,.5); left: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: center; justify-content: center; }
.ernst-show { position: relative; z-index: 21; max-width: 95%; }
.ernst-show img { width: 100%; }
.ernst-close { position: absolute; top: 10px; right: 10px; color: #fff; font-size: 40px; }

/*==========  Mainpage slogan  ==========*/
.slogan { margin: 0 auto; background: rgba(0, 0, 0, .3); border-radius: 15px; padding: 15px 15px; margin-top: 10px; }
.slogan p { font-size: 1.16em; color: #fff; line-height: 18px; font-family: 'latolight', arial-sans-serif; text-shadow: 1px 1px 1px #222; }
.slogan .main-text { line-height: inherit; font-size: 3em; text-shadow: 1px 1px 1px #222; font-family: 'latolight', arial, sans-serif; margin-bottom: 10px; }
/* Facebook widget */
.mp-fb { clear: both; float: none; margin: 45px auto; }
/*==========  Mainpage search  ==========*/
.mp-search-section { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 0; bottom: 0; }
.mp-search { min-height: 73px; }
.mp-search .form-group { padding: 0 3px; }
.mp-search { float: none; margin: 0 auto 25px; border-radius: 5px; padding: 9px; }
.mp-search-input { height: 54px; width: 100%; font-size: 1.5em; border-radius: 5px; }
.form-inline .form-control.mp-search-input { width: 100%; font-size: 14px; }
.form-inline .form-control.mp-search-btn,
.mp-search-btn { width: 100%; height: 54px; font-size: 19px; border: none; color: #fff; font-family: 'latoblack', arial, sans-serif; border-radius: 5px; border-bottom: 4px solid #e78100;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.mp-search-btn:hover { background: #ffb239; }
.mp-search ::-webkit-input-placeholder { color: #8d8d8d; font-family: 'latoregular', arial, sans-serif; }
.mp-search :-moz-placeholder { /* Firefox 18- */ color: #8d8d8d; font-family: 'latoregular', arial, sans-serif; }
.mp-search ::-moz-placeholder { /* Firefox 19+ */ color: #8d8d8d; font-family: 'latoregular', arial, sans-serif; }
.mp-search :-ms-input-placeholder { color: #8d8d8d; font-family: 'latoregular', arial, sans-serif; }
.mini-search-input ::-webkit-inputplaceholder { font-family: 'latolight', arial, sans-serif; font-size: 18px; }
.mini-search-input :-moz-placeholder { /* Firefox 18- */ font-family: 'latolight', arial, sans-serif; font-size: 18px; }
.mini-search-input ::-moz-placeholder { /* Firefox 19+ */ font-family: 'latolight', arial, sans-serif; font-size: 18px; }
.mini-search-input :-ms-input-placeholder { font-family: 'latolight', arial, sans-serif; font-size: 18px; }
.mini-search-input:focus ::-webkit-inputplaceholder { color: #222; }
.mini-search-input:focus :-moz-placeholder { /* Firefox 18- */ color: #222; }
.mini-search-input:focus ::-moz-placeholder { /* Firefox 19+ */ color: #222; }
.mini-search-input:focus :-ms-input-placeholder { color: #222; }
/*==========  Mainpage conent  ==========*/

/* Database section */
.database-icon { display: block; position: relative; min-height: 150px; text-align: center; width: 200px; margin: 0 auto; }
.database-icon:before { position: absolute; content: "\f0c5"; color: #ff9c00; font-size: 100px; top: 0; }
.database-icon:after { position: absolute; content: "\f0c2"; color: #ff9c00; top: 65px; font-size: 68px; left: 118px; }
.database-files-icon:before { position: relative; content: "\f0c2"; color: #fff; z-index: 0; font-size: 78px; left: 55px; top: 59px; }
.database-files-icon:after { position: absolute; content: "\f063"; color: #fff; font-size: 32px; z-index: 2; top: 85px; left: 137px; }
/* Social help section */
.social-help-icon:before { position: absolute; content: "\f0c0"; color: #ff9c00; font-size: 130px; top: 100px; left: 80px; }
.social-help-icon:after { position: absolute; content: "\f0e6"; color: #ff9c00; font-size: 130px; top: 150px; left: 170px; }
.social-help-icon-back:before { position: absolute; content: "\f0e6"; color: #fff; font-size: 142px; top: 145px; left: 165px; }
.social-help-icon-back:after { background: #fff; content: ''; display: block; width: 95px; height: 53px; top: 177px; left: 179px; position: absolute; }
/* Text sections */
.mp-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 320px; position: relative; height: 40%; overflow: hidden; }
.mp-section:first-of-type { padding-top: 2%; }
.mp-section .section-img { margin: 85px auto; display: block; }
.last-mp-section { border-bottom: none; }
.mp-section h2 { text-align: center; margin-top: 0; font-size: 2.3em; font-family: 'latoblack', arial, sans-serif; }
.mp-section p { color: #555; font-family: 'latoregular', arial, sans-serif; font-size: 14px; line-height: 22px; text-align: center; }
.check-blog { border-bottom: 4px solid #e78100; }
/* Main page section separator */
.mp-separator-section { margin-bottom: 80px; width: 100%; height: 120px; background: #fbfcfb url(../img/mp-l.jpg) no-repeat; background-position: 75%; background-attachment: fixed; box-shadow: inset 0 -2px 15px rgba(0, 0, 0, .3); background-size: cover; }
.mp-separator-section:last-of-type { margin-bottom: 0; }
.mp-separator-section p { font-size: 2.66em; line-height: 120px; font-family: 'latoblack', arial, sans-serif; text-align: center; color: #f2f2f2; text-shadow: 1px 1px 0 #222; }
.mp-separator-second { height: 40%; background: url(../img/mp-separator-2.jpg) no-repeat; background-size: cover; background-attachment: fixed; }
.mp-separator-third { min-height: 340px; height: 40%; background: #2d312e; background-size: cover; background-attachment: fixed; }
.note-counter-wrapper { overflow: hidden; }
.note-counter { background: #383c39; line-height: 50px; width: 50px; height: 50px; padding: 1px 8px; border-radius: 5px; margin: 0 3px; color: #fff; }
/* Main page students opinions */
.students-quotes-wrapper { padding-bottom: 50px; border-bottom: 1px solid #d9d9d9; }
.students { margin-bottom: 60px; }
.students-info { margin: 15px auto 55px; float: none; }
.students-info h2 { font-size: 3.16em; font-family: 'latoblack', arial, sans-serif; }
.students-info p { color: #999; font-size: 1.5em; }
/* Quotes */
.student-quote img { display: block; width: 120px; height: 120px; margin: 0 auto; }
.student-quote p { text-align: center; font-size: 1.33em; color: #999; margin: 15px 0; }
.student-quote p:before { content: ''; display: block; width: 15px; height: 15px; background: url(../img/quote.png) no-repeat; margin-bottom: 10px; }
.student-sign { text-align: center; }
.student-quote .name { font-weight: bold; font-size: 1.5em; font-family: 'latoregular'; }
.student-quote .school { color: #999; font-size: 1.16em; }
/* Media */
.media { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.media p.alternative-header { margin-bottom: 10px; margin-top: 35px; color: #fff; font-size: 3.16em; font-weight: bold; font-family: 'latoblack', arial, sans-serif; border-bottom: none; margin-left: 15px; opacity: .67; text-shadow: none; line-height: 1.3em; }
.media .media-page { margin: 25px 0 50px 0; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
.media .media-page:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
/* Join us */
.join-us { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.join-us p.alternative-header { font-size: 3.16em; font-weight: bold; font-family: 'latoblack', arial, sans-serif; border-bottom: none; margin-bottom: 25px; line-height: 1em; }
.join-us .btn { margin: 35px auto; float: none; width: 205px; display: block; font-family: 'latoblack', arial, sans-serif; font-size: 1.45em; padding: 10px 45px; margin-bottom: 0; }
/* Categories on my page */
.mp-categories { overflow: hidden; margin: 30px 0; }
.mp-categories ul { list-style: none; }
.mp-categories .outer-center { clear: both; }
.mp-categories-header { margin-top: 25px; margin-bottom: -20px; }
.mp-categories li h2 a:before { display: block; margin: 0 auto 10px; background: url(../media/mc-icons.png) no-repeat; content: ''; width: 81px; height: 81px; }
.mp-categories li { float: left; width: 117px; text-align: center; cursor: pointer; font-family: tahoma, arial, sans-serif;
  -webkit-transition: .3s all;
  transition: .3s all;
}
.mp-categories li:hover { opacity: .6; }
.mp-categories .row { overflow: hidden; margin-top: 30px; }
.mp-categories .row:last-child { margin-bottom: 20px; }
.mp-categories li h2 { margin-bottom: 0; }
.mp-categories li a { display: block; font-size: 13px; font-weight: bold; text-decoration: none; margin: 15px 0 0 0; color: #4E4E4E; }
.mp-categories li a:hover { text-decoration: underline; }
.mp-categories li span { display: block; overflow: hidden; white-space: nowrap; font-size: 11px; }
.mp-categories .social:before { background-position: -81px 0; }
.mp-categories .economics:before { background-position: -162px 0; }
.mp-categories .legal:before { background-position: -243px 0; }
.mp-categories .mathematical:before { background-position: -324px 0; }
.mp-categories .physical:before { background-position: 0 -81px; }
.mp-categories .chemical:before { background-position: -81px -82px; }
.mp-categories .life:before { background-position: -161px -80px; }
.mp-categories .earth:before { background-position: -242px -81px;; }
.mp-categories .engineering:before { background-position: -323px -80px; }
.mp-categories .agricultural:before { background-position: 0 -162px; }
.mp-categories .medical:before { background-position: -80px -163px; }
.mp-categories .movie:before { background-position: -162px -161px; }
.mp-categories .music:before { background-position: -244px -163px; }
.mp-categories .art:before { background-position: 0 -243px; }
.mp-categories .theatre:before { background-position: -325px -163px; }
.mp-categories .theology:before { background-position: -81px -244px; }
/* Scroll */
.scroll-down { position: absolute; font-size: 2em; display: block; margin: 95px auto 0; width: 151px; height: 51px; cursor: pointer; color: #fff; bottom: 25px; left: 50%; margin-left: -75px; }
.scroll-down:before { content: "\f107"; position: absolute; bottom: -20px; left: 50%; margin-left: -15px; font-size: 45px; }
/* Note view page */

/* Header */
.top-banner { padding: 10px 0; width: 100%; background: #eee; }
.top-banner img { margin: 40px auto; display: block; width: 728px; height: 90px; }
/* Note */
.note-page .note-view { border-right: 1px dotted #ddd; /*max-width: 825px;*/ }
.note-page .note-view .note { background: #fff; }

/* Note aside */
.note-page .aside { padding: 25px; }
.aside h3 { color: #222; font-family: 'latoregular', sans-serif; font-size: 26px; letter-spacing: initial; border-bottom: 0; margin: 0 15px 10px 0; line-height: initial; padding: 0; text-shadow: none; }
.note-page .btn-download { padding: 13px 0 10px 20px; font-family: 'latoblack', arial, sans-serif; margin: 5px auto 10px; }
.note-page .download-wrapper { margin-top: 15px; text-align: center; }
.note-page .download-wrapper form { text-align: center; }
.note-page .download-wrapper .btn-download { display: inline-block; }
.note-page .aside .side-graphic > div { margin: 0 auto; background: #ddd; }

.note-view { padding: 0; }
.note-header { margin-bottom: 35px; overflow: hidden; }
.note-header h1 { font-family: 'latobold', arial, sans-serif; color: #000; margin: 0; letter-spacing: -1px; text-align: left; /*border-bottom: 1px solid #ddd;*/   font-size: 28px; padding: 45px 0 5px;  }
/* Note info */
.note-info-wrapper { clear: both; position: relative; left: 0; right: -11px; /*margin-left: 18px;*/ margin-right: 0;}
/* Tags */
.note-info-wrapper .tags { width: 100%; height: auto; list-style: none; overflow: hidden; margin-bottom: 0; padding: 0; color: #5b5b5b; }
.note-info-wrapper .tags li { position: relative; display: inline-block; /*cursor: pointer;*/ margin-bottom: 0; padding-left: 35px; padding-right: 10px; margin-right: 0; -webkit-transition: .1s all ease-in-out; transition: .1s all ease-in-out; width: 100%; }
.note-info-wrapper .tags li:first-of-type { padding-left: 40px; }
.note-info-wrapper .tags li:first-of-type:before { margin-left: 6px; }
.note-info-wrapper .tags li:hover { /*background: #ccc;*/ border: 0; /*border-bottom: 2px solid #dd8d18;*/ }
/*  .note-info-wrapper .tags li:hover a { color: #fff; }*/
/*  .note-info-wrapper .tags li:hover:before { color: #fff; }*/

.note-info-wrapper .tags li:empty { display: none; }
.note-info-wrapper .tags a,
.note-info-wrapper .tags span { display: block; color: #6197db; text-decoration: none; font-weight: bold; line-height: 40px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .1s all ease-in-out; transition: .1s all ease-in-out; white-space: nowrap; text-overflow: ellipsis; }
.note-info-wrapper .tags a:hover { text-decoration: underline; }
.note-info-wrapper .tags h2,
.note-info-wrapper .tags h3 { margin: 0; padding: 0; padding-left: 0; font-size: 12px; font-weight: normal; font-family: 'latolight'; border-bottom: none; }
.note-info-wrapper .tags li:before { font-family: 'latoregular'; position: absolute; left: 0; float: left; margin-top: 5px; margin-right: 5px; font-size: 18px; -webkit-transition: .1s all ease-in-out; transition: .1s all ease-in-out; color: #B2B3B3; }
.note-info-wrapper .tags .subject-tag { padding-left: 40px; }
.note-info-wrapper .tags .school-tag { padding-left: 40px; }
.note-info-wrapper .tags .subject-tag a:first-letter { text-transform: uppercase; }
.note-info-wrapper .tags .teacher-tag:before { font-family: 'fontAwesome'; content: "\f19d "; margin-left: 7px; }
.note-info-wrapper .tags .school-tag:before { font-family: 'fontAwesome'; content: "\f19c "; margin-left: 8px; }
.note-info-wrapper .tags .subject-tag:before { font-family: 'fontAwesome'; content: "\f07b "; margin-left: 8px; }
/* note info*/
.note-info { position: relative; top: -10px; right: 0; overflow: hidden; font-size: 1.1em; color: #6f7a74; margin-right: 10px; }
.note-info a { color: #6f7a74; text-decoration: underline; }
.note-info a:hover { text-decoration: none; }
/*note nownload*/
.note .download-note-container { padding: 10px 10px 10px 0; }
.note .download-note-wrapper { padding: 0 0 0 30px;}
.note .download-note-wrapper h3 { margin-bottom: 5px; }
.note .download-note-wrapper .download-note-text p { position: relative; line-height: 1em; font-family: 'latoregular'; font-size: 18px; padding: 0; margin: 0; font-size: 16px; padding-left: 15px; }
.note .download-note-wrapper .download-note-text p i { position: absolute; left: -10px; }
.note .download-note-wrapper .download-note-text .download-note-paragraph { padding-top: 10px; }
.note .download-note-wrapper .download-note-text .download-note-paragraph i { margin-right: 5px;  }
/*locked view*/

/* note content */
.note-content { padding: 0 10px; }
.note-content .note-preview-wrapper { margin: 25px auto; padding: 15px 25px; /*max-width: 660px;*/ background: none; }
.note-content .note-preview-wrapper p { background: none; }
.note-content p, .note-content li { font-size: 1.16em; color: #666;}
.note-content h2 {
  font-size: 24px; font-family: latoblack; font-weight: bold;
}
.note-content h3 {
  font-size: 22px; font-family: latoblack; font-weight: bold;
}
.note-content h4 {
  font-size: 20px; font-family: latoblack; font-weight: bold;
}
.note-content h5 {
  font-size: 18px; font-family: latoblack; font-weight: bold;
}
.note-content li {  list-style: initial;  }
.fragment { display: block; font-size: 18px; border-bottom: 1px solid #ddd; font-family: 'latoregular', sans-serif; }
.note-content .note-preview-wrapper ol li { list-style-type: decimal; }
.note-content .note-preview-wrapper ul,
.note-content .note-preview-wrapper li { list-style: initial; }
.note-describe { font-size: 15px; font-family: 'latoregular', arial, sans-serif; font-weight: bold; display: block; background: #ECECEC; padding: 10px; border-radius: 5px; }
/*note comments*/
.note-comments-wrapper { border-top: 1px solid #bfbfbf; padding-bottom: 40px; margin-bottom: 25px;  }
.note-comments-wrapper .row { margin-bottom: 20px; }
.note-comments-wrapper .avatar { margin: 0 auto; overflow: hidden; display: block; width: 85px; height: 85px; background: #eeeeee; border-radius: 50%; text-align: center; }
.note-comments-wrapper .avatar img { width: 100%; height:100%; }
.note-comments-wrapper .comment { margin: 0 0 35px 0; }
.note-comments-wrapper .comment-info { font-size: 20px; color: #222;}
.note-comments-wrapper .user-name { float: left; }
.note-comments-wrapper .date { float: right; }
.note-comments-wrapper .note-comment { font-size: 16px; line-height: 1.2em; color: #222;}

/* New comment */
.new-comment { /*position: relative;*/ padding-top: 30px; margin: 20px auto 0; width: 100%; }
.new-comment:before { position: absolute; top: 0; left: 50%; margin-left: -175px; content: ''; display: block; width: 350px; height: 1px; background: #ddd; }
/* logged user */
.new-comment .new-comment-wrapper { position: relative; margin-bottom: 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; }
.new-comment .avatar { margin-top: -15px; }
.new-comment .new-comment-content::-webkit-input-placeholder { color: #222; }
.new-comment .new-comment-content:-moz-placeholder { color: #222; }
.new-comment .new-comment-content::-moz-placeholder { color: #222; }
.new-comment .new-comment-content:-ms-input-placeholder { color: #222; }
.new-comment .new-comment-submit { position: absolute; top: 9px; right: 25px; }

/* messages */
.new-comment-message { font-size: 16px; position: absolute; top: -30px; display: block; left: 15px; right: 15px; transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; }
.new-comment-message:before { position: absolute; content: ''; bottom: -5px; display: block; width: 0%; height: 5px; transition: .5s all ease-in-out; -webkit-transition: .5s all ease-in-out; }
.new-comment-message.success:before { background: #a2ce00; }
.new-comment-message.success { color: #a2ce00; }
.new-comment-message.error:before { background: #ce0022; }
.new-comment-message.error { color: #ce0022; }
.new-comment-message.enter-animate:before { width: 100%; }
.new-comment-message.leave-animate:before { width: 0%; }
.new-comment-message.leave-animate { opacity: 0; }

/* non logged user */
.non-logged-comment { text-align: center; font-size: 20px; margin: 25px auto; }
.non-logged-comment i { margin-right: 5px; }
.non-logged-comment a { color: #f5921e; }
.non-logged-comment a:hover { text-decoration: underline; }

/*note-similar*/
.note-similar-wrapper { margin-top: 40px; }
.note-similar-wrapper .note-thumbnail { display: block; margin: 0 auto; width: 149px; height: 189px; background: #ccc; }
.note-similar-wrapper .note-tittle-wrapper { max-width: 170px; margin: 0 auto; }
.note-similar-wrapper .note-title { font-size: 18px; font-weight: bold; color: #222; padding-top: 10px;}

/* note preview cta */
.note-preview-cta { margin: -15px auto 25px auto; width: 98%; min-height: 200px; position: relative; background: #eee; padding: 25px 0; max-width: 660px; }
.note-preview-cta p { text-align: center; position: relative; z-index: 1; padding: 0 15px 0; margin-bottom: 5px; }
.note-preview-cta:before { z-index: 0; content: ''; display: block; width: 100%; height: 28px; background: url(../img/note-wrap-top.png) no-repeat; top: -4px; background-size: 100%; position: absolute; }
.note-preview-cta:after { z-index: 0; content: ''; display: block; width: 100%; height: 28px; background: url(../img/note-wrap-bottom.png) no-repeat; bottom: -4px; background-size: 100%; position: absolute; }
.note-preview-cta .note-preview-cta-left { font-size: 34px; font-family: 'latoblack', arial, sans-serif; font-weight: bold; }
.note-preview-cta .note-preview-cta-text { font-family: 'latoregular', arial, sans-serif; font-size: 17px; font-weight: bold; }
.note-preview-cta .btn { display: block; width: 170px; font-family: 'latoblack', arial, sans-serif; font-size: 19px; margin: 25px auto 15px; }
/* note preview */
.note-preview-wrapper { margin: 25px 0; }
.note-preview-wrapper p,
.note-preview-wrapper li { color: #1a1a1a; font: 14px/20px Arial; padding-right: 15px; padding-left: 0; padding-bottom: 20px; text-align: justify; margin: 0;}
.note-image-wrapper { position: relative; }
.note-image-wrapper .top-fragment-info { position: absolute; top: 0; width: 100%; background: #2d312e url(../img/fragment-top.jpg); height: 49px; color: #fff; text-align: right; padding-top: 10px; padding-right: 20px; font-family: 'latoregular', arial, sans-serif; }
.note-image-wrapper .top-fragment-info form { display: inline-block; position: relative; top: -2px; }
.note-image-wrapper .top-fragment-info form a { background: none; margin: 0; padding: 0; font-size: 1em; width: auto; color: #ffbc1c !important; position: relative; top: 2px; border-bottom: 0; }
.note-image-wrapper .bottom-fragment-info { position: absolute; bottom: 0; width: 100%; background: #2d312e url(../img/fragment-bottom.jpg); height: 49px; color: #fff; text-align: left; padding-top: 20px; padding-left: 20px; font-family: 'latoregular', arial, sans-serif; }
.note-image-wrapper .bottom-fragment-info a { background: none; margin: 0; padding: 0; font-size: 1em; width: auto; color: #ffbc1c !important; position: relative; top: 2px; border-bottom: 0; }
.note-image-wrapper a { color: #ffbc1c; }
.fragment-box { position: relative; }
.fragment-close { cursor: pointer; position: absolute; right: -11px; top: -11px; background: url(../img/close-preview.png) no-repeat; display: block; width: 23px; height: 23px; text-indent: -998em; z-index: 3; }
.fragment-close:hover { opacity: .7; }
.note-preview .preview-btn { position: absolute; background: #f6921e; color: #fff; font-family: 'latoregular', arial, sans-serif; padding: 4px 13px 4px 7px; border-radius: 0px; width: 50px; font-size: 14px; height: 45px; bottom: 0; right: 0; z-index: 2; border-bottom: 2px solid #dd8d18; }
.note-preview .preview-btn:hover { background: #dd8d18; }
.note-preview .preview-btn:before { content: "\f002"; margin-right: 5px; font-size: 28px; margin-top: 4px; margin-left: 5px; }
/**
 * Note viever
 */
/*limited note viewer*/
.viewer-limit { margin: 25px auto 0; clear: both; }
.viewer-limit .viewer-header { color: #fff; line-height: 34px; font-family: 'latoregular'; padding: 0 10px; background: #343434; height: 34px; }
.viewer-limit .viewer-content { background: #F2F2F2; text-align: center; min-height: 575px; max-height: 1075px; overflow-y:scroll; overflow-x:hidden; overflow: scroll; position: relative; margin-bottom: -1px; border: 1px dotted #ddd;/*  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; */ clear: both; }
.viewer-limit .viewer-content img { margin-bottom: 10px; width: 760px; max-width: 100%; }
.viewer-limit .viewer-content:before { -webkit-filter: blur(1px); -webkit-filter: blur(1px); content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .8; background-repeat: no-repeat; background-size: 760px; background-position: center; }
.viewer-limit .viewer-content .limit-message-wrapper { background: #fff; width: 320px; height: 280px; position: relative; margin: 10px auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.viewer-limit .viewer-content .limit-message-wrapper .icon { font-weight: bold; width: 100px; color: #fff; font-size: 8em; line-height: 245px; float: left; background: #dc564f; height: 100%; }
.viewer-limit .viewer-content .limit-header { font-size: 1.66em; }
.viewer-limit .viewer-content .limit-message { text-align: left; float: left; width: 200px; padding: 15px 15px 15px; font-size: 1.33em; }
.viewer-limit .viewer-content .limit-login .limit-header { font-size: 1.45em; font-family: 'latoregular', sans-serif; }
.viewer-limit .viewer-content .limit-login .limit-message { padding-top: 25px; }
.viewer-limit .viewer-content .limit-login .icon { background: #f6921e; }
.viewer-limit .btn { font-weight: bold; width: auto; float: left; padding: 5px 15px; font-size: 16px; font-family: 'latoregular', sans-serif; margin-top: 0; }
.viewer-limit .btn:before { display: none; }
.viewer-limit.is-hidden { display: none; }
.viewer-limit.is-loading .viewer-content .icon { background: #27ae60; font-size: 5em; }
.viewer-limit.captcha .btn { width: 100%; border-radius: 0; }

/*NEW LIMIT MESSAGE WRAPPER*/

.new-viewer-limit .viewer-content {  }

.new-viewer-limit .new-limit-message-wrapper { position: absolute; top: 150px; left: 10px; width: 820px; background: rgba(0,0,0,0.8); max-width: 100%; padding: 45px 32px 15px 31px; z-index: 1; font-size: 15px; }
.new-viewer-limit .new-limit-message-wrapper .limit-message { float: none; width: 100%; }
.new-viewer-limit .new-limit-message-wrapper .limit-message .message-position { float: left; color: #fff; font-weight: bold; }
.new-viewer-limit .new-limit-message-wrapper .limit-message span a { float: right; display: block; top: -4px; }
.new-viewer-limit .viewer-content { background: #F2F2F2; text-align: center; min-height: 575px; max-height: 1075px; overflow-y:scroll; overflow-x:hidden; /*overflow: scroll;*/ position: relative; margin-bottom: -1px; border: 1px dotted #ddd;/*  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; */ clear: both; }

@media all and (max-width: 1199px) {
  .new-viewer-limit .new-limit-message-wrapper { width: 905px; padding: 45px 70px 15px 75px; }
}

@media all and (max-width: 991px) {
  .new-viewer-limit .new-limit-message-wrapper { width: calc(100% - 20px); text-align: center; padding: 0; top: 59px; }
  .new-viewer-limit .new-limit-message-wrapper .limit-message span a { float: none; width: 210px; margin-top: 20px; }
  .new-viewer-limit .new-limit-message-wrapper .limit-message { text-align: center; }
  .new-viewer-limit .new-limit-message-wrapper .limit-message .message-position { float: none; display: block; }
}

/* note stats wrapper */
.note-stats-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; }

/* stars */
/*.note-view-stars { min-width: 250px; float: left; color: #6f7a74; height: 20px; margin: 10px 20px 10px 0; 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; }*/
.note-view-stars .star { margin: 0 2px; font-size: 1.16em; color: #d4d4d4; }
.note-view-stars .star.marked { font-size: 1.16em; color: #f6921e; }
.note-view-stars p { font-size: 1.5em; margin: 0; font-family: 'latoregular', sans-serif; }
.aside-box p { font-size: 1.08em; font-family: 'latoregular', arial, sans-serif; text-align: center; }


/* owl carousel */
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #f8a21a; }
.owl-theme .owl-controls .owl-buttons div { position: absolute; left: 0; top: 35%; background: none; width: 34px; height: 40px; opacity: 1; z-index: 2; }
.owl-theme .owl-controls .owl-buttons div:hover:before { color: #f8a21a; }
.owl-theme .owl-controls .owl-buttons div:before { content: "\f137"; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; color: #869791; font-size: 40px; left: 0; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: -1; }
.owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; left: auto; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
/* popular search / popular search notes */
.note-links-table { margin: 25px 0 0; }
/*==========  Note download page  ==========*/
.limit-hit { background: #e74c3c; color: #fff; display: block; width: 75%; min-width: 320px; font-family: 'latoregular', arial, sans-serif; padding: 10px 15px; margin: 10px auto 0; font-size: 13px; }
.download-note-form { overflow: hidden; }
.user-auth-content.download-note-auth-content { background: #fafafa; border: none; position: relative; margin-top: 30px; min-height: 200px; max-width: none; padding: 0 0 15px; border-radius: 5px; padding-top: 130px; }
.user-auth-content.download-note-auth-content .btn-download { margin-top: -21px; float: none; font-size: 17px; width: 100%; padding-left: 13px; max-width: 300px; border-radius: 0; }
.user-auth-content.download-note-auth-content .btn-download:before { left: 60px; top: 13px; }
.download-note-main-content { position: relative; z-index: 2; }
.download-note-content { position: absolute; width: 100%; height: 200px; top: 0; }
.download-note-content h1 { font-size: 35px; font-family: 'latoblack', sans-serif; color: #00adef; position: absolute; right: 30px; z-index: 3; text-transform: uppercase; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); }
.download-note-content h2 { font-size: 20px; color: #464646; font-family: 'latoregular', sans-serif; font-weight: bold; position: absolute; right: 83px; top: 55px; }
.goto-course { position: absolute; display: block; left: 0; width: 35%; height: 100vh; z-index: 3; text-indent: -998em; }
.goto-tests { position: absolute; display: block; right: 0; width: 35%; height: 100vh; z-index: 3; text-indent: -998em; }
.user-auth-content.download-note-auth-content .tagline { border-bottom: 1px solid #ddd; margin-top: 0; padding-bottom: 15px; }
.captcha-rewrite { text-align: center; font-size: 15px; font-family: 'latoregular', arial, sans-serif; margin-bottom: 15px; line-height: 20px; }
.captcha-rewrite.download-note-title { opacity: .5; }
.user-auth .user-auth-content.download-note-auth-content + .no-account { font-size: 14px; margin-top: 10px; color: #222; opacity: 1; background: rgba(255,255,255,.5); width: 80%; margin: 10px auto; border-radius: 2px; }
.user-auth .user-auth-content.download-note-auth-content + .no-account a { color: #f6921e; }
.user-auth .user-auth-content.download-note-auth-content + .no-account a:hover { text-decoration: underline; }
.no-account-pracuj { /*color: #fff;*/ font-size: 14px; }
@media screen and (max-width: 1140px) {
  .no-account-pracuj { color: #222; }
}
.download-loader { margin-top: -15px; padding-top: 55px; position: relative; display: block; font-size: 15px; font-weight: bold; font-family: 'latobold', arial, sans-serif; color: #f6921e; text-align: center; }
.download-loader:before { position: absolute; top: 0; left: 50%; margin-left: -27px; display: block; content: ''; width: 65px; height: 65px; background: url(../img/preloader.gif); background-size: 100%; }
.download-thanks { font-size: 15px; font-family: 'latobold', arial, sans-serif; color: #f6921e; font-weight: bold; text-align: center; display: block; }
.user-auth .fb_iframe_widget iframe, .user-auth .fb_iframe_widget, .user-auth .fb_iframe_widget > span { height: 100px !important; width: 100% !important; padding: 5px 25px; }

/* share before download */
.share-before { display: none; }
.share-before h2 { text-align: center; font-size: 17px; margin-top: 10px; margin-bottom: 10px; }
.share-before p { font-size: 14px; text-align: center; max-width: 60%; margin: 0 auto; line-height: 20px; }
.share-before .btn-share { background: #1976d2; color: #fff; max-width: 150px; margin: 20px auto; display: block; }
.share-before .btn-share i { margin-right: 5px; color: #fff; }

/* Memes */

.memes-header { height: 50px; background: #222; color: #fff; text-align: center; }
.memes-header h1 { line-height: 50px; margin: 0; }
.memes-header h1 a { color: #fff; }
.memes { position: relative; max-width: 768px; margin: 0 auto; }
.meme { max-width: 500px; margin: 0 auto; }
.single-meme { padding-bottom: 350px; }
.meme-header a { color: #222; }
.meme .image { max-width: 500px; }
.meme .image img { width: 100%; }
.meme .meme-footer { padding: 15px 0; text-align: right; }
.meme .btn-fb { background: #1565c0; color: #fff; font-size: 16px; font-family: 'latoregular', sans-serif; }
.meme .btn-fb i { margin-right: 5px; }
.meme .fb_iframe_widget iframe, .meme .fb_iframe_widget, .meme .fb_iframe_widget > span{ height: initial !important; }
.meme .fb_iframe_widget_fluid span { width: 100% !important; }
.meme .fb_iframe_widget iframe { width: 100% !important; }
.meme .fb_iframe_widget iframe, .fb_iframe_widget, .fb_iframe_widget > span { height: initial !important; }
.single-meme .floating-left { margin-left: -200px; }
.single-meme .rect-list { margin: 25px auto; }
.floating-left { width: 160px; height: 600px; background: #ddd; position: fixed; top: 390px; margin-left: -80px; }
.rect-list { max-width: 350px; height: 350px; margin: 0 auto; }

/*==========  Application message  ==========*/
.app-message { z-index: 6; position: absolute; left: 0; right: 0; background: #27ae60; height: 40px; text-align: center; font-size: 16px; font-family: 'latoregular'; color: #fff; line-height: 40px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}
.app-message.app-message-error { background: #c0392b; }
.app-message.is-hidden { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
.header-light + .main-content .app-message { position: fixed; top: 0; }
/*==========  Application form  ==========*/
.app-form .download-loader { position: absolute; right: -30px; padding: 0; top: 20px; width: 25px; height: 25px; }
.app-form .download-loader:before { position: absolute; top: 0; left: 0; margin-left: -7px; display: block; content: ''; width: 37px; height: 35px; background-size: 100%; margin-top: -6px; }
.app-form .input-message { position: absolute; opacity: 0; right: -60px; padding: 0; top: 7px; width: 50px; font-size: 12px; height: 25px; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; color: #27ae60; }
.app-form .input-message.input-message-success { color: #27ae60; }
.app-form .input-message.input-message-error { color: #c0392b; }
.app-form .input-message.is-visible { opacity: 1; }
.app-form input[type="text"],
.app-form input[type="password"],
.app-form select,
.app-form textarea { border: 1px solid #d9d9d9; border-bottom: 3px solid #d9d9d9; border-radius: 5px; resize: none; }
.app-form input[type="text"],
.app-form select,
.app-form input[type="password"] { min-height: 40px; }
.app-form select { color: #999; }
.app-form .form-group { margin-bottom: 10px; min-height: 40px; }
.app-form .form-control:focus { border: 1px solid #d9d9d9; border-bottom: 3px solid #d9d9d9; box-shadow: none; }
/* App tip */
.app-tip-holder { position: relative; }
.app-tip { position: absolute; right: 10px; top: 10px; }
.app-tip-trigger { width: 17px; height: 17px; }
.app-tip-trigger:before { content: "\f059"; font-size: 18px; color: #999; }
.popover { border: 1px solid #ddd; box-shadow: none; font-family: 'latoregular', arial, sans-serif; font-size: 14px; line-height: 17px; border-bottom: 2px solid #ccc; border-radius: 0; }
.popover-content { padding: 10px 15px; }
/* Errors */
.app-form .form-group.has-error { position: relative; }
.app-form .has-error input[type="text"],
.app-form .has-error input[type="password"],
.app-form .has-error select,
.app-form .has-error textarea,
.app-form .has-error .form-control:focus {
  border: 1px solid #bd4c4c;
  border-bottom: 3px solid #bd4c4c;
  -webkit-animation: errorAnimation .2s 3;
  animation: errorAnimation .2s 3;
}
.app-form .form-group.has-error .app-tip-trigger:before { color: #bd4c4c; }
.app-form .form-group.has-error ::-webkit-input-placeholder { color: #bd4c4c; }
.app-form .form-group.has-error :-moz-placeholder { color: #bd4c4c; }
.app-form .form-group.has-error ::-moz-placeholder { color: #bd4c4c; }
.app-form .form-group.has-error :-ms-input-placeholder { color: #bd4c4c; }
.app-form .errors li { padding: 5px 10px; }
.app-form .errors { /*right: -25px; top: 10px;*/ padding: 0; opacity: 1; }
.app-form .errors.visible { opacity: 1 !important; }
.q-wrapper .app-form .errors { right: -5px; top: 40px; padding: 0; }
.app-form .message-sign { position: absolute; right: 0; top: -40px; font-size: 28px; left: 5px; width: 25px; }
.app-form .message-sign.error-sign:before { content: "\f06a"; color: #bd4c4c; }
.app-form .message-sign.ok-sign:before { content: "\f058"; }
/* error animation */
@keyframes errorAnimation {
  0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

/* Similar notes*/
.similar-notes-wrapper { margin-bottom: 25px; }
.similar-notes-wrapper .similar-note { padding-left: 10px; margin-bottom: 5px; }
.similar-notes-wrapper .similar-note a { line-height: 30px; position: relative; padding-left: 25px; font-size: 18px; color: #222; font-family: 'latoregular', sans-serif; }
.similar-notes-wrapper .similar-note a:hover { color: #f6921e; }
.similar-notes-wrapper .similar-note a:before { position: absolute; left: 0; font-family: 'fontAwesome'; content: "\f0f6"; padding-right: 10px; color: #646464; }

/*==========  Aside  ==========*/

/* Note preview */
aside.note-preview-wrapper { background: #fafafa; padding: 15px; border: 1px dotted #ddd; position: relative; }
aside .note-preview { cursor: pointer; width: 200px; margin: 25px auto 10px; border: 1px solid #e4e5e5; overflow: hidden; position: relative; }
aside .note-preview:hover img {
  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
aside .note-preview img { width: 100%;
  -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
/*aside .note-preview:before { content: 'powiększ'; display: block; z-index: 2; position: absolute; bottom: -12px; left: 50%; margin-left: -53px; background: #f6921e; display: block; width: 106px; height: 30px; color: #fff; font-size: 1.24em; font-weight: bold; text-align: center; line-height: 30px; border-radius: 3px; }*/
aside .zoom-btn { z-index: 2; cursor: pointer; position: absolute; }
aside .zoom-btn:before { }
/* Rate note*/
.rate-note { overflow: hidden; width: 100%; padding-bottom: 5px; margin: 0 0 30px 0; }
.rate-note .form-group:first-child { margin-left: 50px; }
.rate-note .glyphicon { float: left; margin-right: 10px; display: block; width: 50px; background: #f6f6f6; }
.rate-note .rated { border-color: #66AFE9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; }
.form-control.glyphicon {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.form-control.glyphicon-thumbs-up:hover { background: #5cb85c; color: #fff; }
.form-control.glyphicon-thumbs-down:hover { background: #d9534f; color: #fff; }
/* Share note */
.share-note { overflow: hidden; margin: 0 0 15px 0; }
/* Books */
.books { margin-bottom: 30px; }
.books ul { list-style: none; padding: 10px 0; margin: 0; overflow: hidden; border-top: 1px solid #ccc; }
.books ul:first-of-type { border-top: none; }
.books li { margin-bottom: 3px; }
.books img { width: 60px; border: 2px solid #ccc; }
.books a { text-decoration: none; color: #000; }
.books .book-img { float: left; margin: 0 10px 0 0; }
.books .book-title { font-weight: bold; font-size: 13px; }
.books .book-price { background: #000; float: left; padding: 5px 10px; border-radius: 3px; color: #fff; }
.books .book-price a { color: #fff; }
/* full width banner */
.fw-banner { cursor: pointer; z-index: 0; position: relative; width: 100%; height: 205px; border-bottom: 1px solid #dedede; margin-top: 1px; background: #f6f6f6; }
.fw-banner .container { position: relative; }
.fw-primary.is-hidden { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.fw-primary { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .7s all ease-in-out; transition: .7s all ease-in-out; }
.fw-header { position: relative; width: 70%; margin-left: 30%; margin-top: 35px; }
.fw-header:before { color: #2d312e; content: "\f16a"; display: block; font-size: 92px; position: absolute; left: -115px; top: -5px;
  -webkit-animation: playAnim .7s infinite; animation: playAnim .7s infinite;
}
/*==========  G  ==========*/
.top-g { padding: 20px 0; background: #f6f6f6; }
.top-g + .main-content,
.top-g + aside { margin-top: 0; }
/*==========  Note list  ==========*/

.note-list { float: right; padding: 0; }
.note-list h1 { margin-bottom: 0; }
.note-list .notes { overflow: hidden; }
.note-list .pagination { margin-bottom: 5px; }
.note-list .single-note { overflow: hidden; border-top: 1px solid #d9d9d9; padding: 25px 0 25px;
  margin-bottom: 0; }
.note-list .single-note .note { padding: 0; }
.note-list .note h2 { font-size: 1.66em; width: 80%; margin-top: 0; margin-bottom: 15px; }
.note-list .note h2 a { color: #666; font-family: 'latoregular'; font-size: 20px; font-weight: bold; }
.note-list .preview { background: #f6f6f6; padding: 13px; }
.note-list .preview img { width: 100%; }
.note-list .abstract { font-size: 13px; font-family: 'latoregular', arial, sans-serif; line-height: 19px; max-width: 100%; margin: 0 0 20px 0; clear: both; background: #F8F8F8; padding: 10px 20px; }
.note-list .abstract p { margin-bottom: 0; font-size: 1.08em; line-height: 20px; }
.note-list.setting-notes { clear: both; }
.note-actions { margin-top: 0px; margin-bottom: 20px; }
.note-actions:empty { margin-top: 0; }
.note-actions a, .note-actions button { display: block; float: left; margin-right: 50px; line-height: 0px; color: #666; }
.note-actions .btn-download { color: #fff; margin: 0 50px 0 0; padding: 0; width: 165px; padding-left: 20px; font-size: 15px; font-family: 'latoregular', arial, sans-serif; padding-top: 1px; }
.note-actions .btn-download:before { top: 7px; font-size: 17px; }
/* Share tooltip */
.share-wrapper { float: left; position: relative; }
.share-wrapper:hover .share-note-tooltip { opacity: 1; }
.share-wrapper .share { float: none; }
.share-note-tooltip { opacity: 0; padding: 3px 5px; position: absolute; top: 28px; left: 9px; border-radius: 3px; background: #f5f5f5; border: 1px solid #dfdfdf; box-shadow: 1px 1px 0 #c2c2c2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.share-note-tooltip:before { top: -7px; width: 10px; height: 7px; display: block; content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent #f5f5f5 transparent; }
.share-note-tooltip:after { top: -8px; z-index: -1; width: 10px; height: 7px; display: block; content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent #dfdfdf transparent; }
.note-actions .share-btn { float: left; margin-right: 0; width: 24px; height: 19px; display: block; background: url(../img/share.png) no-repeat; text-indent: -998em; background-position: 0 -19px; }
.note-actions .share-fb-btn { background-position: -23px 0; }
.note-actions .share-fb-btn:hover { background-position: -23px -19px; }
.note-actions .share-gmail-btn:hover { background-position: 0 0; }
.note-actions .share-btn:last-of-type { margin-right: 0; }
.at16nc.at16t_facebook, .at16nc.at16t_gmail { background: none; }
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t { background: none !important; }
.pagination { font-size: 10px; }
/*==========  Note info  ==========*/
.note-list .note-info { clear: both; width: 100%; margin: 0 0 5px 0; position: relative; }
.note-list .comment-count { float: left; margin-right: 20px; }
.note-info .download-count,
.note-info .view-count,
.note-info .added { float: left; background: none; padding-left: 0; margin-right: 10px; font-size: 18px; font-family: 'latoregular', arial, sans-serif; }
/*==========  Filters  ==========*/
.filter-wrapper { margin-top: 35px; }
.filter-type { margin-bottom: 40px; background: #fafafa; padding: 10px; border: 1px dotted #ddd; }
.filter-type h4 { padding-bottom: 5px; font-size: 1.16em; border-bottom: 1px solid #d9d9d9; font-family: 'latoblack', arial, sans-serif; }
.filter-type ul { padding: 0; list-style: none; font-size: 1.16em; height: 160px; overflow: hidden; overflow-y: scroll; }
.filter-type li { overflow: hidden; margin-bottom: 3px; }
.filter-type li.active:before { float: left; margin-right: -15px; background: url(../img/selected-item.png) no-repeat; content: ''; display: block; width: 15px; height: 13px; background-position: 3px 0; }
.filter-type li .icon { float: left; display: block; margin-right: 5px; color: #7dbe01; }
.filter-type li .icon + a { padding-left: 0; }
.filter-type a { position: relative; float: left; padding-left: 20px; color: #666; display: block; text-overflow: ellipsis; font-size: 12px; font-family: arial, verdana, sans-serif; overflow: hidden; white-space: nowrap; }
.filter-type a:before { display: block; width: 10px; height: 10px; border: 1px solid #ccc; content: ''; position: absolute; left: 3px; top: 3px; border-radius: 2px; }
.filter-type .notes-count { float: right; font-size: .75em; color: #999999; }
.filter-type .notes-count:before { content: '('; }
.filter-type .notes-count:after { content: ')'; }
/*==========  Suggest  ==========*/
.search-suggest { font-size: 14px; margin: 15px 0; display: block; }
.search-suggest a { font-weight: bold; }
/*==========  Seo phrases  ==========*/
.phrases-header { margin-bottom: 15px; }
.phrases-list { padding: 0 15px; }
.phrases-list li { width: 33%; float: left; margin-bottom: 4px; }
.phrases-list li:nth-child(2n+1) { clear: both; }
.phrases-list li:before { margin-top: 3px; float: left; margin-right: 10px; content: ''; display: block; width: 14px; height: 15px; background: url(../img/paperclip.png) no-repeat; }
.phrases-list a { color: #222; font-family: 'latoregular', arial, sans-serif; font-size: 1.16em; }
/*==========  Categories page  ==========*/

.categories { overflow: hidden; clear: both; margin-bottom: 40px; }
.categories .letter { display: block; width: 100%; margin-bottom: 10px; font-family: 'latoblack', arial, sans-serif; font-weight: bold; font-size: 2em; }
.categories ul { list-style: none; overflow: hidden; padding: 0; float: left; }
.categories li h2 { overflow: hidden; margin-bottom: 10px; font-size: 1.16em; }
.categories a { float: left; color: #666; padding: 0; font-size: 1.16em; font-family: 'latolight'; }
.categories li span { float: right; font-size: .75em; color: #999; }
.categories li span:before { content: '('; }
.categories li span:after { content: ')'; }
.catalog .categories a { float: left; color: #666; padding: 0; font-weight: normal; font-size: 13px; font-family: 'latoregular', sans-serif; }
/*==========  Pagination  ==========*/
.notes { padding: 0; list-style: none; }
.pagination .pagination-dots { background: none; border: none; min-width: 15px; padding: 0 5px; }
.pagination ul { float: left; list-style: none; overflow: hidden; padding: 0; }
.pagination li { float: left; font-size: 1.33em; font-family: 'latoregular', arial, sans-serif; margin-right: 3px; padding: 0 8px; min-width: 30px; height: 30px; background: #f6f6f6; line-height: 30px; text-align: center; border-radius: 0; border: 1px solid #dfdfdf; }
.pagination li:hover,
.pagination li.active { background: #707070; }
.pagination li:hover a,
.pagination li.active span { color: #fff; }
.pagination li.pagination-dots:hover { background: none; }
.pagination a { display: block; color: #666; }
.pagination a:hover { text-decoration: none; }
.pagination li.active { background: none; padding: 0; display: block; color: #666; }
.pagination li span.current { background: #DFDFDF; display: block; color: #666; line-height: 30px; border-bottom: 1px solid #ddd; padding: 0; border-radius: 0; min-height: 29px; min-width: initial; height: 29px; }
.pagination-left,
.pagination-right { float: left; font-size: 1.33em; margin-right: 5px; padding: 0 10px; height: 30px; background: #f6f6f6; line-height: 30px; text-align: center; border-radius: 0; border: 1px solid #dfdfdf; }
.pagination-left:empty,
.pagination-right:empty { display: none; }
.pagination-right { margin-left: 5px; }
.pagination-left { margin-right: 5px; }
.pagination-left:hover,
.pagination-right:hover { background: #707070; }
.pagination-left:hover a,
.pagination-right:hover a { color: #fff; }
ul.job-pagination-style { background: #fff; overflow: visible; }

/*==========  Aside  ==========*/

/* Promo notes */
.single-note h2 { font-size: 1.25em; font-family: 'latoblack'; }
.single-note h2 a { color: #333; }
aside .single-note .col-sm-9 { width: 100%; }
/* Popular search */
.popular-search ul { padding: 0; }
.popular-search li { padding-left: 10px; margin-bottom: 5px; }
.popular-search a { position: relative; padding-left: 25px; font-size: 18px; color: #222; font-family: 'latoregular', sans-serif; }
.popular-search a:hover { color: #f6921e; }
.popular-search a:before { position: absolute; left: 0; font-family: 'fontAwesome'; content: "\f0c1"; padding-right: 10px; color: #646464; }

/*==========  AUTOCOMPLETE  ==========*/
.ui-autocomplete { position: absolute; cursor: default; text-align: left; padding-left: 10px; max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.ui-autocomplete-loading { background: white url('../media/ui-loader.gif') right center no-repeat; }
* html .ui-autocomplete { width: 1px; }
.ui-menu { background-color: #fff; border: 1px solid #DDD; color: #000; box-shadow: 1px 1px 8px #ddd; -webkit-box-shadow: 1px 1px 8px #ddd; }
.ui-menu .ui-menu-item { border-bottom: 1px solid #f2f2f2; float: left; clear: left; margin: 0; padding: 0; width: 100%;
}
.ui-menu .ui-menu-item a { cursor: pointer; color: #4c4b4b; font-family: Arial; font-size: 12px; display: block; padding: 5px 10px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.ui-menu .ui-menu-item a.add-new { color: #3a3a3a; font-weight: bold; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { background-color: #DDD; }
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { padding: 0; z-index: 5 !important; }
/*        UCZELNIA, WYKLADOWCA, PRZEDMIOT W LISTACH NOTATEK          */

.notes-list .note-data span:before { display: block; width: 24px; height: 14px; content: ''; float: left; background: url(../media/notes-list-icons.png) no-repeat; }
.notes-list .note-data .note-info span:before { content: ''; display: none; }
.notes-list .note-data .list-subject:before { background-position: 0 -22px; }
.notes-list .note-data .list-teacher:before { background-position: 0 -34px; }
.notes-list .note-data .list-school:before { background-position: 0 -51px; }
.notes-list .note-data ul, li { list-style: none; }
.notes-list .note-origin { clear: both; padding-left: 0; overflow: hidden; margin-bottom: 0; }
.notes-list .note-origin li { font-family: arial, sans-serif; float: left; margin-right: 10px; background: #F1F1F1; margin-bottom: 5px; padding: 3px 10px 3px 5px; }
/* Plusssz */
.promo-result.note.plusssz-promo-note-list img { width: 100%; margin-bottom: 35px; }
.plusssz-promo-note-view { text-align: center; margin: 35px 0; }
/*==========  Offer page  ==========*/
.offer-page { position: relative; overflow: hidden; height: 420px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.offer-header h1 { font-family: 'latoregular'; font-size: 32px; margin-bottom: 0; }
.offer-header h2 { margin-top: 10px; font-size: 20px; font-family: 'latoregular', arial, sans-serif; }
.offer-section > strong { font-size: 15px; margin-bottom: 5px; display: block; }
.offer-section ul { padding-left: 0; }
.offer-section li:before { display: block; content: ''; width: 7px; height: 7px; background: #f6921e; border-radius: 50%; float: left; margin-top: 4px; margin-right: 7px; }
.offer-stats { width: 350px; float: left; margin-top: 15px; padding-top: 15px; border-top: 1px dotted #ccc; }
.offer-contact { float: left; margin-top: 30px; font-size: 15px; }
.offer-contact > strong { font-size: 15px; }
.offer-name { font-size: 18px; font-weight: bold; }
.offer-details { display: block; clear: both; }
.offer-image { position: absolute; top: 30px; right: 10px; }
.offer-info { text-align: right; margin-bottom: 20px; }
.offer-label { margin-bottom: 0; }
.offer-section .offer-value { display: block; font-size: 19px; margin-bottom: 10px; }
/* =========== Encouragement checkbox ============= */
.userPersonalDataReneval { margin: 25px 50px 0; }
.userPersonalDataRenevalInfo { font-size: 15px; font-family: 'latoregular', arial, sans-serif; }
.userNoAuth { text-align: center; }
.userNoAuth a { color: #f6921e; }
.personalInfoEncourage { margin-top: 10px; }
.encouragementText { width: 550px; margin-left: 10px; line-height: 20px; cursor: pointer; font-size: 14px; font-family: 'latoregular', arial, sans-serif; }
.encouragementCheckbox { vertical-align: 18px; cursor: pointer; }
.info-delete { font-size: 20px; }
.error-delete { font-size: 20px; color: red; }
.pwc-promo-note-view { border: 1px solid grey; }
.pwc-promo-note-list { margin-bottom: 40px; }
.welcome-google-footer { cursor: pointer; position: fixed; bottom: 0px; left: 0; width: 100%; background-color: #7bba01; text-align: center; z-index: 3; }
/*==========  Kursy wideo  ==========*/
.courses-page { }
.courses-page .courses-header { height: 300px; width: 100%; background: #343434; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.courses-page .courses-header .container { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.courses-page .courses-header h1 { font-size: 36px; font-family: 'latoregular', arial, sans-serif; margin-top: 0; }
.courses-page .courses-header p { font-size: 18px; font-family: 'latolight', arial, sans-serif; }
.courses-page .courses-header .btn-action { font-family: 'latoregular', arial, sans-serif; font-size: 16px; margin-top: 15px; }
.courses-page .courses-header.math-on-highschool { background-image: url(../img/kursy-wideo/math-on-highschool-theme.jpg); background-repeat: no-repeat; background-position: 50% 0; }
.courses-page .courses-header.default-courses { background-image: none; background-repeat: no-repeat; background-position: 50% 0; }
.courses { cursor: default; background: #fff; padding: 0; margin-bottom: 0; border: none; margin-bottom: -15px; margin-top: 25px; padding-bottom: 35px; }
.courses .btn-buy { float: left; }
.courses-page .course-main-header { padding: 0 15px; margin-bottom: 5px; font-size: 24px; font-family: 'latoregular', arial, sans-serif; font-weight: bold; }
/* filters */
.filters { width: 100%; border-bottom: 1px solid #ddd; padding: 15px 15px; }
.filters .form-group { margin-bottom: 0; }
.course-type-filter { width: 250px; font-family: 'latoregular', arial, sans-serif; }
.filters .select-category { background: #EDEDED; color: #474747; border-bottom: 3px solid #ddd; font-family: 'latoregular', sans-serif; }
/* courses list */
.subject-description { max-width: 350px; }
.courses-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 0; }
.courses-list .btn { float: none; font-family: 'latoregular', sans-serif; background: #0ebbfd; border-bottom: 3px solid #1695c5; }
.courses-list .btn:before { display: none; }
.courses-list .btn i { margin-right: 10px; }
.course { position: relative; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; padding: 0 15px; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ddd; }
.course .no-results { width: 100%; font-size: 15px; font-family: latoregular; text-align: center; display: block; padding: 20px 0; color: #999; }
.course-bargain { position: absolute; background: #ff9c00; color: #fff; padding: 3px 10px; border-radius: 3px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); font-family: latoregular; font-size: 13px; top: 50px; left: 30px; z-index: 2; letter-spacing: 2px;
  -webkit-animation: bargain .5s infinite;
  animation: bargain .5s infinite;
}

@keyframes bargain {
  0% {
    background: #ff9c00;
  }
  50% {
    background: red;
  }
  100% {
    background: #ff9c00;
  }
}
.course .description { padding: 25px 0 0 0; }
.course .description .course-image { float: none; clear: both; margin: 0 auto; max-width: 180px; }
.course .description .course-image img { width: 100%; }
.course .description .description-content { max-width: 100%; float: none; clear: both; margin: 0 auto; padding: 0 15px 0 35px; }
.course .description h2 { margin-bottom: 15px; font-size: 18px; font-family: 'latoregular', arial, sans-serif; }
.course .description h2 a { color: #312d2e; font-size: 1.08em; }
.course .description h2 a:hover { text-decoration: none; color: #ff9c00; }
.course .description p { font-size: 14px; font-family: arial, sans-serif; line-height: 22px; }
.course .details { padding: 25px 0 20px 0; border-left: 1px solid transparent; }
.course .details h3 { font-size: 18px; color: #a1a0a0; font-family: 'latoregular', arial, sans-serif; }
.course .details .detail { margin-bottom: 5px; display: block; font-size: 14px; font-family: 'latoregular', arial, sans-serif; }
.course .details .detail .detail-value { font-weight: bold; }
/* course page */
.course-page { background: #fff; padding-top: 20px; cursor: default; }
.course-page h1 { font-size: 24px; font-family: 'latoregular', arial, sans-serif; margin-top: 15px; }
.course-page .course-header { height: initial; min-height: 460px; width: 100%; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #222; }
.course-page .course-header .container { cursor: default; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.demo-mark { position: absolute; z-index: 3; font-size: 16px; opacity: .6; color: #fff; top: 5px; right: 10px; font-family: latoregular; background: rgba(0, 0, 0, .7); padding: 2px 10px; border-radius: 3px; }
.course-details { text-align: center; max-width: none; }
.course-details .btn { width: 175px; margin-top: 0; clear: both; font-family: 'latoregular', arial, sans-serif; font-weight: bold; padding: 8px 30px; }
.course-details .btn i { margin-right: 5px; }
.course-details .btn:before { display: none; }
.course-details .promo { font-family: 'latoblack', sans-serif; font-size: 16px; }
.course-details h1 { margin-top: 45px; }
.course-details h4 { font-size: 15px; color: #bebfbe; font-family: 'latoregular', arial, sans-serif; margin-bottom: 5px; }
.course-details .detail { display: block; color: #bebfbe; font-size: 14px; margin-bottom: 0; font-family: 'latoregular', sans-serif; }
.course-details .detail .detail-value { color: #fff; font-weight: bold; }
.course-player-demo .course-player .course-video { position: relative; margin: 0 auto; box-shadow: inset 0 0 5px #222; background: #343434; }
.course-player-demo .course-player .course-video:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 0 8px rgba(0, 0, 0, .6); }
.course-player-demo .course-player img { width: 100%; }
.course-player-demo .course-player { margin-top: 35px; }
.crossed { opacity: .5; position: relative; }
.crossed:before { position: absolute; width: 57px; height: 5px; background: #f00; content: ''; display: block; left: 0; top: 6px; opacity: .6; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.bargain { margin-top: 15px; clear: both; font-size: 1.16em; text-align: center; line-height: 20px; margin-top: 15px; margin-bottom: 25px; font-size: 12px; font-family: latolight, sans-serif; opacity: .3; }
.sized { font-size: 1.24em; }
.wistia-embed { position: relative; z-index: 2; }
/* play button */
.play-button { top: 50%; left: 50%; margin-left: -43px; margin-top: -43px; display: block; position: absolute; width: 85px; height: 85px; background: #4f4f4f; z-index: 1; border-radius: 50%; cursor: pointer; border: 4px solid rgba(255, 255, 255, .7); text-align: center; line-height: 93px; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }
.play-button:not(.playing):hover { opacity: .8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.play-button:before { content: "\f04b"; font-size: 36px; position: relative; left: 4px; }
.play-button.playing:before { content: ''; display: block; background: url(../img/preloader-inverse.gif) no-repeat; width: 50px; height: 55px; margin: 0 auto; background-size: 100%; top: 14px; left: 1px; }
.play-button.playing:after { content: 'Wczytywanie...'; font-family: 'latoregular'; font-size: 14px; left: -10px; position: relative; }
.courses-cta { min-height: 110px; clear: both; margin-top: 15px; background: none; color: #222; border-top: none; }
.courses-cta .container { height: 100%; text-align: center; background: #f2f2f2; }
.courses-cta h3 { margin: 0; padding: 0; color: #222; margin: 20px 0; font-size: 2em; font-family: 'latolight', sans-serif; font-weight: normal; }
.courses-cta .btn { font-family: 'latoregular', arial, sans-serif; padding: 10px 35px; font-size: 18px; margin-bottom: 15px; }
.courses-wrapper { display: block; }
.courses-wrapper .fb_iframe_widget { display: inline-block; position: relative; height: 25px !important; float: right; width: 135px !important; margin-top: 10px; }
.courses-wrapper .course-content { -webkit-box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; }
.courses-wrapper .course-content h5 { padding: 0 20px 0; margin-top: 0; font-size: 18px; color: #312d2e; font-family: 'latoregular', arial, sans-serif; }
.courses-wrapper .course-content ul { padding: 0 20px; margin: 0; padding-bottom: 0; height: 50px; }
.courses-wrapper .course-content li { padding: 10px 20px; border-top: 1px solid #f6f6f6; font-size: 14px; font-family: 'latoregular', arial, sans-serif; line-height: 25px; cursor: pointer; }
.courses-wrapper .course-content li a { color: #222; font-family: 'latoregular', sans-serif; font-weight: normal; }
.courses-wrapper .course-content li a { color: #222; font-family: 'latoregular', sans-serif; font-weight: normal; }
.courses-wrapper .course-content li:not(.active) a { border: 2px solid transparent; color: #222; }
.courses-wrapper .course-content .nav-tabs > li.active > a
.courses-wrapper .course-content li:hover a { color: #ff9c00; }
.courses-wrapper .course-content li:not(.preview) { opacity: .6; cursor: default; }
.courses-wrapper .course-content li:not(.preview):hover { color: #222; }
.courses-wrapper .course-content .content-tabs li { opacity: 1; }
.courses-wrapper .course-content .content-tabs li:before { display: none; }
.courses-wrapper .course-content .counter { display: block; float: left; margin-right: 10px; border: 1px solid #ddd; border-radius: 50%; text-align: center; width: 25px; height: 25px; line-height: 25px; }
.courses-wrapper .course-content .lesson-time { float: right; min-width: 55px; text-align: center; }
.courses-wrapper .course-content .demo { float: right; font-size: 12px; }
.courses-wrapper .course-about { padding: 25px 20px; border-left: 1px solid #ddd; -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; font-size: 1.16em; }
.courses-wrapper .course-about h3 { font-family: 'latoregular', arial, sans-serif; font-weight: normal; margin-bottom: 5px; }
.courses-wrapper .course-about p { font-size: 13px; font-family: arial, sans-serif; line-height: 18px; clear: both; }
.courses-wrapper .about-author-content .author-image { overflow: hidden; float: none; border: 1px solid #ddd; width: 40%; height: initial; min-width: 80px; margin: 15px auto 20px; border-radius: 10px; max-width: 90px; }
.courses-wrapper .about-author-content .author-image img { width: 100%; height: 100%; }
.courses-wrapper .about-author { margin-bottom: 25px; }
.courses-wrapper .course-description { padding: 0 20px; }
.courses-wrapper .course-description p { font-size: 13px; font-family: arial, sans-serif; line-height: 18px; clear: both; }
.courses-wrapper .course-content li { padding-left: 0; padding-right: 0; }
.course-content .nav-tabs { width: 100%; border-bottom: 1px solid #ddd; }
.course-content .tab-content { clear: both; width: 100%; border: none; padding: 20px 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a { border-width: 2px; }
.courses-wrapper .course-content .course-content-list { padding: 0 0 0 10px; margin: 0 0 45px 0; }
.courses-wrapper .course-content .course-content-list li { border: none; opacity: 1; padding: 0; margin: 0; font-size: 14px; }
.courses-wrapper .course-content .course-content-list li i { opacity: .5; margin-right: 5px; }
.courses-wrapper .course-description .sub-course-header { margin-bottom: 10px; font-size: 14px; border-bottom: 1px dashed #ddd; padding-bottom: 5px; font-weight: normal; margin-top: 25px; }
/* Course comments */
.course-comment { overflow: hidden; padding: 0 20px 10px; margin-bottom: 15px; clear: both; border-bottom: 1px dashed #ddd; }
.courses-wrapper .course-content .tab-content h5 { font-weight: normal; }
/* avatar */
.course-comment .comment-avatar { background: #ddd; max-width: 45px; border-radius: 50%; padding: 0; overflow: hidden; }
.course-comment .comment-avatar img { width: 100%; height: 45px; }
/* content */

/* header */
.comment-content header { overflow: hidden; }
.comment-content .author { float: left; font-size: 14px; }
.comment-content .date { float: right; opacity: .5; font-family: 'latoregularg', sans-serif; }
/* content */
.comment-content p { font-size: 14px; font-family: 'latoregular', sans-serif; }
.course-details-list ul { height: initial !important; list-style: decimal !important; }
.course-details-list ul ul li { list-style: upper-alpha !important; font-weight: normal; }
.course-details-list ul ul ul li { list-style: lower-alpha !important; font-weight: normal; }
.course-details-list li { opacity: 1 !important; padding: 5px 0 !important; list-style: decimal !important; font-weight: bold; }
.course-details-list.course-details-list-basic li { font-weight: normal; }
/* Course new comment */
.course-new-comment { padding: 0 20px; }
.comment-status { position: absolute; opacity: 1; font-size: 14px; font-family: 'latoregular', sans-serif; margin-bottom: 7px; display: block; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; width: 60%; min-width: 260px; }
.comment-status.is-hidden { opacity: 0; }
.comment-status-success { color: #27ae60; }
.comment-status-error { color: #c0392b; }
/* avatar */
.course-new-comment .comment-avatar { background: #ddd; max-width: 45px; border-radius: 50%; padding: 0; overflow: hidden; }
.course-new-comment .comment-avatar img { width: 100%; height: 45px; }
/* content */
.course-new-comment .new-comment { font-family: 'latoregular', arial, sans-serif; border-radius: 5px; width: 100%; border: 1px solid #ddd; font-size: 14px; }
.course-new-comment .btn-comment { float: right; font-weight: normal; font-family: 'latoregular', sans-serif; width: 130px; padding: 5px 0; margin-top: 5px; font-size: 16px; }
.course-new-comment .btn-comment:before { display: none; }
.course-new-comment .non-logged-comment p { text-align: center; }
.course-new-comment .non-logged-comment .btn-comment { float: none; width: 240px; }
/* advantages */
.advantages { overflow: hidden; min-height: 250px; margin: 35px auto; width: 100%; }
.advantages.more { background: url(../img/soon.png) 160px 45px no-repeat; }
.advantages header { text-align: center; margin-bottom: 35px; }
.advantages h2 { font-size: 2em; font-family: 'latoregular', arial, sans-serif; }
.advantages h3 { margin-top: 0; font-size: 2em; font-family: 'latoblack', arial, sans-serif; }
.more-videos-text { text-align: center; font-family: latoregular, arial, sans-serif; font-size: 1.33em; margin-bottom: 5px; }
.advantage { width: 33%; float: left; text-align: center; font-size: 1.16em; }
.advantage img { margin-bottom: 10px; }
/* Podstrona kursu */
.course-demo-page { font-family: 'latoregular', Verdana, Arial, sans-serif; font-weight: 400; color: #262626; }
.course-demo-page .c-align { margin: 0 auto; text-align: center; }
.course-demo-page span.author-name { font-weight: 700; }
.course-demo-page h1.main-title { font-weight: 700; }
.course-demo-page .line { border-bottom: 1px solid #8be0ff; }
.course-demo-page a { text-decoration: none; }
.course-demo-page h2.subtitle { font-size: 30px; font-weight: normal; }
.course-demo-page .v-btn-buy { color: #fff; text-decoration: none; background-color: #0ebbfd; outline: none; border: none; border-bottom: 3px solid #1695c5; color: #fff; padding: 8px 40px; border-radius: 16px; margin-bottom: 20px; padding: 5px 40px; border-radius: 10px; padding: 10px 20px; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; font-size: 18px; font-weight: bold; min-width: 240px; border-radius: 5px; }
.course-demo-page .v-btn-buy i { margin-right: 5px; }
.course-demo-page .v-btn-buy:hover { color: #fff; background-color: #1695c5; }
.course-demo-page .v-btn-buy:visited { color: #fff; text-decoration: none; }
.course-demo-page .about-author h2 { margin-top: 20px; margin-bottom: 10px; }
.course-demo-page h2.promotion-title { font-weight: 700; font-size: 17px; padding: 0 5px 0 10px; margin-top: 20px; margin-bottom: 10px; clear: both; }
.course-demo-page h3.lesson-name { font-size: 20px; font-weight: 400; font-family: 'latoregular', sans-serif; }
.course-demo-page span.time { color: #b0b0b0; }

/* left */
.course-demo-page img.video-top { border: 1px solid #ddd; height: 181px; width: 290px; border-radius: 5px; overflow: hidden; }
.course-demo-page p.author-descripton { font-size: 14px; padding: 10px; line-height: 18px; }
.course-demo-page .author-photo-wrapper { width: 110px; border-radius: 10px; overflow: hidden; }
.course-demo-page img.author-photo { margin: 0 auto; }

/* center */
.course-demo-page p.short-description { padding: 10px 0px; }
.course-demo-page .main-description p { padding: 20px 0px; /*font-size: 16px; line-height: 23px;*/ font-size: 14px; line-height: 20px; }
.course-demo-page a:hover { text-decoration: none; }
.course-demo-page .price-info { border: 2px solid #caf1ff; }
.course-demo-page p.price-under-video { font-size: 28px; font-weight: 700; color: #00adef; }
.course-demo-page ul.lesson-description { padding: 15px 10px 0px 10px; font-size: 14px; list-style: dot; margin: 0; }
.course-demo-page .pad { padding: 15px 0; }
.course-demo-page .lesson-wrapper { padding-top: 20px; }
.course-demo-page .lesson-wrapper .v-btn-buy { float: left; }
.course-demo-page .lesson-wrapper .v-btn-buy.disabled { border-bottom: 2px solid #888; color: #999; }
.course-demo-page span.date { font-size: 14px; color: #b0b0b0; }
.course-demo-page p.comment { font-size: 14px; }
.course-demo-page img.v-avatar { border-radius: 50%; height: 55px; width: 55px; overflow: hidden; }
.course-demo-page .main-discount .btn-download:before { display: none; }
.course-demo-page .main-discount .btn-download { padding: 10px 15px; width: auto; border-radius: 5px; margin: 0 auto 15px; }
/* right */
.course-demo-page .what-you-get { padding: 10px 0; }
.course-demo-page .main-discount { margin: 15px 0; padding: 5px; }
.course-demo-page p.price { font-size: 50px; font-weight: 700; padding: 0; margin: 0; }
.course-demo-page p.new-price { font-size: 26px; font-weight: 700; padding: 0 0 10px 0; margin: 0; }
.course-demo-page del.old-price { margin: 0 10px; opacity: .3; }
.course-demo-page .wistia-embed.has-demo { position: relative; }
.course-demo-page .wistia-embed.has-demo:before { background: rgba(14, 187, 253, .8); position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; z-index: 2; font-size: 18px; content: 'Zobacz lekcję demo:'; color: #FFFFFF; font-weight: bold; line-height: 70px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .3); }
.course-demo-page .wistia-embed.has-demo:hover:before { display: none; }
/*dot*/
ul { padding: 0 10px; font-size: 14px; list-style: dot; }
.lesson-desc div { padding: 0 10px; font-size: 14px; }
.lesson-desc p > span { position: relative; }
.lesson-desc p > span:before { z-index: 2; top: 11px; content: ''; position: absolute; background-color: #00adef; width: 5px; height: 5px; border-radius: 50%; display: inline-block; margin: 0 5px 2px 0; }
.lesson-desc p > span:after { z-index: 1; content: ''; display: block; position: absolute; width: 14px; height: 23px; background: #fff; top: 0; }
.lesson-desc ul { padding-left: 25px; }
.lesson-desc ul li { position: relative; font-size: 13px;
  line-height: 20px; }
.lesson-desc ul li:before { position: absolute; content: ''; display: block; width: 5px; height: 5px; background: #999; border-radius: 50%; left: -10px; top: 10px; }
.lesson-desc ul p span:before { display: none !important; }
.product-aside { text-align: center; margin: 0 auto; }
img.product-miniature { padding-top: 20px; }
.similar-courses a { color: #262626; }
.similar-courses a:hover { text-decoration: underline; }
/**
 * Twoje kursy / Profil
 */
.profile-tabs { width: 100%; overflow: hidden; margin: 25px 0; }
.profile-tabs .nav-tabs { border-bottom: 1px solid #ddd; width: 100%; height: 45px; }
.profile-tabs .nav-tabs > li { line-height: 45px; height: 45px; bottom: 1px; }
.profile-tabs .nav-tabs > li > a { color: #222; font-family: 'latoregular', sans-serif; font-weight: normal; font-size: 16px; height: 100%; }
.profile-tabs .nav-tabs > li.active { height: 46px; }
.profile-tabs .nav-tabs > li:not(.active) a { border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.profile-tabs .nav-tabs > li.active > a { color: #222; }
/* profile tabs content */
.profile-tabs-content { border: none; padding: 0; }
.profile-tabs-content .course { border-bottom: 1px dashed #ddd; }
.profile-tabs-content .course .details { border-left: none; }
/* No courses */
.no-courses .dialog { font-family: 'latoregular', sans-serif; }
/**
 * Course player
 */
.course-player-wrapper { background: #222; min-height: 100vh; overflow: hidden; }
.course-player-content { padding-top: 55px; margin: 0 auto; width: 90%; color: #fff; padding-bottom: 65px; }
/* Header */
.course-player-header .course-name { color: #f6921e; font-family: 'latoregular', arial, sans-serif; font-size: 1.16em; }
.course-player-header .lesson-name { font-size: 1.66em; font-weight: normal; margin: 5px 0 25px; font-weight: normal; font-family: 'latoregular', sans-serif; }
.course-player-header .lesson-number { color: #6c6c6c; }
.course-player-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
/* Player */
.course-player-wrapper .course-player { width: 100%; background: #343434; }
/* Lessons */
.course-player-lessons .lessons-list-container { overflow: scroll; position: relative; border: none; padding: 0; margin-bottom: 0; border-radius: 0; }
.course-player-lessons { float: left; margin-left: 5px; width: 100%; }
/* Files */
.player-info { padding: 10px; font-size: 14px; font-family: 'latoregular', sans-serif; text-align: center; line-height: 17px; margin-top: 10px; margin-bottom: 5px; }
.lesson-files .player-action { margin: 0 auto; padding: 5px 20px; width: 185px; }
/* buttons */
.player-action { border: none; display: block; background: #343434; color: #fff; padding: 20px; border-radius: 5px; }
.player-action i { float: left; font-size: 2em; color: rgba(255, 255, 255, .5); margin-right: 10px; margin-top: 10px; }
.player-action .main-text { float: left; color: #fff; display: block; font-size: 1.16em; margin-bottom: -5px; }
.player-action .secondary-text { float: left; color: rgba(255, 255, 255, .5); }
/* Tabs */
.course-player-tabs { width: 100%; background: #343434; text-align: left; }
.course-player-tab { display: inline-block; padding: 0; cursor: pointer; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; font-size: 1.16em; }
.course-player-tab a { display: block; background: none; color: #fff; padding: 15px 20px; font-size: 13px; }
.course-player-tab a.active { background: #242424; }
.course-player-tab:hover,
.course-player-tab.active { background: #242424; }
.course-player-lessons-list { padding-left: 0; margin: 0; list-style: none; }
.course-player-lessons-list li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; background: #343434; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; margin-bottom: 3px; padding: 10px; }
.course-player-lessons-list li.locked:before { content: ''; display: block; z-index: 2; position: absolute; background: rgba(0, 0, 0, .7); left: 0; right: 0; top: 0; bottom: 0; cursor: default; }
.course-player-lessons-list li.locked .buy { position: absolute; z-index: 3; text-decoration: none; background-color: #0ebbfd; outline: none; border: none; border-bottom: 3px solid #1695c5; color: #fff; margin-bottom: 20px; padding: 8px 13px; font-size: 13px; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; left: 50%; top: 50%; margin-left: -46px; margin-top: -17px; border-radius: 3px; }
.course-player-lessons-list li.locked i { margin-right: 5px; }
.course-player-lessons-list li.active,
.course-player-lessons-list li:hover { background: #242424; }
.course-player-lessons-list li .now-playing { display: none; }
.course-player-lessons-list li.active .now-playing { display: block; color: #f6921e; font-size: .85em; }
.course-player-lessons-list li .lesson-thumbnail:before { display: none; }
.course-player-lessons-list li.active .lesson-thumbnail:before { line-height: 50px; text-align: center; font-size: 2em; background: #f6921e; opacity: .9; display: block; content: "\f04b"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.course-player-lessons-list li .lesson-thumbnail { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; display: block; background: #fff; max-width: 90px; position: relative; height: 50px; margin-right: 10px; }
.course-player-lessons-list li .lesson-thumbnail img { width: 100%; }
.course-player-lessons-list li .lesson-name { -webkit-box-flex: 8; -webkit-flex: 8; -ms-flex: 8; flex: 8; font-size: 1.16em; font-family: 'latoregular', sans-serif; line-height: 14px; }
.course-player-lessons-list li .lesson-number { color: #6c6c6c; margin-right: 5px; height: 70px; float: left; }
/*==========  Checkout  ==========*/
.page-alt-header { margin: 20px 0; padding: 0; }
.summary-wrapper { font-family: 'latoregular', arial, sans-serif; }
.summary-wrapper .table > tbody > tr > td.select-summary { width: 70px; padding: 9px 10px; text-align: center; }
.summary-wrapper .table > tbody > tr > td.select-summary i { margin-right: 5px; }
.summary-wrapper .table .checkbox { margin: 0; padding: 0; }
.summary-wrapper .checkbox input[type=checkbox].custom-checkbox:checked + .icons .icon-checked { color: #42a5f5; }
.summary-wrapper .price-holder { width: 100px; }
.summary-wrapper .table > tbody > tr > td { border-right: 1px solid #ddd; height: 45px; }
.summary-wrapper .table > tbody > tr > th { background: #fff; border-right: none; }
.summary-wrapper.locked .table > tbody > tr > td { background: #f9fafb; border-right: none; }
/* no products */
.summary-empty { text-align: center; display: block; font-size: 1.24em; margin: 10px 0; }
/* Summary slider */
.summary-slider { margin-top: 65px; }
.summary-slider .segment-label { z-index: 2; position: absolute; width: 33%; text-align: center; top: -35px; font-family: 'latoregular', sans-serif; font-size: 14px; opacity: .5;  left: 0; }
.summary-slider .segment-label:nth-child(2) { left: 33%; }
.summary-slider .segment-label:nth-child(3) { left: 66%; }
.summary-slider .segment-label.active { font-weight: bold; opacity: 1; }
.summary-slider .ui-slider-range { background-color: #42a5f5; }
.summary-slider .ui-slider-handle { background-color: #1e88e5; }
.summary-overwiew { background: #f9fafb; color: #222; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: right; }
.summary-overwiew td { padding-right: 45px; }
.summary-wrapper .table > tbody > tr.summary-overwiew > td { line-height: 40px; }
.summary-wrapper .btn-primary.btn-block {
  float: right; width: auto; font-size: 18px; padding: 10px 20px;
}
.summary-wrapper .btn-primary.btn-block span { font-size: 18px; margin-left: 5px; }
/* Summary wrapper */
.supported-banks { margin-top: 155px; text-align: center; }
/* Product tips */
.product-tips { margin-top: 25px; }
.product-tips p { font-size: 1.16em; }
.product-tips i { margin-right: 10px; font-size: 2em; display: block; float: left; margin-top: 10px; color: #42a5f5; }
#payu-payment-form { padding: 0; }
/* Final transaction */
.final-transaction { margin-bottom: 85px; }
.final-transaction h2 { font-size: 1.6em; font-weight: 300; margin-top: 75px; }
.final-transaction h2 i { margin-right: 10px; color: #27ae60; font-size: 1.33em; position: relative; top: 3px; }
.final-transaction p { margin: 35px 0; font-size: 1.33em; line-height: 22px; font-family: 'latoregular', arial, sans-serif; }
.final-transaction .final-delay { background: rgb(97, 184, 78); color: #fff; display: block; width: 70%; margin: 25px auto -10px; padding: 10px 0; border: 1px solid #649437; }
.final-transaction .btn-download { padding: 8px 7px; }
.final-transaction .btn-download:before { display: none; }
.final-transaction .final-help { margin: 35px 0; }
.final-transaction .final-help p { font-size: 1.16em; }
/* final transaction error */
.final-transaction-error .fa-warning { color: #c0392b; }
/* Checkout */
.summary-wrapper .continue-purchase { font-size: 14px; padding: 4px 6px; cursor: pointer; }
.summary-wrapper .continue-purchase:hover { text-decoration: underline; }
/*Login or register*/

.checkout-log-or-reg .checkout-login-lockup { width: 290px; float: right; }
.checkout-log-or-reg .checkout-register-lockup { width: 290px; float: left; }
.checkout-log-or-reg .summary-label { font-size: 12px; margin: 5px 0 0 0; color: #222; line-height: 1.1em; }
.checkout-log-or-reg .btn-primary-checkout { background: #42a5f5; border-bottom: 2px solid #4d85b2; width: 250px; padding: 15px 0; margin: 15px 0 25px 15px; }
.checkout-log-or-reg .btn-primary-checkout:hover { background: #2e94e7; border-bottom: 2px solid #4d85b2; }
.checkout-log-or-reg .btn-primary-checkout:active { background: #4d85b2; }
.checkout-log-or-reg .btn-primary-checkout:focus { background: #4d85b2; }
.checkout-log-or-reg input[type="text"], .checkout-log-or-reg input[type="password"] { border: 1px solid #bfbfbf; width: 280px; padding: 10px 10px; margin: 0 0 5px 0; }
.checkout-log-or-reg input[type="text"]::-webkit-input-placeholder:before { font-family: fontAwesome; content: '\f003    '; }
.checkout-log-or-reg input[type="password"]::-webkit-input-placeholder:before { font-family: fontAwesome; content: '\f084    '; }
.checkout-log-or-reg input[type="password"]::-moz-input-placeholder:before { font-family: fontAwesome; content: '\f084    '; }
.checkout-log-or-reg input[type="text"]::-ms-input-placeholder:before { font-family: fontAwesome; content: '\f003    '; }
.checkout-log-or-reg input[type="password"]::-ms-input-placeholder:before { font-family: fontAwesome; content: '\f084    '; }
.checkout-log-or-reg .btn-primary-log-reg { width: 280px; margin: 15px 0; }
.checkout-log-or-reg .summary-label-link { color: #1e88e5; }
.checkout-log-or-reg .summary-label-link:hover { text-decoration: underline; }
.checkout-registration-login { display: block; }
/*==========  Abonament  ==========*/

.abo-wrapper { margin-top: -30px; padding-top: 35px; overflow: hidden; }
.abo-header { text-align: center; }
.abo-header h1 { margin-top: 35px; font-size: 36px; color: #2d312e; font-family: 'latoblack', arial, sans-serif; }
.abo-header h2 { font-size: 17px; line-height: 23px; color: #afafaf; font-family: 'latoregular', arial, sans-serif; margin-top: 0; }
.abo-worth-wrapper { min-height: 44px; text-align: center; margin: 125px 0 35px; }
.abo-worth { position: relative; width: 20%; margin: 0 6.5%; float: left; display: inline-block; }
.abo-worth:before { position: absolute; display: block; color: #f8a21a; font-size: 75px; }
.abo-worth.database:before { content: "\f0c5"; position: absolute; top: -83px; left: 69px; }
.abo-worth.video-courses:before { content: "\f16a"; top: -82px; left: 73px; }
.abo-worth.questions:before { content: "\f0e6"; top: -84px; left: 73px; }
.abo-worth img { float: left; margin-right: 25px; }
.abo-worth figcaption { font-family: 'latoregular', arial, sans-serif; text-align: center; font-weight: bold; color: #474747; font-size: 1.33em; }
.abo-steps { overflow: hidden; background: #F8F8F8; border: 1px dotted #ddd; border-radius: 5px; margin: 25px auto; clear: both; line-height: 53px; width: 92%; position: relative; left: 5px; }
.abo-step { font-weight: bold; padding: 0 25px; float: left; font-size: 1.08em; font-family: 'latoregular', arial, sans-serif; }
.abo-steps .abo-step:before { border-radius: 50%; text-align: center; padding-top: 5px; line-height: initial; font-family: 'latoblack', arial, sans-serif; background: #f8a21a; width: 30px; height: 30px; float: left; margin-right: 15px; margin-top: 11px; color: #fff; font-size: 17px; }
.abo-steps .abo-step-1:before { content: '1'; }
.abo-steps .abo-step-2:before { content: '2'; }
.abo-steps .abo-step-3:before { content: '3'; }
.abo-steps .abo-step:not(.current) { opacity: .5; font-weight: normal; }
.abo-steps .abo-step:not(.current):before { background: #a0a0a0; }
.plans { padding-top: 25px; text-align: center; }
.plans > div { text-align: center; display: inline-block; float: left; }
.plans .plan { text-align: left; position: relative; display: inline-block; padding: 5px 25px 55px; background: #F8F8F8; border: 1px dotted #ddd; border-radius: 10px; min-height: 355px; margin: 0 auto 25px; }
.plans .plan-header { text-align: center; font-size: 1.4em; min-height: 91px; }
.plans .plan-header h2 { font-family: 'latoregular', arial, sans-serif; color: #6e6e6e; margin-bottom: 0; }
.plans .plan.premium { position: relative; }
.plans .plan.premium .plan-header h2 { font-family: 'latoblack', arial, sans-serif; }
.plans .plan-header .price .value { color: #f8a21a; font-size: 24px; font-family: 'latoblack', arial, sans-serif; }
.plans .plan-header .price .save { color: #6e6e6e; font-size: 14px; margin-top: 5px; font-family: 'latoregular', arial, sans-serif; }
.plans .plan-content ul { list-style: none; padding: 0 0 0 0; margin: 25px 0; font-family: 'latoregular', arial, sans-serif; }
.plans .plan-content li { font-size: 1.16em; margin-bottom: 7px; }
.plans .plan-content li:before { content: ''; display: block; width: 18px; height: 18px; background: url(../img/abo-check.png) no-repeat; float: left; margin-right: 10px; }
.plans .chose-plan { position: absolute; bottom: 20px; left: 50%; margin-left: -127px; color: #6e6e6e; text-decoration: none; font-family: 'latoregular', arial, sans-serif; display: block; text-align: center; line-height: 47px; width: 255px; height: 47px; background: #d5d5d5; border-bottom: 2px solid #939393; border-radius: 5px; font-size: 1.66em; }
.plans .chose-plan:hover { background: #939393; color: #fff; }
.plans .chose-plan.promo { background: #93cf62; border-bottom: 2px solid #769B58; color: #fff; }
.plans .chose-plan.promo:hover { background: #769B58; }
.payment-options { overflow: hidden; width: 90%; margin: 0 auto 25px; background: #fff; padding: 15px 25px; }
.payment-options a { font-family: 'latoregular', arial, sans-serif; display: inline-block; margin: 0px 13%; }
.payment-options a:before { content: ''; }
.payment-options p { color: #9d9d9d; font-size: 1.333em; font-family: 'latoregular', arial, sans-serif; }
.payment-finalize p { margin-top: 50px; font-size: 16px; font-family: 'latoregular'; text-align: center; line-height: 27px; }
.payment-finalize a { font-family: 'latoregular', arial, sans-serif; }
.payment-finalize a:before { content: ''; }
.options-wrapper { margin: 25px 0 45px; font-size: 1.5em; overflow: hidden; font-family: 'latoregular', arial, sans-serif; text-align: center; }
.options-wrapper .option { width: 28%; display: inline-block; text-align: left; }
.options-wrapper .option-value { cursor: pointer; }
.options-wrapper .option:nth-child(2) .option-value { margin: 0 auto; max-width: 163px; }
.options-wrapper .option.is-checked { font-weight: bold; }
.options-wrapper .select-option { position: relative; border: 3px solid #565856; border-radius: 50%; display: block; width: 20px; height: 20px; float: left; margin-right: 10px; margin-top: 3px; }
.options-wrapper .select-option.is-selected:before { position: absolute; display: block; content: ''; width: 8px; height: 8px; top: 3px; left: 3px; background: #565656; border-radius: 50%; }
/* captcha */
body #recaptcha_table { position: relative; }
body #recaptcha_widget_div { background: #fff; margin: 0 15px 19px 15px; border: 1px solid #ccc; padding-bottom: 41px; border-radius: 5px; }
body .recaptchatable a, body .recaptchatable a:hover { color: #999 !important; }
body .recaptcha_theme_blackglass #recaptcha_response_field, body .recaptcha_theme_white #recaptcha_response_field {
  border: 1px solid gray; padding: 3px !important; font-size: 12px; height: 22px;
}
body #recaptcha_area, #recaptcha_table { margin: 0 auto; }
body .recaptcha_r3_c1,
body .recaptcha_r3_c2,
body .recaptcha_r3_c3,
body .recaptcha_r2_c1,
body .recaptcha_r2_c1,
body .recaptcha_r1_c1,
body .recaptcha_r2_c2,
body .recaptcha_r7_c1,
body .recaptcha_r8_c1,
body .recaptcha_r4_c2,
body .recaptcha_r4_c4 {
  opacity: 0;
}
body .recaptcha_r4_c1 { background: none !important; }
body .recaptcha_image_cell { background: none !important; }
body .recaptchatable #recaptcha_image { border-radius: 10px; overflow: hidden; border: 1px solid #ccc; }
body .recaptcha_input_area { position: absolute !important; width: 100%; top: 67px; z-index: 2; }
body .recaptcha_theme_white #recaptcha_response_field { width: 300px !important; font-size: 13px; height: 35px; display: block !important; left: -7px; padding: 0 10px !important; border-radius: 5px; border: 1px solid #ccc; padding-top: 4px !important; }
body #recaptcha_privacy a { position: absolute; left: 0; }
body #recaptcha_switch_audio_btn { position: absolute; right: 9px; bottom: -4px; height: 14px; width: 22px; overflow: hidden; }
body #recaptcha_switch_audio_btn img { position: relative; left: -2px; top: -1px; display: block; }
body #recaptcha_whatsthis_btn { position: absolute; bottom: -4px; right: 37px; width: 21px; height: 14px; overflow: hidden; }
body #recaptcha_whatsthis_btn img { position: relative; left: -2px; }
body #recaptcha_reload_btn { z-index: 2; position: absolute; right: 62px; bottom: -5px; overflow: hidden; width: 22px; height: 16px; }
body #recaptcha_reload_btn img { top: -2px; position: relative; left: -1px; }
body #popupCaptcha .btn-download { position: relative; width: 315px; margin: 0 15px; top: -32px; color: #fff; font-family: 'latoregular', arial, sans-serif; }
body #popupCaptcha .btn-download:before { left: 70px; top: 12px; }
#popupCaptcha .alert-info { background: none; text-align: left; color: #222222; font-size: 13px; padding-left: 35px; position: relative; top: 8px; margin-left: -10px; font-family: 'latoregular'; }
#popupCaptcha .alert-info:before { background: url(../img/note-logo.png) no-repeat; content: ''; display: block; width: 29px; height: 26px; float: left; margin-right: 10px; margin-top: 4px; }
body .recaptcha_r2_c1 { position: absolute; display: block; width: 73px !important; top: 115px; z-index: 5; background: url(../img/captcha.png) no-repeat !important; opacity: 1; background-position: -217px 8px; left: 152px; }
/*==========  New function  ==========*/
.full-cloak { cursor: pointer; z-index: 10; position: absolute; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, .8); }
.new-info-box { position: absolute; width: 240px; z-index: 11; background: #f6921e; color: #2d2d2d; padding: 10px 25px; border-radius: 5px;
  -webkit-animation: newmsg .5s infinite; animation: newmsg .5s infinite;
}
.new-info-box:before { position: absolute; left: -15px; top: 28px; content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 17.5px 15px 17.5px 0; border-color: transparent #f6911e transparent transparent; }
.new-info-box-header { display: block; margin-bottom: -15px; font-family: 'latoblack', arial, sans-serif; font-size: 2em; }
.new-info-box-msg { font-family: 'latoregular', arial, sans-serif; font-size: 1em; }
/* note preview */
aside .note-preview.upper { z-index: 11; position: relative; }

@keyframes newmsg {
  0% { left: 290px; }
  50% { left: 295px; }
  100% { left: 290px; }
}

/*==========  Pomoc w nauce - landing page   ==========*/

	.color-em { color: #ff9c00; }

	.lh-section { position: relative; overflow: hidden; width: 100%; /*height: 60%;*/ padding-top: 25px; box-shadow: 2px 2px 5px rgba(0,0,0,.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.5); }
	.lh-separator { height: 55%; background-size: cover; background-attachment: fixed; }
	.lh-separator.lh-first { background: url(../img/learn-help-1.jpg) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }
	.lh-separator.lh-second { background: url(../img/learn-help-2.jpg) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }
	.lh-separator.lh-third { background: url(../img/learn-help-3.jpg) 50% 0 no-repeat; background-size: cover; background-attachment: fixed; }

		/* buttons */
		.lh-section .btn { font-family: 'latoblack', arial, sans-serif; font-size: 1.45em; padding: 10px 45px; }

	/* first section */
	.lh-intro {
		-webkit-transition: .3s -webkit-transform ease-in-out, .3s opacity ease-in-out;
		transition: .3s transform ease-in-out, .3s opacity ease-in-out;
		opacity: 1; margin-left: 18%;
	}
	.lh-intro.is-hidden {
		opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); display: none;
	}
	.lh-header.help-question { position: relative; }
	.lh-header.help-question:before { color: #ff9c00; content: "\f0e6"; font-size: 160px; position: absolute; left: -220px; top: -10px; }
	.lh-header h1 { font-size: 3em; }
	.lh-section.lh-first .lh-header { width: 354px; margin: 8% auto 0; }
	.lh-section.lh-second, .lh-section.lh-fourth { background: #2d312e; color: #fff; }

		.lh-section.lh-first .lh-content { width: 350px; margin: 32px auto 0; }

		.lh-section.lh-first .button-wrapper:first-child { margin-right: 25px; }
		.lh-section.lh-first .button-wrapper { position: relative; float: left; }
		.lh-section.lh-first .button-info { position: absolute; font-size: 1.16em; font-family: 'latoregular', arial, sans-serif; border-bottom: 2px solid #ccc; border-radius: 5px; text-align: center; padding-bottom: 5px;
			-webkit-transform: translateY(15px); transform: translateY(15px);
			-webkit-transition: .3s -webkit-transform ease-in-out, .3s opacity ease-in-out;
			transition: .3s transform ease-in-out, .3s opacity ease-in-out;
			opacity: 0;
		}
		.lh-section.lh-first .button-wrapper:hover .button-info { opacity: 1;
			-webkit-transform: translateY(0); transform: translateY(0);
		}
		.lh-section.lh-first .button-info:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #cccccc transparent; left: 50%; margin-left: -4px; top: -10px; }
		.lh-section.lh-first .button-wrapper:first-child .button-info { width: 260px; left: -55px; top: 70px; }
		.lh-section.lh-first .button-wrapper:nth-child(2) .button-info { width: 200px; left: -25px;top: 70px; }

	.lh-scroll-down { cursor: pointer; position: absolute; bottom: 35px; left: 50%; margin-left: -60px; font-size: 1.5em;
		-webkit-transition: .3s -webkit-transform ease-in-out; transition: .3s transform ease-in-out;
		-webkit-transform: translateY(0); transform: translateY(0);
	}
	.lh-scroll-down:hover { -webkit-transform: translateY(5px); transform: translateY(5px); }
	.lh-scroll-down:before { position: absolute; display: block; content: "\f107"; bottom: -25px; font-size: 30px; left: 40px; }

	.lh-scroll-down.lh-third { margin-left: -95px; }
	.lh-scroll-down.lh-third:before { left: 80px; }

	.lh-scroll-down.lh-fourth { margin-left: -90px; }

	/* learn help sections */
	.lh-right .lh-text-content { text-align: right; }
	.lh-section { min-height: 500px; }
	.lh-text-header h2 { font-size: 3em; }
	.lh-text p { margin: 25px 0; font-size: 1.16em; font-family: 'latoregular', arial, sans-serif; }
	.lh-text-content { margin-top: 3%; }

		/* properties */
		.lh-properties { margin-top: 17%; }
		.lh-property { position: relative; }
		.lh-property p { font-family: 'latoregular', arial, sans-serif; font-size: 1.16em; text-align: center; font-weight: bold; }

		.lh-property:before { top: -120px; left: 55px; content: "\f128";color: #ff9c00; font-size: 110px; position: absolute; }
		.lh-property.question:before { content: "\f128"; left: 70px; }
		.lh-property.talk:before { content: "\f086"; left: 50px; }
		.lh-property.star:before { content: "\f005";  }
		.lh-property.list:before { content: "\f03a"; font-size: 80px; left: 70px; top: -90px; }
		.lh-property.money:before { content: "\f0d6"; font-size: 83px; left: 65px; top: -100px; }

	/* second section */

  .about-experts-section { padding-top: 30px; }
  .about-experts-section p, .about-experts-section h2 { color: #222; }
  .about-experts-section .experts-info-icon-wrapper { padding: 25px 0; }
  .about-experts-section .experts-info-icon { color: #ff9c00; font-size: 100px; padding-bottom: 13px; }

	/* fourth section */
	.lh-fourth.lh-section { box-shadow: none; height: 25%; /*min-height: 540px; */background: #fff; }
	.lh-fourth .lh-cta { margin-top: 45px; text-align: center; font-size: 3.5em; font-family: 'latoblack', arial, sans-serif; color: #2d312e; }
	.lh-fourth .btn { margin: 35px auto; float: none; width: 205px; display: block; }
	/*.lh-fourth.lh-scroll-down:before { left: 0px; }*/

	.lh-fourth-height { min-height: 400px; }

	/* Question & Answers */
			.q-holder { position: absolute; opacity: 0; z-index: -2;
				-webkit-transition: .3s -webkit-transform ease-in-out, .3s opacity ease-in-out;
				transition: .3s transform ease-in-out, .3s opacity ease-in-out;
				-webkit-transform: translateY(-50px); transform: translateY(-50px);
			}
			.q-holder.is-visible { z-index: 2; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); position: relative;}
			.q-holder .q-wrapper { z-index: 3; position: relative; top: 50px; width: 500px; left: 50%; margin-left: -250px; height: auto; padding-bottom: 80px; }
			.q-wrapper input.btn:focus,
			.w-warpper input.btn:active { outline: none; border: none; }
			.q-wrapper { font-family: 'latoregular', arial, sans-serif; }
			.q-wrapper .form-group { margin-bottom: 5px; }
			.q-header h1 { position: relative; width: 360px; margin: 0 auto 40px; left: 20px; font-size: 2.5em; text-align: center; }
			.q-header h1:before { position: absolute; content: "\f075"; left: -50px; font-size: 40px; top: -10px; color: #ff9c00;
			    -webkit-transform: scaleX(-1);
			    transform: scaleX(-1);
			}
			.q-em { color: #f6921e; }
			.q-additional { height: 45px; margin-top: 10px; }
			.q-additional-item { float: left; width: 330px; margin-right: 25px; }
			.q-label { float: left; margin-top: 8px; margin-right: 10px; }
			.q-subject .q-label { width: 120px; margin-top: 9px; }
			.q-subject select { width: 200px; margin-left: -10px; }
			.q-additional-item input[type="file"] { margin-top: 6px; float: left; }

			.q-close { cursor: pointer; position: absolute; top: 15px; right: 15px; text-indent: -998em; display: block; width: 20px; height: 20px; background: url(../img/q-close.png) no-repeat; }
			.q-close:hover { opacity: .6; }

			.q-wrapper .tip { color: rgb(66, 139, 202); cursor: pointer; }
			.q-wrapper .tooltip { font-family: arial, sans-serif; }

      .q-wrapper { position: relative; }
      .q-wrapper .back-btn { cursor: pointer; font-size: 40px; position: absolute; font-family: 'latoblack'; color: #dedede; left: -180px; top: 20px; padding-top: 100px; height: 160px;
        -webkit-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
      }
      .q-wrapper .back-btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
      .q-wrapper .back-btn:before { content: "\f112"; color: #dedede; top: 30px; position: absolute; font-size: 70px; left: 15px; }


			.q-action { float: right; }
			.q-action .btn { float: left; }
			.q-action .btn { font-family: 'latoblack', arial, sans-serif; font-size: 1.45em; padding: 10px 45px; }

			.q-action .cost { float: left; margin-right: 13px; margin-top: 7px; font-size: 18px; }
			.q-action .cost span { color: #f6921e; }

			.q2 { float: right; margin: 15px 0; }

			.q-wrapper .advantage-header { display: block; font-size: 1.33em; font-weight: bold; color: #666; font-family: 'latoblack', arial, sans-serif; text-align: center; }
			.q-wrapper .sms-info-wrapper { text-align: left; margin: 0 auto 40px auto; padding-left: 38px; width: 553px; }
			.q-wrapper .sms-info-wrapper h4 ,
			.part3 h4{ font-weight: bold; margin-top: 0; font-size: 18px; font-family: 'latoregular', arial, sans-serif; color: #666; }
			.q-wrapper .cost-info-wrapper { float: left; width: 35%; text-align: center; }
			.q-wrapper .cost-info-wrapper .btn-question { font-weight: bold; font-size: 14px; margin: 0 auto; float: none; }

			.q-wrapper .advantage { font-size: 12px; width: 33%; float: left; text-align: center; margin-top: 25px; }
			.q-wrapper .advantage img { margin-bottom: 10px; }
			.q-wrapper .advantage-wrapper { border-left: 1px solid #ccc; }


				/* error messages */
				.q-wrapper .errors:not(:empty) { opacity: 1; padding: 6px 10px; color: #fff; position: absolute; background: rgba(163, 41, 41, .8); }

			/* part 2 */
			.part2 { width: 510px; margin: 0 auto; }
			.sms-col-left { border-right: 1px solid #ddd; padding: 0 10px; }
			.sms-info { font-size: 14px; padding-bottom: 5px; color: #666; margin-bottom: 0; padding: 0; }
			.sms-header { margin: 15px 0; font-size: 16px; color: #222; font-family: 'latoblack', arial, sans-serif; }
			.sms-data-wrapper { overflow: hidden; margin-top: 10px; }
			.sms-label { margin-top: 3px; text-align: right; padding-right: 10px; float: left; font-size: 14px; display: block; width: 70px; }
			.sms-data { float: left; color: #f6921e; font-size: 18px; font-family: 'latoblack', arial, sans-serif; }
			.sms-data.sms-price { font-size: 14px; color: #222; margin-top: 3px; }
			.sms-input { margin-top: 10px; }
			.sms-code-input { float: left; width: 130px; margin: 10px 3px 10px 20px; border-radius: 3px !important; }
			.sms-code-confirm { margin-top: 10px; padding: 3px 18px; background: #f6921e; color: #fff; font-size: 18px; font-family: arial, sans-serif;  }
			.sms-code-confirm:hover { background: #ffae51; color: #fff; }

			/* part 3 */
			.part3 { width: 600px; text-align: left; margin-top: 55px; margin: 55px auto; }
			.part3 p { color: #666; }

			/* become an expert */
			.mail-wrapper { z-index: 3; position: absolute; top: 200px; width: 500px; left: 50%; margin-left: -250px;
				z-index: 2; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
				-webkit-transition: .3s -webkit-transform ease-in-out, .3s opacity ease-in-out;
			}
			.mail-wrapper.is-hidden {
				opacity: 0; z-index: -1;
				transition: .3s transform ease-in-out, .3s opacity ease-in-out;
				-webkit-transform: translateY(-50px); transform: translateY(-50px);
			}

			.expert:before { content: "\f005"; position: absolute; left: 110px; z-index: 2; color: #fff; font-size: 17px; top: 4px; }
			.expert h1:before { content: "\f02e"; left: 13px; top: -3px; }

			.q-mail-form { opacity: 1;
				-webkit-transition: .2s all ease-in-out;
				transition: .2s all ease-in-out;

			}
			.q-mail-form.is-hidden { opacity: 0; z-index: -2;
				-webkit-transform: translateY(-15px);
				transform: translateY(-15px);
			}
			.q-mail-form-final { opacity: 1; position: absolute;
				-webkit-transition: .2s all ease-in-out;
				transition: .2s all ease-in-out;
				top: 80px;
			}
			.q-mail-form-final.is-hidden { opacity: 0; z-index: -2;
				transform: translateY(-15px);
			}
			.q-mail-form p,
			.q-mail-form-final p { font-size: 1.16em; }
			.min-text { color: #999999; font-size: 1em; }
			.q-mail-form .btn { font-size: 18px; float: right; }

			/* QA route */
			#cboxLoadedContent { overflow: visible !important; }
			#cboxLoadedContent .qa-route { display: block; }
			.qa-route { position: relative; display: none; }
			.qa-route:after { display: block; position: absolute; right: 10px; bottom: -40px; background: url(../img/logo.png) no-repeat; content: ''; width: 80px; height: 20px; background-size: 80px; }
			.qa-route-header { position: relative; font-size: 2.7em; font-family: 'latoblack', arial, sans-serif; margin-top: 115px; display: block; text-align: center; }
			.qa-route-header:before { content: "\f0e6"; position: absolute; color: #ff9c00; font-size: 85px;top: -95px; left: 50%; margin-left: -41px; }
			.qa-route-text { text-align: center; display: block; margin: 10px 0; font-family: 'latoregular', arial, sans-serif; font-size: 14px; }
			.qa-route .btn { font-size: 17px; font-family: 'latoregular'; margin: 25px auto 0; padding: 8px 25px; display: block; width: 135px; }




/*Notatek for business*/

  /*UNIVERSAL STYLES*/
    /*TXT*/
    .notatek-business-wrapper .business-main-header { font-size: 48px; font-family: 'latoblack', sans-serif; color: #222; line-height: 1.3em; }
    .notatek-business-wrapper .business-main-header-light { font-size: 48px; font-family: 'latoblack', sans-serif; color: #fff; line-height: 1.3em; }
    .notatek-business-wrapper .business-big-paragraph { font-size: 26px; font-family: 'latoregular', sans-serif; color: #222; }
    .notatek-business-wrapper .business-big-paragraph-light { font-size: 26px; font-family: 'latoregular', sans-serif; color: #fff; line-height: 1.3em; }
    .notatek-business-wrapper .business-sub-header { font-size: 34px; font-family: 'latoblack', sans-serif; color: #222; line-height: 1.3em; }
    .notatek-business-wrapper .business-sub-header-light { font-size: 34px; font-family: 'latoblack', sans-serif; color: #fff; }
    .notatek-business-wrapper .business-normal-paragraph { font-size: 18px; font-family: 'latoregular', sans-serif; color: #222; line-height: 1.2em; }
    .notatek-business-wrapper .business-normal-paragraph-light { font-size: 18px; font-family: 'latoregular', sans-serif; color: #fff; line-height: 1.2em; }
    .notatek-business-wrapper .business-mini-header-light { font-size: 20px; font-family: 'latoregular', sans-serif; color: #fff; margin-top: 50px; }
    .notatek-business-wrapper .business-mini-header { font-size: 20px; font-family: 'latoregular', sans-serif; color: #b2b2b2; margin-top: 80px; margin-bottom: 50px; }

    /* WIDGET */
    /*.notatek-business-wrapper .business-widget { background: #f53f3f; display: block; width: 250px; height: 30px; position: fixed; text-align: center; right: 0; bottom: 0; z-index: 7; border-radius: 7px 0px 0px 0px; }
    .notatek-business-wrapper .business-widget .business-widget-txt { color: #fff; font-weight: bold; margin-top: 7px; position: relative; top: -2px; font-size: 12px;}
    .notatek-business-wrapper .business-widget .business-widget-txt:hover { text-decoration: underline; }*/

    .notatek-business-wrapper .business-fixed-menu { display: block; height: 70px; }
    .notatek-business-wrapper .business-fixed-menu-mobile { display: block; height: 54px; }

    /*BTN*/
    .notatek-business-wrapper .business-btn { padding: 10px 20px; background: #195f9e; border-radius: 3px; color: #fff; text-transform: uppercase; font-size: 20px; }
    .notatek-business-wrapper .business-btn:hover { color: #fff; background: #0c4a82; }
    .notatek-business-wrapper .business-btn-contact { outline: none; border: none; margin: 30px 0; }

  .notatek-business-wrapper .product-section-padding { padding: 10px 50px; }
  .notatek-business-wrapper i { padding-right: 7px; font-size: 18px; position: relative; top: 0px; }

  /*NAVIGATION*/
  .notatek-business-wrapper .business-nav { background: #fff; width: 100%; height: 70px; position: fixed; top: 0; z-index: 9; }
  .notatek-business-wrapper .business-nav a { cursor: pointer; }
  .notatek-business-wrapper .business-nav .business-logo { padding-top: 20px; float: left; }
  .notatek-business-wrapper .business-nav .business-links { float: right; }
  .notatek-business-wrapper .business-nav .business-links a { display: inline-block; font-size: 16px; color: #222; padding: 22px 25px 21px 25px; font-family: 'latobold', sans-serif; }
  .notatek-business-wrapper .business-nav .business-links a:hover { background: #195f9e; color: #fff; }
  .notatek-business-wrapper .business-nav .business-links a.special-link { background: #ea4848; color: #fff; font-family: 'latoblack', sans-serif; }
  .notatek-business-wrapper .business-nav .business-links a.special-link:hover { background: #bb1010; }
  .notatek-business-wrapper .business-nav a.active { background: #195f9e; color: #fff; }

  /*MAIN SECTION*/
  .notatek-business-wrapper .business-main { display: block; width: 100%; min-height: 632px; background: url(/../img/notatek-business/main-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
  .notatek-business-wrapper .business-main .content-position { padding-top: 20%; margin-bottom: 0; line-height: 1.3em; }
  .notatek-business-wrapper .business-main .main-btn { display: block; margin: 0 auto; max-width: 300px; margin-top: 50px; }
  .notatek-business-wrapper .business-main .business-price { font-size: 17px; font-family: 'latoblack'; color: #222; display: inline-block; margin-top: 12px; padding: 7px 18px; border-radius: 3px; }
  .notatek-business-wrapper .business-main .business-price:hover { background: #bb1010; color: #fff; }

  @media only screen and (max-width: 768px) {
    .notatek-business-wrapper .business-main { min-height: auto; padding: 40px 0; }
    .notatek-business-wrapper .business-main-header { font-size: 48px; line-height: 1.2em; }
    .notatek-business-wrapper .business-main .content-position { padding-top: 0; line-height: 1.2em; }
    .notatek-business-wrapper .business-mini-header { font-size: 20px; font-family: 'latoregular', sans-serif; color: #b2b2b2; margin-top: 30px; margin-bottom: 25px; }

    .notatek-business-wrapper .table-responsive { overflow-y: initial; }
  }

  /*BUSINESS PILLS*/
  .notatek-business-wrapper #nav-pills { display: none; }

  .notatek-business-wrapper .business-pills-product { margin-top: 30px; margin-bottom: -30px; }

  .notatek-business-wrapper .business-pills-product .non-active-pill { background: #7aacd7; }
  .notatek-business-wrapper .business-pills-product .active-pill { background: #195f9e; }
  .notatek-business-wrapper .business-pills ul li a:hover { background: #195f9e; }

  .notatek-business-wrapper .business-pills { width: 100%; background: #fff; }
  .notatek-business-wrapper .main-pills-position { margin-top: 30px; }
  .notatek-business-wrapper .business-pills ul { text-align: center; margin-bottom: 0;}
  .notatek-business-wrapper .business-pills ul li { display: inline-block; padding-left: 15px; padding-right: 15px; margin: 20px 0; }
  .notatek-business-wrapper .business-pills ul li a { background: #195f9e; padding: 3px 10px; border-radius: 14px; color: #fff; font-size: 16px; }

  /*BUSINESS ABOUT*/
  .notatek-business-wrapper .business-about { text-align: center; background: url(/../img/notatek-business/about-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 40px; }
  .notatek-business-wrapper .business-about .business-mini-header { font-size: 20px; font-family: 'latoregular', sans-serif; color: #fff; margin-top: 50px; }
  .notatek-business-wrapper .business-about .about-txt { line-height: 1.3em; }
  .notatek-business-wrapper .business-about .business-icon-wrapper { padding-top: 50px; }
  .notatek-business-wrapper .business-about .business-icon-wrapper .icon-txt { padding-top: 20px; padding-bottom: 30px; max-width: 350px; text-align: center; margin: 0 auto; }
  .notatek-business-wrapper .business-about .business-star { font-size: 14px; color: #fff; }

  /*BUSINESS SECTION*/
  .notatek-business-wrapper .business-product-image { margin: 0 auto; padding-bottom: 20px; }
  .notatek-business-wrapper .product-btn { display: block; max-width: 220px; text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; padding-top: 4px; padding-bottom: 4px; font-size: 16px; }

  /*FOOTER*/
  .notatek-business-wrapper .business-footer { display: block; width: 100%; min-height: 500px; background: url(/../img/notatek-business/footer-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; margin-top: 60px; }
  .notatek-business-wrapper .business-footer .content-position { padding-top: 10%; margin-bottom: 30px; }
  .notatek-business-wrapper .business-footer .business-footer-btn { border: 1px solid #fff; }
  .notatek-business-wrapper .business-footer .business-footer-contact { padding-top: 50px; }


  /*SHELL*/
    /*PADDINGS*/
    .shell-wrapper .shell-about { padding-top: 65px; }
    .shell-wrapper .shell-job-name { padding: 70px 0px 50px 0px; }
    .shell-wrapper .shell-lists { padding: 20px 10px 0px 20px; }

  .shell-wrapper .shell-page-width { max-width: 855px; margin: 0 auto; }
  .shell-wrapper .shell-normal-p { font-size: 16px; font-family: 'latoregular', sans-serif; line-height: 22px; }
  .shell-wrapper .shell-bold { font-weight: bold; }
  .shell-wrapper .shell-header { font-family: 'latoblack', sans-serif; font-size: 26px; margin: 0 0 5px 0; line-height: 30px; }
  .shell-wrapper .shell-faded-p { font-family: 'latoregular', sans-serif; font-size: 14px; font-size: 14px; color: #6a6a6a; line-height: 15px; }
  .shell-wrapper .shell-list li { font-size: 16px; font-family: 'latoregular', sans-serif; line-height: 22px; position: relative; padding-left: 20px; }
  .shell-wrapper .shell-list .shell-square { background: #cecece; display: block; height: 12px; width: 12px; position: absolute; left: -5px; top: 5px; }
  .shell-wrapper .shell-list-header { font-family: 'latoblack', sans-serif; background: #ffd300; display: inline-block; padding: 2px 8px; font-size: 18px;}
  .shell-wrapper .shell-sub-header { font-size: 18px; font-family: 'latoblack', sans-serif; line-height: 22px; margin-top: 25px; }
  .shell-wrapper .shell-btn { font-size: 20px; font-family: 'latoregular'; color: #fff; background: #d42e12; padding: 11px 47px; border-radius: 2px; cursor: pointer; transition: all ease-out 0.15s; }
  .shell-wrapper .shell-btn:hover { background: #a1200b; }
  .shell-wrapper .shell-footer { background: #ededed; width: 100%; padding: 25px 0 30px 0; margin-top: 50px; }
  .shell-wrapper .shell-footer img { padding: 20px 30px; }
  .shell-wrapper .copyr { color: rgba(0,0,0,0.4); margin-top: 20px; }
  .shell-wrapper .shell-btn-bottom { padding: 40px 10px 20px 10px; }

  /*shell form*/
  .shell-wrapper .shell-popup-bg { background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: none;}
  .shell-wrapper .shell-form-wrapper { position: relative; background: #fff; /* border: 1px solid #ffd90c; */ width: 100%; max-width: 500px; position: fixed; top: 40px; z-index: 9; display: block; left: calc(50% - 250px);}
  .shell-wrapper .shell-form-wrapper .shell-form-header-bg { background: #ffd90c; padding: 8px; }
  .shell-wrapper .shell-form-wrapper .shell-header-form { font-size: 22px; font-family: 'latoblack', sans-serif; text-align: center; margin: 0px;}
  .shell-wrapper .shell-form-wrapper .shell-form input { display: block; border: 1px solid #ffd90c; border-radius: 2px; padding: 5px 10px; font-size: 16px; width: 100%; }
  .shell-wrapper .shell-form-wrapper .shell-form label { font-size: 18px; font-family: 'latoregular', sans-serif; margin-bottom: 0px; }
  .shell-wrapper .shell-form-wrapper .shell-form .input-wrapper { width: 310px; margin: 0 auto; }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-form-cv { display: block; border: 1px solid #ffd90c; padding: 5px 10px; font-size: 16px; width: 100%; background: #ffd90c; border-radius: 5px; border-bottom: 2px solid #DCB900; font-family: 'latoregular', sans-serif; color: #222; }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-form-aplikuj { display: block; border-radius: 2px; padding: 5px 10px; font-size: 16px; width: 200px; margin: 0 auto; background: #f90401; margin-top: 30px;; margin-bottom: 30px; border: none; color: #fff; font-family: 'latoblack', sans-serif;  }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-form-aplikuj:hover { background: #9f0200; }
  .shell-wrapper .shell-form-wrapper .shell-form .cv-name { font-family: 'latoregular', sans-serif; font-size: 14px; text-align: center; padding: 5px; font-weight: bold; }
  .shell-wrapper .shell-form-wrapper .close-shell-form { display: block; position: absolute; top: 7px; right: 15px; font-size: 30px; cursor: pointer; padding: 5px; transition: ease-out 0.1s all;}
  .shell-wrapper .shell-form-wrapper .close-shell-form:hover { color: #fc0000; }

  .shell-wrapper .shell-form-wrapper .shell-form .shell-checkbox-wrapper { max-width: 310px; width: 100%; position: relative; display: block; margin: 5px auto;  }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-checkbox-wrapper input { position: absolute; top: -3px; left: 0px; display: block; width: 14px; }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-checkbox-wrapper label { display: block; font-size: 11px; font-family: 'latoregular', sans-serif; line-height: 14px; padding-left: 20px; }
  .shell-wrapper .shell-form-wrapper .shell-form .shell-info-wrapper{ display: block; font-size: 11px; font-family: 'latoregular', sans-serif; line-height: 14px;}

  .shell-wrapper .shell-form-wrapper .error { display: block; background: #ed4141; padding: 3px; color: #fff; font-family: 'latoregular', sans-serif; font-weight: bold; padding-left: 10px; display: none;  }
  .shell-wrapper .information-process-form { font-size: 17px; font-family: 'latoregular', sans-serif; margin-bottom: 10px; text-align: center; color:#9f0200; display: none;}

  .shell-wrapper .shell-form { display: none; }
  .shell-wrapper .shell-ty { display: none; }

  .shell-wrapper .shell-thanks { display: block; margin: 0 auto; max-width: 600px; width: 100%; padding: 10px 10px 20px 10px; text-align: center; margin-top: 30px; }
  .shell-wrapper .shell-thanks .shell-btn-mp { background: #f90401; display: inline-block;
  padding: 7px 17px; font-size: 16px; font-family: 'latoregular', sans-serif; color: #fff; text-transform: uppercase; margin: 30px 0 20px 0; }
  .shell-wrapper .shell-thanks .shell-btn-mp:hover { background: #9f0200; }

  @media all and (max-width: 501px) {
    .shell-wrapper .shell-form-wrapper .shell-header-form { text-align: left; font-size: 20px; }
    .shell-wrapper .shell-form-wrapper { left: 0px; top: 0px; }
    .shell-wrapper .shell-form-wrapper .shell-form label { font-size: 16px; }
    .shell-wrapper .shell-form-wrapper .shell-form .shell-form-aplikuj { margin-top: 10px;; margin-bottom: 15px; }
    .shell-wrapper .shell-form-wrapper .close-shell-form { top: 5px; }
  }

  @media screen and (max-height: 600px) {
    .shell-wrapper .shell-form-wrapper { max-height: 570px; overflow-y: scroll; }
  }


  @media screen and (max-height: 570px) {
    .shell-wrapper .shell-form-wrapper { max-height: 570px; overflow-y: scroll; }
  }

  @media screen and (max-height: 560px) {
    .shell-wrapper .shell-form-wrapper { max-height: 500px; overflow-y: scroll; }
  }

  @media screen and (max-height: 510px) {
    .shell-wrapper .shell-form-wrapper { max-height: 480px; overflow-y: scroll; }
  }


  @media screen and (max-height: 470px) {
    .shell-wrapper .shell-form-wrapper { max-height: 100%; overflow-y: scroll; }
  }

  .shell-form .long-information{line-height: 1.4; margin-top:10px; padding-bottom: 10px; }

  /*LANDING PAGE - JOB OFFER*/
    /*addidtional paddings*/
    .lp-job-wrapper .lp-job-about { padding-top: 0px; }
    .lp-job-wrapper .lp-job-job-name { padding: 50px 0px 50px 0px; }
    .lp-job-wrapper .lp-job-lists { padding: 20px 10px 0px 20px; }
    .lp-job-wrapper .top-padding { padding-top: 40px; }

  .lp-job-wrapper .clear { clear: both; }
  .lp-job-wrapper .color-bg { background: #f7d117; padding-bottom: 35px; margin: 35px 0; padding-top: 50px; }
  .lp-job-wrapper .lp-text { color: #222; }
  .lp-job-wrapper .lp-text-white { color: #fff; }
  .lp-job-wrapper .lp-job-page-width { max-width: 855px; margin: 0 auto; }
  .lp-job-wrapper .lp-job-normal-p { font-size: 16px; font-family: 'latoregular', sans-serif; line-height: 22px; }
  .lp-job-wrapper .lp-job-bold { font-weight: bold; }
  .lp-job-wrapper .lp-job-header { font-family: 'latoblack', sans-serif; font-size: 26px; margin: 0 0 5px 0; line-height: 30px; }
  .lp-job-wrapper .lp-job-sub-header-box { font-family: 'latoregular', sans-serif; font-size: 24px; margin: 0 0 5px 0; line-height: 30px; }
  .lp-job-wrapper .lp-job-faded-p { font-family: 'latoregular', sans-serif; font-size: 14px; font-size: 14px; color: #6a6a6a; line-height: 15px; }
  .lp-job-wrapper .lp-job-list li { font-size: 16px; font-family: 'latoregular', sans-serif; line-height: 22px; position: relative; padding-left: 20px; }
  .lp-job-wrapper .lp-job-list .lp-job-square { background: #cecece; display: block; height: 12px; width: 12px; position: absolute; left: -5px; top: 5px; }
  .lp-job-wrapper .lp-job-list .lp-job-square-alt { background: #d42e12; display: block; height: 12px; width: 12px; position: absolute; left: -5px; top: 5px; }
  .lp-job-wrapper .lp-job-list .lp-job-round { background: #cecece; display: block; height: 3px; width: 3px; position: absolute; left: 3px; top: 10px; border-radius: 50%; }
  .lp-job-wrapper .lp-job-list-header { font-family: 'latoblack', sans-serif; background: #ffd300; display: inline-block; padding: 2px 8px; font-size: 18px;}
  .lp-job-wrapper .lp-job-sub-header { font-size: 18px; font-family: 'latoblack', sans-serif; line-height: 22px; margin-top: 25px; }
  .lp-job-wrapper .lp-job-btn { font-size: 20px; font-family: 'latoregular'; color: #fff; background: #d42e12; padding: 11px 47px; border-radius: 2px; cursor: pointer; transition: all ease-out 0.15s; }
  .lp-job-wrapper .lp-job-btn:hover { background: #a1200b; }
  .lp-job-wrapper .lp-job-footer { background: #ededed; width: 100%; padding: 5px 0 30px 0; }
  .lp-job-wrapper .lp-job-footer img { padding: 20px 30px; }
  .lp-job-wrapper .copyr { color: rgba(0,0,0,0.4); margin-top: 35px; }
  .lp-job-wrapper .lp-job-btn-bottom { padding: 40px 10px 20px 10px; }
  .lp-job-wrapper .lp-text-white { color: #fff; }
  /*form*/
  .lp-job-wrapper .lp-button { outline: none; border: none; border-radius: 2px; background: #f35325; font-size: 20px; padding: 3px 45px; margin-bottom: 15px; margin-top: 10px; color: #fff; transition: all 0.1s ease-out; display: inline-block; }
  .lp-job-wrapper .lp-button:hover { background: #af2801; }
  .lp-job-wrapper .lp-form-section { width: 100%; background: #0067a9; padding: 0px 15px 35px 15px; margin-top: 20px; }
  .lp-job-wrapper .lp-form-section .lp-validate { display:none; position: static; right: 10px; top: 10px; color: #fff; background: #f35325; font-size: 11px; padding: 2px 8px; margin-bottom: 2px; }
  .lp-job-wrapper .lp-form-section .lp-validate-check { display:none; position: relative; color: #fff; background: #f35325; font-size: 11px; padding: 5px 8px; width: 150px; text-align: center; margin-top: 10px;}
  .lp-job-wrapper .lp-form-section .lp-form { width: 600px; max-width: 100%; margin: 0 auto; text-align: center; margin-top: 30px; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-input { background: #034473; border: none; padding: 7px 15px; color: #fff; width: 100%; font-size: 16px; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-input-wrapper { display: block; float: left; width: 100%; max-width: 300px; padding: 1px; position: relative; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-cv-wrapper { display: inline-block; width: 100%; max-width: 600px; padding-top: 1px; padding-bottom: 1px; position: relative; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-checkbox-wrapper { text-align: left; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-checkbox-wrapper label { color: #fff; font-size: 11px; line-height: 13px; position: relative; padding-left: 30px; padding-top: 10px; padding-right: 5px; cursor: pointer; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-checkbox-wrapper input { position: absolute; top: 7px; left: 10px; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button { background: #034473; border: none; padding: 7px 15px; color: #fff; width: 100%; font-size: 16px; font-family: 'lato black', sans-serif; transition: all 0.1s ease-out; }
  .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button:hover { background: #f90640; }

  .lp-job-wrapper .lp-form-section .lp-form .information-process-form { color:#f35325; font-size: 18px; font-weight: bold; display: none;}
  .lp-job-wrapper .lp-form-section .lp-form .result-process-job-application { color:#00e600; font-size: 18px; font-weight: bold; display: none; }

  /*LANDING PAGE HEADER V2 (international paper)*/
  .lp-job-wrapper .lp-header-v2 { width: 100%; height: 400px; text-align: center; margin-bottom: 30px; }
  .lp-job-wrapper .lp-header-v2__logo { padding: 30px 20px; }

  /*LANDING PAGE HEADER V3 (accenture)*/
  .lp-job-wrapper .lp-header-v3 { width: 100%; height: auto; text-align: center; margin-bottom: -80px; padding-bottom: 120px; }
  .lp-job-wrapper .lp-header-v3__logo { padding: 30px 20px; }
  .lp-job-wrapper .lp-header-v3__box-img { padding: 30px 20px; }
  .lp-job-page-width--under-header-box { max-width: 1000px; margin: 0 auto; }
  .lp-job-wrapper .under-header-box { background: #00bbee; padding: 60px;
                                      -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);
                                      -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);
                                      box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38); }
  .lp-job-wrapper .under-header-box__left { float: left; }
  .lp-job-wrapper .under-header-box__right { float: right; width: 50%; }

    @media only screen and (max-width: 674px) {
      .lp-job-wrapper .lp-form-section .lp-form .lp-input-wrapper { max-width: 600px; }
    }

  /*CUSTOM STYLES FOR LANDING PAGE*/
    /*STATE STREET*/
    .lp-job-wrapper .lp-job-header-statestreet { padding-bottom: 30px; }
    .lp-job-wrapper .img-header-statestreet { margin-bottom: 30px; }
    .lp-job-wrapper .lp-job-list-header-statestreet { background: #68c7e8; color: #fff; }
    .lp-job-wrapper .lp-job-button-statestreet { display: block; width: 310px; margin: 10px auto; font-size: 16px; }
    .lp-job-wrapper .s1 { background: #005e9f; }
    .lp-job-wrapper .s2 { background: #68c7e8; }
    .lp-job-wrapper .s1:hover, .lp-job-wrapper .s2:hover { background: #00497b; }
    .lp-job-wrapper .lp-job-footer .statestreet-footer-p-margin { margin-bottom: 5px; }
    .lp-job-wrapper .lp-job-footer .lp-job-header-statestreet_footer { margin-bottom: 30px; }
    .lp-job-wrapper .lp-job-footer .state-link-color { color: #00497b; }
    .lp-job-wrapper .lp-job-footer .state-link-color:hover { text-decoration: underline; }

    /*ARVATO*/
    .lp-job-wrapper .lp-job-job-name-arvato { padding: 10px 0 30px 0; }
    .lp-job-wrapper .lp-button-arvato { background: #f90640; }
    .lp-job-wrapper .lp-job-header-arvato { padding-bottom: 5px; }
    .lp-job-wrapper .img-header-arvato { margin-bottom: 30px; }
    .lp-job-wrapper .lp-job-list-header-arvato { background: #0067a9; color: #fff; }
    .lp-job-wrapper .lp-job-button-arvato { display: block; width: 310px; margin: 10px auto; font-size: 16px; }
    .lp-job-wrapper .s1 { background: #005e9f; }
    .lp-job-wrapper .s2 { background: #68c7e8; }
    .lp-job-wrapper .s1:hover, .lp-job-wrapper .s2:hover { background: #00497b; }
    .lp-job-wrapper .lp-job-footer .arvato-footer-p-margin { margin-bottom: 5px; }
    .lp-job-wrapper .lp-job-footer .lp-job-header-arvato_footer { margin-bottom: 30px; }
    .lp-job-wrapper .lp-job-footer .state-link-color { color: #00497b; }
    .lp-job-wrapper .lp-job-footer .state-link-color:hover { text-decoration: underline; }


  /*Microsoft landing page*/

    /*ATERIMA*/
    .lp-job-wrapper .lp-job-page-width-aterima { max-width: 1100px; margin: 0 auto; }
    .lp-job-wrapper .img-header-aterima { padding: 0 10px; }
    .lp-job-wrapper .aterima-logo { padding: 10px; }
    .lp-job-wrapper .aterima-custom-line { display: block; width: 100%; height: 15px; background: #6e7377; position: relative; }
    .lp-job-wrapper .aterima-custom-line .line-1 { display: block; width: 75px; background: #881e60; height: 15px; float: right; }
    .lp-job-wrapper .aterima-custom-line .line-2 { display: block; width: 75px; background: #c5a167; height: 15px; float: right; }
    .lp-job-wrapper .aterima-custom-line .line-3 { display: block; width: 75px; background: #0183bf; height: 15px; float: right; }
    .lp-job-wrapper .lp-button-aterima { background: rgb(140,200,60); }
    .lp-job-wrapper .lp-button-aterima:hover { background: rgb(95,142,33); }
    .lp-job-wrapper .lp-job-list-header-aterima { background: #6e7377; color: #fff; }
    .lp-job-wrapper .lp-form-section-aterima { background: #efefef;}
    .lp-job-wrapper .lp-form-section .lp-form .lp-checkbox-wrapper-aterima label { color: #222; }
    .lp-job-wrapper .lp-job-job-name-aterima { width: 100%; background: #efefef; padding: 30px 10px; margin-bottom: 40px; }
    .lp-job-wrapper .job-name-frame-aterima { border: 2px solid #6e7377; max-width: 500px; padding: 20px 10px; display: block; margin: 0 auto; }
    .lp-job-wrapper .lp-form-section-aterima .lp-form .input-custom-aterima { background: #6e7377; }
    .lp-job-wrapper .lp-form-section-aterima .lp-form .lp-cv-button-aterima { background: #6e7377; border: none; padding: 7px 15px; color: #fff; width: 100%; font-size: 16px; font-family: 'lato black', sans-serif; transition: all 0.1s ease-out; }
    .lp-job-wrapper .lp-form-section-aterima .lp-form .lp-cv-button-aterima:hover { background: rgb(95,142,33); }
    .lp-job-wrapper .aterima-stats-img { display: block; margin: 0 auto; padding-top: 30px; }
    .lp-job-wrapper .aterima-more { text-align: center; }
    .lp-job-wrapper .aterima-more a { color: #222; }
    .lp-job-wrapper .aterima-more a:hover { color: #005277; }
    .lp-job-wrapper .aterima-stats-2 { text-align: center; }
    .lp-job-wrapper .aterima-stats-2 img { padding: 20px; width: 319px; }

    /*INTERNATIONAL PAPER*/
      /*header v2*/
      .lp-job-wrapper .lp-header-v2--international-paper { background: url(/img/landing/international-paper/international-paper-header.jpg) center top; }
      .lp-job-wrapper .lp-header-v2__logo--international-paper { max-width: 371px; width: 100%; margin-top: 40px; }
      .lp-job-wrapper .lp-button--international-paper { background: #4eb748; }
      .lp-job-wrapper .lp-button--international-paper:hover { background: #277F22; }
      .lp-job-wrapper .lp-job-list-header--international-paper { background: #4391a5; color: #fff; }

      .lp-job-wrapper .lp-form-section--international-paper { background: #4391a5; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--international-paper { background: #0D586B; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--international-paper { background: #0D586B; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--international-paper:hover { background: #4eb748; }

    /*INTERNATIONAL PAPER v2*/
      .lp-job-wrapper .lp-header-v2__logo--international-paper-v2 { max-width: 306px; width: 100%; margin-top: 85px; }
      .lp-job-wrapper .lp-form-section--international-paper-v2 { background: url(/img/landing/international-paper/international-paper-form-bg.jpg) no-repeat center center; background-size: cover; }
      .lp-job-wrapper .lp-header-v2__logo--international-paper-v2--form { max-width: 306px; width: 100%; margin-top: 0px; }

    /*PWC*/
      /*header v2*/
      .lp-job-wrapper .lp-header-v2--pwc { background: url('/img/landing/pwc/pwc-bg.jpg') center top no-repeat; }
      .lp-job-wrapper .lp-header-v2__logo--pwc { max-width: 120px; width: 100%; margin-top: 40px; }
      .lp-job-wrapper .lp-button--pwc { background: #c2080f; }
      .lp-job-wrapper .lp-button--pwc:hover { background: #8C0409; }
      .lp-job-wrapper .lp-job-list-header--pwc { background: #f88a28; color: #fff; }
      .lp-job-wrapper .lp-link-pwc { color: #222; text-decoration: underline; }

      .lp-job-wrapper .lp-form-section--pwc { background: url('/img/landing/pwc/pwc-form-bg.jpg') center top no-repeat; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--pwc { background: #CC7120; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--pwc::-webkit-input-placeholder { color: #fff; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--pwc:-moz-placeholder { color: #fff; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--pwc::-moz-placeholder { color: #fff; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--pwc:-ms-input-placeholder
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--pwc { background: red; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--pwc:hover { background: #8C0409; }
      .lp-job-wrapper .pwc-about .pwc-video { max-width: 100%; width: 845px; margin: 0 auto; padding: 20px; }
      .lp-job-wrapper .pwc-about .lp-job-list-header--pwc { margin-top: 40px; }
      .lp-job-wrapper .pwc-about .lp-job-normal-p--pwc-justify { text-align: justify; }

      @media only screen and (max-width: 800px) {
        .lp-job-wrapper .lp-header-v2--pwc { background: url('/img/landing/pwc/pwc-bg.jpg') left top no-repeat; }
        .lp-job-wrapper .lp-header-v2--pwc .lp-header--job-name-pwc { background: rgba(255,255,255,0.7); height: 400px; display: block; padding-right: 10px; padding-left: 10px;  }
      }

    /*ACCENTURE*/
      /*header v3*/
      .lp-job-wrapper .lp-job-normal-p--accenture { font-size: 16px; font-family: 'latoregular', sans-serif; line-height: 22px; padding: 0 10px; }
      .lp-job-wrapper .link-accenture { color: #fff; }
      .lp-job-wrapper .link-accenture:hover { color: #fff; text-decoration: underline; }
      .lp-job-wrapper .lp-header-v3--accenture { background: url('/img/landing/accenture/accenture-header.jpg') center top fixed; }
      .lp-job-wrapper .lp-header-v3__logo--accenture { width: 100%; max-width: 300px; }
      .lp-job-wrapper .lp-button--accenture { background: #00bbee; }
      .lp-job-wrapper .lp-button--accenture:hover { background: #037098; }
      .lp-job-wrapper .lp-job-list-header--accenture { background: #00bbee; color: #fff; font-family: 'latoregular', sans-serif; }
      .lp-job-wrapper .lp-header-v3__box-img { padding: 8px 20px; }
      .lp-job-wrapper .gptw2-accenture { padding-top: 20px; }
      .lp-job-wrapper .gptw-section-accenture { padding: 30px 10px; }
      .lp-job-wrapper .lp-form-section--accenture { background: url(/img/landing/accenture/accenture-form-bg.jpg) center center fixed; }
      .lp-job-wrapper .lp-button--accenture-apply { background: #037098; }
      .lp-job-wrapper .lp-button--accenture-apply:hover { background: #00506D; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-input--accenture { background: #037098; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--accenture { background: #037098; }
      .lp-job-wrapper .lp-form-section .lp-form .lp-cv-button--accenture:hover { background: #00506D; }
      .lp-job-wrapper .lp-job-footer--accenture { padding-top: 40px; }
      .lp-job-wrapper .lp-job-footer--accenture img { padding: 10px; }
      .lp-job-wrapper .sign-container-accenture { position: relative; }
      .lp-job-wrapper .sign-accenture-full { position: absolute; z-index: -1; }
      .lp-job-wrapper .sign-accenture-full .sign-accenture__img { max-width: 1920px; width: 100%; top: 20px; position: relative; }
      .lp-job-wrapper .sign-accenture-mobile { display: none; position: absolute; z-index: -1; }
      .lp-job-wrapper .sign-accenture-mobile .sign-accenture__img { max-width: 300px; width: 100%; top: 20px; position: relative; }

      @media only screen and (max-width: 1600px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 100px; }
      }
      @media only screen and (max-width: 1366px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 340px; }
      }
      @media only screen and (max-width: 1200px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 380px; }
      }
      @media only screen and (max-width: 1025px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 560px; }
      }

      @media only screen and (max-width: 1000px) {
        .lp-job-wrapper .under-header-box__right--accenture { float: none; width: 100%; }
        .lp-job-wrapper .under-header-box__left--accenture {  float: none; width: 100%; }
        .lp-job-wrapper .lp-header-v3__box-img { padding: 0px 0px 20px 0; margin: 0 auto; }
        .lp-job-wrapper .lp-header-v3--accenture { padding: 0 20px 120px 20px; }
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 660px; }
      }

      @media only screen and (max-width: 768px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { top: 860px; }
      }

      @media only screen and (max-width: 991px) {
        .lp-job-wrapper .lp-job-normal-p--accenture { padding-left: 65px; padding-right: 65px; }
      }

      @media only screen and (max-width: 600px) {
        .lp-job-wrapper .lp-job-normal-p--accenture { padding-left: 10px; padding-right: 10px; }
        .lp-job-wrapper .under-header-box { padding: 30px; }
      }

      @media only screen and (max-width: 500px) {
        .lp-job-wrapper .sign-accenture-full .sign-accenture__img { display: none; }
        .lp-job-wrapper .sign-accenture-mobile { display: block; }
        .lp-job-wrapper .sign-accenture-mobile .sign-accenture__img-3 { top: 100px; }
        .lp-job-wrapper .sign-accenture-mobile .sign-accenture__img-4 { top: 100px; }
      }

  /*Microsoft landing page*/
  .microsoft-lp { background: #0e376a; }
  .microsoft-lp .ms-margin { margin-top: 50px; }
  .microsoft-lp .ms-sunheader { font-size: 20px; font-family: 'lato black', sans-serif; line-height: 36px; color: #fff; }
  .microsoft-lp .ms-header { font-size: 26px; font-family: 'lato black', sans-serif; line-height: 30px; color: #fff; text-align: center; }
  .microsoft-lp .ms-p { font-size: 16px; font-family: 'lato regular', sans-serif; line-height: 22px; color: #fff; }
  .microsoft-lp .ms-button { outline: none; border: none; border-radius: 2px; background: #f35325; font-size: 20px; padding: 3px 45px; margin-bottom: 15px; margin-top: 10px; color: #fff; transition: all 0.1s ease-out; display: inline-block; }
  .microsoft-lp .ms-button:hover { background: #af2801; }
  .microsoft-lp .ms-button-2 { display:block; width: 240px; outline: none; border: none; border-radius: 2px; background: #05a6f0; font-size: 20px; padding: 3px 45px; margin-bottom: 15px; margin-top: 10px; color: #fff; transition: all 0.1s ease-out; margin: 0px auto;}
  .microsoft-lp .ms-button-2:hover { background: #164987; cursor:pointer; }
  .microsoft-lp .ms-mini-p { font-size: 14px; line-height: 16px; color: #fff; }
  .microsoft-lp .ms-job-header { font-size: 20px; background: #05a6f0; color: #fff; font-family: 'lato black', sans-serif; display: inline-block; padding: 1px 7px; margin-top: 25px; }
  .microsoft-lp .ms-square { display: block; width: 11px; height: 11px; background: #ffba08; position: absolute; top: 4px; left: 0; }

  .microsoft-lp .microsoft-top-bar { width: 100%; background: #fff; }
  .microsoft-lp .microsoft-top-bar .microsoft-logo-img { padding: 20px 0; }
  .microsoft-lp .microsoft-main-section { width: 100%; height: 540px; background: url(/img/microsoft/microsoft-bg-2.jpg) center top; color: #fff; text-align: center; }
  .microsoft-lp .microsoft-main-section .connected-img { max-width: 100%; margin: 0 auto; display: block; padding: 50px 20px 30px 20px; }
  .microsoft-lp .microsoft-job-section .job-content ul li { position: relative; color: #fff; padding-left: 25px; }

  .microsoft-lp .ms-form-section { width: 100%; background: #14437d; padding: 50px 15px 35px 15px; margin-top: 20px; }
  .microsoft-lp .ms-form-section .ms-validate { display:none; position: absolute; right: 10px; top: 10px; color: #fff; background: #f35325; font-size: 11px; padding: 2px 8px; }
  .microsoft-lp .ms-form-section .ms-validate-check { display:none; position: relative; color: #fff; background: #f35325; font-size: 11px; padding: 5px 8px; width: 150px; text-align: center; margin-top: 10px;}
  .microsoft-lp .ms-form-section .ms-form { width: 600px; max-width: 100%; margin: 0 auto; text-align: center; margin-top: 30px; }
  .microsoft-lp .ms-form-section .ms-form .ms-input { background: #0b284d; border: none; padding: 7px 15px; color: #fff; width: 100%; font-size: 16px; }
  .microsoft-lp .ms-form-section .ms-form .ms-input-wrapper { display: inline-block; width: 100%; max-width: 290px; padding-top: 1px; padding-bottom: 1px; position: relative; }
  .microsoft-lp .ms-form-section .ms-form .ms-cv-wrapper { display: inline-block; width: 100%; max-width: 582px; padding-top: 1px; padding-bottom: 1px; position: relative; }
  .microsoft-lp .ms-form-section .ms-form .ms-checkbox-wrapper { text-align: left; }
  .microsoft-lp .ms-form-section .ms-form .ms-checkbox-wrapper label { color: #fff; font-size: 11px; line-height: 13px; position: relative; padding-left: 30px; padding-top: 10px; padding-right: 5px; cursor: pointer; }
  .microsoft-lp .ms-form-section .ms-form .ms-checkbox-wrapper input { position: absolute; top: 7px; left: 10px; }
  .microsoft-lp .ms-form-section .ms-form .ms-cv-button { background: #0b284d; border: none; padding: 7px 15px; color: #fff; width: 100%; font-size: 16px; font-family: 'lato black', sans-serif; transition: all 0.1s ease-out; }
  .microsoft-lp .ms-form-section .ms-form .ms-cv-button:hover { background: #81bc06; }

  .microsoft-lp .ms-form-section .ms-form .information-process-form{ color:#f35325; font-size: 18px; font-weight: bold; display: none;}
  .microsoft-lp .ms-form-section .ms-form .result-process-job-application{ color:#00e600; font-size: 18px; font-weight: bold; display: none; }

  .microsoft-lp .more-section { text-align: center; padding: 30px 15px; }
  .microsoft-lp .more-section .ms-more-link { color: #fff; text-decoration: underline; }
  .microsoft-lp .more-section .ms-more-link:hover { color: #81bc06; }

  .microsoft-lp .ms-footer { background: #071c37; width: 100%; text-align: center; padding: 27px 0 17px 0; }

  /*TOP BAR*/
  .top-bar { width: 100%; background: #0d1d4e; text-align: center; padding: 15px; }
  .top-bar .top-bar__btn { display: inline-block; background: #e62564; color: #fff; text-transform: uppercase; padding: 8px 22px; border-radius: 2px; font-size: 14px; font-weight: bold; font-family: 'latoregular', sans-serif; margin-left: 10px; }
  .top-bar .top-bar__btn:hover { background: #9E0E3D; }
  .top-bar .top-bar__txt { color: #fff; display: inline-block; font-weight: bold; margin: 0; padding: 0; font-size: 18px; }
  .top-bar .top-bar__txt span { font-family: 'latoblack'; }
  .top-bar .top-bar__img { padding: 5px 5px; }

  @media only screen and (max-width: 768px) {
    .top-bar .top-bar__btn { margin: 5px; }
  }

  /**************** CONTACT PAGE *************/

  .notatek-business-wrapper .business-main-contact { display: block; width: 100%; min-height: 300px; background: url(/../img/notatek-business/footer-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
  .notatek-business-wrapper .business-main-contact .content-position { padding-top: 6%; margin-bottom: 0; line-height: 1.3em; }
  .notatek-business-wrapper .business-main-contact .main-btn { display: block; margin: 0 auto; max-width: 300px; margin-top: 50px; }
  .notatek-business-wrapper .business-main-contact .business-price { font-size: 17px; font-family: 'latoblack'; color: #222; display: inline-block; margin-top: 20px; }

      /*FORM*/
        .notatek-business-wrapper .form-section-wrapper { padding-top: 30px; }
        .notatek-business-wrapper .form-section-wrapper .business-contact-inputs { max-width: 400px; width: 100%; }
        .notatek-business-wrapper .form-section-wrapper .business-contact-inputs .business-contact-input { max-width: 400px; width: 100%; }
        .notatek-business-wrapper .form-section-wrapper .business-contact-checkboxes {  }
        .notatek-business-wrapper .form-section-wrapper .mini-text { font-size: 14px; color: #b2b2b2; }
        .notatek-business-wrapper .business-contact-info { margin-bottom: 30px; margin-top: 40px; }
        .notatek-business-wrapper .business-contact-info i { font-size: 30px; color: #ccc; padding: 25px 0 15px 0; }
        .notatek-business-wrapper .business-contact-info .business-contact-position { padding: 0; margin: 0; }
        .notatek-business-wrapper .business-contact-info .business-contact-name { padding: 0; margin: 0px; margin-top: 30px; }

  /**************** PRODUCT *************/

  .notatek-business-wrapper .business-main-product { display: block; width: 100%; background: url(/../img/notatek-business/footer-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
  .notatek-business-wrapper .business-main-product .product-smaller-text { max-width: 700px; margin: 0 auto; padding-top: 20px; }
  .notatek-business-wrapper .business-main-product .content-position { padding-top: 6%; margin-bottom: 0; line-height: 1.3em; }
  .notatek-business-wrapper .product-main-padding { padding-top: 40px; }
  .notatek-business-wrapper .product-icons { text-align: center; width: 270px; margin: 0 auto; padding: 25px 15px; }
  .notatek-business-wrapper .product-icon { padding-bottom: 10px; }
  .notatek-business-wrapper .product-custom-header { padding: 40px 15px; }

  /**************** PRICING *************/

  .notatek-business-wrapper .business-pricing table { font-size: 18px; margin-bottom: -30px; margin-top: 30px; }
  .notatek-business-wrapper .business-pricing table .table-bold { font-family: 'latoblack', sans-serif; }
  .notatek-business-wrapper .business-pricing table .table-big { font-size: 24px; }
  .notatek-business-wrapper .business-pricing table .no-top { border-top: none; }
  .notatek-business-wrapper .business-pricing table .b-right { border-right: 1px solid #ddd; }
  .notatek-business-wrapper .business-pricing table .b-right-light { border-right: 1px solid #fff; }
  .notatek-business-wrapper .business-pricing table .price-bg { background: #0457a2; color: #fff; text-align: center; }

  /*MOBILE NAV*/
  @media only screen and (max-width: 768px) {
  .notatek-business-wrapper .bussines-mobile-nav { padding: 0; }
  .notatek-business-wrapper .business-nav { background: #fff; width: 100%; height: 54px;}
  .notatek-business-wrapper .business-nav .business-logo { padding-left: 15px; float: left; padding-top: 14px; }
  .notatek-business-wrapper .business-nav .business-links { float: none; background: #fff; clear: both; display: none; }
  .notatek-business-wrapper .business-nav .business-links a { display: block; padding: 10px 25px 9px 25px; }
  .notatek-business-wrapper .business-hamburger-btn { float: right; background: #5ba5e6; color: #fff; padding: 18px; cursor: pointer; }
  }

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

  .business-links {
    display: block !important;
  }

}

/*END Notatek for business*/

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

		.lh-header.help-question:before { color: #ff9c00; content: "\f0e6"; font-size: 160px; position: static; }
		.lh-section { min-height: 500px; text-align: center; }
			.lh-section.lh-first .button-wrapper { float: none; }
		.lh-intro { margin-left: 0; margin-top: -30px; }
		.lh-section.lh-first .lh-header { width: auto; margin: 30px 0 0 0; }

		.lh-text-content { text-align: center; }
		.lh-fourth .lh-cta { line-height: 1.2em; }
		.lh-text-content { margin-top: 0; }

    .q-header h1 { width: auto; }
		.q-holder .q-wrapper { z-index: 3; position: relative; top: 50px; max-width: 600px; left: none; margin-left: none; padding-bottom: 100px; width: auto; left: 0; margin-left: 0; margin: 0 auto; }
		.q-wrapper .back-btn { cursor: pointer; font-size: 16px; position: absolute; font-family: 'latoblack'; color: #dedede; left: 80px; top: 204px; padding-top: 112px; height: 160px;
        -webkit-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
      }
      	.q-wrapper .back-btn:before { content: "\f112"; color: #dedede; top: 0; position: relative; font-size: 17px; left: -6px; }
      	.q-action { float: right; padding-right: 1px; }
      	.q-header h1 { position: static; }
      	.q-header h1:before { content: none; }
      	.q-main { width: 90%; margin: 0 auto; padding: 0; }

      	.lh-section.lh-first .button-wrapper:hover .button-info { display: none; }
      	.lh-fourth.lh-section { height: auto; }

	/* properties */
		.lh-properties { margin-top: 50px; margin-bottom: 50px; }
		.lh-property { position: relative; }
		.lh-property p { font-family: 'latoregular', arial, sans-serif; font-size: 1.16em; text-align: center; font-weight: bold; }

		.lh-property:before { content: "\f128";color: #ff9c00; font-size: 110px; position: static; }
}

/*Subscriptions wall*/
.subscriptions-wall .line { position: relative; display: block; width: 100%; height: 1px; background: #e9e9e9; margin-top: 30px; }
.subscriptions-wall img.arrow { position: relative; top: 0; left: 150px; }
.subscriptions-wall h1 { margin: 45px 0; font-size: 3em; text-align: center; font-weight: normal; font-family: 'latoblack', sans-serif; }
  /*Icon section*/
  .subscriptions-wall .subscription-wall-icons-section .subscription-wall-icon-wrapper { text-align: center; margin-top: 60px; }
  .subscriptions-wall .subscription-wall-icons-section .subscription-wall-icon-wrapper .subscription-wall-icon { color: #f6931e; font-size: 70px; }
  .subscriptions-wall .subscription-wall-icons-section .subscription-wall-icon-wrapper .video-icon { font-size: 62px; padding-bottom: 8px; }
  .subscriptions-wall .subscription-wall-icons-section .subscription-wall-icon-wrapper .icon-description { line-height: 21px; padding-top: 20px; font-family: 'latobold', sans-serif; font-size: 17px; }
  /*Subscription options section*/
  .subscriptions-wall .subscription-option-wrapper { margin: 20px auto 0 auto; padding: 30px 10px; max-width: 340px;}
  .subscriptions-wall .subscription-option-wrapper .subscription-option-header h2 { text-align: center; font-size: 40px; font-family: 'latoblack' sans-serif; margin: 0; text-transform: uppercase; }
  .subscriptions-wall .subscription-option-wrapper .featured { background: #f6931e; margin: 0px; margin-bottom: -4px; padding: 24px 0; color: #fff; width: 100%; border-radius: 5px 5px 0 0; }
  .subscriptions-wall .subscription-option-wrapper .normal { background: #fff; margin: 0px; margin-bottom: -4px; padding: 24px 0; color: #3d3d3d; width: 100%; border-radius: 5px 5px 0 0; }
  .subscriptions-wall .subscription-option-wrapper .subscription-option { width: 100%; display: inline-block; border: 2px solid #f6931e; border-radius: 5px; padding: 20px 15px; }
  .subscriptions-wall .subscription-option-wrapper .subscription-option .subscription-option-price { text-align: center; padding: 30px 0; }
  .subscriptions-wall .subscription-option-wrapper .subscription-option .subscription-option-price .price { font-family: 'latoblack', sans-serif; font-size: 45px; }
  .subscriptions-wall .subscription-option-wrapper .subscription-option .subscription-option-price p { text-align: center; font-size: 15px; font-family: 'latoregular', sans-serif; font-style: italic; }
  .subscriptions-wall .subscription-option-wrapper .subscription-option .subscription-option-info ul li { font-size: 16px; font-family: 'latoregular', sans-serif; }

  .subscriptions-wall .btn-subscriptions { width: 100%; font-size: 24px; font-family: 'latoregular', sans-serif; background: #46bb6a; }
  .subscriptions-wall .btn-subscriptions:hover { background: #37975a; }

  @media only screen and (max-width: 998px) {
    .subscriptions-wall .subscription-wall-icons-section .subscription-wall-icon-wrapper { margin: 60px auto 0 auto; max-width: 400px; }
    .subscriptions-wall img.arrow { display: block; margin: 0 auto; position: static; }
    .subscriptions-wall .subscription-option-wrapper .normal { background: #fff; margin: 0px; margin-bottom: -4px; margin-top: -20px; padding: 0 0 24px 0; color: #3d3d3d; width: 100%; border-radius: 5px 5px 0 0; }
  }

/*Partners*/

.partners-wrapper .partners-header { height: 280px; width: 100%; display: block; overflow: hidden; position: relative; text-align: center; margin-bottom: 20px; }
.partners-wrapper .partners-header .partners-background { background: url('../img/partners/partners-background.png') center center no-repeat; width: 100%; height: 280px; }
.partners-wrapper .partners-header .partners-main-man { transform: translate(-40px, 0px); -webkit-transform: translate(-40px, 0px); -ms-transform: translate(-40px, 0px); background: url('../img/partners/partners-main-man.png') center center no-repeat; height: 216px; width: 80px; position: absolute; top: 40px; display: inline-block; }
.partners-wrapper .partners-header .partners-prlx-blured { background: url('../img/partners/partners-prlx-blured.png') center center no-repeat; width: 100%; height: 607px; position: absolute; top: 700px; }
.partners-wrapper .partners-header .partners-prlx-blured-2 { background: url('../img/partners/partners-prlx-blured.png') center center no-repeat; width: 100%; height: 607px; position: absolute; top: 2100px; }
.partners-wrapper .partners-header .partners-back-men { transform: translate(-110px, 0px); -webkit-transform: translate(-110px, 0px); -ms-transform: translate(-110px, 0px); background: url('../img/partners/partners-back-men.png') center center no-repeat; height: 122px; width: 217px; position: absolute; top: 90px; display: inline-block; }
.partners-wrapper .partners-text { font-family: 'latoregular', sans-serif; font-size: 22px; line-height: 1.3em; margin-top: 40px; }
.partners-wrapper .partners-text-bold { font-family: 'latoblack', sans-serif; }
.partners-wrapper img.partners-poland { margin: 40px 0px; }
.partners-wrapper .partners-subheader { font-family: 'latoblack', sans-serif; font-size: 22px; }
.partners-wrapper .partners-star { font-size: 24px; color: #f6921e; margin: 15px 0px; }
.partners-wrapper .partners-normal-text { font-family: 'latoregular', sans-serif; font-size: 18px; line-height: 1.2em; }
.partners-wrapper .main-content-header { margin: 50px 0px; }
.partners-wrapper .partners-main-content-wrapper .partner { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px; }
.partners-wrapper .partners-main-content-wrapper img.partner-logo { margin: 0 auto 20px auto; }
.partners-wrapper .partner-logo-size { max-width: 250px; }

/*Terms*/
.static-pages-terms .terms-list-content { position: fixed; max-width: 300px; }
.static-pages-terms .terms-list-content li { font-size: 14px; font-family: 'latoregular', arial, sans-serif; }
.static-pages-terms h1 { font-size: 24px; font-family: 'latoregular', arial, sans-serif; }
.static-pages-terms h2 { margin: 10px; }
.static-pages-terms ol li { list-style: decimal; font-size: 14px; font-family: 'latoregular', arial, sans-serif; }
.static-pages-terms ol.a li { list-style: lower-latin; }
.static-pages-terms ol li { line-height: 1.5em; }

/* Custom, iPhone Retina */
@media all and (min-width: 320px) {

  .logo img { width: 90%; max-width: 140px }
  .nav li { font-size: 12px; }
  .pagination li { font-size: 12px; min-width: 24px; }
  .facebook-register-btn, .facebook-login-btn { width: 237px; }
  /*==========  Checkout  ==========*/
  /*Login or register*/
  .checkout-log-or-reg .checkout-login-lockup { float: none; margin: 0 auto; }
  .checkout-log-or-reg .checkout-register-lockup { float: none; margin: 0 auto; }
  .note-stats-wrapper { display: block; }
  .note-view-stars { margin: 10px 5px 10px 0; }
  .new-comment .new-comment-submit { position: relative; top: 9px; right: 25px; margin-left: 0; }
  .new-comment .new-comment-content { padding: 10px 0px 17px 15px; border-radius: 3px; border: 1px solid #ddd; font-family: 'latoregular', sans-serif; color: #222222; }
  /* User auth buttons */
  .mobile-nav-buttons .access-button:before { content: "\f007"; font-size: 20px; top: 6px; left: 50%; margin-left: -7px; }
  .subpage-header .user-auth-btns a.register-btn {
    color: #fff;
    margin-right: 0px;
    border: none;
    opacity: 1;
    padding-top: 14px; }
  /*Nodes*/
  .node-wrapper a { color: #222; }
  .node-wrapper a:hover { text-decoration: underline; color: #f6921e; }
  .node-wrapper { font-family: 'latoregular', sans-serif; color: #222; }
  .node-wrapper .node-header { margin-top: 40px; margin-bottom: 40px; min-width: 100%; display: inline-block; position: relative; height: 150px; background-image: url("../img/node-bar.jpg"); }
  .node-wrapper .node-header .node-header-content { position: absolute; top: 17px; left: 30px; }
  .node-wrapper .node-header .node-header-content .node-main-title { display: inline-block; color: #fff; font-size: 34px; top: 8px; position: relative; }
  .node-wrapper .node-header .node-header-content .node-icon { padding-right: 20px; }
  .node-wrapper .node-content { font-size: 20px; border-right: 1px solid #e3e3e3; margin-bottom: 20px; }
  .node-wrapper .node-content a { font-size: 15px; font-weight: bold; text-decoration: underline; }
  .node-wrapper .node-content p { font-size: 16px; line-height: 22px; opacity: 0.92; font-family: arial; }
  .node-wrapper .node-content p > b { font-size: 1.3em; margin-top: 20px; display: block; }
  .node-wrapper .node-subheader { font-family: 'latoblack', sans-serif; font-size: 20px; }
  .node-wrapper .node-content .node-similar { font-family: 'latoblack', sans-serif; font-size: 24px; margin: 40px 0; }
  .node-wrapper .node-content .node-similar-wrapper { margin: 40px 0; }
  .node-wrapper .node-content .node-similar-wrapper a:hover { text-decoration: underline; color: #222; }
  .node-wrapper .node-content .node-similar-wrapper a { line-height: 1.3em; text-decoration: none; display: block; font-size: 18px; font-family: 'latoregular', sans-serif; font-weight: normal; }
  .node-wrapper .node-content .node-similar-wrapper a.node-subheader { font-family: 'latoblack', sans-serif; font-size: 18px; margin-bottom: 15px; }
  /*menu*/
  .node-wrapper .menu .hidden-node-menu a { line-height: 0.9em; transition: color 0.1s ease-out; color: #222; font-size: 16px; text-decoration: underline; }
  .node-wrapper .menu .hidden-node-menu a:hover { color: #f6921e; text-decoration: underline; }
  .node-wrapper .menu .node-menu a:hover { text-decoration: none; }
  .node-wrapper .menu { max-width: 240px; margin-bottom: 30px; }
  .node-wrapper .node { border-bottom: 2px solid #ccc; cursor: pointer; position: relative; }
  .node-wrapper .node:hover .line { transform: scaleY(1); }
  .node-wrapper .node p { margin-bottom: 3px; font-family: 'latoregular', sans-serif; transition: color 0.3s ease-out; font-size: 16px; line-height: 18px; padding: 10px 0; }
  .node-wrapper .node:hover p { color: #f6921e; }
  .node-wrapper .line { display: inline-block; background: #f6921e; width: 100%; height: 2px; position: absolute; margin: 0; padding: 0; transform: scaleX(0); transform-origin: 0 0; transition: all 0.3s ease-out; }
  .node-wrapper .hidden-node-menu { display: block; overflow: hidden; margin-top: 10px; }
  .node-wrapper .is-visible { display: block; }
}

/* nodes - responsive*/
@media all and (max-width: 768px) {
  .node-wrapper .node-header .node-header-content .node-main-title { font-size: 26px; color: #222; position: static; }
  .node-wrapper .node-header .node-header-content img { display: none; }
  .node-wrapper .node-header { height: auto; background-image: none; margin-bottom: 20px; margin-top: 20px; }
  .node-wrapper .node-header .node-header-content { position: static; }
  .node-wrapper .node-content .node-similar-wrapper a img { display: block; margin: 0 auto 20px auto; }
  .node-wrapper .menu { margin: 0 auto 30px auto; max-width: 100%;}
}

/*Wiedza*/
.latest-nodes-main-title { margin-bottom: 25px; }
.single-latest-node-wrapper .latest-node-title-wrapper { margin-bottom: 25px; }
.single-latest-node-wrapper { margin: 20px 0; }
.single-latest-node-wrapper a.latest-node-title { color: #222; font-size: 22px; font-family: 'latoblack', sans-serif; }
.single-latest-node-wrapper a.latest-node-title:hover { color: #696969; }
.single-latest-node-wrapper .latest-node-content-wrapper { border-left: 5px solid #c4c4c4; padding: 0 10px 0 10px; }
.single-latest-node-wrapper .latest-node-content { font-size: 20px; line-height: 1.3em; }
.single-latest-node-wrapper .latest-node-btn { display: block; max-width: 150px; padding: 8px 30px; float: right; margin-bottom: 30px; }

/*wiedza - responsive*/
@media all and (max-width: 768px) {
  .single-latest-node-wrapper .latest-node-btn { display: block; float: none; margin: 0 auto 30px auto; }
}

@media all and (min-width: 340px) {
  .logo img { width: 101%; max-width: 155px; }
  .facebook-register-btn, .facebook-login-btn { width: 250px; }
  .nav li { font-size: 13px; }
  .pagination li { font-size: 14px; min-width: 30px; }
}

/* Extra Small Devices, Phones */
@media all and (min-width: 480px) {
  /*==========  Main page   ==========*/

    /* navigation */
    .nav ul { display: inline-block; }
    .nav li { padding: 0 10px; float: left; }
    /* Main page search */
    .mp-search-input-wrapper { width: 70%; }
    .mp-search-button-wrapper { width: 30%; }

  /* navigation */
  .nav li { padding: 0 10px; float: left; }
  /* Main page search */
  .mp-search-input-wrapper { width: 70%; }
  .mp-search-button-wrapper { width: 30%; }
  /*==========  Mainpage content  ==========*/
  /* mainpage slogan */
  .slogan .main-text { font-size: 4.2em; }
  .mp-search { margin: 25px auto; }
  /* database section */
  .database-icon { margin-left: -45px; }
  .database-icon-wrapper { width: 35%; }
  .database-icon-text { width: 65%; }
  .note-view-stars { margin: 0 20px 0 0; }
}

@media all and (max-width: 480px) {

  .blockUI { left: 0 !important; }
  .site-footer { background: #222; font-size: 1.16em; padding-top: 0; }
  .nav ul { display: flex; display: -webkit-box; display: -webkit-flex; flex-wrap: wrap; display: -ms-flexbox; justify-content: space-around; -webkit-justify-content: space-around; font-size: 10px;}
}

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

  .main-content { margin-top: 0; }
  .main-content.main-page { margin-top: 0px; }
  /*==========  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-container {flex-wrap: nowrap; }
  .logo { float: left; margin-right: 25px; width: 170px; margin-top: 10px; transform: translate(-2px, 0); }
  .logo.logo-right {margin-right: 0; transform: translate(4px, 2px); }
  .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; }

  .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;}
  .user-subscription-info { position: absolute; top: 40px; right: 35px; width: 85px; display: none; text-align: left; }
  .user-subscription-info a { color: #ff8f00 !important; }
  .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: 300px; }
  /* no activated */
  /*==========  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: 40px; margin-bottom: 30px; }
  /*==========  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; padding-top: 0; }
  .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: 500px; 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%; }

}
#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  z-index: 5;
  opacity: 0;
}
#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
}
#search input[type="search"] {
  position: absolute;
  top: 50%;
  width: 100%;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  border: 0px;
  margin: 0px auto;
  margin-top: -51px;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  border: 1px dotted #6B6B6B;
  max-width: 40%;
  left: 50%;
  margin-left: -20%;
}
#search .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 61px;
  margin-left: -61px;
  padding: 7px 25px;
  font-family: 'latoregular';
  font-size: 17px;
}
#search .close {
  position: fixed;
  top: 15px;
  right: 15px;
  color: #fff;
  background-color: #2d312e;
  border-color: #357ebd;
  opacity: 1;
  padding: 10px 17px;
  font-size: 27px;
}
/**
 * Reklama w serwisie
 */
.r-lockup .btn-download i { margin-right: 5px; }
.r-lockup .btn-download:before { display: none; }
.r-lockup p { font-family: 'latoregular'; font-weight: normal; font-size: 22px; }
.r-lockup h2 { font-size: 33px; }
.header-lady-img { background: url(/img/partners-logo/header-lady.jpg) no-repeat 65% center; height: 225px; background-size: cover; }
.header-lady-img h1.header-text { font-weight: normal; font-family: 'latoregular'; color: #fff; font-size: 44px; margin-top: 170px; line-height: 0.6em; }
@media screen and (max-width: 760px) {
  .header-lady-img h1.header-text {
    margin-top: 30px;
    font-size: 30px;
    line-height: 1em;
  }
}
.header-lady-img span.header-text-mini { font-size: 24px; font-family: 'latolight'; font-weight: normal; }
.stats-section { text-align: center; }
.stats-section p { margin-bottom: 90px; line-height: 1.2; }
.stats-section img { margin-top: 100px; max-width: 155px; }
.stats-section span.stats-number { font-family: 'latoblack'; font-weight: normal; font-size: 40px; }
@media screen and (max-width: 768px) {
  .stats-section p { margin-bottom: 20px; }
  .stats-section img { margin-top: 20px; }
}
.break-wallpaper { background: url(/img/partners-logo/notatek_wallpaper.jpg) no-repeat center fixed; height: 50px; width: 100%;
  box-shadow: inset 0px 10px 8px -7px rgba(0, 0, 0, 0.24);
}
.break-portfolio img { display: block; margin: 0 auto; padding: 100px 25px; }
@media screen and (max-width: 500px) {
  .break-portfolio img { padding: 30px 25px; }
}
.b-line { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; }
.logos-lockup { margin: 50px 10px; }
.logos-lockup img { text-align: center; margin: 0 auto; padding: 25px 10px; }
.btn-primary-ad-section { border-radius: 5px; text-align: center; font-family: 'latoblack' }
.ad-contact-section { padding: 50px 10px; margin: 0 auto; display: block; max-width: 370px; }
.ad-contact-section p { line-height: 1em; }
.ad-contact-section .contact-icon { float: left; }
.ad-contact-section .contact-icon img { padding: 0 15px 0 0; }
@media screen and (max-width: 410px) {
  .ad-contact-section .contact-icon img { display: none; }
}
.ad-contact-section .contact-info { float: left; }
.ad-contact-section span.contact-name { font-size: 33px; }
.ad-contact-section span.position { font-size: 18px; }
.ad-contact-section .contact-adress p { font-family: 'latolight' }
.c-both { clear: both; }
.ad-map { margin-top: 40px; height: 466px;
  transition: background 0.07s ease-in-out;
  -webkit-transition: background 0.06s ease-in-out;
}
.ad-map:hover {  height: 466px; }
.data-time-info p { margin: 20px 30px; font-size: 12px; text-align: right; color: #2f2f2f; }
.termsofuse p { font-size: 12px !important; line-height: 21px !important; }
/**
 * Onas
 */

.about-us-lockup .container-fluid { margin: 0; padding: 0; }
.about-us-lockup { margin: 0; padding: 0; }
.idea-section { margin: 50px 0; }
.about-us-idea .idea-bg { background: url(../img/about-us/idea-bg-big.jpg) center center fixed; background-size: cover; width: 100%; margin: 0; padding: 0; }
.idea-header { font-family: 'latoblack'; font-size: 72px; color: #fff; text-transform: uppercase; text-align: center; }
.about-us-idea .idea-bg img.idea-icon { margin: 0px auto 70px; }
.about-us-idea .idea-bg .text-bg { width: 90%; background-color: rgba(246, 146, 30, .5); color: #fff; padding: 20px 40px; border-radius: 10px; margin: 10px auto 40px auto;
  box-shadow: 16px 16px 0px 0px rgba(246, 146, 0, 0.16);
}
.about-us-idea .idea-bg .text-bg .idea-subheader { font-family: 'latoregular'; font-size: 45px; }
.about-us-idea .idea-bg .text-bg p { font-family: 'latolight'; font-size: 20px; line-height: 1.2em; }
.about-us-stats { padding: 50px 5px 30px 5px; }
.about-us-stats img { margin: 0 auto; padding: 10px 10px; }
.about-us-stats .stats { color: #282828; padding: 0 0 30px 0; line-height: 1em; }
.about-us-stats .stats-text { font-family: 'latoregular'; font-size: 22px; text-align: center; }
.about-us-stats .stat-element { margin: 30px 0 20px 0; }
.about-us-stats p { padding: 0; margin: 0; }
.about-us-stats .about-us-breaker { padding: 50px 5px; }
.about-us-stats p.breaker-text { font-family: 'latoregular'; font-size: 20px; text-align: center; }
.about-us-stats img.breaker-img { padding: 0; margin: 0 auto; }
.about-us-team .team-bg { background: url(../img/about-us/team-bg.jpg) center center; background-size: cover; margin: 0; padding: 0; }
.team-header { padding: 40px 5px 70px 5px; }
/*Team*/

.notatekTeam { text-align: center; color: #fff; }
.notatekTeam img { margin: auto; padding-bottom: 10px; }
.notatekTeam .notatekRow { padding-bottom: 40px; }
.notatekTeam p.dane { padding-top: 110px; font-family: 'latoregular'; font-size: 20px; line-height: 1.2em; font-weight: 400; }
.notatekTeam span.occupation { font-size: 16px; font-family: 'latolight'; color: #fff; }
#f1_container { position: relative; z-index: 1; }
#f1_card { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#f1_container:hover #f1_card { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.face { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.face.back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
/**
 * Contact
 */

.contact-lockup p { font-family: 'latoregular'; }
.contact-break-1 { background: #fff; height: 100px; width: 3000px; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); position: relative; top: -50px; margin: 0 auto;
  box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.07);
}
.contact-break-2 { background: #fff; height: 100px; width: 3000px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); position: relative; top: 50px; margin: 0 auto;
  box-shadow: 0px -15px 0px 0px rgba(252, 219, 181, 1);
}
.contact-break-3 { background: #fff; height: 100px; width: 3000px; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); position: relative; top: -35px; margin: 0 auto;
  box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.09);
}
.contact-break-4 { background: #fff; height: 100px; width: 3000px; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); position: relative; top: 480px; margin: 0 auto; }
p.contact-header { font-family: 'latoblack'; font-size: 68px; color: #f6921e; text-align: left; }
.contact-icon { padding-top: 20px; }
.contact-icon-section { background: #f6921e; text-align: center; overflow: hidden; }
p.contact-name { color: white; font-family: 'latoregular'; font-size: 18px; padding: 20px 0 20px 0; line-height: 1.5em; }
span.contact-details { font-size: 24px; font-family: 'latoblack'; }
.contact-info-section { text-align: center; }
.contact-info-section .info-text { margin: 50px 0; display: inline-block; border-left: 4px solid #f6921e; }
.contact-info-section .info-text p { font-family: 'latoregular'; text-align: left; font-size: 18px; line-height: 1.5em; margin: 0; padding: 0 5px 0 10px; }
.contact-map-secton { background: url(/img/contact/contact-map-simple.jpg) no-repeat 60% 60%; height: 600px; overflow: hidden; }
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.form-loader { margin-top: 30px; display: none; clear: both; float: left; position: relative; left: 0; right: 0; width: 100%; }
.form-loader .dot {
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 10;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 999px;
  background-color: #1e3f57;
  -webkit-animation: loader 2s cubic-bezier(.5, 0, .5, 1) infinite;
  animation: loader 2s cubic-bezier(.5, 0, .5, 1) infinite;
}
.form-loader .dot:nth-child(2) {
  z-index: 9;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  background-color: #3c617d;
}
.form-loader .dot:nth-child(3) {
  z-index: 8;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  background-color: #6bb2cd;
}
@keyframes loader {
  0% {
    left: 10%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    left: 90%;
    transform: translateX(-100%);
  }
}
.edit-abstract header { font-size: 18px; font-family: latoregular; margin: 0 0 10px 10px; }
.edit-abstract textarea { font-size: 14px; width: 100%; border-radius: 2px; border: 1px dashed #999; }

.link-clear { font-size: 14px; font-weight: bold;}
.pracuj-checkbox-header { margin-top: 30px; }
.mrg-top-20{ margin-top: 40px; }

#notatek-business-contact-form .error{
    color:red;
    font-weight: bold;
}

#notatek-business-contact-form .message-status{
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
}

#notatek-business-contact-form .message-status-ok{
  color: green;
}

#notatek-business-contact-form .message-status-notok{
  color: red;
}


/* Register now box */
.register-now { text-align: center; box-shadow: 1px 1px 3px rgba(0,0,0,.7); z-index: 1; position: relative;}
.register-now .btn-app { margin: 0 auto; display: block; width: 195px; height: 40px; line-height: 40px; background: #ddd; color: #222; padding: 0 15px; font-size: 16px; text-transform: uppercase; color: #fff; border-radius: 2px; text-align: center; box-shadow: 1px 1px 4px rgba(0,0,0,.7); }
.register-now .btn-app i { margin-right: 10px; font-size: 22px; position: relative; top: 3px; }
.register-now .btn-fb { background: #007AFF; }
.register-now .btn-fb:focus { color: #fff; }
.register-now .btn-fb:hover { color: #fff; background: #066AD7; }

.register-now { min-height: 250px; background: url('../img/register-now.jpg'); background-size: cover; color: #fff; padding-bottom: 10px; }
.register-now-content { max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.register-now-header { line-height: 42px; font-size: 36px; font-family: 'latoregular'; padding: 20px 0 0; }
.register-now-desc { max-width: 550px; font-size: 16px; font-family: 'latolight', sans-serif; line-height: 22px; margin: 10px 0 20px; }

.register-now-desc-alt { font-size: 14px; font-family: 'latoregular', sans-serif; line-height: 20px; margin-top: 20px; opacity: .7; }
.register-now-close { font-size: 35px; position: absolute; right: 15px; cursor: pointer; }

@media(min-width: 620px) {
  .register-now { text-align: left; }
  .register-now .btn-app { margin: 0;  }
}
/* / register now box */

/*NEW NOTE VIEW*/

  .share-note-wrapper {
    text-align: center;
  }

  .note-page .share-note-wrapper .download-note-header {
    font-size: 17px; padding: 0; margin: 0; font-family: 'latoregular', arial, sans-serif; font-weight: bold;
  }

  .share-note-wrapper .share-note-btn {
    border: none; border-radius: 2px; font-size: 14px; padding: 5px 13px; font-family: 'latoregular', sans-serif; margin: 20px auto; width: 190px; display: block; color: #fff; background: #238EF1; text-transform: uppercase; height: 40px;
    transition: .2s all ease-in-out; -webkit-transition: .2s all ease-in-out; border-bottom: 3px solid #2076C5; padding-top: 8px;
  }

  .share-note-wrapper .share-note-btn i {
    margin-right: 5px;
  }

  .share-note-wrapper .share-note-btn:hover {
    background: #2076C5;
  }

  .share-note-wrapper p {
    font-size: 14px; font-family: 'latoregular', sans-serif; line-height: 18px; margin: 12px 0 20px;
  }

  /*HEADER*/
  .new-note-view header .note-header { font-size: 32px; padding: 45px 0 20px 0; }

  .new-note-view header .note-stats-wrapper { padding: 0; }
  .new-note-view header .note-stats-wrapper .note-info { top: 0; }
  .new-note-view header .note-stats-wrapper .note-info .download-count, .new-note-view header .note-stats-wrapper .note-info .view-count, .new-note-view header .note-stats-wrapper .note-info .added { font-size: 17px; }
  .new-note-view header .note-stats-wrapper .note-info .em { font-family: 'latoblack', arial, sans-serif; }
  .new-note-view header .note-stats-wrapper .note-view-stars { margin: 0 10px 0 0; }
  .new-note-view header .note-stats-wrapper .note-view-stars p { font-size: 17px; color: #6f7a74; }
  .new-note-view header .note-stats-wrapper .note-view-stars .star.marked { font-size: 17px; margin: 0 1px; }

  .new-note-view header .note-info-wrapper { margin-top: 8px; }
  .new-note-view header .note-info-wrapper .tags li:before { margin-left: 0; top: -9px; }
  .new-note-view header .note-info-wrapper .tags .teacher-tag { padding-left: 30px; }
  .new-note-view header .note-info-wrapper .tags .subject-tag { padding-left: 30px; }
  .new-note-view header .note-info-wrapper .tags .school-tag { padding-left: 30px; }

  .new-note-view header .note-info-wrapper .tags a, .note-info-wrapper .tags span { font-size: 17px; line-height: 23px; }

  .new-note-view header .download-note-container .download-note-wrapper { padding-top: 55px; }
  .new-note-view header .download-note-container .download-note-wrapper .download-note-header { font-size: 17px; padding: 0; text-align: center; margin: 0; font-family: 'latoregular', arial, sans-serif; font-weight: bold; }
  .new-note-view header .download-note-container .download-note-wrapper .btn-download, .btn-download:disabled { font-family: 'latoblack', arial, sans-serif; font-size: 17px; margin: 10px auto; padding: 13px 20px 10px 20px; }
  .new-note-view header .download-note-container .download-note-wrapper .btn-download:before { font-size: 17px; position: relative; top: 0; left: -10px; }

  .new-similar-notes-wrapper { margin-top: 18px; }
  .new-similar-notes-wrapper .similar-note { display: block; position: relative; width: 200px; height: 280px; background: #ccc; margin: 0 auto 20px auto; overflow: hidden; border: 1px #ececec solid; }
  .new-similar-notes-wrapper .similar-notes-header { font-size: 17px; font-family: 'latoregular', arial, sans-serif; font-weight: bold; color: #3d3d3d; }
  .new-similar-notes-wrapper .txt-bg { position: absolute; background: rgba(0,0,0,0.7); bottom: 0; width: 100%; padding: 10px 10px; transition: all ease-out 0.2s; }
  .new-similar-notes-wrapper .similar-note:hover > .txt-bg { background: rgba(0,0,0,0.9); }

  .new-similar-notes-wrapper .similar-note-title { font-family: 'latoregular', arial, sans-serif; color: #fff; font-size: 14px; margin: 0; line-height: 18px; }
  .new-similar-notes-wrapper .similar-note-img {  }

  .new-related-topics-wrapper { margin-bottom: 20px; }
  .new-related-topics-wrapper .related-notes-header { font-size: 17px; font-family: 'latoregular', arial, sans-serif; font-weight : bold; color: #3d3d3d; }
  .new-related-topics-wrapper .topic { position: relative; padding-left: 15px; }
  .new-related-topics-wrapper .topic .topic-icon { position: absolute; top: 5px; color: #ff8f00; }
  .new-related-topics-wrapper .related-topic { font-family: 'latoregular', arial, sans-serif; font-size: 15px; color: #222; padding-left: 18px; line-height: 19px; display: inline-block; }
  .new-related-topics-wrapper .related-topic:hover { text-decoration: underline; }

  @media screen and (max-width: 768px) {
    .new-note-view header .note-stats-wrapper { display: block; }
  }

  @media screen and (max-width: 991px) {
    .new-note-view header .download-note-container .download-note-wrapper { padding-top: 15px; }
    .new-note-view .note-header { margin-bottom: 0px; }
  }

  @media screen and (max-width: 1199px) {
    .new-similar-notes-wrapper { text-align: center; }
    .new-similar-notes-wrapper .similar-note { display: inline-block; }
    .new-note-view .note-comments-wrapper { padding-bottom: 15px; margin-bottom: 0;  }
    .new-similar-notes-wrapper .similar-notes-header { text-align: left; }
  }

  .ui-helper-hidden-accessible, .ui-helper-hidden-accessible div { display: none;  }