@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Open+Sans:wght@300&display=swap');

.slick-slider{
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list{
  position:relative;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0
}
.slick-list:focus{
  outline:none
}
.slick-list.dragging{
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
}
.slick-track{
  position:relative;
  left:0;
  top:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.slick-track:before,.slick-track:after{
  content:"";
  display:table
}
.slick-track:after{
  clear:both
}
.slick-loading .slick-track{
  visibility:hidden
}
.slick-slide img{
  display:block
}
.slick-slide.slick-loading img{
  display:none
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-initialized .slick-slide{
  display:block
}
.slick-loading .slick-slide{
  visibility:hidden
}
.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden{
  display:none
}
/*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face{
  font-family:'FontAwesome';
  src:url("fonts/fontawesome-webfont.eot?v=4.6.3");
  src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"),url("fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),url("fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"),url("fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),url("fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight:normal;
  font-style:normal
}
.fa{
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
/* makes the font 33% larger relative to the icon container */
.fa-lg{
  font-size:1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x{
  font-size:2em
}
.fa-3x{
  font-size:3em
}
.fa-4x{
  font-size:4em
}
.fa-5x{
  font-size:5em
}
.fa-fw{
  width:1.28571em;
  text-align:center
}
.fa-ul{
  padding-left:0;
  margin-left:2.14286em;
  list-style-type:none
}
.fa-ul>li{
  position:relative
}
.fa-li{
  position:absolute;
  left:-2.14286em;
  width:2.14286em;
  top: 0.14286em;
  text-align:center
}
.fa-li.fa-lg{
  left: -1.85714em;
}
.fa-border{
  padding:0.2em 0.25em 0.15em;
  border:solid 0.08em #eee;
  border-radius:0.1em
}
.fa-pull-left{
  float:left
}
.fa-pull-right{
  float:right
}
.fa.fa-pull-left{
  margin-right:0.3em
}
.fa.fa-pull-right{
  margin-left:0.3em
}
/* Deprecated as of 4.4.0 */
.pull-right{
  float:right
}
.pull-left{
  float:left
}
.fa.pull-left{
  margin-right:0.3em
}
.fa.pull-right{
  margin-left:0.3em
}
.fa-spin{
  -webkit-animation:fa-spin 2s infinite linear;
  animation:fa-spin 2s infinite linear
}
.fa-pulse{
  -webkit-animation:fa-spin 1s infinite steps(8);
  animation:fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin{
  0%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg)
  }
  100%{
      -webkit-transform:rotate(359deg);
      transform:rotate(359deg)
  }
}
@keyframes fa-spin{
  0%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg)
  }
  100%{
      -webkit-transform:rotate(359deg);
      transform:rotate(359deg)
  }
}
.fa-rotate-90{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg)
}
.fa-rotate-180{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.fa-rotate-270{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg)
}
.fa-flip-horizontal{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform:scale(-1, 1);
  -ms-transform:scale(-1, 1);
  transform:scale(-1, 1)
}
.fa-flip-vertical{
  -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform:scale(1, -1);
  -ms-transform:scale(1, -1);
  transform:scale(1, -1)
}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{
  filter:none
}
.fa-stack{
  position:relative;
  display:inline-block;
  width:2em;
  height:2em;
  line-height:2em;
  vertical-align:middle
}
.fa-stack-1x,.fa-stack-2x{
  position:absolute;
  left:0;
  width:100%;
  text-align:center
}
.fa-stack-1x{
  line-height:inherit
}
.fa-stack-2x{
  font-size:2em
}
.fa-inverse{
  color:#fff
}
.fa-glass:before{
  content:""
}
.fa-music:before{
  content:""
}
.fa-search:before{
  content:""
}
.fa-envelope-o:before{
  content:""
}
.fa-heart:before{
  content:""
}
.fa-star:before{
  content:""
}
.fa-star-o:before{
  content:""
}
.fa-user:before{
  content:""
}
.fa-film:before{
  content:""
}
.fa-th-large:before{
  content:""
}
.fa-th:before{
  content:""
}
.fa-th-list:before{
  content:""
}
.fa-check:before{
  content:""
}
.fa-remove:before,.fa-close:before,.fa-times:before{
  content:""
}
.fa-search-plus:before{
  content:""
}
.fa-search-minus:before{
  content:""
}
.fa-power-off:before{
  content:""
}
.fa-signal:before{
  content:""
}
.fa-gear:before,.fa-cog:before{
  content:""
}
.fa-trash-o:before{
  content:""
}
.fa-home:before{
  content:""
}
.fa-file-o:before{
  content:""
}
.fa-clock-o:before{
  content:""
}
.fa-road:before{
  content:""
}
.fa-download:before{
  content:""
}
.fa-arrow-circle-o-down:before{
  content:""
}
.fa-arrow-circle-o-up:before{
  content:""
}
.fa-inbox:before{
  content:""
}
.fa-play-circle-o:before{
  content:""
}
.fa-rotate-right:before,.fa-repeat:before{
  content:""
}
.fa-refresh:before{
  content:""
}
.fa-list-alt:before{
  content:""
}
.fa-lock:before{
  content:""
}
.fa-flag:before{
  content:""
}
.fa-headphones:before{
  content:""
}
.fa-volume-off:before{
  content:""
}
.fa-volume-down:before{
  content:""
}
.fa-volume-up:before{
  content:""
}
.fa-qrcode:before{
  content:""
}
.fa-barcode:before{
  content:""
}
.fa-tag:before{
  content:""
}
.fa-tags:before{
  content:""
}
.fa-book:before{
  content:""
}
.fa-bookmark:before{
  content:""
}
.fa-print:before{
  content:""
}
.fa-camera:before{
  content:""
}
.fa-font:before{
  content:""
}
.fa-bold:before{
  content:""
}
.fa-italic:before{
  content:""
}
.fa-text-height:before{
  content:""
}
.fa-text-width:before{
  content:""
}
.fa-align-left:before{
  content:""
}
.fa-align-center:before{
  content:""
}
.fa-align-right:before{
  content:""
}
.fa-align-justify:before{
  content:""
}
.fa-list:before{
  content:""
}
.fa-dedent:before,.fa-outdent:before{
  content:""
}
.fa-indent:before{
  content:""
}
.fa-video-camera:before{
  content:""
}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{
  content:""
}
.fa-pencil:before{
  content:""
}
.fa-map-marker:before{
  content:""
}
.fa-adjust:before{
  content:""
}
.fa-tint:before{
  content:""
}
.fa-edit:before,.fa-pencil-square-o:before{
  content:""
}
.fa-share-square-o:before{
  content:""
}
.fa-check-square-o:before{
  content:""
}
.fa-arrows:before{
  content:""
}
.fa-step-backward:before{
  content:""
}
.fa-fast-backward:before{
  content:""
}
.fa-backward:before{
  content:""
}
.fa-play:before{
  content:""
}
.fa-pause:before{
  content:""
}
.fa-stop:before{
  content:""
}
.fa-forward:before{
  content:""
}
.fa-fast-forward:before{
  content:""
}
.fa-step-forward:before{
  content:""
}
.fa-eject:before{
  content:""
}
.fa-chevron-left:before{
  content:""
}
.fa-chevron-right:before{
  content:""
}
.fa-plus-circle:before{
  content:""
}
.fa-minus-circle:before{
  content:""
}
.fa-times-circle:before{
  content:""
}
.fa-check-circle:before{
  content:""
}
.fa-question-circle:before{
  content:""
}
.fa-info-circle:before{
  content:""
}
.fa-crosshairs:before{
  content:""
}
.fa-times-circle-o:before{
  content:""
}
.fa-check-circle-o:before{
  content:""
}
.fa-ban:before{
  content:""
}
.fa-arrow-left:before{
  content:""
}
.fa-arrow-right:before{
  content:""
}
.fa-arrow-up:before{
  content:""
}
.fa-arrow-down:before{
  content:""
}
.fa-mail-forward:before,.fa-share:before{
  content:""
}
.fa-expand:before{
  content:""
}
.fa-compress:before{
  content:""
}
.fa-plus:before{
  content:""
}
.fa-minus:before{
  content:""
}
.fa-asterisk:before{
  content:""
}
.fa-exclamation-circle:before{
  content:""
}
.fa-gift:before{
  content:""
}
.fa-leaf:before{
  content:""
}
.fa-fire:before{
  content:""
}
.fa-eye:before{
  content:""
}
.fa-eye-slash:before{
  content:""
}
.fa-warning:before,.fa-exclamation-triangle:before{
  content:""
}
.fa-plane:before{
  content:""
}
.fa-calendar:before{
  content:""
}
.fa-random:before{
  content:""
}
.fa-comment:before{
  content:""
}
.fa-magnet:before{
  content:""
}
.fa-chevron-up:before{
  content:""
}
.fa-chevron-down:before{
  content:""
}
.fa-retweet:before{
  content:""
}
.fa-shopping-cart:before{
  content:""
}
.fa-folder:before{
  content:""
}
.fa-folder-open:before{
  content:""
}
.fa-arrows-v:before{
  content:""
}
.fa-arrows-h:before{
  content:""
}
.fa-bar-chart-o:before,.fa-bar-chart:before{
  content:""
}
.fa-twitter-square:before{
  content:""
}
.fa-facebook-square:before{
  content:""
}
.fa-camera-retro:before{
  content:""
}
.fa-key:before{
  content:""
}
.fa-gears:before,.fa-cogs:before{
  content:""
}
.fa-comments:before{
  content:""
}
.fa-thumbs-o-up:before{
  content:""
}
.fa-thumbs-o-down:before{
  content:""
}
.fa-star-half:before{
  content:""
}
.fa-heart-o:before{
  content:""
}
.fa-sign-out:before{
  content:""
}
.fa-linkedin-square:before{
  content:""
}
.fa-thumb-tack:before{
  content:""
}
.fa-external-link:before{
  content:""
}
.fa-sign-in:before{
  content:""
}
.fa-trophy:before{
  content:""
}
.fa-github-square:before{
  content:""
}
.fa-upload:before{
  content:""
}
.fa-lemon-o:before{
  content:""
}
.fa-phone:before{
  content:""
}
.fa-square-o:before{
  content:""
}
.fa-bookmark-o:before{
  content:""
}
.fa-phone-square:before{
  content:""
}
.fa-twitter:before{
  content:""
}
.fa-facebook-f:before,.fa-facebook:before{
  content:""
}
.fa-github:before{
  content:""
}
.fa-unlock:before{
  content:""
}
.fa-credit-card:before{
  content:""
}
.fa-feed:before,.fa-rss:before{
  content:""
}
.fa-hdd-o:before{
  content:""
}
.fa-bullhorn:before{
  content:""
}
.fa-bell:before{
  content:""
}
.fa-certificate:before{
  content:""
}
.fa-hand-o-right:before{
  content:""
}
.fa-hand-o-left:before{
  content:""
}
.fa-hand-o-up:before{
  content:""
}
.fa-hand-o-down:before{
  content:""
}
.fa-arrow-circle-left:before{
  content:""
}
.fa-arrow-circle-right:before{
  content:""
}
.fa-arrow-circle-up:before{
  content:""
}
.fa-arrow-circle-down:before{
  content:""
}
.fa-globe:before{
  content:""
}
.fa-wrench:before{
  content:""
}
.fa-tasks:before{
  content:""
}
.fa-filter:before{
  content:""
}
.fa-briefcase:before{
  content:""
}
.fa-arrows-alt:before{
  content:""
}
.fa-group:before,.fa-users:before{
  content:""
}
.fa-chain:before,.fa-link:before{
  content:""
}
.fa-cloud:before{
  content:""
}
.fa-flask:before{
  content:""
}
.fa-cut:before,.fa-scissors:before{
  content:""
}
.fa-copy:before,.fa-files-o:before{
  content:""
}
.fa-paperclip:before{
  content:""
}
.fa-save:before,.fa-floppy-o:before{
  content:""
}
.fa-square:before{
  content:""
}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{
  content:""
}
.fa-list-ul:before{
  content:""
}
.fa-list-ol:before{
  content:""
}
.fa-strikethrough:before{
  content:""
}
.fa-underline:before{
  content:""
}
.fa-table:before{
  content:""
}
.fa-magic:before{
  content:""
}
.fa-truck:before{
  content:""
}
.fa-pinterest:before{
  content:""
}
.fa-pinterest-square:before{
  content:""
}
.fa-google-plus-square:before{
  content:""
}
.fa-google-plus:before{
  content:""
}
.fa-money:before{
  content:""
}
.fa-caret-down:before{
  content:""
}
.fa-caret-up:before{
  content:""
}
.fa-caret-left:before{
  content:""
}
.fa-caret-right:before{
  content:""
}
.fa-columns:before{
  content:""
}
.fa-unsorted:before,.fa-sort:before{
  content:""
}
.fa-sort-down:before,.fa-sort-desc:before{
  content:""
}
.fa-sort-up:before,.fa-sort-asc:before{
  content:""
}
.fa-envelope:before{
  content:""
}
.fa-linkedin:before{
  content:""
}
.fa-rotate-left:before,.fa-undo:before{
  content:""
}
.fa-legal:before,.fa-gavel:before{
  content:""
}
.fa-dashboard:before,.fa-tachometer:before{
  content:""
}
.fa-comment-o:before{
  content:""
}
.fa-comments-o:before{
  content:""
}
.fa-flash:before,.fa-bolt:before{
  content:""
}
.fa-sitemap:before{
  content:""
}
.fa-umbrella:before{
  content:""
}
.fa-paste:before,.fa-clipboard:before{
  content:""
}
.fa-lightbulb-o:before{
  content:""
}
.fa-exchange:before{
  content:""
}
.fa-cloud-download:before{
  content:""
}
.fa-cloud-upload:before{
  content:""
}
.fa-user-md:before{
  content:""
}
.fa-stethoscope:before{
  content:""
}
.fa-suitcase:before{
  content:""
}
.fa-bell-o:before{
  content:""
}
.fa-coffee:before{
  content:""
}
.fa-cutlery:before{
  content:""
}
.fa-file-text-o:before{
  content:""
}
.fa-building-o:before{
  content:""
}
.fa-hospital-o:before{
  content:""
}
.fa-ambulance:before{
  content:""
}
.fa-medkit:before{
  content:""
}
.fa-fighter-jet:before{
  content:""
}
.fa-beer:before{
  content:""
}
.fa-h-square:before{
  content:""
}
.fa-plus-square:before{
  content:""
}
.fa-angle-double-left:before{
  content:""
}
.fa-angle-double-right:before{
  content:""
}
.fa-angle-double-up:before{
  content:""
}
.fa-angle-double-down:before{
  content:""
}
.fa-angle-left:before{
  content:""
}
.fa-angle-right:before{
  content:""
}
.fa-angle-up:before{
  content:""
}
.fa-angle-down:before{
  content:""
}
.fa-desktop:before{
  content:""
}
.fa-laptop:before{
  content:""
}
.fa-tablet:before{
  content:""
}
.fa-mobile-phone:before,.fa-mobile:before{
  content:""
}
.fa-circle-o:before{
  content:""
}
.fa-quote-left:before{
  content:""
}
.fa-quote-right:before{
  content:""
}
.fa-spinner:before{
  content:""
}
.fa-circle:before{
  content:""
}
.fa-mail-reply:before,.fa-reply:before{
  content:""
}
.fa-github-alt:before{
  content:""
}
.fa-folder-o:before{
  content:""
}
.fa-folder-open-o:before{
  content:""
}
.fa-smile-o:before{
  content:""
}
.fa-frown-o:before{
  content:""
}
.fa-meh-o:before{
  content:""
}
.fa-gamepad:before{
  content:""
}
.fa-keyboard-o:before{
  content:""
}
.fa-flag-o:before{
  content:""
}
.fa-flag-checkered:before{
  content:""
}
.fa-terminal:before{
  content:""
}
.fa-code:before{
  content:""
}
.fa-mail-reply-all:before,.fa-reply-all:before{
  content:""
}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{
  content:""
}
.fa-location-arrow:before{
  content:""
}
.fa-crop:before{
  content:""
}
.fa-code-fork:before{
  content:""
}
.fa-unlink:before,.fa-chain-broken:before{
  content:""
}
.fa-question:before{
  content:""
}
.fa-info:before{
  content:""
}
.fa-exclamation:before{
  content:""
}
.fa-superscript:before{
  content:""
}
.fa-subscript:before{
  content:""
}
.fa-eraser:before{
  content:""
}
.fa-puzzle-piece:before{
  content:""
}
.fa-microphone:before{
  content:""
}
.fa-microphone-slash:before{
  content:""
}
.fa-shield:before{
  content:""
}
.fa-calendar-o:before{
  content:""
}
.fa-fire-extinguisher:before{
  content:""
}
.fa-rocket:before{
  content:""
}
.fa-maxcdn:before{
  content:""
}
.fa-chevron-circle-left:before{
  content:""
}
.fa-chevron-circle-right:before{
  content:""
}
.fa-chevron-circle-up:before{
  content:""
}
.fa-chevron-circle-down:before{
  content:""
}
.fa-html5:before{
  content:""
}
.fa-css3:before{
  content:""
}
.fa-anchor:before{
  content:""
}
.fa-unlock-alt:before{
  content:""
}
.fa-bullseye:before{
  content:""
}
.fa-ellipsis-h:before{
  content:""
}
.fa-ellipsis-v:before{
  content:""
}
.fa-rss-square:before{
  content:""
}
.fa-play-circle:before{
  content:""
}
.fa-ticket:before{
  content:""
}
.fa-minus-square:before{
  content:""
}
.fa-minus-square-o:before{
  content:""
}
.fa-level-up:before{
  content:""
}
.fa-level-down:before{
  content:""
}
.fa-check-square:before{
  content:""
}
.fa-pencil-square:before{
  content:""
}
.fa-external-link-square:before{
  content:""
}
.fa-share-square:before{
  content:""
}
.fa-compass:before{
  content:""
}
.fa-toggle-down:before,.fa-caret-square-o-down:before{
  content:""
}
.fa-toggle-up:before,.fa-caret-square-o-up:before{
  content:""
}
.fa-toggle-right:before,.fa-caret-square-o-right:before{
  content:""
}
.fa-euro:before,.fa-eur:before{
  content:""
}
.fa-gbp:before{
  content:""
}
.fa-dollar:before,.fa-usd:before{
  content:""
}
.fa-rupee:before,.fa-inr:before{
  content:""
}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{
  content:""
}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{
  content:""
}
.fa-won:before,.fa-krw:before{
  content:""
}
.fa-bitcoin:before,.fa-btc:before{
  content:""
}
.fa-file:before{
  content:""
}
.fa-file-text:before{
  content:""
}
.fa-sort-alpha-asc:before{
  content:""
}
.fa-sort-alpha-desc:before{
  content:""
}
.fa-sort-amount-asc:before{
  content:""
}
.fa-sort-amount-desc:before{
  content:""
}
.fa-sort-numeric-asc:before{
  content:""
}
.fa-sort-numeric-desc:before{
  content:""
}
.fa-thumbs-up:before{
  content:""
}
.fa-thumbs-down:before{
  content:""
}
.fa-youtube-square:before{
  content:""
}
.fa-youtube:before{
  content:""
}
.fa-xing:before{
  content:""
}
.fa-xing-square:before{
  content:""
}
.fa-youtube-play:before{
  content:""
}
.fa-dropbox:before{
  content:""
}
.fa-stack-overflow:before{
  content:""
}
.fa-instagram:before{
  content:""
}
.fa-flickr:before{
  content:""
}
.fa-adn:before{
  content:""
}
.fa-bitbucket:before{
  content:""
}
.fa-bitbucket-square:before{
  content:""
}
.fa-tumblr:before{
  content:""
}
.fa-tumblr-square:before{
  content:""
}
.fa-long-arrow-down:before{
  content:""
}
.fa-long-arrow-up:before{
  content:""
}
.fa-long-arrow-left:before{
  content:""
}
.fa-long-arrow-right:before{
  content:""
}
.fa-apple:before{
  content:""
}
.fa-windows:before{
  content:""
}
.fa-android:before{
  content:""
}
.fa-linux:before{
  content:""
}
.fa-dribbble:before{
  content:""
}
.fa-skype:before{
  content:""
}
.fa-foursquare:before{
  content:""
}
.fa-trello:before{
  content:""
}
.fa-female:before{
  content:""
}
.fa-male:before{
  content:""
}
.fa-gittip:before,.fa-gratipay:before{
  content:""
}
.fa-sun-o:before{
  content:""
}
.fa-moon-o:before{
  content:""
}
.fa-archive:before{
  content:""
}
.fa-bug:before{
  content:""
}
.fa-vk:before{
  content:""
}
.fa-weibo:before{
  content:""
}
.fa-renren:before{
  content:""
}
.fa-pagelines:before{
  content:""
}
.fa-stack-exchange:before{
  content:""
}
.fa-arrow-circle-o-right:before{
  content:""
}
.fa-arrow-circle-o-left:before{
  content:""
}
.fa-toggle-left:before,.fa-caret-square-o-left:before{
  content:""
}
.fa-dot-circle-o:before{
  content:""
}
.fa-wheelchair:before{
  content:""
}
.fa-vimeo-square:before{
  content:""
}
.fa-turkish-lira:before,.fa-try:before{
  content:""
}
.fa-plus-square-o:before{
  content:""
}
.fa-space-shuttle:before{
  content:""
}
.fa-slack:before{
  content:""
}
.fa-envelope-square:before{
  content:""
}
.fa-wordpress:before{
  content:""
}
.fa-openid:before{
  content:""
}
.fa-institution:before,.fa-bank:before,.fa-university:before{
  content:""
}
.fa-mortar-board:before,.fa-graduation-cap:before{
  content:""
}
.fa-yahoo:before{
  content:""
}
.fa-google:before{
  content:""
}
.fa-reddit:before{
  content:""
}
.fa-reddit-square:before{
  content:""
}
.fa-stumbleupon-circle:before{
  content:""
}
.fa-stumbleupon:before{
  content:""
}
.fa-delicious:before{
  content:""
}
.fa-digg:before{
  content:""
}
.fa-pied-piper-pp:before{
  content:""
}
.fa-pied-piper-alt:before{
  content:""
}
.fa-drupal:before{
  content:""
}
.fa-joomla:before{
  content:""
}
.fa-language:before{
  content:""
}
.fa-fax:before{
  content:""
}
.fa-building:before{
  content:""
}
.fa-child:before{
  content:""
}
.fa-paw:before{
  content:""
}
.fa-spoon:before{
  content:""
}
.fa-cube:before{
  content:""
}
.fa-cubes:before{
  content:""
}
.fa-behance:before{
  content:""
}
.fa-behance-square:before{
  content:""
}
.fa-steam:before{
  content:""
}
.fa-steam-square:before{
  content:""
}
.fa-recycle:before{
  content:""
}
.fa-automobile:before,.fa-car:before{
  content:""
}
.fa-cab:before,.fa-taxi:before{
  content:""
}
.fa-tree:before{
  content:""
}
.fa-spotify:before{
  content:""
}
.fa-deviantart:before{
  content:""
}
.fa-soundcloud:before{
  content:""
}
.fa-database:before{
  content:""
}
.fa-file-pdf-o:before{
  content:""
}
.fa-file-word-o:before{
  content:""
}
.fa-file-excel-o:before{
  content:""
}
.fa-file-powerpoint-o:before{
  content:""
}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{
  content:""
}
.fa-file-zip-o:before,.fa-file-archive-o:before{
  content:""
}
.fa-file-sound-o:before,.fa-file-audio-o:before{
  content:""
}
.fa-file-movie-o:before,.fa-file-video-o:before{
  content:""
}
.fa-file-code-o:before{
  content:""
}
.fa-vine:before{
  content:""
}
.fa-codepen:before{
  content:""
}
.fa-jsfiddle:before{
  content:""
}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{
  content:""
}
.fa-circle-o-notch:before{
  content:""
}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{
  content:""
}
.fa-ge:before,.fa-empire:before{
  content:""
}
.fa-git-square:before{
  content:""
}
.fa-git:before{
  content:""
}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{
  content:""
}
.fa-tencent-weibo:before{
  content:""
}
.fa-qq:before{
  content:""
}
.fa-wechat:before,.fa-weixin:before{
  content:""
}
.fa-send:before,.fa-paper-plane:before{
  content:""
}
.fa-send-o:before,.fa-paper-plane-o:before{
  content:""
}
.fa-history:before{
  content:""
}
.fa-circle-thin:before{
  content:""
}
.fa-header:before{
  content:""
}
.fa-paragraph:before{
  content:""
}
.fa-sliders:before{
  content:""
}
.fa-share-alt:before{
  content:""
}
.fa-share-alt-square:before{
  content:""
}
.fa-bomb:before{
  content:""
}
.fa-soccer-ball-o:before,.fa-futbol-o:before{
  content:""
}
.fa-tty:before{
  content:""
}
.fa-binoculars:before{
  content:""
}
.fa-plug:before{
  content:""
}
.fa-slideshare:before{
  content:""
}
.fa-twitch:before{
  content:""
}
.fa-yelp:before{
  content:""
}
.fa-newspaper-o:before{
  content:""
}
.fa-wifi:before{
  content:""
}
.fa-calculator:before{
  content:""
}
.fa-paypal:before{
  content:""
}
.fa-google-wallet:before{
  content:""
}
.fa-cc-visa:before{
  content:""
}
.fa-cc-mastercard:before{
  content:""
}
.fa-cc-discover:before{
  content:""
}
.fa-cc-amex:before{
  content:""
}
.fa-cc-paypal:before{
  content:""
}
.fa-cc-stripe:before{
  content:""
}
.fa-bell-slash:before{
  content:""
}
.fa-bell-slash-o:before{
  content:""
}
.fa-trash:before{
  content:""
}
.fa-copyright:before{
  content:""
}
.fa-at:before{
  content:""
}
.fa-eyedropper:before{
  content:""
}
.fa-paint-brush:before{
  content:""
}
.fa-birthday-cake:before{
  content:""
}
.fa-area-chart:before{
  content:""
}
.fa-pie-chart:before{
  content:""
}
.fa-line-chart:before{
  content:""
}
.fa-lastfm:before{
  content:""
}
.fa-lastfm-square:before{
  content:""
}
.fa-toggle-off:before{
  content:""
}
.fa-toggle-on:before{
  content:""
}
.fa-bicycle:before{
  content:""
}
.fa-bus:before{
  content:""
}
.fa-ioxhost:before{
  content:""
}
.fa-angellist:before{
  content:""
}
.fa-cc:before{
  content:""
}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{
  content:""
}
.fa-meanpath:before{
  content:""
}
.fa-buysellads:before{
  content:""
}
.fa-connectdevelop:before{
  content:""
}
.fa-dashcube:before{
  content:""
}
.fa-forumbee:before{
  content:""
}
.fa-leanpub:before{
  content:""
}
.fa-sellsy:before{
  content:""
}
.fa-shirtsinbulk:before{
  content:""
}
.fa-simplybuilt:before{
  content:""
}
.fa-skyatlas:before{
  content:""
}
.fa-cart-plus:before{
  content:""
}
.fa-cart-arrow-down:before{
  content:""
}
.fa-diamond:before{
  content:""
}
.fa-ship:before{
  content:""
}
.fa-user-secret:before{
  content:""
}
.fa-motorcycle:before{
  content:""
}
.fa-street-view:before{
  content:""
}
.fa-heartbeat:before{
  content:""
}
.fa-venus:before{
  content:""
}
.fa-mars:before{
  content:""
}
.fa-mercury:before{
  content:""
}
.fa-intersex:before,.fa-transgender:before{
  content:""
}
.fa-transgender-alt:before{
  content:""
}
.fa-venus-double:before{
  content:""
}
.fa-mars-double:before{
  content:""
}
.fa-venus-mars:before{
  content:""
}
.fa-mars-stroke:before{
  content:""
}
.fa-mars-stroke-v:before{
  content:""
}
.fa-mars-stroke-h:before{
  content:""
}
.fa-neuter:before{
  content:""
}
.fa-genderless:before{
  content:""
}
.fa-facebook-official:before{
  content:""
}
.fa-pinterest-p:before{
  content:""
}
.fa-whatsapp:before{
  content:""
}
.fa-server:before{
  content:""
}
.fa-user-plus:before{
  content:""
}
.fa-user-times:before{
  content:""
}
.fa-hotel:before,.fa-bed:before{
  content:""
}
.fa-viacoin:before{
  content:""
}
.fa-train:before{
  content:""
}
.fa-subway:before{
  content:""
}
.fa-medium:before{
  content:""
}
.fa-yc:before,.fa-y-combinator:before{
  content:""
}
.fa-optin-monster:before{
  content:""
}
.fa-opencart:before{
  content:""
}
.fa-expeditedssl:before{
  content:""
}
.fa-battery-4:before,.fa-battery-full:before{
  content:""
}
.fa-battery-3:before,.fa-battery-three-quarters:before{
  content:""
}
.fa-battery-2:before,.fa-battery-half:before{
  content:""
}
.fa-battery-1:before,.fa-battery-quarter:before{
  content:""
}
.fa-battery-0:before,.fa-battery-empty:before{
  content:""
}
.fa-mouse-pointer:before{
  content:""
}
.fa-i-cursor:before{
  content:""
}
.fa-object-group:before{
  content:""
}
.fa-object-ungroup:before{
  content:""
}
.fa-sticky-note:before{
  content:""
}
.fa-sticky-note-o:before{
  content:""
}
.fa-cc-jcb:before{
  content:""
}
.fa-cc-diners-club:before{
  content:""
}
.fa-clone:before{
  content:""
}
.fa-balance-scale:before{
  content:""
}
.fa-hourglass-o:before{
  content:""
}
.fa-hourglass-1:before,.fa-hourglass-start:before{
  content:""
}
.fa-hourglass-2:before,.fa-hourglass-half:before{
  content:""
}
.fa-hourglass-3:before,.fa-hourglass-end:before{
  content:""
}
.fa-hourglass:before{
  content:""
}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{
  content:""
}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{
  content:""
}
.fa-hand-scissors-o:before{
  content:""
}
.fa-hand-lizard-o:before{
  content:""
}
.fa-hand-spock-o:before{
  content:""
}
.fa-hand-pointer-o:before{
  content:""
}
.fa-hand-peace-o:before{
  content:""
}
.fa-trademark:before{
  content:""
}
.fa-registered:before{
  content:""
}
.fa-creative-commons:before{
  content:""
}
.fa-gg:before{
  content:""
}
.fa-gg-circle:before{
  content:""
}
.fa-tripadvisor:before{
  content:""
}
.fa-odnoklassniki:before{
  content:""
}
.fa-odnoklassniki-square:before{
  content:""
}
.fa-get-pocket:before{
  content:""
}
.fa-wikipedia-w:before{
  content:""
}
.fa-safari:before{
  content:""
}
.fa-chrome:before{
  content:""
}
.fa-firefox:before{
  content:""
}
.fa-opera:before{
  content:""
}
.fa-internet-explorer:before{
  content:""
}
.fa-tv:before,.fa-television:before{
  content:""
}
.fa-contao:before{
  content:""
}
.fa-500px:before{
  content:""
}
.fa-amazon:before{
  content:""
}
.fa-calendar-plus-o:before{
  content:""
}
.fa-calendar-minus-o:before{
  content:""
}
.fa-calendar-times-o:before{
  content:""
}
.fa-calendar-check-o:before{
  content:""
}
.fa-industry:before{
  content:""
}
.fa-map-pin:before{
  content:""
}
.fa-map-signs:before{
  content:""
}
.fa-map-o:before{
  content:""
}
.fa-map:before{
  content:""
}
.fa-commenting:before{
  content:""
}
.fa-commenting-o:before{
  content:""
}
.fa-houzz:before{
  content:""
}
.fa-vimeo:before{
  content:""
}
.fa-black-tie:before{
  content:""
}
.fa-fonticons:before{
  content:""
}
.fa-reddit-alien:before{
  content:""
}
.fa-edge:before{
  content:""
}
.fa-credit-card-alt:before{
  content:""
}
.fa-codiepie:before{
  content:""
}
.fa-modx:before{
  content:""
}
.fa-fort-awesome:before{
  content:""
}
.fa-usb:before{
  content:""
}
.fa-product-hunt:before{
  content:""
}
.fa-mixcloud:before{
  content:""
}
.fa-scribd:before{
  content:""
}
.fa-pause-circle:before{
  content:""
}
.fa-pause-circle-o:before{
  content:""
}
.fa-stop-circle:before{
  content:""
}
.fa-stop-circle-o:before{
  content:""
}
.fa-shopping-bag:before{
  content:""
}
.fa-shopping-basket:before{
  content:""
}
.fa-hashtag:before{
  content:""
}
.fa-bluetooth:before{
  content:""
}
.fa-bluetooth-b:before{
  content:""
}
.fa-percent:before{
  content:""
}
.fa-gitlab:before{
  content:""
}
.fa-wpbeginner:before{
  content:""
}
.fa-wpforms:before{
  content:""
}
.fa-envira:before{
  content:""
}
.fa-universal-access:before{
  content:""
}
.fa-wheelchair-alt:before{
  content:""
}
.fa-question-circle-o:before{
  content:""
}
.fa-blind:before{
  content:""
}
.fa-audio-description:before{
  content:""
}
.fa-volume-control-phone:before{
  content:""
}
.fa-braille:before{
  content:""
}
.fa-assistive-listening-systems:before{
  content:""
}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{
  content:""
}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{
  content:""
}
.fa-glide:before{
  content:""
}
.fa-glide-g:before{
  content:""
}
.fa-signing:before,.fa-sign-language:before{
  content:""
}
.fa-low-vision:before{
  content:""
}
.fa-viadeo:before{
  content:""
}
.fa-viadeo-square:before{
  content:""
}
.fa-snapchat:before{
  content:""
}
.fa-snapchat-ghost:before{
  content:""
}
.fa-snapchat-square:before{
  content:""
}
.fa-pied-piper:before{
  content:""
}
.fa-first-order:before{
  content:""
}
.fa-yoast:before{
  content:""
}
.fa-themeisle:before{
  content:""
}
.fa-google-plus-circle:before,.fa-google-plus-official:before{
  content:""
}
.fa-fa:before,.fa-font-awesome:before{
  content:""
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
  position:static;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
  clip:auto
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-light-webfont.eot") format("opentype");
  src:url("fonts/opensans-light-webfont.ttf") format("truetype"),url("fonts/opensans-light-webfont.woff") format("woff");
  font-weight:300
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-lightitalic-webfont.eot") format("opentype");
  src:url("fonts/opensans-lightitalic-webfont.ttf") format("truetype"),url("fonts/opensans-lightitalic-webfont.woff") format("woff");
  font-weight:300;
  font-style:italic
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-regular-webfont.eot") format("opentype");
  src:url("fonts/opensans-regular-webfont.ttf") format("truetype"),url("fonts/opensans-regular-webfont.woff") format("woff");
  font-weight:400
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-italic-webfont.eot") format("opentype");
  src:url("fonts/opensans-italic-webfont.ttf") format("truetype"),url("fonts/opensans-italic-webfont.woff") format("woff");
  font-weight:400;
  font-style:italic
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-semibold-webfont.eot") format("opentype");
  src:url("fonts/opensans-semibold-webfont.ttf") format("truetype"),url("fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight:600
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-semibolditalic-webfont.eot") format("opentype");
  src:url("fonts/opensans-semibolditalic-webfont.ttf") format("truetype"),url("fonts/opensans-semibolditalic-webfont.woff") format("woff");
  font-weight:600;
  font-style:italic
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-bold-webfont.eot") format("opentype");
  src:url("fonts/opensans-bold-webfont.ttf") format("truetype"),url("fonts/opensans-bold-webfont.woff") format("woff");
  font-weight:700
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-bolditalic-webfont.eot") format("opentype");
  src:url("fonts/opensans-bolditalic-webfont.ttf") format("truetype"),url("fonts/opensans-bolditalic-webfont.woff") format("woff");
  font-weight:700;
  font-style:italic
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-extrabold-webfont.eot") format("opentype");
  src:url("fonts/opensans-extrabold-webfont.ttf") format("truetype"),url("fonts/opensans-extrabold-webfont.woff") format("woff");
  font-weight:800
}
@font-face{
  font-family:'Open-sans';
  src:url("fonts/opensans-extrabolditalic-webfont.eot") format("opentype");
  src:url("fonts/opensans-extrabolditalic-webfont.ttf") format("truetype"),url("fonts/opensans-extrabolditalic-webfont.woff") format("woff");
  font-weight:800;
  font-style:italic
}
.is-hidden{
  visibility:hidden;
  opacity:0
}
.not-displayed{
  display:none
}
.collapse-wrapper{
  width:auto;
  margin:0 auto
}
.icon{
  transition:all 0.2s ease-in 0s
}
.icon:before{
  content:'';
  position:absolute
}
.course-box__owner--1:before{
  background-image:url("images/icons/users/icon--1.svg")
}
.course-box__owner--2:before{
  background-image:url("images/icons/users/icon--2.svg")
}
.course-box__owner--3:before{
  background-image:url("images/icons/users/icon--3.svg")
}
.course-box__owner--4:before{
  background-image:url("images/icons/users/icon--4.svg")
}
.course-box__owner--5:before{
  background-image:url("images/icons/users/icon--5.svg")
}
.course-box__owner--6:before{
  background-image:url("images/icons/users/icon--6.svg")
}
.course-box__owner--7:before{
  background-image:url("images/icons/users/icon--7.svg")
}
.course-icon--active:after{
  background-image:url("images/icons/course/icon--active.png")
}
.course-icon--all:after{
  background-image:url("images/icons/course/icon--all.png")
}
.course-icon--concluded:after{
  background-image:url("images/icons/course/icon--concluded.png")
}
.course-icon--deactive:after{
  background-image:url("images/icons/course/icon--deactive.png")
}
.course-icon--suspended:after{
  background-image:url("images/icons/course/icon--suspended.png")
}
.calendar-icon--check:before{
  background-image:url("images/icons/calendar/icon-calendar--check.svg")
}
.calendar-icon--gray-cross:before{
  background-image:url("images/icons/calendar/icon-calendar--gray-cross.svg")
}
.calendar-icon--green-cross:before{
  background-image:url("images/icons/calendar/icon-calendar--green-cross.svg")
}
.icon--filter-all:before{
  background-image:url("images/icons/course-filter/icon--filter-all.svg")
}
.icon--filter-0:before{
  background-image:url("images/icons/course-filter/icon--filter-0.svg")
}
.icon--filter-1:before{
  background-image:url("images/icons/course-filter/icon--filter-1.svg")
}
.icon--filter-2:before{
  background-image:url("images/icons/course-filter/icon--filter-2.svg")
}
.icon--profile:before{
  background-image:url("images/icons/top-menu/icon--profile.svg")
}
.icon--help-desk:before{
  background-image:url("images/icons/top-menu/icon--help-desk.svg")
}
.icon--admin:before{
  background-image:url("images/icons/top-menu/icon--admin.svg")
}
.grid{
  width:100%;
  max-width:1268px;
  margin:0 auto;
  padding:0;
  overflow:hidden
}
.grid--no-overflow{
  overflow:initial
}
.col{
  float:left
}
@media (min-width: 1024px){
  .col{
      padding-left:10px;
      padding-right:10px
  }
}
.col--no-padding{
  padding-left:0;
  padding-right:0
}
.col--0{
  width:calc((100% / 12) * 0)
}
.col-gap--0{
  margin-left:calc((100% / 12) * 0)
}
@media (min-width: 768px){
  .col--0--tablet{
      width:calc((100% / 12) * 0)
  }
}
@media (min-width: 768px){
  .col-gap--0--tablet{
      margin-left:calc((100% / 12) * 0)
  }
}
@media (min-width: 1024px){
  .col--0--desk{
      width:calc((100% / 12) * 0)
  }
}
@media (min-width: 1024px){
  .col-gap--0--desk{
      margin-left:calc((100% / 12) * 0)
  }
}
.col--1{
  width:calc((100% / 12) * 1)
}
.col-gap--1{
  margin-left:calc((100% / 12) * 1)
}
@media (min-width: 768px){
  .col--1--tablet{
      width:calc((100% / 12) * 1)
  }
}
@media (min-width: 768px){
  .col-gap--1--tablet{
      margin-left:calc((100% / 12) * 1)
  }
}
@media (min-width: 1024px){
  .col--1--desk{
      width:calc((100% / 12) * 1)
  }
}
@media (min-width: 1024px){
  .col-gap--1--desk{
      margin-left:calc((100% / 12) * 1)
  }
}
.col--2{
  width:calc((100% / 12) * 2)
}
.col-gap--2{
  margin-left:calc((100% / 12) * 2)
}
@media (min-width: 768px){
  .col--2--tablet{
      width:calc((100% / 12) * 2)
  }
}
@media (min-width: 768px){
  .col-gap--2--tablet{
      margin-left:calc((100% / 12) * 2)
  }
}
@media (min-width: 1024px){
  .col--2--desk{
      width:calc((100% / 12) * 2)
  }
}
@media (min-width: 1024px){
  .col-gap--2--desk{
      margin-left:calc((100% / 12) * 2)
  }
}
.col--3{
  width:calc((100% / 12) * 3)
}
.col-gap--3{
  margin-left:calc((100% / 12) * 3)
}
@media (min-width: 768px){
  .col--3--tablet{
      width:calc((100% / 12) * 3)
  }
}
@media (min-width: 768px){
  .col-gap--3--tablet{
      margin-left:calc((100% / 12) * 3)
  }
}
@media (min-width: 1024px){
  .col--3--desk{
      width:calc((100% / 12) * 3)
  }
}
@media (min-width: 1024px){
  .col-gap--3--desk{
      margin-left:calc((100% / 12) * 3)
  }
}
.col--4{
  width:calc((100% / 12) * 4)
}
.col-gap--4{
  margin-left:calc((100% / 12) * 4)
}
@media (min-width: 768px){
  .col--4--tablet{
      width:calc((100% / 12) * 4)
  }
}
@media (min-width: 768px){
  .col-gap--4--tablet{
      margin-left:calc((100% / 12) * 4)
  }
}
@media (min-width: 1024px){
  .col--4--desk{
      width:calc((100% / 12) * 4)
  }
}
@media (min-width: 1024px){
  .col-gap--4--desk{
      margin-left:calc((100% / 12) * 4)
  }
}
.col--5{
  width:calc((100% / 12) * 5)
}
.col-gap--5{
  margin-left:calc((100% / 12) * 5)
}
@media (min-width: 768px){
  .col--5--tablet{
      width:calc((100% / 12) * 5)
  }
}
@media (min-width: 768px){
  .col-gap--5--tablet{
      margin-left:calc((100% / 12) * 5)
  }
}
@media (min-width: 1024px){
  .col--5--desk{
      width:calc((100% / 12) * 5)
  }
}
@media (min-width: 1024px){
  .col-gap--5--desk{
      margin-left:calc((100% / 12) * 5)
  }
}
.col--6{
  width:calc((100% / 12) * 6)
}
.col-gap--6{
  margin-left:calc((100% / 12) * 6)
}
@media (min-width: 768px){
  .col--6--tablet{
      width:calc((100% / 12) * 6)
  }
}
@media (min-width: 768px){
  .col-gap--6--tablet{
      margin-left:calc((100% / 12) * 6)
  }
}
@media (min-width: 1024px){
  .col--6--desk{
      width:calc((100% / 12) * 6)
  }
}
@media (min-width: 1024px){
  .col-gap--6--desk{
      margin-left:calc((100% / 12) * 6)
  }
}
.col--7{
  width:calc((100% / 12) * 7)
}
.col-gap--7{
  margin-left:calc((100% / 12) * 7)
}
@media (min-width: 768px){
  .col--7--tablet{
      width:calc((100% / 12) * 7)
  }
}
@media (min-width: 768px){
  .col-gap--7--tablet{
      margin-left:calc((100% / 12) * 7)
  }
}
@media (min-width: 1024px){
  .col--7--desk{
      width:calc((100% / 12) * 7)
  }
}
@media (min-width: 1024px){
  .col-gap--7--desk{
      margin-left:calc((100% / 12) * 7)
  }
}
.col--8{
  width:calc((100% / 12) * 8)
}
.col-gap--8{
  margin-left:calc((100% / 12) * 8)
}
@media (min-width: 768px){
  .col--8--tablet{
      width:calc((100% / 12) * 8)
  }
}
@media (min-width: 768px){
  .col-gap--8--tablet{
      margin-left:calc((100% / 12) * 8)
  }
}
@media (min-width: 1024px){
  .col--8--desk{
      width:calc((100% / 12) * 8)
  }
}
@media (min-width: 1024px){
  .col-gap--8--desk{
      margin-left:calc((100% / 12) * 8)
  }
}
.col--9{
  width:calc((100% / 12) * 9)
}
.col-gap--9{
  margin-left:calc((100% / 12) * 9)
}
@media (min-width: 768px){
  .col--9--tablet{
      width:calc((100% / 12) * 9)
  }
}
@media (min-width: 768px){
  .col-gap--9--tablet{
      margin-left:calc((100% / 12) * 9)
  }
}
@media (min-width: 1024px){
  .col--9--desk{
      width:calc((100% / 12) * 9)
  }
}
@media (min-width: 1024px){
  .col-gap--9--desk{
      margin-left:calc((100% / 12) * 9)
  }
}
.col--10{
  width:calc((100% / 12) * 10)
}
.col-gap--10{
  margin-left:calc((100% / 12) * 10)
}
@media (min-width: 768px){
  .col--10--tablet{
      width:calc((100% / 12) * 10)
  }
}
@media (min-width: 768px){
  .col-gap--10--tablet{
      margin-left:calc((100% / 12) * 10)
  }
}
@media (min-width: 1024px){
  .col--10--desk{
      width:calc((100% / 12) * 10)
  }
}
@media (min-width: 1024px){
  .col-gap--10--desk{
      margin-left:calc((100% / 12) * 10)
  }
}
.col--11{
  width:calc((100% / 12) * 11)
}
.col-gap--11{
  margin-left:calc((100% / 12) * 11)
}
@media (min-width: 768px){
  .col--11--tablet{
      width:calc((100% / 12) * 11)
  }
}
@media (min-width: 768px){
  .col-gap--11--tablet{
      margin-left:calc((100% / 12) * 11)
  }
}
@media (min-width: 1024px){
  .col--11--desk{
      width:calc((100% / 12) * 11)
  }
}
@media (min-width: 1024px){
  .col-gap--11--desk{
      margin-left:calc((100% / 12) * 11)
  }
}
.col--12{
  width:calc((100% / 12) * 12)
}
.col-gap--12{
  margin-left:calc((100% / 12) * 12)
}
@media (min-width: 768px){
  .col--12--tablet{
      width:calc((100% / 12) * 12)
  }
}
@media (min-width: 768px){
  .col-gap--12--tablet{
      margin-left:calc((100% / 12) * 12)
  }
}
@media (min-width: 1024px){
  .col--12--desk{
      width:calc((100% / 12) * 12)
  }
}
@media (min-width: 1024px){
  .col-gap--12--desk{
      margin-left:calc((100% / 12) * 12)
  }
}
.js-router--is-active{
  display:block
}
.js-router--is-inactive{
  display:none
}
h1,h2,h3,h4,h5,h6,p{
  display:inline-block;
  margin:0 auto;
  padding:0;
  font-weight:normal;
  font-family:"Open-sans",Arial
}
.page-title{
  font-weight:800;
  font-size:32px
}
.page-paragraph{
  font-weight:400;
  font-size:16px
}
.forma-button{
  display:inline-block;
  width:100%;
  padding:0;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:none;
  line-height:40px;
  color:white;
  background:#fece5b;
  border:2px solid #fece5b;
  font-family:"Open-sans",Arial;
  font-size:11px;
  border-radius:5px;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  transition:all 0.4s ease 0s
}
.forma-button:visited,
.forma-button:focus,
.forma-button:active{
  color:white;
}
@media (min-width: 768px){
  .forma-button{
      font-size:11px
  }
}
@media (min-width: 1280px){
  .forma-button{
      font-size:13px
  }
}
.forma-button:hover{
  text-decoration:none;
  color:white;
}
.forma-button:focus{
  text-decoration:none
}
.user-panel .forma-button{
  height:auto;
  line-height:1;
  font-size:12px
}
.homepage .forma-button{
  padding-right:15px;
  padding-left:15px
}
.forma-button.is-hidden{
  opacity:0;
  visibility:hidden
}
.forma-button.thin{
  height:25px;
  min-height:25px;
  padding-top:0;
  padding-bottom:0
}
.course-box .forma-button{
  max-height:40px
}
.forma-button--orange-hover:hover{
  background:#0576ba;
  color:white;
  border-color:#0576ba;
}
.forma-button--black-hover:hover{
  background:#0d477c;
  color:white;
  border-color:#0d477c;
}
.forma-button--disabled{
  pointer-events:none;
  background:white;
  border:2px solid #c2c2c2;
  color:#c2c2c2;
}
.forma-button--disabled .forma-button__label:before{
  content:'\f023';
  font-family:"FontAwesome";
  color:#999999;
  padding-right:5px
}
.forma-button--disabled .forma-button__label:after{
  display:none
}
.forma-button--green{
  background:#70d800;
  border:2px solid #70d800
}
.forma-button--green-border{
  background-color:transparent;
  border:solid 2px #70d800;
  color:#70d800
}
.forma-button--green-border:hover{
  background-color:#70d800;
  border-color:#70d800;
  color:white;
}
.forma-button--gray{
  pointer-events:none;
  background:#c2c2c2;
  border:2px solid #c2c2c2
}
.forma-button--black{
  background:#0975b5;
  border:2px solid #0975b5
}
.forma-button--black .forma-button__label:after{
  display:none
}
.user-panel .forma-button--black{
  padding:7px 9px;
  border:0
}
.homepage .forma-button--black{
  border:0
}
.forma-button--white{
  background:#fff;
  color:#0d477c;
  border:2px solid #fff
}
.forma-button--white:hover{
  color:#0d477c
}
.forma-button--white:focus{
  color:#0d477c
}
.forma-button--border{
  background-color:transparent;
  border:solid 2px #0d477c;
  color:#0d477c
}
.forma-button--border:hover{
  background-color:#0d477c;
  border-color:#0d477c;
  color:#fff
}
.forma-button--orange{
  border:solid 2px #fece5b;
  background:#fff;
  color:#fece5b
}
.forma-button--orange:hover{
  background-color:#fece5b;
  color:#fff
}
.forma-button--orange:hover:focus{
  color:#fff
}
.forma-button--orange:focus{
  color:#fece5b
}
.forma-button__label{
  position:relative;
  display:inline-block;
  color:inherit;
  font:inherit;
  text-decoration:inherit
}
.forma-button__label:after{
  content:'\f101';
  font-family:"FontAwesome";
  font-size:inherit;
  color:rgba(255,255,255,0.7);
  margin-left:6px
}
.user-panel input[type='submit'].btn.btn-default{
  font-family:"Open-sans",Arial;
  background-color:#404040;
  text-transform:uppercase;
  color:#fff;
  background-image:none;
  border:0;
  border-radius:5px !important;
  font-size:12px;
  line-height:25px;
  height:25px;
  text-shadow:none;
  padding-top:0;
  padding-bottom:0
}
.user-panel .row a.btn.btn-default{
  width:100%;
  display:inline-block;
  background-image:none;
  line-height:25px;
  height:25px;
  padding-top:0;
  padding-bottom:0;
  font-family:"Open-sans",Arial;
  text-transform:uppercase;
  font-size:12px;
  background-color:#000;
  text-shadow:none;
  color:#fff;
  border:0;
  border-radius:5px
}
.user-panel .row a.btn.btn-default:hover{
  background-color:#000;
  color:#fff
}
.close-button{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-block;
  background:transparent;
  border:none;
  border-radius:0;
  outline:0;
  box-shadow:none;
  font-size:0;
  cursor:pointer
}
.close-button__icon{
  display:inline-block;
  width:30px;
  height:30px;
  position:relative;
  vertical-align:middle;
  background-color:#404040;
  color:#fff;
  transition:background-color 0.25s ease 0s
}
.close-button__icon:before,.close-button__icon:after{
  width:20px;
  height:2px;
  content:'';
  position:absolute;
  top:calc(50% - 1px);
  left:calc(50% - 10px);
  background-color:#fff
}
.close-button__icon:before{
  transform:rotate(45deg)
}
.close-button__icon:after{
  transform:rotate(-45deg)
}
.close-button:hover .close-button__icon{
  background-color:#fece5b
}
.close-button__label{
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
  font-size:12px;
  text-transform:uppercase;
  color:#999999;
  transition:color 0.25s ease 0s
}
.close-button:hover .close-button__label{
  color:#fece5b
}
.forma-quick-search-form .bootstrap-select{
  width:100% !important;
  margin:0;
  height:40px;
  margin-top:10px;
  margin-left:0;
  margin-bottom:0;
  margin-right:0
}
@media (min-width: 768px){
  .forma-quick-search-form .bootstrap-select{
      width:calc(50% - 5px) !important;
      margin-top:0;
      margin-left:0;
      margin-bottom:10px !important;
      float:left
  }
}
@media (min-width: 1024px){
  .forma-quick-search-form .bootstrap-select{
      width:235px !important;
      margin-right:7px
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .forma-quick-search-form .bootstrap-select:nth-child(odd){
      margin-right:10px
  }
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle{
  position:relative;
  max-width:100%;
  height:100%;
  padding-right:40px;
  padding-left:10px;
  border:1px solid #ececec;
  font-family:"Open-sans",Arial;
  background-image:none;
  background-color:#fff;
  box-shadow:none;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .filter-option{
  color:#999999;
  font-size:14px
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .bs-caret{
  position:absolute;
  right:30px;
  top:0;
  line-height:40px
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .bs-caret .caret{
  margin-top:0;
  right:0;
  top:initial;
  border:none;
  font-family:"FontAwesome";
  vertical-align:initial
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .bs-caret .caret:before{
  content:'\f107';
  color:#9a9e9f;
  font-size:18px
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:hover{
  background-color:#fff;
  border:1px solid #ececec
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:active,.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:focus{
  background-color:#fff;
  border:1px solid #ececec;
  box-shadow:none
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:focus{
  outline:none !important
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:active:hover{
  background-color:#fff;
  border:1px solid #ececec
}
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle:not(.pseudo-class-first-child){
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border: 2px solid #fece5b;
}
.forma-quick-search-form .bootstrap-select.open{
  box-shadow:none
}
.forma-quick-search-form .bootstrap-select.open button{
  max-width:100%;
  background-color:#fff !important;
  border:1px solid #999 !important;
  box-shadow:none !important;
  border-bottom-width:0 !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important
}
.forma-quick-search-form .bootstrap-select.open button:not(.pseudo-class-first-child){
  border-bottom-left-radius:0 !important
}
.forma-quick-search-form .bootstrap-select.open button .bs-caret{
  display:none
}
.forma-quick-search-form .bootstrap-select .dropdown-menu{
  max-width:100%;
  min-width:initial;
  margin:0
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.open{
  width:100%;
  padding:0;
  border:0;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
  box-shadow:none
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.open .bs-actionsbox{
  display:none
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.inner{
  width:100%;
  border:1px solid #999 !important;
  border-top-left-radius:0 !important;
  border-top-right-radius:0 !important;
  border-bottom-left-radius:5px !important;
  border-bottom-right-radius:5px !important;
  border-top-width:0 !important;
  box-shadow:none !important;
  padding-top:5px !important
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.inner li>a{
  display:block;
  padding:0 20px;
  position:relative;
  margin-bottom:15px;
  font-family:"Open-sans",Arial;
  font-size:12px;
  white-space:normal
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.inner li>a:active,.forma-quick-search-form .bootstrap-select .dropdown-menu.inner li>a:focus{
  background-image:none;
  background-color:#fff
}
.forma-quick-search-form .bootstrap-select .dropdown-menu.inner li>a span.text{
  display:block;
  width:calc(100% - 30px)
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li>a{
  position:relative;
  margin-bottom:15px
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li>a:hover{
  background-image:none;
  background-color:#fff;
  cursor:pointer
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li>a .glyphicon.glyphicon-ok.check-mark{
  display:inline-block;
  width:20px;
  height:20px;
  margin-top:0 !important;
  padding-top:1px;
  border:1px solid #c2c2c2;
  border-radius:5px;
  text-align:center;
  position:absolute;
  right:20px !important;
  top:0
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li>a .glyphicon.glyphicon-ok.check-mark:before{
  content:'\f00c';
  font-family:"FontAwesome";
  color:#666;
  opacity:0
}
.forma-quick-search-form .bootstrap-select .dropdown-menu li.selected>a .glyphicon.glyphicon-ok.check-mark:before{
  opacity:1
}
.forma-quick-search-form .input-group{
  position:relative;
  border-radius:5px;
  width:100%;
  height:40px;
  margin-bottom:0
}
@media (max-width: 767px) {
  #filter_buttons{text-align: center;}
}
@media (min-width: 768px){
  .forma-quick-search-form .input-group{
      width:234px;
      float:left
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .forma-quick-search-form .input-group{width: calc(50% - 5px);} 
  #filter_buttons{width: 100%;text-align: center;}
  .search_full_width {width: 100%!important;}
}
@media (min-width: 1024px){
  .forma-quick-search-form .input-group{
      float:left; 
      margin-right: 10px;}
}
.forma-quick-search-form .input-group input{
  width:100%;
  height:40px;
  border-radius:5px !important;
  border:2px solid #fece5b;
  font-family:"Open-sans",Arial
}
.forma-quick-search-form .input-group input:focus{
  border:2px solid #fece5b;
  box-shadow:none
}
.forma-quick-search-form .input-group input::-webkit-input-placeholder{
  font-style:italic
}
.forma-quick-search-form .input-group .input-group-btn button{
  padding:0;
  border:none;
  background-image:none;
  background-color:transparent;
  box-shadow:none
}
.forma-quick-search-form .input-group .input-group-btn button .glyphicon.glyphicon-search{
  font-family:"FontAwesome";
  color:#9a9e9f
}
.forma-quick-search-form .input-group .input-group-btn button .glyphicon.glyphicon-search:before{
  content:'\f002'
}
.forma-quick-search-form .input-group .input-group-btn:last-child .btn{
  z-index:10
}
.forma-dropdown{
  height:42px;
  position:relative;
  font-size:0
}
.forma-dropdown__selected,.forma-dropdown__toggle{
  display:block;
  height:100%;
  float:left;
  background:#fff;
  border:1px solid #c2c2c2;
  box-shadow:none !important;
  border-radius:0;
  color:#333
}
.forma-dropdown__selected:hover,.forma-dropdown__toggle:hover{
  background-color:#c2c2c2;
  color:#fff
}
.forma-dropdown__selected{
  width:calc(100% - 42px);
  border-radius:5px 0 0 5px;
  border-right:none;
  text-align:left
}
.forma-dropdown__toggle{
  width:42px;
  padding:0 0 0 1px;
  border-radius:0 5px 5px 0;
  text-align:center
}
.forma-dropdown .dropdown-menu{
  width:100%
}
.forma-dropdown .dropdown-menu>li>a{
  font-family:"Open-sans",Arial;
  padding:5px 20px;
  background:transparent
}
.forma-dropdown{
  border-radius:5px;
  border:1px solid #c2c2c2;
  transition:all 0.2s ease-in 0s
}
.forma-dropdown:hover{
  border-color:#fece5b
}
.forma-dropdown li>a{
  font-size:14px;
  text-transform:uppercase;
  transition:all 0.2s ease-in 0s
}
.forma-dropdown li>a:hover{
  color:#fece5b
}
.forma-dropdown .forma-dropdown__selected{
  transition:all 0.2s ease-in 0s;
  white-space:nowrap;
  border-top:none;
  border-left:none;
  border-bottom:none;
  border-right:1px solid #c2c2c2
}
.forma-dropdown .forma-dropdown__toggle{
  border:none
}
.forma-dropdown .forma-dropdown__toggle:hover{
  background-color:#fff;
  color:initial
}
.user-panel .carousel{
  position:relative;
  width:100%;
  min-height:100px;
  padding-bottom:20px
}
.user-panel .carousel:before{
  content:'';
  height:1px;
  width:100%;
  background-color:#0d477c;
  position:absolute;
  top:-8px
}
.user-panel .carousel h3,.user-panel .carousel p,.user-panel .carousel span{
  display:block;
  font-family:"Open-sans",Arial;
  font-size:14px;
  color:#666
}
.user-panel .carousel h3{
  text-transform:uppercase
}
.user-panel .carousel .carousel-inner,.user-panel .carousel .item{
  height:auto !important
}
.user-panel .carousel .item{
  position:relative;
  opacity:0;
  transition:opacity 0.2s ease 0s
}
.user-panel .carousel .item.active{
  opacity:1
}
.user-panel .carousel .active.left,.user-panel .carousel .active.right{
  left:0;
  opacity:0;
  z-index:1
}
.user-panel .carousel span{
  padding-left:20px;
  position:absolute;
  bottom:0;
  font-size:12px;
  color:#c2c2c2
}
.user-panel .carousel span:before{
  content:'';
  position:absolute;
  width:14px;
  height:1px;
  background-color:#c2c2c2;
  left:0;
  top:50%;
  transform:translateY(-50%)
}
.user-panel .carousel .carousel-indicators{
  left:inherit;
  right:0;
  margin:0;
  text-align:right
}
.user-panel .carousel .carousel-indicators li{
  width:10px;
  height:10px;
  margin:0 5px 0 0;
  padding:0 !important;
  border:1px solid #c2c2c2;
  transition:border-color 0.2s ease-in 0s, background-color 0.2s ease-in 0s
}
.user-panel .carousel .carousel-indicators li.active{
  border:1px solid #0d477c;
  background-color:#0d477c
}
.forma-tooltip{
  display:block;
  width:155px;
  padding:17px 12px;
  height:auto;
  position:absolute;
  top:0;
  left:50%;
  z-index:99;
  transform:translate(-50%, -100%) translateY(-45px);
  transform:translate3d(-50%, -100%, 0) translateY(-45px);
  border-radius:5px;
  background-color:#0d477c;
  font-size:12px;
  text-align:center;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition-property:transform, opacity, visibility;
  transition-duration:0.4s;
  transition-timing-function:ease;
  transition-delay:0s
}
.forma-tooltip:after{
  content:"";
  position:absolute;
  bottom:1px;
  left:50%;
  transform:translate(-50%, 100%);
  border-top:solid 12px #0d477c;
  border-right:solid 6px transparent;
  border-bottom:none;
  border-left:solid 6px transparent
}
.forma-tooltip.down:after{
  transform:translate(-50%, 100%) translateY(-285px);
  transform:translate3d(-50%, -100%) translateY(-285px)
}
.forma-tooltip.left{
  transition-duration:0s
}
.has-forma-tooltip:hover .forma-tooltip{
  transform:translate(-50%, -100%) translateY(-15px);
  transform:translate3d(-50%, -100%, 0) translateY(-15px);
  opacity:1;
  visibility:visible
}
.has-forma-tooltip{
  overflow:visible !important
}
.has-forma-tooltip:hover .forma-tooltip.down{
  top:115px;
  z-index:1
}
.has-forma-tooltip:hover .forma-tooltip.down:after{
  transform:translate(-50%, 0%);
  border-top:none;
  border-bottom:12px solid #fece5b;
  border-right:solid 6px transparent;
  border-left:solid 6px transparent;
  bottom:100%
}
.has-forma-tooltip:hover .forma-tooltip.left{
  left:auto;
  right:-12px;
  top:160%;
  bottom:auto;
  transition-duration:0s
}
.has-forma-tooltip:hover .forma-tooltip.left:after{
  transform:translate(-100%, 0%);
  border-top:solid 6px transparent;
  border-right:none;
  border-left:solid 12px #fece5b;
  border-bottom:solid 6px transparent;
  bottom:calc(50% - 6px);
  right:-23px;
  left:auto
}
.tabnav{
  overflow:hidden;
  margin-top:10px;
  background-color:#fff;
  padding:10px
}
@media (min-width: 768px){
  .tabnav{
      padding:0;
      background-color:transparent
  }
}
.tabnav__label-wrapper{
  margin-bottom:40px
}
.tabnav__label{
  width:calc(50% - 10px);
  margin-right:20px;
  line-height:40px;
  font-family:"Open-sans",Arial;
  font-size:12px;
  text-align:center;
  border:1px solid #000;
  border-radius:10px 10px 0 0;
  opacity:0.3;
  float:left;
  border-bottom:none;
  text-transform:uppercase;
  font-weight:bold;
  position:relative;
  cursor:pointer;
  transition:all 0.2s ease-in 0s;
  z-index:10
}
.tabnav__label:hover{
  color:#fece5b
}
.tabnav__label.selected{
  opacity:1
}
.tabnav__label.selected:before{
  content:'';
  width:100%;
  height:1px;
  background-color:#fff;
  position:absolute;
  left:0;
  bottom:0
}
.tabnav__label.selected:hover{
  color:#000
}
.tabnav__label:last-child{
  margin-right:0
}
.tabnav__content-wrapper{
  position:relative;
  min-height:345px
}
.tabnav__content{
  width:100%;
  overflow:hidden;
  border-top:1px solid #000;
  transition:all 0.2s ease-in 0s;
  position:absolute;
  left:0;
  top:0;
  visibility:hidden;
  opacity:0
}
.tabnav__content.is-visible{
  visibility:visible;
  opacity:1
}
.accordion{
  position:relative;
  overflow:hidden
}
.accordion__item{
  overflow:hidden;
  position:relative
}
.accordion__subset{
  height:0;
  overflow:hidden;
  position:relative;
  margin:0 auto;
  white-space:normal
}
.has-icon{
  position:relative
}
.has-icon:before{
  content:'';
  position:absolute;
  background-position:center;
  background-repeat:no-repeat;
  transition:all 0.2s ease-in 0s
}
.icon--coourse-menu{
  padding-left:30px !important
}
@media (min-width: 1024px){
  .icon--coourse-menu{
      padding-left:50px !important
  }
}
.icon--coourse-menu:before{
  background-image:url(images/icons/course-menu/icon--course-menu-default.svg);
  background-size:contain;
  width:18px;
  height:18px;
  top:50%;
  left:5px;
  transform:translateY(-50%)
}
@media (min-width: 1024px){
  .icon--coourse-menu:before{
      width:22px;
      height:22px;
      left:15px
  }
}
.icon--coourse-menu:hover:before{
  background-image:url(images/icons/course-menu/icon--course-menu-default--hover.svg)
}
.icon--coourse-menu-area-studenti{
  padding-left:30px !important
}
@media (min-width: 1024px){
  .icon--coourse-menu-area-studenti{
      padding-left:50px !important
  }
}
.icon--coourse-menu-area-studenti:before{
  background-image:url(images/icons/course-menu/icon--course-menu-area-studenti.png);
  background-size:contain;
  width:18px;
  height:18px;
  top:50%;
  left:5px;
  transform:translateY(-50%)
}
@media (min-width: 1024px){
  .icon--coourse-menu-area-studenti:before{
      width:22px;
      height:22px;
      left:15px
  }
}
.icon--coourse-menu-area-studenti:hover:before{
  background-image:url(images/icons/course-menu/icon--course-menu-area-studenti--hover.png)
}
.icon--coourse-menu-area-social{
  padding-left:30px !important
}
@media (min-width: 1024px){
  .icon--coourse-menu-area-social{
      padding-left:50px !important
  }
}
.icon--coourse-menu-area-social:before{
  background-image:url(images/icons/course-menu/icon--course-menu-area-social.png);
  background-size:contain;
  width:18px;
  height:18px;
  top:50%;
  left:5px;
  transform:translateY(-50%)
}
@media (min-width: 1024px){
  .icon--coourse-menu-area-social:before{
      width:22px;
      height:22px;
      left:15px
  }
}
.icon--coourse-menu-area-social:hover:before{
  background-image:url(images/icons/course-menu/icon--course-menu-area-social--hover.png)
}
.icon--coourse-menu-gestione{
  padding-left:30px !important
}
@media (min-width: 1024px){
  .icon--coourse-menu-gestione{
      padding-left:50px !important
  }
}
.icon--coourse-menu-gestione:before{
  background-image:url(images/icons/course-menu/icon--course-menu-gestione.png);
  background-size:contain;
  width:18px;
  height:18px;
  top:50%;
  left:5px;
  transform:translateY(-50%)
}
@media (min-width: 1024px){
  .icon--coourse-menu-gestione:before{
      width:22px;
      height:22px;
      left:15px
  }
}
.icon--coourse-menu-gestione:hover:before{
  background-image:url(images/icons/course-menu/icon--course-menu-gestione--hover.png)
}
.icon--coourse-menu-statistiche{
  padding-left:30px !important
}
@media (min-width: 1024px){
  .icon--coourse-menu-statistiche{
      padding-left:50px !important
  }
}
.icon--coourse-menu-statistiche:before{
  background-image:url(images/icons/course-menu/icon--course-menu-statistiche.png);
  background-size:contain;
  width:18px;
  height:18px;
  top:50%;
  left:5px;
  transform:translateY(-50%)
}
@media (min-width: 1024px){
  .icon--coourse-menu-statistiche:before{
      width:22px;
      height:22px;
      left:15px
  }
}
.icon--coourse-menu-statistiche:hover:before{
  background-image:url(images/icons/course-menu/icon--course-menu-statistiche--hover.png)
}
.modal{
  font-family:"Open-sans",Arial
}
.section-coourse-modal .modal-dialog{
  width:90%;
  max-width:768px;
  max-height:calc(100% - 150px);
  margin:0;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) !important
}
@media (min-width: 1024px){
  .section-coourse-modal .modal-dialog{
      width:45%
  }
}
@media (min-width: 1280px){
  .section-coourse-modal .modal-dialog{
      width:40%
  }
}
.section-coourse-modal .modal__item .title{
  text-transform:uppercase;
  line-height:40px;
  display:block;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border:1px solid #ccc;
  color:#0d477c;
  font-weight:bold;
  font-size:18px;
  background-color:#f6f6f6
}
@media (min-width: 768px){
  .section-coourse-modal .modal__item .title{
      border-top-left-radius:0;
      border-top-right-radius:0;
      border-right:none;
      font-size:12px;
      line-height:30px
  }
  .section-coourse-modal .modal__item .title:nth-child(3n){
      border-right:1px solid #ccc
  }
}
.section-coourse-modal .modal__item .text{
  line-height:60px;
  display:block;
  border:1px solid #ccc;
  border-top:none;
  font-size:16px
}
@media (min-width: 768px){
  .section-coourse-modal .modal__item .text{
      border-right:none;
      font-size:12px;
      line-height:45px
  }
  .section-coourse-modal .modal__item .text:nth-child(3n){
      border-right:1px solid #ccc
  }
}
.section-coourse-modal .modal__item{
  text-align:center;
  margin-bottom:15px;
  -webkit-font-smoothing:antialiased
}
@media (min-width: 1024px){
  .section-coourse-modal .modal__item{
      padding:0
  }
}
*{
  outline:none !important;
  box-sizing:border-box
}
html{
  width:100%;
  height:100%;
  min-width:100%;
  max-width:100%;
  min-height:100%;
  max-height:100%;
  margin:0 auto;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  background-color:#fff;
  -webkit-overflow-scrolling:touch
}
body{
  width:100%;
  height:100%;
  min-height:100%;
  max-height:100%;
  margin:0 auto;
  padding:0;
  background-color:transparent;
  transition:visibility 0.4s linear 0s, opacity 0.4s linear 0s
}
body.appIsReady{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:all !important;
  transition:visibility 0.4s linear 0s, opacity 0.4s linear 0s
}
.clear{
  clear:both
}
.text--open-sans{
  font-family:"Open-sans", sans-serif
}
.forma-grid{
  overflow:auto
}
@media (min-width: 1024px){
  .forma-grid{
      padding:0
  }
}
.forma-grid__item{
  float:left;
  width:100%;
  padding:0 0.78%;
  margin-bottom:30px
}
@media (min-width: 768px){
  .forma-grid__item{
      width:50%
  }
}
@media (min-width: 1024px){
  .forma-grid__item{
      width:33.33%
  }
}
.forma-grid__item--catalogue{
  float:left;
  width:100%;
  padding:0 0.78%;
  margin-bottom:30px
}
@media (min-width: 768px){
  .forma-grid__item--catalogue{
      width:50%
  }
}
@media (min-width: 1024px){
  .forma-grid__item--catalogue{
      width:50%
  }
}
.glyphicon{
  -webkit-font-smoothing:auto
}
.no-scroll{
  overflow:hidden
}
.middlearea_container{
  /*margin-top:80px*/
}
#middlearea.yui-navset,.middlearea_container--margintop-small{
  margin-top:0
}
@media (min-width: 768px){
  #middlearea.yui-navset,.middlearea_container--margintop-small{
      margin-top:20px
  }
}
.header--external-catalogue{
  top:0
}
@media (max-width: 1024px){
  .lms-user-content-wrapper{
      padding:0;
      margin:0;
      width:100vw
  }
}
.lms-user-content-wrapper>.container-fluid{
  height:auto;
  /*min-height:90vh*/
}
@media (max-width: 1024px){
  .lms-user-content-wrapper>.container-fluid{
      padding:0
  }
}
@media (max-width: 1024px){
  .lms-user-content-wrapper>.container-fluid>.row{
      margin:0
  }
}
@media (max-width: 1024px){
  .lms-user-content-wrapper>.container-fluid>.row>.col-md-12{
      margin:0;
      padding:0
  }
}
div#container{
  min-height:calc(100% - 86px)
}
.container_external{border-radius: 5px;}
.course-box{
  width:100%;
  min-height:465px;
  margin-bottom:15px;
  padding-bottom:15px;
  border:2px solid #0d477c;
  border-radius:5px;
  font-family:"Open-sans",Arial;
  overflow:hidden;
  transition:border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  max-height:565px;
  background-color: #0d477c;
}
.course-box:hover{
  border:2px solid #fece5b;
  box-shadow:#c2c2c2 0px 5px 20px 0px
}
.course-box:hover .course-box__img-title{
  background-color:rgba(254,206,91,0.5)
}
.mycourses-list .course-box{
  position:relative
}
.course-box__item{
  width:100%;
  padding-left:8px;
  padding-right:8px;
  overflow:hidden;
  position:relative
}
.course-box__item.access_button {
  z-index: 10;
}
.course-box__item:first-child{
  min-height:70px
}
.course-box__item:nth-child(3){
  padding-top:16px;
  min-height:90px
}
.course-box__item--no-padding{
  padding:0
}
.course-box__item--half{
  width:100%;
  float:left;
  padding-left:30px;
  padding-right:30px
}
@media (min-width: 768px){
  .course-box__item--half{
      width:50%;
      padding-left:30px;
      padding-right:0
  }
}
.course-box__item--half+.course-box__item--half{
  padding-left:30px;
  padding-right:30px
}
@media (min-width: 768px){
  .course-box__item--half+.course-box__item--half{
      padding-left:0;
      padding-right:30px
  }
}
.course-box__title{
  position:relative;
  width:100%;
  min-height:110px;
  max-height:110px;
  padding-top:10px;
  padding-right:15px;
  padding-bottom:15px;
  color:#fff;
  font-weight:600;
  font-size:16px;
  line-height:1.45
}
.course-box__title[class^="course-box__title icon--"]{
  padding-right:30px;
  padding-bottom:15px
}
.course-box__title:before{
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  right:0;
  top:20px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain
}
.course-box__img{
  position:relative;
  height:140px;
  background-image:url(images/course-box/course-box-bg.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  border: 3px solid #FFFFFF;
}

.course-box__img-title{
  position:absolute;
  bottom:0;
  width:100%;
  height:auto;
  min-height:35px;
  padding:10px 30px;
  background-color:rgba(0,0,0,0.2);
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  transition:background-color 0.4s ease 0s
}
.course-box__owner{
  position:relative;
  float:left;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:40px;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff
}
.course-box__owner:before{
  content:"";
  position:absolute;
  left:0;
  bottom:6px;
  width:30px;
  height:30px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain
}
.course-box__options{
  position:absolute;
  top:10px;
  right:30px
}
@media (min-width: 1024px){
  .course-box__options{
      top:20px;
      right:30px
  }
}
.course-box__options .dropdown-toggle{
  width:30px;
  height:30px;
  margin-right:-15px;
  line-height:32px;
  text-align:center;
  color:#999;
  cursor:pointer
}
.course-box__options .dropdown-toggle:before{
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  top:0;
  left:0;
  border:solid 1px #999;
  border-radius:50%
}
.course-box__options .dropdown-toggle:hover{
  color:#0d477c
}
.course-box__options .dropdown-toggle:hover:before{
  border-color:#0d477c
}
.course-box__options .dropdown-menu{
  padding:3px 0;
  top:calc(100% + 4px);
  right:-15px;
  border:solid 1px #c2c2c2;
  box-shadow:none
}
.course-box__options .dropdown-menu a{
  font-size:10px;
  text-transform:uppercase;
  color:#999
}
.course-box__options .dropdown-menu a:hover,.course-box__options .dropdown-menu a:focus,.course-box__options .dropdown-menu a:active{
  background:transparent;
  color:#fece5b
}
.course-box__desc{
  padding-top:4px;
  clear:both;
  color:#FFF;
  font-size:16px;
  line-height:1.625;
  overflow:hidden;
  height:78px;
}
.course-box__date-text{
  color:#fff;
  font-size:14px;
  font-weight:600;
  text-align: center;
  min-height: 25px;
}
.course-box__date-text span{
  font-weight:normal
}
.course-box__date-box{
  position:relative;
  width:calc(50% - 10px);
  height:50px;
  padding-left:40px;
  line-height:50px;
  float:left;
  color:#999;
  font-size:12px;
  border:1px solid #c2c2c2;
  border-radius:5px
}
.course-box__date-box:before{
  content:"";
  position:absolute;
  top:14px;
  left:9px;
  width:20px;
  height:20px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain
}
@media (min-width: 768px){
  .course-box__date-box{
      height:50px
  }
}
.course-box__date-box--end{
  color:#70d800;
  border-color:#aeff00
}
.course-box__date-box--no-date{
  color:#c2c2c2;
  border-color:#c2c2c2
}
.course-box__date-box--no-date:before{
  left:50%;
  transform:translateX(-50%)
}
i+.course-box__date-box{
  margin-right:0;
  margin-bottom:20px
}
.course-box__date-box+i{
  float:left;
  margin:0 6px;
  padding-top:18px;
  color:#999
}
.course-box__dl-course-supply,.course-box__show-dates{
  margin-top:5px;
  font-size:10px;
  text-decoration:none;
  color:#0d477c;
  cursor:pointer;
  transition:color 0.25s ease 0s
}
.course-box__dl-course-supply .glyphicon,.course-box__show-dates .glyphicon{
  font-size:8px;
  line-height:10px
}
.course-box__dl-course-supply:hover,.course-box__show-dates:hover{
  text-decoration:underline;
  color:#fece5b
}
.course-box__dl-course-supply{
  display:inline-block
}
.course-box__modal{
  width:100%;
  height:100%;
  overflow:auto;
  position:fixed;
  top:0;
  left:0;
  z-index:-999;
  background-color:#fff;
  opacity:0;
  visibility:hidden;
  transition-property:z-index, opacity, visibility;
  transition-duration:0s, 0.25s;
  transition-timing-function:ease-out;
  transition-delay:0.25s, 0s
}
@media (min-width: 768px){
  .course-box__modal{
      width:472px;
      height:auto;
      max-height:510px;
      top:50%;
      left:calc(50% - 236px);
      transform:translateY(-50%);
      border:solid 1px #999;
      box-shadow:0 0 10px rgba(0,0,0,0.1)
  }
}
.course-box__modal.is-open{
  transition-delay:0s;
  z-index:99999;
  opacity:1;
  visibility:visible
}
.course-box__modal__header{
  overflow:hidden;
  padding:20px 25px
}
.course-box__modal__content{
  padding:0 25px
}
.course-box__modal__footer{
  overflow:hidden;
  padding:15px
}
.course-box__modal__entry{
  border-top:solid 1px #c2c2c2
}
.course-box__modal__entry:first-child{
  border-top-color:#0d477c
}
.course-box__modal__entry:nth-child(n+2){
  margin-top:35px
}
.course-box__modal__entry:last-child{
  padding-bottom:35px;
  margin-bottom:45px;
  border-bottom:solid 1px #c2c2c2
}
.course-box__modal__title{
  font-size:18px;
  line-height:20px;
  color:#999
}
.course-box__modal__header .course-box__modal__title{
  max-width:calc(100% - 90px);
  padding:5px 0;
  float:left;
  text-transform:uppercase
}
.course-box__modal__entry .course-box__modal__title{
  padding:15px 0
}
.course-box__modal__entry:first-child .course-box__modal__title{
  color:#fece5b
}
.course-box__modal__lesson{
  table-layout:fixed;
  width:100%;
  font-size:14px;
  color:#999
}
@media (min-width: 480px){
  .course-box__modal__lesson{
      table-layout:auto;
      width:auto;
      font-size:16px
  }
}
.course-box__modal__lesson:nth-of-type(n+2){
  margin-top:15px
}
.mycourses-list .course-box__modal__entry:nth-child(n+2) .course-box__modal__lesson{
  opacity:0.64
}
.course-box__modal__lesson td{
  vertical-align:middle
}
@media (min-width: 480px){
  .course-box__modal__lesson td{
      min-width:140px
  }
}
.course-box__modal__header .close-button{
  float:right
}
.course-box .forma-button{
  max-height:44px;
  overflow:hidden
}
.course-box__modal__footer .forma-button{
  width:auto;
  min-width:140px;
  max-width:100%;
  float:right;
  background-color:#c2c2c2
}
.course-box .box_edizioni{
  display:none
}
@media (min-width: 1024px){
  .mycourses-list{
      padding-left:7.5px;
      padding-right:7.5px
  }
}
.course-box__extraInfo{
  width:calc(100% - 30px);
  margin-left:15px;
  margin-top:5px;
  clear:both;
  font-size:0;
  min-height:31px;
  position:absolute;
  left:15px;
  bottom:10px
}
.course-box__next,.course-box__allDates{
  width:50%;
  display:inline-block
}
.course-box__next{
  font-size:12px;
  color:#999999;
  position:relative;
  padding-left:23px;
  padding-top:7px
}
.course-box__next:before,.course-box__allDates:after,.course-box__allDates:before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-style:solid;
  border-width:8.5px 0 8.5px 9px;
  border-color:transparent transparent transparent #979797;
  opacity:0.6
}
.course-box__allDates:after,.course-box__allDates:before{
  top:18px
}
.course-box__allDates:before{
  left:10px
}
.course-box__next div{
  font-size:14px;
  font-weight:bold
}
.course-box__allDates{
  font-size:13px;
  font-weight:bold;
  vertical-align:top;
  position:relative;
  padding-left:23px;
  padding-top:10px
}
.course-box__allDates a{
  color:#0d477c;
  text-decoration:underline
}
.section-coourse__header,.section-coourse__menu{
  padding:0
}
@media (min-width: 768px){
  .section-coourse__header,.section-coourse__menu{
      padding:0 15px
  }
}
.section-coourse__header{
  display:inline-block
}
@media (min-width: 768px){
  .section-coourse__header{
      margin-top:67px
  }
}
.section-coourse__img{
  display:inline-block;
  padding:2px;
  border:1px solid #ccc
}
@media (min-width: 1024px){
  .section-coourse__img{
      max-width:70%;
      margin:5px 25px 25px 0
  }
}
.section-coourse__title{
  padding-top:30px;
  color:#0d477c;
  font-weight:bold
}
.section-coourse__title--lower {
  margin-top: 30px;
  
}

@media (min-width: 768px){
  .section-coourse__title{
      padding-top:0
  }
}
.section-coourse__menu{
  overflow:visible;
  border-bottom:none;
  background-color:#f6f6f6
}
.section-coourse__menu ul li a:hover{
  color:#0d477c
}
.section-coourse__menu .prv,.section-coourse__menu .nxt{
  position:relative;
  cursor:pointer;
  display:inline-block;
  padding:5px
}
.section-coourse__menu ul li a.active{
  color:#0d477c
}
@media (min-width: 768px){
  .section-coourse__menu{
      border-top-right-radius:10px;
      border-top-left-radius:10px
  }
}
.section-coourse__dropdown{
  padding-top:20px;
  padding-bottom:20px
}
@media (min-width: 768px){
  .section-coourse__dropdown{
      background-color:#f6f6f6
  }
}
.section-coourse__menu-slider{
  float:left;
  position:relative;
  margin:0;
  overflow:hidden;
  list-style:none;
  white-space:nowrap;
  padding:0
}
.section-coourse__menu-slider li{
  vertical-align:top;
  margin:0 5px;
  display:inline-block;
  *display:inline;
  zoom:1
}
.section-coourse__menu-slider li a{
  float:left;
  font-size:14px;
  line-height:26px
}
.section-coourse__progress-container{
  padding:4px;
  border:1px solid #c2c2c2;
  border-radius:5px;
  margin-top:30px
}
@media (min-width: 768px){
  .section-coourse__progress-container{
      max-width:250px
  }
}
.section-coourse__progress{
  margin-bottom:0;
  height:25px;
  background:transparent;
  box-shadow:none
}
.section-coourse__progress .progress-bar{
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:left;
  color:inherit
}
.section-coourse__progress .progress-bar span{
  padding-left:10px;
  color:#fff
}
.section-coourse__progress .progress-bar[aria-valuenow='0'] span{
  color:inherit
}
.section-coourse__progress .glyphicon{
  margin:5px 8px 0 0;
  cursor:pointer
}
.progress-bar-warning--black span{
  color:#000 !important
}
.section-coourse__menu-horizontal{
  margin:28px 0
}
.section-coourse__aside{
  padding-top:20px;
  padding-bottom:20px;
  position:relative;
  background-color:#f6f6f6
}
.section-coourse__aside:before{
  width:calc(100% - 60px);
  height:2px;
  content:'';
  position:absolute;
  top:0;
  left:30px;
  background-color:#ececec
}
.section-coourse__menu-horizontal .slider-menu{
  border-bottom:solid 1px #ececec
}
.forma-dropdown__selected:hover{
  background-color:#fff;
  color:#0d477c
}
#course-info-boot+#yui-main-boot .page-header h1{
  color:#0d477c;
  font-family:"Open-sans",Arial;
  font-weight:bold;
  font-size:18px;
  text-transform:uppercase
}
.section-coourse .icon--coourse-menu-gestione{
  display:none
}
@media (min-width: 768px){
  .section-coourse .icon--coourse-menu-gestione{
      display:block
  }
}
#course-info-boot+#yui-main-boot{
  font-family:"Open-sans",Arial
}
@media (min-width: 1024px){
  #course-info-boot+#yui-main-boot{
      padding:0 30px
  }
}
#course-info-boot+#yui-main-boot .page-header{
  margin-bottom:0;
  display:none
}
@media (min-width: 768px){
  #course-info-boot+#yui-main-boot .page-header{
      display:block
  }
}
.FAKE-GRID{
  position:fixed;
  height:100%;
  top:0;
  left:50%;
  transform:translate(-50%, 0);
  z-index:999999;
  background-color:rgba(255,255,255,0);
  pointer-events:none
}
.FAKE-GRID__COL{
  height:100%;
  border:1px solid #f0f
}
.nav.nav-tabs:not(.bordered){
  border:none;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  width:100%
}
.nav.nav-tabs li{
  height:40px;
  margin-right:9px;
  margin-bottom:0;
  background-color:#ececec;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  font-family:"Open-sans",Arial;
  font-size:13px;
  font-weight:bold;
  float:none;
  display:inline-block
}
.nav.nav-tabs li:last-child{
  margin-right:0
}
.nav.nav-tabs li:active{
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
.nav.nav-tabs li a{
  width:100%;
  height:40px;
  padding:12px 35px;
  color:#999;
  border:none;
  background-color:#ececec;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  transition:color 0.2s ease 0s;
  text-transform:uppercase;
  display:block
}
.nav.nav-tabs li a:hover{
  color:#0576ba;
  background-color:#ececec;
  border:none
}
.nav.nav-tabs li a:focus{
  color:#999
}
.nav.nav-tabs li.active>a{
  width:100%;
  background-color:#0576ba !important;
  border:none !important;
  color:#fff !important
}
.nav.nav-tabs.bordered{
  width:200px
}
.nav.nav-tabs.bordered .dropdown-menu{
  border:0
}
.nav.nav-tabs.bordered .dropdown-toggle{
  text-align:center;
  padding-left:0
}
.nav.nav-tabs.bordered .dropdown,.nav.nav-tabs.bordered a,.nav.nav-tabs.bordered li{
  width:100%;
  margin:0;
  border-radius:0;
  padding-left:0;
  padding-right:0;
  text-align:left
}
.nav.nav-tabs.bordered .dropdown.active,.nav.nav-tabs.bordered a.active,.nav.nav-tabs.bordered li.active{
  background-color:#ccc
}
.nav.nav-tabs.bordered a{
  padding-left:10px
}
.nav.nav-tabs.visible-xs{
  width:100%;
  border:none
}
.nav.nav-pills{
  height:auto;
  margin-top:-1px;
  background-color:#0576ba;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  padding-top:0;
  padding-right:20px;
  padding-bottom:0;
  padding-left:0
}
@media (min-width: 768px){
  .nav.nav-pills{
      height:60px;
      margin:0
  }
}
.nav.nav-pills li{
  position:relative;
  display:inline-block;
  margin-top:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  margin-left:20px !important;
  font-family:"Open-sans",Arial;
  font-size:14px;
  line-height:60px
}
@media (min-width: 768px){
  .nav.nav-pills li{
      line-height:60px
  }
}
.nav.nav-pills li.selected a{
  background-color:#0576ba;
  padding:0;
  color:#fff;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:40px
}
.nav.nav-pills li.selected a:before{
  content:"";
  position:absolute;
  top:15px;
  left:0;
  width:30px;
  height:30px;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat
}
.nav.nav-pills li.selected a:hover{
  background-color:#0576ba
}
.nav.nav-pills li a{
  padding:0;
  color:#fff;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:40px
}
.nav.nav-pills li a:before{
  content:"";
  position:absolute;
  top:15px;
  left:0;
  width:30px;
  height:30px;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat
}
.nav.nav-pills li a:hover{
  background-color:#0576ba;
  color:#fff
}
.tabs_filter{
  top:55px !important;
  width:100%
}
@media (min-width: 768px){
  .tabs_filter{
      top:45px !important;
      width:auto
  }
}
.nav.nav-tabs.visible-xs{
  height:46px;
  padding:0;
  background-color:#0d477c;
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
.nav.nav-tabs.visible-xs .dropdown{
  width:100%;
  height:100%
}
.nav.nav-tabs.visible-xs .dropdown .dropdown-toggle{
  width:calc(100% - 36px);
  margin:0 18px;
  padding:0;
  line-height:44px;
  font-family:"Open-sans",Arial;
  font-size:16px;
  text-transform:uppercase;
  color:white;
  border:0;
  border-bottom:1px solid #fece5b
}
.nav.nav-tabs.visible-xs .dropdown .dropdown-toggle:hover,.nav.nav-tabs.visible-xs .dropdown .dropdown-toggle:focus{
  background-color:#0d477c
}
.nav.nav-tabs.visible-xs .dropdown .dropdown-toggle .caret{
  float:right;
  border:0;
  position:relative
}
.nav.nav-tabs.visible-xs .dropdown .dropdown-toggle .caret:before{
  content:"\f107";
  font-family:"FontAwesome";
  color:#fece5b;
  font-size:18px;
  line-height:46px;
  position:absolute;
  left:-11px
}
.nav.nav-tabs.visible-xs .dropdown.open .dropdown-toggle{
  background-color:transparent
}
.nav.nav-tabs.visible-xs .dropdown.open .dropdown-menu{
  width:100%;
  padding:0;
  background-color:#ececec;
  border:none;
  box-shadow:none
}
.nav.nav-tabs.visible-xs .dropdown.open .dropdown-menu li a{
  padding:0 18px;
  color:#999;
  font-family:"Open-sans",Arial;
  line-height:44px;
  border-bottom:1px solid #666;
  text-transform:uppercase
}
.nav.nav-tabs.visible-xs .dropdown.open .dropdown-menu li.active a{
  background-image:none;
  background-color:transparent;
  color:#0d477c;
  font-weight:bold
}
.nav.nav-tabs.visible-xs .dropdown.open .dropdown-menu li:last-child a{
  border-bottom:none
}
.simple_search_box .navbar-form{
  border:0;
  padding:0 18px;
  box-shadow:none;
  margin:0
}
@media (min-width: 768px){
  .simple_search_box .navbar-form{
      padding:10px 15px
  }
}
.forma-quick-search-form{
  border:none;
  border-top-left-radius:0;
  border-top-right-radius:0;
  background-color:#0576ba;
  padding:0
}
.forma-quick-search-form .navbar-collapse{
  padding:0;
  border:none;
  box-shadow:none
}
.forma-quick-search-form>.navbar{
  border-top-left-radius:0;
  border-top-right-radius:0
}
.forma-quick-search-form .navbar-collapse.collapsing ~ .navbar-header .filter-open,.forma-quick-search-form .collapse.navbar-collapse ~ .navbar-header .filter-open{
  display:inline-block
}
.forma-quick-search-form .navbar-collapse.collapsing ~ .navbar-header .filter-open:before,.forma-quick-search-form .collapse.navbar-collapse ~ .navbar-header .filter-open:before{
  content:"\f107"
}
.forma-quick-search-form .navbar-collapse.collapsing ~ .navbar-header .filter-closed,.forma-quick-search-form .collapse.navbar-collapse ~ .navbar-header .filter-closed{
  display:none
}
.forma-quick-search-form .navbar-collapse.in{
  overflow-y:visible
}
.forma-quick-search-form .collapse.navbar-collapse.in ~ .navbar-header .filter-open{
  display:none
}
.forma-quick-search-form .collapse.navbar-collapse.in ~ .navbar-header .filter-closed{
  display:inline-block
}
.forma-quick-search-form .collapse.navbar-collapse.in ~ .navbar-header .filter-closed:before{
  content:"\f106"
}
.forma-quick-search-form .navbar{
  margin:0;
  border:none
}
.forma-quick-search-form .navbar .navbar-header{
  padding:20px
}
@media (min-width: 1024px){
  .forma-quick-search-form .navbar .navbar-header{
      padding:0
  }
}
@media (min-width: 768px){
  .forma-quick-search-form .navbar-extra{
      display:flex;
      padding-right:15px;
      margin-top:15px;
      justify-content:space-between;
      align-items:center
  }
}
@media (min-width: 1024px){
  .forma-quick-search-form .navbar-extra{
      margin-top:0
  }
}
.forma-quick-search-form .navbar-extra>*{
  display:block;
  width:100%;
  padding:0 20px;
  text-align:left;
  float:none !important
}
@media (min-width: 768px){
  .forma-quick-search-form .navbar-extra>*{
      width:auto;
      padding:0
  }
}
.forma-quick-search-form .navbar-extra>* .bootstrap-select{
  margin:0 !important
}
@media (min-width: 768px){
  .forma-quick-search-form .navbar-extra>* .bootstrap-select{
      min-width:220px
  }
}
.forma-quick-search-form .filter-label{
  width:auto;
  padding-right:25px;
  position:relative;
  text-align:center;
  text-transform:uppercase;
  line-height:38px;
  font-size:14px;
  transition:display 0.2s ease 0s
}
.forma-quick-search-form .filter-label:before{
  content:"";
  font-family:"FontAwesome";
  color:#fece5b;
  position:absolute;
  right:0;
  line-height:38px;
  font-size:20px
}
.forma-quick-search-form .navbar-toggle{
  width:100%;
  margin:0;
  padding:0;
  text-align:center;
  line-height:38px;
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.3)
}
@media (min-width: 768px){
  .forma-quick-search-form .btn-group.bootstrap-select{
      float:left
  }
}
.forma-quick-search-form .input-group{
  text-align:left
}
/* mysharingarea | Box ricerca corso custom */
.forma-quick-search-form.mysharingarea .search-course-container{
  display: flex;
  align-items: center;
  border-radius:5px;
  height:40px;
  margin-bottom: 0px;
}
@media (min-width: 1024px){
  .forma-quick-search-form.mysharingarea .search-course-container{
    margin-bottom: 7px;
  }
}


.forma-quick-search-form.mysharingarea .navbar-course-custom{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin-bottom: 17px;
}
@media (min-width: 1024px){
  .forma-quick-search-form.mysharingarea .navbar-course-custom{
    flex-direction: row;
    align-items: start;
    justify-content: start;
    flex-wrap: nowrap;
  }
}

.forma-quick-search-form.mysharingarea .navbar-course-custom .search-course-container input.form-control-mysharingarea-custom{
  border-radius: 25px !important;
  width: 140px;
  height: 28px;
  border: 0px solid white;
  background-color: rgba(255, 255, 255, 0.35);
  font-family: "Open-sans", Arial;
  font-style: italic;
  font-size: 14px;
  color: white;
}

@media (min-width: 1024px){
  .forma-quick-search-form.elearning-custom .search-course-container input.form-control-mysharingarea-custom{
    width: 100%;
  }
}

.forma-quick-search-form .search-course-container input.form-control-mysharingarea-custom::placeholder{
  color: white;
}

.forma-quick-search-form .search-course-container input.form-control-mysharingarea-custom:focus{
  border-color: white;
}

#filter-buttons-sharingarea-custom{
  width: 140px;
  font-family: "Open-sans", Arial;
  margin-left: 15px;
  font-size: 14px;
} 

@media (min-width: 1440px) {
  #filter-buttons-sharingarea-custom{
    width: 85%;
    margin-left: 15px;
  } 
}

/* END mysharingarea | Box ricerca corso custom */
#course_search_filter_set1,#course_search_filter_reset{
  display: inline-block;
  margin-right: 10px;
  border: solid 2px #FFFFFF;
  margin-top: 7px;
  padding: 2px 15px;
  border-radius: 15px;
  font-size:14px;
  line-height:20px;
  color:#fff
}
#course_search_filter_set1:hover,#course_search_filter_reset:hover{
  text-decoration:underline
}
#course_search_filter_set1 ~ br{
  display:none
}
#global_conf .tab-content .tab-pane h2{
  font-size:24px;
  font-weight:bold;
  color:#666;
  display:block;
  margin-bottom:20px
}
#global_conf .tab-content .tab-pane h3{
  font-size:20px;
  font-weight:bold;
  color:#666;
  text-transform:capitalize;
  margin-bottom:20px;
  display:block;
  padding-bottom:10px;
  border-bottom:1px solid #666
}
#global_conf .tab-content .tab-pane select{
  display:inline-block;
  width:28rem;
  max-width:28rem;
  margin-right:0
}
.layout_footer{
  padding-top:30px;
  border-top:2px solid #0d477c;
  text-align:center;
  background-color:#fff
}
.layout_footer .powered_by .ownedby{
  font-size:14px;
  color:#666
}
.layout_footer .powered_by .poweredby{
  font-size:12px
}
.layout_footer .powered_by .poweredby a{
  color:#c2c2c2;
  text-decoration:none
}
header.header{
  height:90px;
  padding:0;
  border-bottom:20px solid #0d477c;
  border-top:20px solid #0d477c;
  position:fixed
}
header.header .row-fluid .navbar-header{
  height: 0;
}
@media (min-width: 768px){
  header.header{
      padding:10px 15px;
      height:143px
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-header{
      width:100%
  }
}
header.header .row-fluid .navbar-header .navbar-brand{
  padding:15px 0 0 15px;
  position:relative;
  height: 90px
}
@media (min-width: 768px){
  header.header .row-fluid .navbar-header .navbar-brand{
      padding-left:30px
  }
}
header.header .row-fluid .navbar-header .navbar-brand img{
  height:100%;
  position:relative;
  top:10px;
  left:50%;
  transform:translate(-50%, -50%)
}
@media (min-width: 768px){
  header.header .row-fluid .navbar-header .navbar-brand{
      height:111px;
      padding:0
  }
  header.header .row-fluid .navbar-header .navbar-brand img{
    top:38px;
  }
}
header.header .row-fluid .navbar-header .navbar-toggle{
  position:relative;
  margin-top:15px;
  margin-right:5px;
  transition:all 0.2s ease-in 0s
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-header .navbar-toggle{
      display:block !important;
      margin-top:0
  }
}
header.header .row-fluid .navbar-header .navbar-toggle.collapsed .glyphicon.glyphicon-align-justify:before{
  width:30px;
  height:30px;
  top:-30px;
  right:0;
  background-image:url("images/icons/icon--hamburger-mobile.svg")
}
@media (min-width: 768px){ 
  header.header .row-fluid .navbar-header .navbar-toggle.collapsed .glyphicon.glyphicon-align-justify:before{
    top:-15px;
  }
}
header.header .row-fluid .navbar-header .navbar-toggle .glyphicon.glyphicon-align-justify:before{
  content:'';
  width:22px;
  height:22px;
  display:inline-block;
  position:absolute;
  top:-26px;
  right:5px;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url("images/icons/icon--hamburger-mobile-cross.svg")
}
header.header .row-fluid .navbar-collapse{
  float:right;
  padding:0
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse{
      margin-top:113px !important
  }
  header.header .row-fluid .navbar-header .navbar-toggle .glyphicon.glyphicon-align-justify:before{
    top:-11px;
  }
}
header.header .row-fluid .navbar-collapse li{
  padding:14px 10px 10px 6px;
  font-family:"Open-sans",Arial;
  font-size:14px
}
@media (min-width: 768px){
  header.header .row-fluid .navbar-collapse li{
      text-transform:uppercase;
      border-right:1px solid #c2c2c2
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse li{
      display:block !important
  }
}
@media (min-width: 768px){
  header.header .row-fluid .navbar-collapse li:first-child{
      padding-left:0;
      border-right:1px solid #c2c2c2
  }
}
header.header .row-fluid .navbar-collapse li:last-child{
  padding-right:0;
  border-right:none
}
header.header .row-fluid .navbar-collapse li a{
  height:14px;
  padding:0;
  color:#fff;
  transition:color 0.2s ease 0s;
  line-height:1
}
header.header .row-fluid .navbar-collapse li a:hover{
  background-color:transparent;
  color:#fff;
  text-decoration: underline;
}
header.header .row-fluid .navbar-collapse li a.lang-sprite:hover {
  color:#0d477c;
}
header.header .row-fluid .navbar-collapse li a .glyphicon{
  position:relative;
  width:35px;
  height:35px
}
header.header .row-fluid .navbar-collapse li a .glyphicon:hover:before{
  border-color:#ffffff
}
header.header .row-fluid .navbar-collapse li a .glyphicon:before{
  content:'';
  position:absolute;
  top:-11px;
  right:-48px;
  width:35px;
  height:35px;
  display:inline-block;
  border:1px solid #c2c2c2;
  border-radius:50%;
  background-size:20px;
  background-repeat:no-repeat;
  background-position:center;
  transition:border-color 0.2s ease 0s, background-image 0.2s ease 0s
}
@media (min-width: 1024px){
  header.header .row-fluid .navbar-collapse li a .glyphicon:before{
      right:0
  }
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-question-sign:hover:before{
  background-image:url("images/icons/top-menu/icon--help-desk-hover.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-question-sign:before{
  background-image:url("images/icons/top-menu/icon--help-desk.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-cog:hover:before{
  background-image:url("images/icons/top-menu/icon--admin-hover.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-cog:before{
  background-image:url("images/icons/top-menu/icon--admin.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-bell:hover:before{
  background-image:url("images/icons/top-menu/icon--bell-hover.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-bell:before{
  background-image:url("images/icons/top-menu/icon--bell.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-shopping-cart:hover:before{
  background-image:url("images/icons/top-menu/icon--cart-hover.svg")
}
header.header .row-fluid .navbar-collapse li a .glyphicon.glyphicon-shopping-cart:before{
  background-image:url("images/icons/top-menu/icon--cart.svg")
}
header.header .row-fluid .navbar-collapse li.active a{
  color:#fff;
  font-weight: bold;
}
header.header .row-fluid .navbar-collapse li .o-wrapper{
  line-height:1
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button{
  width:calc(100% - 40px);
  margin:0 40px 0 0;
  padding:0;
  background:transparent none repeat scroll 0 0;
  border:0;
  text-align:left
}
@media (min-width: 1024px){
  header.header .row-fluid .navbar-collapse li .o-wrapper .c-button{
      width:auto;
      text-align:center
  }
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button:disabled{
  opacity:1
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button:disabled a .username{
  color:#0d477c
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button:disabled a .username:before{
  background-image:url("images/icons/top-menu/icon--profile-hover.svg");
  border:1px solid #0d477c
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a{
  width:100%;
  display:inline-block;
  background-color:#0c6db4;
  line-height:1;
  text-decoration:none;
  border-right:none !important
}
@media (min-width: 1024px){
  header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a{
      width:auto
  }
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open:before,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a:before{
  display:none !important
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open .username,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a .username{
  width:100%;
  position:relative;
  display:inline-block;
  font-weight:normal
}
@media (min-width: 768px){
  header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open .username,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a .username{
      text-transform:uppercase;
      font-weight:bold
  }
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open .username:hover:before,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a .username:hover:before{
  background-image:url("images/icons/top-menu/icon--profile-hover.svg");
  border:1px solid #ffffff
}
header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open .username:before,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a .username:before{
  content:'';
  position:absolute;
  top:3px;
  right:-48px;
  width:35px;
  height:35px;
  border-radius:50%;
  border:1px solid #ffffff;
  background-position:center;
  background-size:13px;
  background-repeat:no-repeat;
  transition:border 0.2s ease 0s, background-image 0.2s ease 0s
}
@media (min-width: 1024px){
  header.header .row-fluid .navbar-collapse li .o-wrapper .c-button.open .username:before,header.header .row-fluid .navbar-collapse li .o-wrapper .c-button a .username:before{
      top:-11px;
      right:-45px
  }
}
header.header .row-fluid .navbar-collapse li .o-wrapper.has-slide-right .c-button.open{
  text-align:left
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse.collapse{
      display:none !important
  }
}
header.header .row-fluid .navbar-collapse.collapse.in{
  overflow-y:visible;
  max-height:685px
}
header.header .row-fluid .navbar-collapse.collapsing,header.header .row-fluid .navbar-collapse.collapse.in{
  width:100%;
  float:left;
  margin-top:-20px;
  padding:20px;
  background-color:#ececec
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse.collapsing,header.header .row-fluid .navbar-collapse.collapse.in{
      display:block !important;
      padding:43px 20px 20px 20px;
  }
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav{
  margin:0
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav{
      text-align:left !important
  }
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li{
  height:70px;
  margin-bottom:10px;
  padding:15px 20px;
  background-color:#0c6db4;
  border-radius:5px;
  font-weight:bold
}
@media (min-width: 768px) and (max-width: 1023px){
  header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li{
      display:block
  }
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li .no-border-right,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li .no-border-right{
  border-right:none
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li .no-before:before,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li .no-before:before{
  display:none
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li a,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li a{
  height:40px;
  position:relative;
  line-height:40px;
  margin-right:40px;
  border-right:2px solid #ececec
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li a:before,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li a:before{
  content:'\f105';
  position:absolute;
  right:-35px;
  font-family:"FontAwesome";
  font-size:23px;
  color:#fff
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li a .glyphicon,header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li a .glyphicon{
  width:100%;
  height:40px
}
header.header nav{
  border:none !important
}
.header--external-catalogue .navbar-toggle{
  display:none
}
.top-menu__label{
  font-weight:normal;
  font-family:"Open-sans",Arial
}
@media (min-width: 1024px){
  .top-menu__label{
      display:block;
      font-size:0
  }
}
.top-menu__label #cart_element{
  font-size:10px;
  line-height:13px
}
.top-menu__disclaimer{
  margin-top:40px;
  margin-bottom:6px;
  text-align:center;
  font-family:"Open-sans",Arial;
  color:#999;
  font-size:16px
}
@media (min-width: 1024px){
  .top-menu__disclaimer{
      display:none
  }
}
.user-panel{
  width:100%;
  height:auto;
  max-height:calc(100vh - 70px);
  top:60px;
  overflow:scroll;
  background-color:#ececec;
  transform:translateX(100%);
  font-family:"Open-sans",Arial;
  text-align:left;
  border-radius:0;
  z-index:9000
}
@media (min-width: 768px){
  .user-panel{
      width:320px;
      background-color:#fff;
      border-radius:5px;
      box-shadow:#c2c2c2 0px 5px 20px 0px;
      transform:translateX(350px)
  }
}
.user-panel .c-menu__close{
  background-color:transparent
}
.user-panel .c-menu__close span{
  padding-left:39px
}
.user-panel .container-fluid{
  padding:0 15px;
  background-color:#ececec
}
@media (min-width: 768px){
  .user-panel .container-fluid{
      background-color:transparent;
      padding:0 9px
  }
}
.user-panel .container-fluid .row{
  margin:0;
  padding:0 15px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row{
      padding:0
  }
}
.user-panel .container-fluid .row:first-child{
  padding:9px 25px 9px 0;
  height:50px;
  margin-top:15px;
  margin-bottom:15px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row:first-child{
      border-bottom:1px solid #c2c2c2;
      margin-top:0;
      margin-bottom:0;
      padding:9px 0
  }
}
.user-panel .container-fluid .row:first-child a span{
  width:auto;
  font-family:"Open-sans",Arial;
  color:#999;
  line-height:32px;
  font-size:12px;
  text-transform:uppercase
}
.user-panel .container-fluid .row:first-child .col-xs-6{
  text-align:left
}
.user-panel .container-fluid .row:first-child .col-xs-6+.col-xs-6{
  text-align:right
}
.user-panel .container-fluid .row:first-child .col-xs-6+.col-xs-6 span{
  padding-right:25px
}
.user-panel .container-fluid .row:first-child .glyphicon:before{
  content:'';
  position:absolute;
  border-radius:0;
  border:none;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  transition:background-image 0.2s ease 0s
}
.user-panel .container-fluid .row:first-child .glyphicon.glyphicon-remove{
  width:auto
}
@media (min-width: 768px){
  .user-panel .container-fluid .row:first-child .glyphicon.glyphicon-remove:hover:before{
      background-image:url("images/icons/user-panel/icon--up-close-hover.png")
  }
}
.user-panel .container-fluid .row:first-child .glyphicon.glyphicon-remove:before{
  content:'\f053';
  width:30px;
  height:30px;
  top:0;
  left:0;
  right:inherit;
  font-family:"FontAwesome";
  color:#0d477c;
  text-align:center
}
@media (min-width: 768px){
  .user-panel .container-fluid .row:first-child .glyphicon.glyphicon-remove:before{
      content:'';
      width:30px;
      height:30px;
      background-image:url("images/icons/user-panel/icon--up-close.png")
  }
}
.user-panel .container-fluid .row:first-child .glyphicon.glyphicon-off{
  width:auto
}
.user-panel .container-fluid .row:first-child .glyphicon.glyphicon-off:hover:before{
  background-image:url("images/icons/user-panel/icon--up-logout-hover.png")
}
.user-panel .container-fluid .row:first-child .glyphicon.glyphicon-off:before{
  width:19px;
  height:16px;
  top:7px;
  right:0;
  left:inherit;
  background-image:url("images/icons/user-panel/icon--up-logout.png")
}
.user-panel .container-fluid .row.profile{
  min-height:116px;
  padding-bottom:15px;
  padding-top:19px;
  border:none;
  background-color:#fff;
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.profile{
      background-color:transparent;
      border-radius:0
  }
}
.user-panel .container-fluid .row.profile .col-xs-5{
  padding-left:9px;
  padding-right:0
}
.user-panel .container-fluid .row.profile .col-xs-5 .boxed{
  width:97px;
  height:97px;
  padding:0;
  border:none;
  background-image:url("images/icons/user-panel/icon--up-photo-placeholder.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center
}
.user-panel .container-fluid .row.profile .col-xs-7{
  padding:17px 0 0 0;
  text-align:left
}
.user-panel .container-fluid .row.profile .col-xs-7 a{
  display:inline-block;
  width:auto;
  margin-bottom:5px;
  text-transform:none
}
.user-panel .container-fluid .row.profile .col-xs-7 a:first-child{
  height:17px;
  color:#c2c2c2
}
.user-panel .container-fluid .row.profile .col-xs-7 a:first-child .glyphicon.glyphicon-pencil{
  width:100%;
  height:17px;
  line-height:16px;
  padding-left:25px;
  font-family:"Open-sans",Arial;
  border-radius:0
}
.user-panel .container-fluid .row.profile .col-xs-7 a:first-child .glyphicon.glyphicon-pencil:before{
  content:'';
  border:none;
  position:absolute;
  top:0;
  left:0;
  background-image:url("images/icons/user-panel/icon--up-edit.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  width:16px;
  height:17px;
  border-radius:0
}
.user-panel .container-fluid .row.profile .col-xs-7 a:nth-child(2){
  color:#666;
  font-weight:bold;
  font-size:12px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.profile .col-xs-7 a:nth-child(2){
      font-size:14px
  }
}
.user-panel .container-fluid .row.profile .col-xs-7 a:last-child{
  color:#666;
  font-size:12px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.profile .col-xs-7 a:last-child{
      font-size:14px
  }
}
.user-panel .container-fluid .row.social{
  display:none
}
.user-panel .container-fluid .row.comunication{
  padding:10px 0 20px;
  background-color:#fff
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.comunication{
      background-color:transparent
  }
}
.user-panel .container-fluid .row.comunication .col-xs-4{
  padding:0 9px 0 9px
}
.user-panel .container-fluid .row.comunication .col-xs-4 a.btn.btn-default{
  margin-bottom:9px
}
.user-panel .container-fluid .row.comunication .col-xs-4 a{
  padding:0
}
.user-panel .container-fluid .row.career{
  background-color:#fff;
  padding:0
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.career{
      background-color:transparent
  }
}
.user-panel .container-fluid .row.career .col-xs-12{
  padding:0 9px 0 9px
}
.user-panel .container-fluid .row.career .col-xs-12 h2{
  width:auto;
  padding-right:10px;
  position:relative;
  font-weight:bold;
  background-color:#fff;
  overflow:hidden;
  font-size:16px;
  text-transform:none;
  z-index:20
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group{
  border-radius:0;
  box-shadow:none;
  list-style:none;
  position:relative
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group:before{
  content:'';
  background-color:#ececec;
  width:100%;
  height:1px;
  position:absolute;
  top:-8px;
  right:0
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group .list-group-item{
  padding:5px 7px 5px 9px;
  border:0;
  position:relative;
  font-size:14px
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group .list-group-item:before{
  content:'\f111';
  font-family:"FontAwesome";
  color:#0d477c;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  font-size:5px
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group .list-group-item .badge{
  background-color:#fff;
  color:#000;
  padding:0;
  font-size:14px
}
.user-panel .container-fluid .row.career .col-xs-12 .list-group .list-group-item .badge a:hover{
  color:#000
}
.user-panel .container-fluid .row.course-subscription{
  background-color:#fff
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.course-subscription{
      margin:0 -9px 0 -9px;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      background-color:#f6f6f6
  }
}
.user-panel .container-fluid .row.course-subscription .col-xs-12{
  padding:20px 9px;
  position:relative;
  background-color:#f6f6f6;
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.course-subscription .col-xs-12{
      background-color:transparent;
      border-top-left-radius:0;
      border-top-right-radius:0
  }
}
.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group{
  width:100%
}
.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control{
  border-radius:5px;
  height:40px
}
.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control:focus{
  border-color:#fece5b;
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #fece5b
}
.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control::-webkit-input-placeholder,.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control::-moz-placeholder,.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control:-ms-input-placeholder,.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .form-control:-moz-placeholder{
  font-style:italic
}
.user-panel .container-fluid .row.course-subscription .col-xs-12 .input-group .input-group-btn{
  width:auto;
  position:absolute;
  right:9px;
  top:7px;
  z-index:10
}
.user-panel .container-fluid .row.news{
  background-color:#fff;
  margin:0
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.news{
      margin:0 -9px 0 -9px;
      background-color:#f6f6f6;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px
  }
}
.user-panel .container-fluid .row.news h2{
  width:auto;
  padding-right:10px;
  position:relative;
  font-weight:bold;
  overflow:hidden;
  font-size:16px;
  text-transform:none;
  background-color:#f6f6f6;
  z-index:20
}
.user-panel .container-fluid .row.news .col-xs-12{
  background-color:#f6f6f6;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.news .col-xs-12{
      border-bottom-left-radius:0;
      border-bottom-right-radius:0
  }
}
.user-panel .container-fluid .row.news .carousel{
  padding-bottom:36px
}
.user-panel .container-fluid .row.news .carousel .item{
  padding-top:5px;
  padding-bottom:25px
}
.user-panel .container-fluid .row.credits{
  height:auto;
  padding-right:0;
  margin-top:0;
  margin-bottom:15px;
  border:none
}
.user-panel .container-fluid .row.lang{
  background-color:#fff;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.lang{
      background-color:transparent;
      border-bottom-left-radius:0;
      border-bottom-right-radius:0
  }
}
.user-panel .container-fluid .row.lang .col-xs-6:first-child{
  padding:0 9px 0 9px
}
.user-panel .container-fluid .row.lang .col-xs-6:first-child p{
  font-family:"Open-sans",Arial;
  color:#c2c2c2;
  line-height:40px
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child{
  padding:0 11px 0 20px
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child .list-inline{
  margin:0;
  line-height:40px
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child .list-inline li{
  padding:0;
  margin-left:10px;
  border:none
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child .list-inline li:first-child{
  margin-left:0
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child .list-inline li:nth-child(4n+1){
  margin-left:0;
  clear:both
}
.user-panel .container-fluid .row.lang .col-xs-6:last-child .list-inline li a.lang-sprite{
  width:19px;
  height:14px
}
.user-panel .container-fluid .row.footer{
  margin:30px 0;
  text-align:center;
  font-family:"Open-sans",Arial;
  color:#999;
  font-size:16px
}
@media (min-width: 768px){
  .user-panel .container-fluid .row.footer{
      display:none
  }
}
.user-panel .container-fluid .row .col-xs-6{
  padding:0
}
.user-panel .table-credit-wrapper{
  border-radius:5px;
  border:1px solid #999;
  overflow:hidden
}
.user-panel .table-credit{
  width:100%;
  font-family:"Open-sans",Arial
}
.user-panel .table-credit__row{
  line-height:40px;
  border-top:1px solid #ececec
}
.user-panel .table-credit__row:first-child{
  border-top:none
}
.user-panel .table-credit__row td{
  border-right:1px solid #999
}
.user-panel .table-credit__row td:first-child{
  padding-left:10px
}
.user-panel .table-credit__row td:last-child{
  border-right:none;
  text-align:center
}
.user-panel .table-credit__row--head{
  background-color:#0d477c;
  color:#fff;
  font-weight:bold;
  border-radius:5px
}
.user-panel .table-credit__row--footer{
  background-color:#ececec;
  font-weight:bold;
  color:#404040;
  border-radius:5px
}
.user-panel .form_line_l{
  width:100%;
  margin-top:20px;
  margin-bottom:15px
}
.user-panel .form_line_l p{
  display:none
}
.user-panel .form-control{
  width:100%
}
.c-mask{
  background-color:transparent
}
.social-accounts-title{
  display:none
}
.social-accounts{
  display:none !important
}
.social-login__title{
  display:block;
  padding:10px 25px;
  position:relative;
  margin-top:15px;
  text-align:center;
  line-height:14px
}
.social-login__title:before{
  width:calc(100% - 50px);
  height:1px;
  content:'';
  position:absolute;
  top:50%;
  left:25px;
  z-index:0;
  background-color:#fece5b
}
.social-login__title span{
  display:inline-block;
  padding:0 10px;
  position:relative;
  z-index:1;
  background-color:#f6f6f6;
  font-size:14px;
  font-style:italic
}
.social-login__list{
  margin:16px 0 0;
  font-size:12px;
  text-align:center
}
.social-login__list>a{
  display:inline-block;
  margin:0 8px;
  text-decoration:none !important
}
.social-login__list .fa{
  display:block;
  width:40px;
  height:40px;
  margin:0 auto 10px;
  font-size:24px;
  line-height:40px;
  text-align:center;
  color:#fff;
  border-radius: 5px
}
.social-login__list .fa-facebook{
  background-color:#145285
}
.social-login__list .fa-twitter{
  background-color:#145285
}
.social-login__list .fa-google,.social-login__list .fa-google-plus{
  background-color:#145285
}
.social-login__list .fa-linkedin{
  background-color:#145285
}
.social-login__list .form_elem_button{
  text-align:center;
  padding-right:0
}
.social-login__list .form_elem_button input{
  margin:0 auto
}
.select-language{
  font-size:16px;
  text-align:right
}
#change_language{
  margin-left:3px;
  font-weight:bold;
  text-decoration:none !important;
  color:#000;
  height: 14px;
  line-height: 0;
  padding-left: 30px
}
.green_menu #change_language {
  color:#fff;
}
#change_language .fa{
  margin-left:6px;
  font-weight:normal;
  color:#0d477c;
  margin-top: -3px
}
.green_menu #change_language .fa {
  color:#ffffff;
}
.dropdown-lang-description {
  margin-left:0;
}
.select-language .dropdown{
  display:inline-block
}
.select-language .dropdown-menu{
  left:auto;
  right:0
}
.select-language .dropdown-item{
  display:block;
  padding:0 8px;
  text-decoration:none !important;
  color:#000
}
.select-language .dropdown-item:hover{
  color:#fece5b
}
.aside{
  padding:20px;
  border:2px solid #ececec;
  border-radius:5px;
  font-family:"Open-sans",Arial
}
.aside .indent{
  display:inline;
  width:20px;
  height:20px
}
.aside .icon.expand-icon{
  width:10px;
  height:15px;
  margin-right:5px;
  display:inline;
  position:relative;
  z-index:9999
}
.aside .icon.expand-icon:before{
  content:'';
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  position:absolute;
  top:2px
}
.aside .icon.expand-icon.glyphicon-chevron-right:before{
  width:10px;
  height:15px;
  background-image:url("images/icons/aside/icon--arrow-right.svg");
  left:-20px
}
.aside .icon.expand-icon.glyphicon-chevron-down:before{
  width:23px;
  height:14px;
  background-image:url("images/icons/aside/icon--arrow-down.svg");
  left:-30px
}
.aside .list-group{
  box-shadow:none;
  margin-bottom:0
}
.aside .list-group-item{
  height:40px;
  margin-bottom:10px;
  padding-top:0;
  padding-right:12px;
  padding-bottom:0;
  padding-left:20px;
  line-height:40px;
  position:relative;
  border-radius:5px;
  transition:all 0.2s ease-in 0s;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.aside .list-group-item:last-child{
  margin-bottom:0
}
.aside .list-group-item.node-treeview1:hover{
  cursor:pointer;
  background-color:#0d477c  !important;
  color:#fff !important
}
.aside .list-group-item:first-child{
  padding-left:35px
}
.aside .list-group-item:first-child .glyphicon-chevron-down:before{
  left:-25px
}
.aside .node-checked{
  background-color:#fff !important;
  color:#000 !important
}
.folder-view__title{
  padding:15px 0;
  font-size:20px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fece5b
}
.folder-view__filters{
  border-bottom:solid 4px #0d477c
}
.folder-view__table{
  width:100%
}
.course-objects__item{
  height:82px;
  vertical-align:middle !important;
  border:none !important;
  font-size:18px;
  text-align:left;
  color:#333
}
.course-objects__item:first-of-type{
  border-radius:5px 0 0 5px
}
.course-objects__item:last-of-type{
  border-radius:0 5px 5px 0
}
tr:nth-child(odd) .course-objects__item{
  background-color:#f6f6f6
}
.course-objects__item--icon{
  width:82px;
  padding:20px 0 !important;
  text-align:center
}
tr:nth-child(odd) .course-objects__item--icon{
  background-color:#ececec !important
}
.course-objects__item--name{
  padding:20px !important
}
.course-objects__item--action{
  width:40px;
  padding:20px 5px !important;
  text-align:center
}
.course-objects__item--dropdown{
  width:160px;
  padding:20px 20px 20px 0 !important
}
.section-coourse__header,.section-coourse__menu{
  padding:0
}
@media (min-width: 768px){
  .section-coourse__header,.section-coourse__menu{
      padding:0 15px
  }
}
.section-coourse__header{
  display:inline-block;
  margin-top: 45px;
}
@media (min-width: 768px){
  .section-coourse__header{
      margin-top:110px
  }
}
.section-coourse__img{
  display:inline-block;
  padding:2px;
  border:1px solid #ccc
}
@media (min-width: 1024px){
  .section-coourse__img{
      max-width:70%;
      margin:5px 25px 25px 0
  }
}
.section-coourse__title{
  padding-top:30px;
  color:#0d477c;
  font-weight:bold
}
@media (min-width: 768px){
  .section-coourse__title{
      padding-top:0
  }
}
.section-coourse__menu{
  overflow:visible;
  border-bottom:none;
  background-color:#f6f6f6
}
.section-coourse__menu ul li a:hover{
  color:#0d477c
}
.section-coourse__menu .prv,.section-coourse__menu .nxt{
  position:relative;
  cursor:pointer;
  display:inline-block;
  padding:5px
}
.section-coourse__menu ul li a.active{
  color:#0d477c
}
@media (min-width: 768px){
  .section-coourse__menu{
      border-radius:10px;
  }
}
.section-coourse__dropdown{
  padding-top:20px;
  padding-bottom:20px
}
@media (min-width: 768px){
  .section-coourse__dropdown{
      background-color:#f6f6f6
  }
}
.section-coourse__menu-slider{
  float:left;
  position:relative;
  margin:0;
  overflow:hidden;
  list-style:none;
  white-space:nowrap;
  padding:0
}
.section-coourse__menu-slider li{
  vertical-align:top;
  margin:0 5px;
  display:inline-block;
  *display:inline;
  zoom:1
}
.section-coourse__menu-slider li a{
  float:left;
  font-size:14px;
  line-height:26px
}
.section-coourse__progress-container{
  padding:4px;
  border:1px solid #c2c2c2;
  border-radius:5px;
  margin-top:30px;
  margin-bottom: 10px
}
@media (min-width: 768px){
  .section-coourse__progress-container{
      max-width:250px
  }
}
.section-coourse__progress{
  margin-bottom:0;
  height:25px;
  background:transparent;
  box-shadow:none
}
.section-coourse__progress .progress-bar{
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:left;
  color:inherit
}
.section-coourse__progress .progress-bar span{
  padding-left:10px;
  color:#fff
}
.section-coourse__progress .progress-bar[aria-valuenow='0'] span{
  color:inherit
}
.section-coourse__progress .glyphicon{
  margin:5px 8px 0 0;
  cursor:pointer
}
.progress-bar-warning--black span{
  color:#000 !important
}
.section-coourse__menu-horizontal{
  margin:28px 0
}
.section-coourse__aside{
  padding-top:20px;
  padding-bottom:20px;
  position:relative;
  background-color:#f6f6f6
}
.section-coourse__aside:before{
  width:calc(100% - 60px);
  height:2px;
  content:'';
  position:absolute;
  top:0;
  left:30px;
  background-color:#ececec
}
.section-coourse__menu-horizontal .slider-menu{
  border-bottom:solid 1px #ececec
}
.forma-dropdown__selected:hover{
  background-color:#fff;
  color:#0d477c
}
#course-info-boot+#yui-main-boot .page-header h1,
#course-info-boot+#yui-main-boot .page-header h1 a{
  color:#0d477c;
  font-family:"Open-sans",Arial;
  font-weight:bold;
  font-size:18px;
  text-transform:uppercase
}
.section-coourse .icon--coourse-menu-gestione{
  display:none
}
@media (min-width: 768px){
  .section-coourse .icon--coourse-menu-gestione{
      display:block
  }
}
#course-info-boot+#yui-main-boot{
  font-family:"Open-sans",Arial
}
@media (min-width: 1024px){
  #course-info-boot+#yui-main-boot{
      padding:0 30px
  }
}
#course-info-boot+#yui-main-boot .page-header{
  margin-bottom:0;
  display:none
}
@media (min-width: 768px){
  #course-info-boot+#yui-main-boot .page-header{
      display:block
  }
}
#course-info-boot+#yui-main-boot .page-header .breadcrumb li,
#course-info-boot+#yui-main-boot .page-header .breadcrumb li a,
#course-info-boot+#yui-main-boot .page-header .breadcrumb>li+li:before {
  color: #0d477c;
}
#course-info-boot+#yui-main-boot .page-header .breadcrumb li a {
  font-weight: bold;
}

.breadcrumb_wrapper .breadcrumb {
    min-height: 60px;
    padding: 22px 31px;
    font-size: 14px;
    border-radius: 10px;
}

.breadcrumb_wrapper .breadcrumb li,
.breadcrumb_wrapper .breadcrumb li a {
  color: #0d477c;
  font-weight: bold;
}

.breadcrumb_wrapper .breadcrumb > li + li:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 8px;
  background: url('/templates/standard/images/standard/menu_closed.png') no-repeat center;
  background-size: contain;
  margin: 0 0;
  vertical-align: middle;
}

.breadcrumb_wrapper .breadcrumb li a {
  color: #0d477c;
  font-weight: normal;
}

.slider-menu{
  padding:0 22px;
  margin:0
}
@media (min-width: 1024px){
  .slider-menu.hidden-arrows .slider-menu__arrow{
      display:none !important
  }
}
.slider-menu--tabs .slick-slide{
  margin-right:9px
}
.slider-menu__item{
  height:30px;
  padding:5px 10px;
  position:relative;
  font-size:15px;
  line-height:19px
}
.slider-menu .slider-menu__item{
  list-style-type:none;
  display:inline-block
}
.slick-slide:nth-child(n+2) .slider-menu__item{
  padding-left:13px
}
.slick-slide:nth-child(n+2) .slider-menu__item:before{
  width:3px;
  height:3px;
  content:'\f0da';
  font-family:"FontAwesome";
  font-size:9px;
  position:absolute;
  left:0;
  background-color:transparent
}
.slider-menu__item a{
  font-family:"Open-sans",Arial;
  transition:all 0.2s ease-in 0s
}
.slider-menu__item a:hover{
  color:#0d477c
}
.slider-menu__item.is-selected a{
  color:#0d477c;
  font-weight:bold
}
.slider-menu__item--selected-area{
  color:#0d477c
}
.slider-menu__arrow{
  width:18px;
  height:30px;
  position:absolute;
  top:0;
  z-index:1;
  line-height:30px;
  text-align:center
}
.slider-menu__arrow.slick-prev{
  left:0
}
.slider-menu__arrow.slick-next{
  right:0
}
.slider-menu__arrow.slick-disabled{
  visibility:hidden
}
.slider-menu__arrow span:last-child{
  margin-left:-8px
}
.slider-menu--tabs .slider-menu__arrow{
  top:5px
}
.homepage{
  height:auto;
  max-height:initial;
  position:relative;
  background-image:url("images/login/bg.jpg");
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-attachment: fixed
}

@media (min-width: 768px){
  .homepage{
      padding-top:30px
  }
}
.homepage__footer{
  padding:0;
  margin:30px auto 0 auto;
  padding-bottom: 30px;
  text-align:center;
  color:#fff
}
.homepage__footer a{
  color:#fff
}
.homepage__content,
.homepage__content_external{
  position:relative;
  margin:0 auto;
  background-color:#fff;
  box-shadow:0 5px 20px 0 rgba(0,0,0,0.15);
  overflow:visible
}
.homepage__content{
  width:100%;
  max-width:760px;
}
@media (min-width: 768px){
  .homepage__content,
  .homepage__content_external{
      margin:0 auto;
      border-radius:5px
  }
}
.homepage__row{
  padding:0 14px;
  overflow:hidden;
  line-height:1.5;
  text-align:center
}
@media (min-width: 768px){
  .homepage__row{
      padding:0 30px
  }
}
@media (min-width: 768px){
  .homepage__row.row-fluid{
      padding:10px 15px
  }
}
.homepage__row.clearfix{
  overflow:visible
}
.homepage__row--text-left{
  text-align:left
}
.homepage__row h3{
  font-size:18px
}
.homepage__row p,
.homepage__row li {
  font-size:12px;
  color:#666;
  width:100%
}
.homepage__row--header{
  height:auto;
  padding-top:15px;
  padding-bottom:15px;
  overflow:visible;
  background-color:transparent;
  border-bottom:solid 3px #0d477c;
  position:relative;
  text-align:left
}
@media (min-width: 768px){
  .homepage__row--header{
      padding-top:38px;
      padding-bottom:34px;
      margin-bottom:17px;
      border:none
  }
}
@media (max-width: 767px) {
  .homepage__row--header {height: 100px;}
}
.homepage__row--login{
  padding-top:14px;
  padding-bottom:47px
}
@media (min-width: 768px){
  .homepage__row--login{
      padding-top:32px
  }
}
.homepage__row--gray{
  background-color:#f6f6f6
}
.homepage__row--form{
  text-align:left
}
.homepage__row--form>*{
  margin-top:10px
}
@media (min-width: 768px){
  .homepage__row--form>*{
      margin-top:0
  }
}
.homepage__row--form-disclaimer{
  margin:5px 0 10px;
  font-size:12px;
  font-style:italic;
  color:#d0d0d0
}
.homepage__row--form-disclaimer>p{
  max-height:70px;
  overflow:auto
}
.homepage__row--privacy .has-error{
  padding:6px 12px;
  border:solid 2px #fece5b;
  border-radius:4px
}
.homepage__back{
  font-weight:bold;
  line-height:1;
  text-transform:uppercase;
  text-align:left
}
.homepage__back a{
  display:block;
  padding:10px 0;
  color:inherit
}
.homepage__back a:hover{
  text-decoration:none
}
.homepage__back .fa{
  color:#fece5b
}
.homepage__background{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url("images/login/bg.jpg");
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-color:#fff
}
.homepage__form{
  padding:0;
  margin:0;
  border:none
}
.homepage__links{
  margin-top:12px;
  margin-bottom:12px;
  font-size:0
}
.homepage__links>a{
  display:inline-block;
  margin:0 4px;
  line-height:1;
  font-size:12px;
  text-decoration:underline;
  color:#666666
}
.homepage__row--login .homepage__links>a{
  font-size:14px
}
.homepage__row--footer .homepage__links>a{
  font-size:14px;
  font-weight:bold
}
.homepage__row--footer .homepage__links{
  padding:10px 0 20px;
  border-top:solid 2px #0d477c
}
.homepage__row--header .pull-right{
  text-align:right
}
.homepage .left_logo{
  height:75px;
}
@media (min-width: 768px){
  .homepage .left_logo{
      height:110px
  }
}
.homepage__footer .poweredby{
  font-size:11px
}
.homepage__row .checkbox-inline{
  font-size:12px;
  line-height:1.4;
  color:#717171
}
.homepage__row--form .checkbox-inline{
  font-size:14px
}
.homepage__row--form .check{
  position:absolute;
  top:0
}
.homepage .forma-button{
  font-weight:bold
}
.homepage__row--header .forma-button{
  width:239px
}
.homepage__row--login .forma-button{
  margin-bottom:15px
}
.homepage__row .forma-button[type='submit']{
  margin-top:15px
}
.homepage__form--lost-pwd .forma-button[type='submit']{
  margin-top:0
}
@media (min-width: 768px){
  .homepage__form--lost-pwd .forma-button[type='submit']{
      margin-top:5px
  }
}
.homepage__form--lost-pwd .forma-button.thin{
  height:34px;
  margin-top:0;
  line-height:34px
}
.homepage__row a.forma-button{
  width:auto;
  margin-top:15px
}
.homepage .forma-button--black{
  transition:background-color 0.25s ease 0s
}
.homepage .forma-button--black:hover{
  background-color:#0d477c
}
.homepage__row--login .form-control,.homepage__row--login .logout,.homepage__row--login .login_failed{
  display:block;
  margin-top:15px
}
.homepage__row--login .logout,.homepage__row--login .login_failed{
  color:#0d477c
}
.homepage__row--form .form-control.has-error{
  border:solid 2px #0d477c
}
.homepage__row--form .form-text,.homepage__row--privacy .form-text{
  display:none;
  margin-top:4px;
  color:#0d477c
}
.homepage__row--form .has-error+.form-text,.homepage__row--privacy .has-error+.form-text{
  display:block
}
.homepage .fa-check{
  margin:20px auto;
  font-size:54px;
  color:#70d800
}
.homepage__text{
  color:#404040;
  font-size:16px
}
.privacy-policy{ 
  text-align: left;
}
.privacy-policy p{
  margin-top: 15px;
}
.homepage__row .homepage__text--title{
  font-size:18px;
  margin-bottom:30px
}
.homepage__row .homepage__text--description{
  margin-top:10px;
  margin-bottom:70px
}
.homepage__text--justified{
  text-align:justify
}
.homepage__text--centered{
  text-align:center
}
.homepage__text--left{
  text-align:left
}
.homepage__collapsed-text{
  height:75px;
  min-height:75px;
  display:block;
  overflow:hidden
}
.homepage__collapsed-text.in{
  height:auto
}
.homepage__collapsed-text+.collapse-wrapper .icon--close{
  padding-left:40px;
  cursor:pointer;
  width:95px;
  font-family:"Open-sans",Arial;
  color:#666;
  padding-top:5px
}
.icon--close:hover:before{
  background-image:url("images/icons/user-panel/icon--up-close-hover.png")
}
.icon--close:before{
  top:0;
  left:0;
  right:inherit;
  width:30px;
  height:30px;
  background-image:url("images/icons/user-panel/icon--up-close.png")
}
.homepage__collapsed-text+.collapse-wrapper{
  height:80px
}
.homepage__collapsed-text+.collapse-wrapper .icon{
  display:none;
  position:relative;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%)
}
.homepage__collapsed-text.in+.collapse-wrapper .icon{
  display:block
}
.homepage__collapsed-text.in+.collapse-wrapper .forma-button{
  display:none
}

@media (min-width: 768px) {
  .row.lms-user-content-wrapper {
    margin-top: 63px;
  }
}
.menu-select-language {
text-transform: none;
font-weight: normal;
}
.green_menu #change_language {
/* background: none; */
border: none;
margin-right: 0;
}
.green_menu #change_language:before,
.green_menu .select-language .dropdown-menu .dropdown-item:before {
display: none;
}
.green_menu .select-language .dropdown-menu {
min-width: 160px;
position: absolute;
background-color: #fff ;
border: 1px solid rgba(0,0,0,.15);
float: left;
margin-top: 2px;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.select-language .dropdown-menu a {
margin: 7px 0;
}
.green_menu .select-language .dropdown-menu .dropdown-item {
/* background: none; */
color: #000000;
font-weight: normal;
padding: 0 8px;
font-size: 14px;
margin: 7px 0!important;
}
.externalpage {
margin-top: 40px;
}
#middlearea.yui-navset ul.nav.nav-tabs {
border-bottom: solid 3px #0576ba;
}
#communication_simple_filter_options {
background-color: #ffffff;
}
#communications_table .main-full .header {
display: none;
}
.pagina-autoiscrizione p {

float:left;
padding:0 10px 0 0;
}
.pagina-autoiscrizione label{

float:left;
font-weight:bold;
font-size: 14px;
}
#subscribe.pagina-autoiscrizione  {
padding: 3px 10px;
/*margin: 6px 58px;*/
} 
.form-autoregistration {
display: flex;
margin-top: 4px;
}

.form-autoregistration input{
	font-size: 16px;
  border-width: 2px;
	margin: 0 3px;
	border-radius: 12px 12px 12px 12px!important;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-color:#868686!important;
	text-align:center;
  text-shadow: none;
}
.form-autoregistration span.title{
	color:#000000!important;
}
.form-autoregistration input[type=submit] {
	
	border:none!important;
	background-color: #E96465!important;
	color: #FFFFFF!important;
	border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	padding:2px 10px !important;
  background-image: none;
}
span.title {
  display: flex;
  text-align: left;
  font-size: 14px;
}
span.title img {
  height: 19px;
  max-width: 100%;
  width: auto!important;
  display: inline!important;
  margin: 0 0 0 5px!important;
}
.autoregisteration_email a {
  color:#E96465!important;
  font-size: 13px;
}
.autoregisteration_email a:hover {
  text-decoration: underline;
}
#course_autoregistration_code {
  max-width: 100px;
  max-height: 26px;
  /* margin-left: auto;
  margin-right: auto; */
}
.jd-slider .slide-area li img {
  /* max-width: 253px; */
  margin-left: auto;
  margin-right: auto;
}
.forma-button.button-webinar-access {
  width: auto;
  padding: 0 15px;
  margin-top: 20px;
}
div.frame_fullscreen {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
  overflow-y: hidden;
  background-color: #ffffff;
  padding-left: 15px;
}
.frame_replicabilita > iframe {
  width: 100%;
}
.frame_fullscreen > iframe {
  width: 98%;
}
.reduce_screen, .full_screen {
  display: block;
  float: right;
  background-color: #ffffff;
  margin-top: 12px;
}
.reduce_screen {
  border: none;
  font-weight: bold;
  margin: 20px 50px 10px 0;
}
.reduce_screen:hover {
  cursor: pointer;
}
.full_screen {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border: none;
  margin-bottom: 10px;
}
.full_screen:hover {
  cursor: pointer;
}
#change_screen_btn {
  height: 20px;
  width: 20px;
}
.btn_blu:hover,
.btn_blu:focus,
.btn_pink:hover,
.btn_pink:focus {
  color: #ffffff;
  text-decoration: none;
} 
#page2 .reg_form{padding:65px 20px 0 0; margin: 0 auto; background: url("../images/bgRegistrazione.jpg") no-repeat center 0px;}
#page2 .reg_form_end{padding:0; height:50px; margin:-11px auto 0 auto; background: url("../images/bgRegistrazione.jpg") no-repeat center -540px;}
#page2 .reg_mandatory_field_label{font-size:12px;padding:0 65px 0 0; margin:-20px 140px 0 0; position: relative; left: 174px;}
input.button_registra,
input.button_registra_joy{
	background: url("../images/bottonegiallo.jpg") no-repeat 0px 3px;
	height: 38px;
	width: 115px;
	border: none;
	color: white;
	font-weight: bold;
	text-align: left;
	padding-left: 16px;
	margin:0 auto 15px auto;
	cursor:pointer;
  box-shadow: none;
  text-shadow: none;
}
input.button_registra_joy{
	padding-left: 34px;
}
input.button_registra_joy:hover,
input.button_registra_joy:focus {
  border: none;
  color: #ffffff;
  background-color: transparent;
  background-position: unset;
  box-shadow: none;
  text-shadow: none;
  background: url("../images/bottonegiallo.jpg") no-repeat 0px 3px;
}
div.button_enter {
  display: block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  font-size: 12px;
  background-color: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 48%, #FFFFFF 49%, #FFFFFF 82%, #fff 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fff 48%, #FFFFFF 49%, #FFFFFF 82%, #fff 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #fff 48%, #FFFFFF 49%, #FFFFFF 82%, #fff 100%);
  background-image: linear-gradient(top, #fff 0%, #fff 48%, #FFFFFF 49%, #FFFFFF 82%, #fff 100%);
  border-color: hsl(0, 0%, 68%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #ccc;
  -moz-text-shadow: 1px 1px 1px #ccc;
  -o-text-shadow: 1px 1px 1px #ccc;
  text-shadow: 1px 1px 1px #ccc;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
  margin: 5px auto 15px auto;
}
div.button_enter a {
  color: #080808;
}
div.button_enter strong {
  letter-spacing: 1px;
  font-size: 22px;
}
div.button_enter:hover {
  color: #080808;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #fff 48%, #fff 49%, #fff 82%, #fff 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #fff 48%, #fff 49%, #fff 82%, #fff 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #fff 48%, #fff 49%, #fff 82%, #fff 100%);
  background-image: linear-gradient(top, #fff 0%, #fff 48%, #fff 49%, #fff 82%, #fff 100%);
  border-color: hsl(0, 0%, 68%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #ccc;
  -moz-text-shadow: 1px 1px 1px #ccc;
  -o-text-shadow: 1px 1px 1px #ccc;
  text-shadow: 1px 1px 1px #ccc;
}
div.button_enter:active {
  color: #080808;
  background-color: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #FFFFFF 100%);
  background-image: linear-gradient(top, #f2f2f2 0%, #FFFFFF 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}
div.button_enter.yellow {
  display: block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #D1A700;
  background-image: -webkit-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -moz-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -o-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  border-color: hsl(48, 42%, 35%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b5500;
  -moz-text-shadow: 1px 1px 1px #6b5500;
  -o-text-shadow: 1px 1px 1px #6b5500;
  text-shadow: 1px 1px 1px #6b5500;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding: 12px 30px 12px 30px;
  margin: 20px auto;
}
div.button_enter.yellow  strong {
  letter-spacing: 1px;
  font-size: 22px;
}
div.button_enter.yellow:hover {
  color: #FFFFFF;
  background-color: #e0b300;
  background-image: -webkit-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -moz-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -o-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  border-color: hsl(48, 40%, 34%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a6100;
  -moz-text-shadow: 1px 1px 1px #7a6100;
  -o-text-shadow: 1px 1px 1px #7a6100;
  text-shadow: 1px 1px 1px #7a6100;
}
div.button_enter.yellow :active {
  color: #FFFFFF;
  background-color: #c29b00;
  background-image: -webkit-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -moz-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -o-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: linear-gradient(top, #b89300 0%, #D1A700 100%);
  padding: 13px 30px 11px 30px;
}
/*end button enter*/
.reg_success{
	font-size: 14px;
}
div.div150{width:150px;}
div.div250{width:250px;}
.content_joy_reg .login_failed{display:block;color:#ffffff;background:#EE1111;padding:3px 3px;-khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.80; text-align: center; width: 289px; margin: 20px auto 0 auto; border-radius: 3px;}
.content_joy_reg .banner {text-align: center; margin-bottom: 30px;}
.content_joy_reg .banner img {width: 70%;}
@media (max-width: 576px) {
  .reduce_screen {
    margin: 20px 20px 10px 0;
  }
}
#chisiamo hr {
  margin-top: 10px;
  margin-bottom: 15px;
}
#chisiamo > div {
  background-color: #f4f4f4;
  border-radius: 0 0 15px 15px;
  margin-bottom: 30px;
}
#chisiamo > div img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#chisiamo > div .chisiamo_content {
  margin: 0 110px;
}
#chisiamo > div .chisiamo_title {
  text-align: center; 
  margin-top: 20px;
}
#chisiamo > div .chisiamo_title p {
  text-align: center; 
  font-size: 16px;
}
#chisiamo > div .chisiamo_title p strong {
  color: #0576ba;
}
#chisiamo > div .chisiamo_title p .faded {
  color: #0576ba; 
  opacity: 0.4;
}
#chisiamo > div .chisiamo_body {
  text-align: center; 
  color: #0b528a; 
  margin-top: 30px; 
  font-size: 14px;
}
#chisiamo > div .chisiamo_btn {
  text-align: center; 
  margin-top: 30px;
}
#chisiamo > div .chisiamo_btn a {
  color: #0b528a; 
  background-color: #fece5b; 
  font-weight: bold;
  border-radius: 5px; 
  padding: 8px 27px; 
  top: 8px; 
  position: relative;
}

#safeguarding_box {
  background-color: #E6F7FF;
  display: flex;
  min-height: 200px;
  flex-direction: column;
  justify-content: center; 
  align-items: flex-start; 
  padding: 20px;
  margin-left: 9px;   
  margin-right: 9px;  
  text-align: left;
}

#safeguarding_box > h1 {
  font-size: 19px;
  color: #0c6db4;
  margin-left: 5px;
  word-wrap: break-word;
  padding-left: 20px;
  padding-right: 20px;
}

#safeguarding_box > p {
  font-family: "Open Sans", Arial;
  color: #0d477c;
  font-size: 115%;
  margin-left: 5px;
  word-wrap: break-word;
  padding-left: 20px;
  padding-right: 20px;
}

#safeguarding_button{
  background:#0576ba;
  color:white;
  border-color:#0576ba;
}

.podcast-image{
  width: 250px;
  height: 250px;
  overflow: hidden;
}

.podcast-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-content {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  margin-left: -60px;
  max-width: 690px;
}

.podcast-header {
  margin-bottom: 15px;
}

.podcast-subtitle h2{
  color: #0c6db4;
}

.podcast-description {
  flex-grow: 1;
  margin-bottom: 15px;
  font-size: 17px;
  color: #797979;
}

.podcast-button {
  margin-top: auto;
  align-self: flex-start;
}

.podcast-button button{
  margin-top: auto;
  align-self: flex-start;
  border-radius: 25px;
  line-height: 30px;
  width: 200%;
  text-align: center;
  font-weight: bold;
}

.podcast-item {
  padding-bottom: 40px;
  margin-bottom: 80px;
  border-bottom: 3px solid #eee;
}

.podcast-item:last-child {
  border-bottom: none;
  margin-bottom: 30px;
}

.podcast-item:first-child {
  padding-top: 30px;
}

.podcast-episodes-container {
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, padding 0.0s ease-in-out;
  padding: 15px 15px;
  display: none; 
}

.podcast-episode-content {
    padding: 15px;
    margin: 10px 30px;
}

.podcast-episode-content p, h1{
  padding-bottom:5px;
}

.podcast-episode-content p {
  color:#808080;
  font-size: 15px;
}

.podcast-episode-content:first-child {
  margin-top: 40px;
  padding-top: 40px;
}

.podcast-episodes-container.active {
  max-height: 1000px;
  padding: 20px 15px;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

.podcast-episodes-content {
  padding: 15px;
}

.podcast-button button.active::after {
  transform: rotate(180deg);
}

.episode-duration {
    color: #0c6db4    !important;       
    padding-left: 0;
    margin-left: 10px;
}

.close-episode-container{
  margin-top: 40px;
  padding-top: 15px;
  padding-right: 30px;
  border-top: 3px solid #eee;
}

.audio-player-wrapper {
  display: flex;
  flex-direction: row; 
  align-items: center;
}

.player{
  display:flex; 
  gap: 10px;
  align-items:center;
  padding: 5px 14px; 
  border-radius:30px;
  background-color:#0576ba; 
  width:min(300px, 100%);
  font:14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  height: 40px;
}
.play-btn{
  width:40px; 
  height:40px; 
  border-radius:999px;
  border:0; 
  background:transparent;  
  color:#fff;  
  display:grid; 
  place-items:center;
  cursor:pointer;
  font-size: 18px;
}
.bar{ 
  flex:1; 
  display:flex; 
  flex-direction:column; 
  gap:6px; 
}

.bar-seek {
  flex: 5;
}

.bar-vol {
  flex: 2;
}

.seek {
  width: 100%;
}

.vol {
  width: 100%;
}

.time{ 
  opacity:.8; 
  font-size:12px; 
  display:flex; 
  justify-content:space-between; }

.seek, .vol{
  -webkit-appearance:none; 
  appearance:none;
  height:6px; 
  border-radius:999px;
  background:rgba(255,255,255,.18);
  outline:none;
}
.seek::-webkit-slider-thumb, .vol::-webkit-slider-thumb{
  -webkit-appearance:none; 
  appearance:none;
  width:13px; 
  height:13px; 
  border-radius:999px;
  background:#fff; 
  border:none;
}
.seek::-moz-range-thumb, .vol::-moz-range-thumb{
  width:13px; 
  height:13px; 
  border-radius:999px;
  background:#fff; 
  border:2px solid #2b6cff;
}
.seek::-moz-range-track, .vol::-moz-range-track{
  height:6px; 
  border-radius:999px; 
  background:rgba(255,255,255,.18);
}
.seek::-moz-range-progress, .vol::-moz-range-progress {
  background: #fff;
  height: 6px;
  border-radius: 999px;
}

.seek, .vol {
  --range-progress: 0%;
  background: linear-gradient(to right, #fff var(--range-progress), rgba(255,255,255,.18) var(--range-progress));
}

.vol-btn {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex-shrink: 0;
}

.vol-btn:focus {
  outline: none;
}

/* Opzionale: rimuovi anche altri effetti */
.vol-btn:active {
  background: transparent;
}

@media(min-width: 992px){
  .podcast-image-container{
    padding-left: 40px;
  }
}

@media(min-width: 1200px){
  .podcast-image-container{
    padding-left: 60px;
  }
}

@media(max-width: 1090px){
  .podcast-content{
    margin-left: -20px;
  }
}

@media (max-width: 991px) {

  .podcast-content {
    margin-left: 0 !important;
    text-align: center;
    min-height: auto !important;
  }
  
  .podcast-item {
    text-align: center;
    margin-bottom: 20px;
  }

  .podcast-container{
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .podcast-image {
    display: inline-block;
    margin: 0 auto;
  }
  
  .podcast-header,
  .podcast-title,
  .podcast-subtitle,
  .podcast-description,
  .podcast-button {
    text-align: center;
  }

  .podcast-header{
    padding-top: 5px;
  }
  
  .podcast-button {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
  }

  .podcast-button button {
    width: 100%;
  }

  .audio-player-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  
  .player {
    margin: 0 auto;
  }
  
  .episode-duration {
    text-align: center;
    margin: 0 auto;
  }
}

.row-eq-height {
  display: table;
  width: 100%;
}

.row-eq-height > [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.row-eq-height > .col-sm-9 {
  padding-bottom: 30px;
}

.org-container {
  max-width: 290px;
  margin: 0 auto;
}

.org-container-technical-board {
  max-width: 410px;
  margin: 0 auto;
}

.org_element{
  height: 160px; 
  margin: 0 auto 5px; 
  overflow: hidden;
}

.org_bottom_text {
  display: flex; 
  align-items: center; 
  gap: 8px;
  margin: 0;
}

.org_element_button{
  background: #0776ba;
  border: 2px solid #0776ba;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 50px;
  padding-left: 10px; 
  text-transform: none; 
  margin-bottom: 10px; 
  border-radius: 10px; 
  text-align: left; 
}

.org_element_button:hover{
  background: #0e477c;
  border: 2px solid #0e477c;
}

 .org_element_button:visited,
 .org_element_button:active,
 .org_element_button:focus {
  color: #ffffff;
 }

.org_element_button p{
  margin: 0;
  line-height: 1.3;
  text-align: left;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.technicalboard_image {
  position:relative;
  height: 200px; 
  background-image:url(images/course-box/course-box-bg.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  border: 3px solid #FFFFFF;
  padding-bottom: 5px;
  margin-bottom: 3px;
}

.technicalarea_button{
  background:#0576ba;
  color:white;
  border-color:#0576ba;
  border-radius: 10px;
  margin-top: 5px;
}

@media (max-width: 768px) {
  #safeguarding_box {
    padding: 15px 10px;  
    min-height: auto;     
  }
  
  #safeguarding_box > p {
    font-size: 100%;     
  }
  
  #safeguarding_box > h1 {
    font-size: 17px;    
  }
}

@media (max-width: 768px) {
  #chisiamo > div .chisiamo_content {
    margin: 0 40px;
  }
}
.home_textof table {
  margin: 10px auto;
}
.webpage-privacy {
  text-align: left; 
  margin-bottom: 20px;
}
.webpage-privacy li{
  margin-top: 10px;
}
#jom-custom {
  margin-bottom: 30px;
  padding: 0 20px;
}
#jom-custom p {
  text-align: justify;
  color: #706E6F;
  font-size: 16px;
}
#jom-custom h1,
#jom-custom h2 {
  font-weight: bold;
}
#jom-custom h2 {
  font-size: 18px;
} 
#jom-custom p,
#jom-custom h1,
#jom-custom h2,
#jom-custom .jom-btn {
  font-family: 'Open Sans', sans-serif;
}
#jom-custom .manual img {
  max-height: 225px;
}
#jom-custom .manual-pages {
  margin-bottom: 20px;
}
#jom-custom .manual-btn {
  margin-bottom: 17px;
}
#jom-custom .know-more {
  margin-bottom: 25px;
  text-align: center;
  margin-top: 75px;
}
#jom-custom .jom-btn {
  display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
#jom-custom .know-more {
  margin-top: 10px;
}
}
@media (max-width: 767px) {
#jom-custom .know-more {
  margin-top: 0;
}
#jom-custom .manual {
  text-align: center;
}
}
.flex {
display: flex;
}
#filter_buttons {
float: left;
}
@media (max-width: 1023px) {
  #change_language {
    margin-top: 15px;
  }

  .dropdown-item.lang-sprite {
    line-height: 1!important;
  }
}
#div_course .slide-inner, 
#div_course .homeSlider {
/*background-color: #E6F4F9;*/
}
#div_course .homeSlider {
  display: inline-block;
  margin: 0 7px 0 7px;
  width: -webkit-fill-available;
  width: -moz-available;
}

.socialBanner {
  padding: 0 40px;
}

.course-box .course-box__item .course-box__title div {
  max-height: 100px;
  overflow-y: auto;
}

#uploadfilesform .forma-button { 
  max-width: 250px; 
  float: left;
} 

#home-calendar {
  margin-bottom: 50px;
}

table.eventForm .label {
  color: #8c8c8c;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  font-size: 100%;
  line-height: 2;
}

.home-login-page {
  overflow-x: hidden;
}

.home-login-page .row {
  max-width: 1920px;
  margin: 0 auto;
}

.home-login-page .row.homelogin--top,
.home-login-page .row.homelogin--footer-bg  {
  max-width: 100%;
}

.home-login-page,
.home-login-page .social-login__title span,
.home-login-page #login_confirm #login {
  font-family: 'Open Sans', sans-serif;
}

@font-face {
  font-family: 'Avenir';
  src: url("fonts/AvenirLTStd-Black.otf") format("opentype");
}

.home-login-page h1 {
  font-family: 'Avenir', 'Open Sans';
  font-size: 30px;
}

@media (min-width: 992px) {
  .home-login-page h1 {
    font-size: 46px;
  }
}

.home-login-page p {
  color: #706E6F; 
  font-size: 16px;
}

.home-login-page .homelogin--top {
  height: 170px;
  background-position-y: -30px;
  background-image: url("images/login/login.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.home-login-page .iub__us-widget {
  background-color: #0d477c;
  max-height: 90px;
}

@media (min-width: 768px) {
  .home-login-page .homelogin--top {
    height: 200px;
  }
}

@media (min-width: 992px) {
  .home-login-page > div {
    height: 100%;
  }

  .home-login-page > div#onetrust-consent-sdk {
    height: 0;
  }

  .home-login-page .homelogin--top {
    height: 293px;
    background-position-y: -63px;
  }
}

@media (min-width: 1200px) {
  .home-login-page .homelogin--top {
    height: 340px;
    background-position-y: -145px;
  }
}

.home-login-page .homelogin--description img {
  max-height: 80px;
  margin: 20px 0;
}

@media (min-width: 992px) {
  .home-login-page .homelogin--description img {
    max-height: 155px;
    margin: 25px 0;
  }
}

.home-login-page .homelogin--description p {
  max-width: 320px;
  margin-top: 5px;
  font-size: 15px;
}

@media (min-width: 992px) {
  .home-login-page .homelogin--description p {
    max-width: 435px;
    margin-top: 12px;
    font-size: 16px;
  }
}

.home-login-page .homelogin--maincontent {
  min-height: calc(100% - 105px);
}

.home-login-page #login_confirm {
  max-width: 300px;
  margin: 20px auto 0 auto;
}

.home-login-page #login_confirm #login {
  margin-top: 30px;
  font-family: 'Avenir', 'Open Sans';
  text-transform: none;
  height: 34px;
  line-height: unset;
}

.home-login-page #login_confirm #login:hover,
.home-login-page #login_confirm #login:focus {
  background-color: #0d477c;
  border-color: #0d477c;
  color: #ffffff;
}

.home-login-page #login_confirm input {
    border-radius: 20px;
}

.home-login-page #service_msg, 
.home-login-page .homepage__links,
.home-login-page .homelogin--logout {
  max-width: 300px;
  margin: 15px auto 0 auto;
}

.home-login-page #login_confirm label {
  max-width: 300px;
  margin: 15px auto 0 10px;
}

.home-login-page .social-login{
  max-width: 300px;
  margin: 20px auto 0 auto;
}

@media (min-width: 992px) {
  .home-login-page #service_msg, 
  .home-login-page .social-login, 
  .home-login-page .homepage__links,
  .home-login-page .homelogin--logout {
    max-width: 365px;
    margin: 15px auto 0 60px;
    font-weight: bold;
  }
  
  .home-login-page #login_confirm label {
    max-width: 365px;
    margin: 15px auto 0 70px;
  }

  .home-login-page #login_confirm input {
    max-width: 365px;
    margin: 2px auto 0 60px;
  }

  .home-login-page #login_confirm {
    max-width: unset;
    margin: 10px 0 0 0;
  }
}

.home-login-page .homepage__links a {
  text-decoration: none;
}

.home-login-page .social-login__title {
  padding: 10px 0;
}

.home-login-page .social-login__title:before {
  width: 100%;
  left: 0;
}

.home-login-page .social-login__title span {
  background-color: #ffffff;
  font-style: normal;
}

.home-login-page .select-language-container {
  text-align: center;
}

.home-login-page .select-language {
  margin: 15px 0 0 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: unset;
}

@media (min-width: 992px) {
  .home-login-page .select-language-container {
    text-align: unset;
    float: right;
  }

  .home-login-page .select-language {
    margin: 15px 30px 0 0;
    text-align: right;
  }
}

.home-login-page .blue {
  color: #0aabe3;
}

.home-login-page p.blue {
  color: #0d477c;
}

.home-login-page .blue a  {
  color: #ffffff;
}

.home-login-page .homelogin--footer .blue {
  color: #0975b5;
}

.home-login-page .homelogin--footer {
  min-height: 105px;
}

.home-login-page .homelogin--footer-bg {
  background-color: #0d477c;
  padding: 15px;
}

@media (min-width: 992px) {
  .home-login-page .homelogin--footer-bg {
    padding: 15px 0;
  }
}

.home-login-page .homelogin--footer-bg a {
  margin-right: 10px;
  font-weight: bold;
  font-size: 12px;
}

.home-login-page .info {
  margin: 10px auto 20px auto;
  height: 100%;
  max-width: 320px;
}

@media (min-width: 992px) {
  .home-login-page .info {
    margin: 0 auto 20px auto;
    max-width: unset;
  }
}

@media (max-height: 915px) {
  .home-login-page .info {
    margin: 30px auto 20px auto;
    max-width: unset;
  }
}

.home-login-page .info p {
  font-size: 12px;
}

.home-login-page .info p a {
  color: #706E6F;
  font-weight: bold;
}

.home-login-page .info p span.blue {
  font-family: 'Avenir', 'Open Sans';
  font-size: 20px;
}

.home-login-page .info p span.blue img {
  height: 25px;
  transform: rotate(90deg);
}

@media (min-width: 992px) {
  .home-login-page .info p span.blue {
    margin-right: 10px;
  }

  .home-login-page .info p span.blue img {
    height: 35px;
    margin-right: 5px;
    transform: unset;
  }
}

.home-login-page #login_confirm label,
.home-login-page .social-login__title span {
  font-family: 'Avenir', 'Open Sans';
  color: #706E6F;
  font-weight: unset;
}

@media (min-width: 992px) {
  .home-login-page .is-mobile {
    display: none;
  }
}

#archive-data .archive-text {
  align-items: center;
  display: flex;
}

#archive-data .archive-text.col-sm-1 {
  min-height: 80px;
  justify-content: unset;
}

#archive-data .archive-text img {
  max-height: 40px;
  margin: auto;
}

#archive-data .archive-text .d-block {
  display: block;
}

#archive-data .uploaded-file {
  border: 2px solid #f6f6f6;
  border-radius: 3px;
  margin-bottom: 5px;
}

#archive-data .uploaded-file .col-xs-9 {
  min-height: 80px;
}

#archive-data .uploaded-file .col-xs-9 > .row {
  margin-top: 8px;
}

#archive-data .uploaded-file-head {
  padding: 10px 0;
  background-color: #f6f6f6;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 3px;
}

#archive-data .pink {
  color: #0d477c;
}

#archive-data-upload,
#archive-data-upload .form_elem_button {
  background-color: #f6f6f6;
}

#archive-data-upload {
  border-radius: 3px 3px 0 0;
  padding-left: 40px;
}

#archive-data-upload .form_elem_button {
  border-radius: 0 0 3px 3px;
  height: 75px;
}

#archive-data-upload .form_elem_button input:hover {
  background-color: #fece5b;
  border-color: #fece5b;
}

#archive-data-upload #file_area input {
  
}

#archive-data .interactions {
  align-items: center;
  display: flex;
  min-height: 50px;
  justify-content: center;
}

#archive-data .interactions img {
  max-width: 35px;
  padding: 8px;
}

#archive-data .interactions img:hover,
#archive-data .file-name img:hover {
  cursor: pointer;
}
#archive-data .interactions img.border-left {
  border-left: 1px solid #bcbebf;
}

#archive-data .interactions img.border-left:not(.confirmfile):hover {
  cursor: default;
}

#archive-data .file-name img {
  max-width: 35px;
  padding: 8px;
}

.loader{
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  z-index: 99999999;
  position: fixed;
  top: 50%;
  left: 0;
}

#spinner:before, #spinner:after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #0d477c;
}

#spinner:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#spinner:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (min-width: 768px) {
  #archive-data .uploaded-file .col-xs-9 {
    min-height: unset;
  }
  

  #archive-data .uploaded-file .col-xs-9 > .row {
    margin-top: unset;
  }

  #archive-data .archive-text,
  #archive-data .archive-text.col-sm-1 {
    min-height: 50px;
    justify-content: unset;
  }
  
  #archive-data .archive-text img {
    margin: unset;
  }

  #archive-data .archive-text .d-block {
    text-align: unset;
  }

  #archive-data .interactions {
    justify-content: unset;
  }
}

iframe.googledrive {
  width: 100%; 
  height: 550px; 
  border: 0;
}
#grid-inline-visualization-google-drive{ 
  background-color: #ececec;
  height: 40px;
  margin-top: 15px;
  padding: 8px 10px;
  color: #999;
}
#grid-inline-visualization-google-drive a:hover { 
  cursor: pointer;
}
#grid-inline-visualization-google-drive img{
  height: 25px;
}
#grid-inline-visualization-google-drive #btn-line{
  padding-right: 25px;
  padding-left: 5px;
}
#grid-inline-visualization-google-drive p{
  margin-right: 20px;
}

.courselist .rowheader {
  background-color: #0c6db4;
  text-align: center;
  margin: 40px -10px 20px -10px;
  padding: 12px 0;
}

.courselist .rowheader h1 {
  color: #ffffff;
}

#catalog_nav {
  border-bottom: solid 3px #0576ba;
}

#filter-container{
  margin-top: 5px;
}

.forma-quick-search-form.elearning-custom .navbar-course-custom{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1024px){
  .forma-quick-search-form.elearning-custom .navbar-course-custom{
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

.navbar-course-custom .course-list-custom{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin-top: -10px;
  margin-bottom: -5px;
}

@media (min-width: 1024px){
  .navbar-course-custom .course-list-custom{
      width: auto ;
      margin-top: 0;
  }
}

/* Dropdown selezione corso */
@media (min-width: 768px){
  .forma-quick-search-form.elearning-custom .bootstrap-select{
      width: 100% !important;
      margin-top:0;
      margin-left:0;
      margin-bottom:10px !important;
      float:left
  }
}
@media (min-width: 1024px){
  .forma-quick-search-form.elearning-custom .bootstrap-select{
      width:464px !important;
      margin-right:7px
  }
}

@media (min-width: 1440px){
  .forma-quick-search-form.elearning-custom .bootstrap-select{
      width:600px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px){
  .forma-quick-search-form.elearning-custom .bootstrap-select:nth-child(odd){
      margin-right:10px
  }
}

[data-id="course_search_filter_path"]{
  padding-left: 10px;
}

.forma-quick-search-form.elearning-custom .bootstrap-select button.btn.dropdown-toggle:not(.pseudo-class-first-child){
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border: 2px solid white;
}
.forma-quick-search-form.elearning-custom .bootstrap-select button.btn.dropdown-toggle .filter-option{
  color: #0d477c;
  font-weight: bold;
  font-size: 18px;
}
.forma-quick-search-form.elearning-custom .bootstrap-select button.btn.dropdown-toggle .bs-caret .caret:before{
  content:'\f107';
  color:#0576ba;
  font-size:30px;
  font-weight: bold;
}


/* Box scritta "Seleziona il corso" Desktop */
.forma-quick-search-form .select-course-desktop-container{
  display: none;
  position:relative;
  border-radius:5px;
  width:45%;
  height:40px;
  margin-bottom:0
}
@media (min-width: 768px) {
  .forma-quick-search-form .select-course-desktop-container{
      width:200px;
      float:left;
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .forma-quick-search-form .select-course-desktop-container{width: calc(50% - 5px);} 
  .search_full_width {width: 100%!important;}
}
@media (min-width: 1024px){
  .forma-quick-search-form .select-course-desktop-container{
    display: flex;
    margin-right: 15px;
  }
}

.forma-quick-search-form.elearning-custom .select-course-desktop-container .select-course-desktop{
  display: flex;
  align-items: baseline;
  height:40px;
  width: 95%;
  border-radius: 5px !important;
  border: 0px solid white;
  background-color: rgba(255, 255, 255, 0.35);
  font-family: "Open-sans", Arial;
  color: white;
}
.forma-quick-search-form.elearning-custom .select-course-desktop-container .select-course-desktop .bs-angle-left{
  line-height:40px;
}
.forma-quick-search-form.elearning-custom .select-course-desktop-container .select-course-desktop .bs-angle-left.angle-left{
  top:initial;
  border:none;
  font-family:"FontAwesome";
  vertical-align:initial;
  max-height: 40px;
}
.forma-quick-search-form.elearning-custom .select-course-desktop-container .select-course-desktop .bs-angle-left.angle-left:before{
  content:'\f104';
  color: white;
  margin-left: 15px;
  font-weight: bold;
  font-size:30px;
}
.forma-quick-search-form.elearning-custom .select-course-desktop-container .select-course-desktop .bs-angle-left.angle-left p{
  color: white;
  margin-left: 7px;
  font-weight: 600;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
}

/* Box scritta "Seleziona il corso" Mobile */
.forma-quick-search-form .select-course-mobile-container{
  position:relative;
  border-radius:5px;
  width:192px;
  height:40px;
  margin-bottom:0
}

@media (min-width: 768px) and (max-width: 1023px){
  .forma-quick-search-form .select-course-mobile-container{margin-bottom: 10px;} 
  .search_full_width {width: 100%!important;}
}
@media (min-width: 1024px){
  .forma-quick-search-form .select-course-mobile-container{
      display: none;
    }
}

.forma-quick-search-form.elearning-custom .select-course-mobile-container .select-course-mobile{
  height:30px;
  border-radius: 5px !important;
  border: 0px solid white;
  background-color: rgba(255, 255, 255, 0.35);
  color: white;
  display: flex;
  align-items: baseline;
}
.forma-quick-search-form.elearning-custom .select-course-mobile-container .select-course-mobile .bs-angle-down{
  line-height:30px;
}
.forma-quick-search-form.elearning-custom .select-course-mobile-container .select-course-mobile .bs-angle-down.angle-down{
  top:initial;
  border:none;
  font-family:"FontAwesome";
  vertical-align:initial;
  margin-left: 15px;
}
.forma-quick-search-form.elearning-custom .select-course-mobile-container .select-course-mobile .bs-angle-down.angle-down:after{
  content:'\f107';
  color: white;
  margin-left: 10px;
  font-weight: 600;
  font-size: 20px;
}
.forma-quick-search-form.elearning-custom .select-course-mobile-container .select-course-mobile .bs-angle-down.angle-down p{
  color: white;
  font-weight: 600;
  font-size: 14px;
  vertical-align: top;
  text-align: center;
}

#filter-buttons-custom{
  width: 85%;
  font-family: "Open-sans", Arial;
}

/* Box ricerca corso custom */
.forma-quick-search-form.elearning-custom .search-course-container{
  display: flex;
  align-items: center;
  border-radius:5px;
  height:40px;
  margin-bottom:0
}

.forma-quick-search-form.elearning-custom .search-course-container input.form-control-elearning-custom{
  border-radius: 25px !important;
  width: 140px;
  height: 28px;
  border: 0px solid white;
  background-color: rgba(255, 255, 255, 0.35);
  font-family: "Open-sans", Arial;
  font-style: italic;
  font-size: 14px;
  color: white;
}

@media (min-width: 768px){
  .forma-quick-search-form.elearning-custom .search-course-container input.form-control-elearning-custom{
    width: 100%;
    font-size: 14px;
  }
}

.forma-quick-search-form .search-course-container input.form-control-elearning-custom::placeholder{
  color: white;
  font-size: 14px;
}

.forma-quick-search-form .search-course-container input.form-control-elearning-custom:focus{
  border-color: white;
  font-size: 14px;
}

.forma-quick-search-form.elearning-custom .filter-search-container{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

@media (min-width: 768px){
  .forma-quick-search-form.elearning-custom .filter-search-container{
      display:flex;
      padding-right:15px;
      justify-content:space-between;
      align-items:center
  }
}

@media (min-width: 1024px){
  .forma-quick-search-form.elearning-custom .filter-search-container{
    width: auto;
    flex-grow: 1;
  }
}

.forma-quick-search-form .search-course-container .search-course-btn{
  position: relative;
  right: 30px;
  top: -2px;
  margin-right: -15px;
}
/* Pulsante ricerca corso */
.forma-quick-search-form .search-course-container .search-course-btn button{
  padding:0;
  border:none;
  background-image:none;
  background-color:transparent;
  box-shadow:none
}

.forma-quick-search-form .search-course-container .search-course-btn button .glyphicon.glyphicon-search{
  font-family:"FontAwesome";
  color: white;
}
.forma-quick-search-form .search-course-container .search-course-btn button .glyphicon.glyphicon-search:before{
  content:'\f002'
}
.forma-quick-search-form .search-course-container .search-course-btn:last-child .btn{
  z-index:10
}

/* Filtri Extra */
.forma-quick-search-form .navbar-extra.elearning-custom{
  display:none;
}

@media (min-width: 768px){
  .forma-quick-search-form .navbar-extra.elearning-custom{
      display:flex;
      padding-right:15px;
      justify-content:space-between;
      align-items:center
  }
}