@import url(https://fonts.googleapis.com/css?family=Cabin+Sketch:700);

@font-face {
	font-family: 'MuseoSansRounded500';
	src: url('../fonts/Museo Sans Rounded - 500.otf') format('opentype');
}

@font-face {
	font-family: 'MuseoSansRounded700';
	src: url('../fonts/Museo Sans Rounded - 700.otf') format('opentype');
}

/* ---------------------- Colors ---------------------- */
/* ---------------------- Fonts ---------------------- */
.big {
  font-size: 1.5em;
}
.small {
  font-size: 0.8em;
}
.full-bg {
  /*background-size: cover; background-repeat:no-repeat;*/
}
html,
body,
div,
p,
table,
tr,
td,
th,
tbody,
tfoot,
ul,
li,
ol,
dl,
dd,
dt,
fieldset,
blockquote,
cite,
input,
select,
textarea,
button,
a,
section,
article,
aside,
header,
footer,
nav,
h2,
a.carousel-control {
  font-family: 'Helvetica';
}
h1, h2{
  font-family: 'MuseoSansRounded700', cursive;	
}
h3,
h4,
h5,
h6 {
  font-family: 'MuseoSansRounded500', cursive;
}
h1 span.text-muted,
h2 span.text-muted,
h3 span.text-muted,
h4 span.text-muted,
h5 span.text-muted,
h6 span.text-muted {
  font-family: 'Helvetica';
  font-size: 0.5em;
  font-weight: regular;
  display: block;
}
/* ---------- Common elements ---------- */
form div.form-group {
  text-align: left;
}
footer {
  margin-top: 3em;
}
#NavBar {
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #dddddd;
}
#NavBar h3 {
  line-height: 50px;
  margin: 0px;
  padding: 0px;
}
#NavBar .navbar-nav.navbar-right:last-child {
  margin-right: 0px;
}
.btn small {
  font-size: 0.8em;
  display: block;
}
.bigNumber {
  font-size: 3em;
  line-height: 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: block;
  text-align: center;
}
#SubscribeForm form {
  max-width: 300px;
  margin: auto;
}
#SubscribeForm form .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.other-staff-pic {
  max-width: 160px;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #c70000;
}
span.checkmark {
  border-radius: 50%;
  color: white;
  text-align: center;
  font-size: 1em;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 5px;
  background-color: #4bc700;
  display: inline-block;
}
.box-shadow {
  box-shadow: 0 0 2px #4bc700;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
.box-shadow-hover {
  box-shadow: 0 0 10px #4bc700;
}
img.video-link {
  border-radius: 5px;
  box-shadow: 0 0 2px #4bc700;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
img.video-link:hover {
  box-shadow: 0 0 10px #4bc700;
}
img.download {
  box-shadow: 0 0 2px #4bc700;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}
img.download:hover {
  box-shadow: 0 0 10px #4bc700;
}
/* ---------------------- Home page ---------------------- */
.half-page-accordion {
  overflow: hidden;
  height: 100%;
  position: relative;
}
.navbar-center {
  position: absolute;
  z-index: 0;
  left: 0px;
  right: 0px;
  width: 100%;
}
.abs-cen {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
}
#parent-home {
  background-image: url('../img/background.jpg');
  background-position: right center;
  background-repeat: repeat;
}
#parent-home h1 {
  color: #4bc700;
}
#teacher-home {
  background-image: url('../img/background.jpg');
  background-position: left center;
  background-repeat: repeat;
}
#teacher-home h1 {
  color: #0067d4;
}
#homePage {
  position: relative;
}
#homePage .col-sm-12 {
  height: 100%;
  padding: 0;
}
#homePage .content {
  position: absolute;
  top: 30%;
  width: 100%;
}
#homePage p.lead {
  text-shadow: 0 0 20px white;
  font-weight: 400;
}
#homePageXS {
  background-image: url('../img/background.jpg');
  background-attachment: fixed;
  background-position: center;
  /*background-size:cover;*/
}
/* ---------- Structure: fullpage + learn more ---------- */
body {
  margin: 0;
}
#MainFooter {
  text-align: center;
  width: 100%;
  bottom: 0px;
  margin-top: 0px;
}
#screenshots a.img-thumbnail {
  overflow: hidden;
}
#screenshots a.img-thumbnail img {
  width: 50px;
  height: auto;
}
#screenshots div .col-xs-2 {
  padding-right: 0px;
}
#portraitPhifix {
  border: 5px solid #0067d4;
}
.ProfDuFutur {
  color: black;
  background-color: white;
  /*
        background-image:url('../img/PhifixHome-Teachers.jpg');
        background-attachment:fixed;
        background-position:center;
        background-size:cover;
*/
}
.ProfDuFutur .container {
  padding-top: 44px;
}
.ProfDuFutur .bigNumber {
  color: white;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ProfDuFutur h1 {
  margin-top: 16px;
}
.ProfDuFutur #ProfDuFutur-slide1 .bigNumber {
  background-color: #ff7e00;
}
.ProfDuFutur #ProfDuFutur-slide1 h1 {
  color: #ff7e00;
}
.ProfDuFutur #ProfDuFutur-slide2 .bigNumber {
  background-color: #0067d4;
}
.ProfDuFutur #ProfDuFutur-slide2 h1 {
  color: #0067d4;
}
.ProfDuFutur #ProfDuFutur-slide3 .bigNumber {
  background-color: #4bc700;
}
.ProfDuFutur #ProfDuFutur-slide3 h1 {
  color: #4bc700;
}
.ProfDuFutur div.controlArrow {
  display: none;
}
/* -------------------- old -------------------- */
.gradient {
  background: linear-gradient(right, rgba(255, 255, 255, 0.9), transparent);
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.9), transparent);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0.9), transparent);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.9), transparent);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), transparent);
  /* Standard syntax */
}
/* ------- Option A ------ */
#HomeA #motivation {
  color: #ff5b1a;
}
#HomeA #accompagnement {
  color: #0067d4;
}
#HomeA #progres {
  color: #4bc700;
}
/* ------- Option B ------ */
#HomeB {
  width: 100%;
  position: relative;
  background-image: url('../img/IntroWorkflow1A-Background.jpg');
  background-size: cover;
}
/* ------- Option C ------ */
#HomeC {
  width: 100%;
  position: relative;
}
#video-viewport {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* ------- Learn more content ------ */
#LearnMore1,
#LearnMore2,
#LearnMore3 {
  color: white;
}
#LearnMore1 .modal,
#LearnMore2 .modal,
#LearnMore3 .modal {
  color: black;
}
#LearnMore1 {
  background-color: #ffe5cc;
  background-color: #ff7e00;
}
#LearnMore2 {
  background-color: #a1cfff;
  background-color: #0067d4;
}
#LearnMore3 {
  background-color: #bcff94;
  background-color: #4bc700;
}
#LearnMore3 footer {
  position: absolute;
}
.section {
  background-image: url('../img/background.jpg');
  /*background-attachment:fixed;*/
}
.section.table {
  margin-bottom: 0px;
}
#PressContent {
  position: relative;
  overflow: auto;
  height: 100%;
  padding-bottom: 60px;
}
#PressContent ul.nav li {
  max-width: 25%;
}
/* ------- Fancybox override ------ */
.fancybox-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}
#FancyFullScreen .fancybox-skin {
  border-radius: 0px;
}