body {
  font-family:;
  color:#555555;
}
h1, h2, h3, h4, h5, h6 {
  font-family:"Poppins";
  font-weight:500;
  color:#000000;
  line-height:1.35em;
}
h1 { font-size:2em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
a {
  outline-color:rgba(20,95,255,0.1);
  color:#007bff;
  text-decoration:none;
}
.text-lh { line-height:1.8em; }
.text-xs { font-size:0.8em; }
.text-sm { font-size:0.9em; }
.text-md { font-size:1.2em; }
.text-nm { font-size:1.1em; }
.display-1 {
  font-size:7em;
  line-height:0.2em;
  font-family:serif;
  font-weight:bold;
}
.lead {
  color:#888888;
  line-height:1.6em;
  font-size:1.15em;
}
.transition { transition:all 0.5s ease; }
.pointer { cursor:pointer; }
.blue-shadow { box-shadow:1px 1px 15px #e2eff5; }
.btn {
  background:linear-gradient(90deg,#d51813 0%,#eb5754 100%);
  border-color:#d53d30;
  color:#ffffff;
  text-decoration:none;
  padding:10px 25px;
  border-radius:50px;
  font-size:0.85em;
  transition:all 0.5s ease;
}
.btn:hover {
  color:#ffffff;
  box-shadow:0px -50px 0px rgba(0,0,0,0.3) inset;
  border-color:#d53d30;
}
.btn-primary {
  background:linear-gradient(90deg,#d51813 0%,#eb5754 100%);
  border-color:#d53d30;
}
.btn-primary:focus, .btn-primary:active:focus {
  box-shadow:none;
  outline:none;
}
.btn-outline-secondary {
  background:#ffffff;
  color:#d51813;
}
.btn-sm {
  font-size:0.85em;
  padding:8px 20px;
}
.btn-lg {
  font-size:1.05em;
  padding:10px 40px;
}
header {
  background-color:#ffffff;
  background-image:url("bubbles-tl.png"), url("bubbles-tr.png");
  background-position:left 0px, right -10px;
  background-size:50px, 150px;
  background-repeat:no-repeat, no-repeat;
}
.navbar-open { overflow:hidden; }
.navbar-open nav {
  background:rgba(0,0,0,0.7);
  padding:20px 10px 10px;
}
.navbar-open nav .navbar-toggler { color:#ffffff; }
.navbar-open nav .navbar-nav { border-radius:5px; }
.navbar-toggler:focus { box-shadow:none; }
.navbar-toggler #icon-navlist { display:none; }
.navbar-toggler #icon-navcross { display:block; }
.navbar-toggler.collapsed #icon-navlist { display:block; }
.navbar-toggler.collapsed #icon-navcross { display:none; }
.navbar-nav > li > a.nav-link, .navbar-nav > li > a.nav-link:focus {
  font-size:0.85em;
  text-transform:uppercase;
  color:#000000;
  letter-spacing:0.5px;
}
.navbar-nav > li > a.nav-link:hover { color:#fc5508; }
.navbar-nav > li > a.active, .navbar-nav > li > a.highlight { color:#fc5508; }
.navbar-nav > li > a.nav-link:before {
  transition:all 0.5s ease;
  position:relative;
  content:"";
  display:block;
  width:0%;
  border-bottom:0px solid transparent;
  padding-top:5px;
  margin:0 auto;
  top:25px;
}
.navbar-nav > li:hover > a.nav-link:before {
  width:100%;
  border-color:#fc5508;
}
.navbar-nav .dropdown .dropdown-menu:before {
  content:"";
  position:relative;
  display:block;
  width:10px;
  border-top:10px solid transparent;
  border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-bottom:10px solid #ffffff;
  margin:-28px auto 0;
}
.navbar-nav .dropdown .dropdown-menu {
  left:-12%;
  padding:10px 0 0;
  min-width:200px;
  background:#ffffff;
  box-shadow:0px -5px 25px #e2eff5;
  border:1px solid #e2eff5;
}
.navbar-nav .dropdown .dropdown-menu > li { border-bottom:1px solid #eeeeee; }
.navbar-nav .dropdown .dropdown-menu > li:last-child { border-bottom:none; }
.navbar-nav .dropdown .dropdown-menu > li > a {
  text-align:center;
  font-size:0.9em;
  padding:0.75em 1em;
}
.navbar-nav .dropdown .dropdown-menu > li > a:hover { background:#f5f5f5; }
.dropdown:hover ul.dropdown-menu { display:block; }
.navbar-brand img { height:60px; }
.navbar { padding:30px 0; }
.fixed-header {
  background-color:#ffffff;
  box-shadow:1px 1px 15px #e2eff5;
}
.fixed-header.navbar { padding:10px 0; }
.fixed-header .navbar-brand img {
  height:45px;
  opacity:0.75;
}
.whitecard {
  border-radius:10px;
  box-shadow:-5px -5px 10px #e1f2f8, 5px 5px 10px #e1f2f8;
  transition:all 0.5s ease;
}
.whitecard:hover {
  text-decoration:none;
  box-shadow:-5px -5px 12px #e1f2f8, 5px 5px 12 tpx #e1f2f8;
}
.section-tube {
  padding:80px 0;
  position:relative;
}
.section-tube .section-title {
  color:#222222;
  font-weight:500;
  font-size:1.6em;
  line-height:1.6em;
}
.section-tube .section-subheading { font-weight:300; }
.section-tube .section-title-light { font-weight:300; }
.section-tube .section-help {
  font-weight:300;
  font-size:1.1em;
  line-height:1.6em;
  color:#999999;
}
.section-tube .section-help.text-sm { font-size:1.3em; }
.section-tube .section-help-link {
  font-size:1.15em;
  text-decoration:none;
  color:#007bff;
}
.section-tube .section-help-link:hover {
  color:#009bff;
  text-decoration:none;
}
.bg-blue-top { box-shadow:inset 0em 10em 8em rgba(225,242,248,0.4); }
.bg-blue-bottom { box-shadow:inset 0em -10em 8em rgba(225,242,248,0.4); }
.bg-dotted-lines {
  background-image:url("dotted-lines.png");
  background-position:center 0px;
  background-repeat:no-repeat;
}
.bg-dark-gray {
  background-color:#e4e8ef;
  color:#5a5e62;
}
.icon {
  width:25px;
  height:25px;
  display:inline-block;
  background-image:url("icons-sprite.png");
  background-repeat:no-repeat;
}
.icon-video { background-position:-150px -25px; }
.icon-mail { background-position:-125px -25px; }
.icon-phone { background-position:-100px -25px; }
.icon-facebook { background-position:0px -25px; }
.icon-linkedin { background-position:-25px -25px; }
.icon-twitter { background-position:-75px -25px; }
.icon-instagram { background-position:-50px -25px; }
.icon-whatsapp { background-position:-225px 0px; }
.icon-arrow-up { background-position:-125px -50px; }
.icon-arrow-down { background-position:-150px -50px; }
.right-arrow { font-size:1.2em; }
.logo-dz { max-height:70px; }
.client-box {
  display:block;
  text-align:center;
  width:100%;
  font-size:0.85em;
  padding:25px 0;
  color:#aaaaaa;
  text-decoration:none;
}
.client-box a {
  color:#aaaaaa;
  display:block;
  text-decoration:none;
}
.client-box a:hover, .client-box a:focus { color:#333333; }
.client-box img {
  display:block;
  margin:0px auto;
  max-height:60px;
  opacity:0.9;
  filter:grayscale(10%);
}
#enquiry-form .form-control {
  font-size:1.1em;
  padding:15px 20px;
  border-radius:4px;
  background:#fafbfc;
}
#enquiry-form #message {
  font-size:1.2em;
  text-align:center;
}
#enquiry-form #message p { padding:20px 0; }
.feature-item a {
  color:#444444;
  outline:none;
}
.feature-item .accordion-button { padding:5px 12px; }
.feature-item:hover .accordion-button { background:#f1f7fa; }
.feature-item .accordion-button:focus {
  box-shadow:none;
  border-color:rgba(0,0,0,0.125);
}
.feature-item .feature-image { width:50px; }
.btn-group .filter-btn {
  color:#000000;
  font-weight:300;
  font-size:14px;
  list-style:none;
  padding:6px 10px;
  margin:0;
  border:1px solid rgba(0,0,0,0.1);
  border-right-width:0px;
  cursor:pointer;
}
.btn-group .filter-btn:hover, .btn-group .filter-btn:focus, .btn-group .filter-btn.active {
  color:#ffffff;
  background-color:#007bff;
}
.btn-group .filter-btn:hover { color:#ffffff; }
.btn-group .filter-btn:last-child { border-right-width:1px; }
.btn-group .dropdown { padding:0; }
.btn-group .dropdown > a {
  padding:6px 12px;
  display:block;
}
.btn-group .dropdown .dropdown-menu {
  left:auto;
  right:0;
}
.btn-group .dropdown .dropdown-menu > li {
  display:block;
  border:none;
  border-radius:0;
  border-bottom:1px solid #eeeeee;
  margin:0;
}
#mixit-container .mix { display:none; }
#mixit-container .reset-filter { display:none; }
#mixit-container.filtered .reset-filter { display:block; }
.text-light { color:#cccccc !important; }
.text-lighter { color:#eeeeee !important; }
.text-c1 { color:#fb2b25; }
footer a {
  color:#3eaec9;
  text-decoration:none;
}
.icon-colorful {
  width:100%;
  max-width:85px;
}
.icon-grey { filter:grayscale(10%); }
.icon-clickable { transition:all 500ms; }
.icon-clickable img { opacity:0.3; }
.icon-clickable:hover { transform:scale(1.2); }
.icon-clickable:hover img { opacity:0.7; }
.video {
  display:block;
  padding-bottom:10px;
  margin-bottom:10px;
  color:#666666;
}
.video:hover {
  text-decoration:none;
  color:#000000;
}
.video .video-img {
  position:relative;
  border:1px solid #cccccc;
  margin-bottom:10px;
  transition:all 500ms;
}
.video .video-img::before {
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  content:"";
  font-size:36px;
  top:0;
  z-index:1;
  background:rgba(0,0,0,0.05);
  transition:all 500ms;
}
.video:hover .video-img::before { background:rgba(0,0,0,0.1); }
.video .video-img::after {
  display:block;
  height:60px;
  width:60px;
  border-radius:50%;
  position:absolute;
  content:" \25B6";
  font-size:24px;
  left:40%;
  top:33%;
  z-index:1;
  background:rgba(0,0,0,0.5);
  color:#ffffff;
  padding:14px 22px;
  transition:all 500ms;
}
.video:hover .video-img::after {
  background:rgba(0,0,0,0.8);
  color:#ffffff;
  transform:scale(0.95);
}
.video img { position:relative; }
.video:hover img {
  opacity:0.5;
  border-color:#cccccc;
}
.video-md img {
  width:100%;
  height:100%;
}
.video-md .video-img::after {
  top:40%;
  left:45%;
}
.cookie-message {
  width:98%;
  z-index:10000 !important;
  bottom:2% !important;
  left:1% !important;
  box-shadow:0px 0px 50px rgba(0,0,0,0.5);
  padding:20px 0;
  background:#ffffff;
}
@media screen and (max-width: 575.98px) {
  header { background-image:none; }
  .section-tube { padding:40px 0; }
  .section-tube .section-title { font-size:1.4em; }
  .section-tube .section-help { font-size:1.15em; }
  .section-tube .section-help.text-sm { font-size:1.05em; }
  h1 { font-size:1.6em; }
  h4, h5 { font-size:1.1em; }
  .client-box { padding:12px 0; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  header { background-image:none; }
  .section-tube { padding:40px 0; }
  .section-tube .section-title { font-size:1.5em; }
  .section-tube .section-help { font-size:1.2em; }
  h4, h5 { font-size:1.1em; }
}
@media screen and (max-width: 767.98px) {
  .navbar-nav { background:#ffffff; }
  .navbar-nav .nav-link {
    border-top:1px solid #eeeeee;
    font-size:0.75em;
    letter-spacing:0px;
  }
  .navbar-nav .dropdown .dropdown-menu {
    display:block !important;
    background:#f6fafc;
    box-shadow:none;
    border:none;
    font-size:0.9em;
  }
  .navbar-nav .dropdown .dropdown-menu:before { display:none; }
}
@media screen and (max-width: 1024px) {
  .btn {
    font-size:0.8em;
    padding:6px 20px;
  }
  .btn-sm {
    font-size:0.8em;
    padding:6px 15px;
  }
  .btn-lg {
    font-size:1em;
    padding:8px 25px;
  }
}
[data-inviewport="scale-in"] {
  transition:1000ms;
  transform:scale(0.1);
  opacity:0.1;
}
[data-inviewport="scale-in"].is-inviewport {
  transform:scale(1);
  opacity:1;
}
[data-inviewport="swipe-left"] {
  transition:1000ms;
  transform:translateX(100px);
  opacity:0.1;
}
[data-inviewport="swipe-left"].is-inviewport {
  transform:translateX(0);
  opacity:1;
}
[data-inviewport="swipe-right"] {
  transition:1000ms;
  transform:translateX(-100px);
  opacity:0.1;
}
[data-inviewport="swipe-right"].is-inviewport {
  transform:translateX(0);
  opacity:1;
}
[data-inviewport="swipe-up"] {
  transition:1000ms;
  transform:translateY(50px);
  opacity:0.1;
}
[data-inviewport="swipe-up"].is-inviewport {
  transform:translateY(0);
  opacity:1;
}
[data-inviewport="fade-in"] {
  transition:1000ms;
  opacity:0;
}
[data-inviewport="fade-in"].is-inviewport { opacity:1; }
.transition-x { transition:1200ms !important; }
.transition-xx { transition:1500ms !important; }
.transition-xxx { transition:2000ms !important; }
.collapse-arrow .icon {
  transform:rotate(-180deg);
  transition:0.3s transform ease-in-out;
  display:inline-block;
}
.collapse-arrow .collapsed .icon { transform:rotate(0deg); }
.dot {
  height:15px;
  width:15px;
  border-radius:50%;
  display:block;
}
.bg-color-1 { background:#ee5e5c; }
.bg-color-2 { background:#ff9635; }
.bg-color-3 { background:#ffcd1d; }
.bg-color-4 { background:#a1db43; }
.bg-color-5 { background:#08c754; }
.bg-color-6 { background:#52c6e2; }
.career-circle-singleline {
  height:10rem;
  width:10rem;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  border-radius:50%;
  border:solid;
  border-width:5px;
  font-size:14px;
  color:black;
}
.career-blue {
  background:#72c2df;
  border-color:#e3f3f9;
}
.career-red {
  background:#dd6661;
  border-color:#f8e0df;
}
.career-green {
  background:#bbd36c;
  border-color:#f1f6e2;
}
.career-yellow {
  background:#f2ed6f;
  border-color:#fcfbe2;
}
.career-star { line-height:9rem; }
.career-qualities-row {
  background-image:url(stars-right.svg), url(stars-left.svg);
  background-repeat:no-repeat;
  background-position:top left, bottom right;
}
.career-consultant-block {
  padding-left:8%;
  padding-right:8%;
}
.career-consultant-block img {
  width:100%;
  height:auto;
}