/*
* 
* Top navigation styles goes here
*
*/
* {
  padding: 0;
  margin: 0;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.clear {
  clear: both;
}
body {
  margin: 0;
}
body a {
  text-decoration: none;
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

i {
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.fade {
  /*opacity: 0.5;*/
}
/*
 * Theme specific variables. This takes the place of the normal _settings.scss.
 * See the STARTER/README.txt file regarding "CHANGING FOUNDATION DEFAULT
 * SETTINGS" for documentation.
 */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
body {
  font-family: "Roboto","Microsoft YaHei","微软雅黑",simHei,"黑体",Arial,sans-serif,Verdana !important;
  font-weight: 400;
  font-size: 16px;
  color: #3F4048;
  line-height: 23px;
}
h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #3F4048;
  text-align: left;
  font-size: 32px;
  line-height: 39px;
}
h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #3F4048;
  text-align: left;
  font-size: 24px;
  line-height: 29px;
}
h3,
h4,
.heading-three {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  color: #3F4048;
  text-align: left;
  font-size: 20px;
  line-height: 25px;
}
h4,
.heading-four {
  font-weight: 700;
}
h5,
h6 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 500;
  color: #3F4048;
  text-align: left;
  font-size: 16px;
  line-height: 19px;
}
p,
div {
  font-weight: 300;
  font-size: 14px;
  color: #3B454C;
  text-align: left;
  line-height: 21px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
@media (min-width: 1180px) {
  p,
  div {
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width: 1180px) {
  p,
  div {
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width: 1180px) {
  p,
  div {
    font-size: 16px;
  }
}

a,
.ui-widget-content a {
  color: #ee3524;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus,
.ui-widget-content a:focus,
a:hover,
.ui-widget-content a:hover,
a:active,
.ui-widget-content a:active {
  outline: 0;
}
.link-disabled {
  color: #6F6C67;
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  .hidden-tablet {
    display: none;
  }
}
@media (min-width: 768px) {
  .hidden-tablet-up {
    display: none;
  }
}

#header {
  height: 50px;
  width: 100%;
  background: #FFFFFF;
  position: fixed;
  top: 0;
  z-index: 0;
  border-bottom: 1px solid #EEE;
}
@media (min-width: 1180px) {
  #header {
    height: 75px;
    width: 100%;
    float: left;
    background: #FFFFFF;
  }
}
#header .container {
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container {
    padding: 0;
  }
}
@media (min-width: 1180px) {
  #header .container {
    width: 1160px;
  }
}
#header .container .mobile-menu {
  display: inline-block;
  padding: 14px 0 15px 15px;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container .mobile-menu {
    vertical-align: top;
  }
}
#header .container .mobile-menu .menu-icon:before {
  font-family: FontAwesome;
  content: "\f0c9";
  color: #3F4048;
  display: inline-block;
  font-size: 25px;
  margin-right: 5px;
}
@media (max-width: 1179px) {
  #header .container .mobile-menu .menu-icon#save_job_present:after {
    font-family: FontAwesome;
    content: "\f005";
    color: #F1A121;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    top: -10px;
    left: -10px;
    position: relative;
  }
}
@media (min-width: 1180px) {
  #header .container .mobile-menu {
    display: none;
  }
}
#header .container .logo {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 15px 0;
  width: 100%;
  top: -56px;
  left: 0;
}
#header .container .logo.large-logo {
  top: -63px;
}
#header .container .logo img {
  width: 167px;
}
@media (min-width: 1180px) {
  #header .container .logo img {
    margin-top: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container .logo {
    text-align: left;
    top: 0;
    width: auto;
    left: 15px;
  }
  #header .container .logo.large-logo {
    top: -8px;
  }
}
@media (min-width: 1180px) {
  #header .container .logo {
    width: auto;
    text-align: left;
    float: left;
    margin-right: 30px;
    top: 0;
    padding: 24px 0 22px;
  }
  #header .container .logo.large-logo {
    top: 0;
  }
}
#header .container .search-filter-toggle,
#header .container .mobile-search-icon {
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 8;
}
@media (min-width: 768px) {
  #header .container .search-filter-toggle {
    display: none;
  }
}
@media (min-width: 1180px) {
  #header .container .mobile-search-icon {
    display: none;
  }
}
.page-search-job #header .container .mobile-search-icon {
  display: none;
}
#header .container .mobile-search-icon .menu-icon:before {
  font-family: FontAwesome;
  content: "\f002";
  color: #3F4048;
  display: inline-block;
  font-size: 25px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  #header .container #header-region {
    left: -315px;
    position: fixed;
    width: 309px;
    top: 0;
    background: #FFFFFF;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    box-shadow: 0 0 2px #F5F5F5;
    z-index: 100;
    overflow-y: scroll;
    height: 100%;
  }
}
@media (max-width: 320px) {
  #header .container #header-region {
    width: 269px;
    left: -275px;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region {
    position: relative;
    background: none;
    display: inline-block;
    left: auto;
    width: 993px;
    float: left;
    box-shadow: none;
    border: 0;
    overflow: visible;
  }
}
#header .container #header-region .mega-menu {
  border-top: 1px solid #F5F5F5;
  display: none;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu {
    margin: 0;
    padding: 0;
    position: absolute;
    left: -9999px;
    border: 0;
    box-shadow: 0 5px 10px;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    transition: all 0.3s ease-in;
  }
  #header .container #header-region .mega-menu.open {
    left: auto;
  }
  #header .container #header-region .mega-menu.open.right {
    right: 0;
  }
}
#header .container #header-region .mega-menu .pane-views-exp-job-search-job-search,
#header .container #header-region .mega-menu .views-widget-filter-field_job_salary_min,
#header .container #header-region .mega-menu .views-widget-filter-field_job_salary_max,
#header .container #header-region .mega-menu .views-widget-filter-currency_code,
#header .container #header-region .mega-menu .panel-separator {
  display: none;
}
#header .container #header-region .mega-menu .panel-panel {
  width: 100%;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu .panel-panel {
    width: 324px;
    padding: 0 30px;
    float: left;
    margin-top: -7px;
  }
}
#header .container #header-region .mega-menu .panel-panel .inside {
  margin: 0;
}
#header .container #header-region .mega-menu .panel-divider {
  display: none;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu .panel-divider {
    border-left: 1px solid #E3E5EA;
    float: left;
    min-height: 250px;
    display: block;
  }
}
#header .container #header-region .mega-menu .pane-views-exp-job-search-job-search .pane-title {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}
#header .container #header-region .mega-menu .pane-views-exp-job-search-job-search .views-exposed-widget {
  padding: 10px 0 0;
}
#header .container #header-region .mega-menu .menu-box-content {
  display: none;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu .menu-box-content {
    display: block;
  }
}
#header .container #header-region .mega-menu .menu-box-content ul {
  margin: 0;
}
#header .container #header-region .mega-menu .menu-box-content ul li {
  padding-left: 37px;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu .menu-box-content ul li {
    padding-left: 0;
  }
}
#header .container #header-region .mega-menu .menu-box-content ul li.first {
  display: none;
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu .menu-box-content a.active {
    padding-bottom: 12px;
    border: 0;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .mega-menu a.active {
    padding-bottom: 12px;
    border: 0;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container #header-region .menu {
    left: -368px;
    width: 368px;
    position: fixed;
    top: 0;
    background: #FFFFFF;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    box-shadow: 0 0 2px #F5F5F5;
    z-index: 100;
    overflow-y: scroll;
    height: 100;
    padding-top: 0;
    height: 100%;
  }
}
#header .container #header-region .menu ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F5F5F5;
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul li {
    display: inline-block;
    padding: 0;
    border: 0;
    border-left: 1px solid #F5F5F5;
    position: relative;
  }
}
#header .container #header-region .menu ul li.open {
  padding-bottom: 0;
  border: 0;
}
#header .container #header-region .menu ul li.first {
  border-top: 1px solid #F5F5F5;
  margin-top: -1px;
}
#header .container #header-region .menu ul li.active-trail > a.active {
  border-left: 3px solid #ee3524;
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul li.active-trail > a.active {
    border-left: 0;
  }
}
#header .container #header-region .menu ul li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #3F4048;
  text-decoration: none;
  width: 215px;
  padding: 14px 0 14px 25px;
  display: inline-block;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  #header .container #header-region .menu ul li a {
    width: 280px;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul li a {
    width: auto;
    padding: 29px 15px 22px;
  }
}
#header .container #header-region .menu ul li a.active {
  color: #ee3524;
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul li a.active {
    border-left: 0;
    border-bottom: 2px solid #ee3524;
    padding-bottom: 21px;
  }
}
#header .container #header-region .menu ul li a.active-sub {
  color: #ee3524;
}
#header .container #header-region .menu ul li a.submenu-icon,
#header .container #header-region .menu ul li a.second-level {
  float: right;
  font-size: 0;
  padding: 10px 17px;
  width: 50px;
  height: 50px;
  border-left: 1px solid #F5F5F5;
}
#header .container #header-region .menu ul li a.submenu-icon.plus-icon:before,
#header .container #header-region .menu ul li a.second-level.plus-icon:before {
  font-family: FontAwesome;
  content: "\f078";
  color: #BCBEC0;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  margin: 0;
}
#header .container #header-region .menu ul li a.submenu-icon.active-icon,
#header .container #header-region .menu ul li a.second-level.active-icon {
  background-color: #F5F5F5;
  opacity: 0.5;
}
#header .container #header-region .menu ul li a.submenu-icon.active-icon:before,
#header .container #header-region .menu ul li a.second-level.active-icon:before {
  font-family: FontAwesome;
  content: "\f077";
  color: #ee3524;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  margin: 0;
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul li a.submenu-icon,
  #header .container #header-region .menu ul li a.second-level {
    display: none;
  }
}
#header .container #header-region .menu ul li a.second-level {
  padding-top: 12px;
}
#header .container #header-region .menu ul .menu-box-header {
  border-bottom: 1px solid #F5F5F5;
  padding-left: 20px;
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul .menu-box-header {
    border: 0;
    padding: 0 0 1px;
  }
}
#header .container #header-region .menu ul .menu-box-header a {
  padding: 13px 0 12px 25px;
  width: 190px;
}
@media (min-width: 768px) {
  #header .container #header-region .menu ul .menu-box-header a {
    width: 280px;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .menu ul .menu-box-header a {
    padding: 0;
    width: auto;
  }
}
#header .container #header-region .menu #block-mp-mypage-save-jobs-block {
  display: none;
}
#header .container #header-region .menu #block-system-main-menu {
  padding-top: 100px;
}
@media (min-width: 768px) {
  #header .container #header-region .menu #block-system-main-menu {
    padding-top: 0;
  }
}
#header .container #header-region .menu #block-system-main-menu h3.title {
  display: none;
}
#header .container #header-region #block-mp-mypage-save-jobs-block {
  display: block;
  position: absolute;
  top: 50px;
  border-top: 1px solid #F5F5F5;
  width: 100%;
  padding-top: 14px;
}
@media (min-width: 768px) {
  #header .container #header-region #block-mp-mypage-save-jobs-block {
    top: 28px;
    left: auto;
    right: 142px;
    z-index: 5;
    width: auto;
    padding: 0;
    border: 0;
  }
  .i18n-fr.site-name-MP_BE #header .container #header-region #block-mp-mypage-save-jobs-block {
    right: 125px;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container #header-region #block-mp-mypage-save-jobs-block {
    top: 14px;
    right: 202px;
  }
  .i18n-fr.site-name-MP_BE #header .container #header-region #block-mp-mypage-save-jobs-block {
    right: 185px;
  }
}
#header .container #header-region #block-mp-mypage-save-jobs-block a {
  color: #706F6F;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  padding: 15px  25px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 15px 0;
}
#header .container #header-region #block-mp-mypage-save-jobs-block a:before {
  font-family: FontAwesome;
  content: "\f006";
  color: #3F4048;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  font-weight: 400;
}
@media (max-width: 1179px) {
  #header .container #header-region #block-mp-mypage-save-jobs-block a {
    padding: 15px 0 15px 25px;
  }
}
#header .container #header-region #block-mp-mypage-save-jobs-block a.save_job_present:before {
  content: "\f005";
  color: #F1A121;
}
#header .container #header-region #block-mp-mypage-save-jobs-block a:before {
  font-size: 14px;
}
#header .container #header-region .sign-in {
  position: absolute;
  top: 15px;
  margin-left: 25px;
}
@media (min-width: 768px) {
  #header .container #header-region .sign-in {
    top: 28px;
    left: auto;
    right: 0;
    margin-left: 35px;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container #header-region .sign-in {
    top: 14px;
    right: 60px;
  }
}
#header .container #header-region .sign-in a {
  color: #ee3524;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  padding: 15px  25px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 15px 0;
}
#header .container #header-region .sign-in a:before {
  font-family: FontAwesome;
  content: "\f007";
  color: #ee3524;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  font-weight: 400;
}
#header .container #header-region .sign-in a:before {
  font-size: 14px;
}
#header .container #header-region .sign-in a:hover span,
#header .container #header-region .sign-in a:focus span {
  text-decoration: underline;
}
#header .container #header-region .user-menu {
  position: absolute;
  margin-left: 25px;
  top: 14px;
  width: 100%;
}
@media (min-width: 768px) {
  #header .container #header-region .user-menu {
    top: 28px;
    left: auto;
    right: 30px;
    width: auto;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .user-menu {
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container #header-region .user-menu .username {
    text-align: right;
  }
}
#header .container #header-region .user-menu .username .name {
  display: inline-block;
}
@media (max-width: 767px) {
  #header .container #header-region .user-menu .username .name {
    width: 55%;
  }
}
#header .container #header-region .user-menu .username .name a {
  max-height: 25px;
  display: inline-block;
  padding: 0;
}
@media (max-width: 767px) {
  #header .container #header-region .user-menu .username .name a {
    max-width: 100%;
  }
}
#header .container #header-region .user-menu .username a {
  color: #ee3524;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  padding: 15px  25px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 30px 0;
}
#header .container #header-region .user-menu .username a:before {
  font-family: FontAwesome;
  content: "\f007";
  color: #ee3524;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
  font-weight: 400;
}
#header .container #header-region .user-menu .username a:before {
  font-size: 14px;
  display: initial;
}
#header .container #header-region .user-menu .username a:hover,
#header .container #header-region .user-menu .username a:focus {
  color: #ee3524;
}
#header .container #header-region .user-menu .user-submenu {
  position: absolute;
}
@media (max-width: 767px) {
  #header .container #header-region .user-menu .user-submenu {
    right: 40px;
    top: -5px;
  }
  #header .container #header-region .user-menu .user-submenu .mypage-link {
    display: none;
  }
}
@media (min-width: 768px) {
  #header .container #header-region .user-menu .user-submenu {
    background: #FFFFFF;
    left: -9999px;
    padding: 15px 25px 25px;
    right: -23px;
    top: 49px;
    width: 220px;
    box-shadow: 0 0 2px;
    border: 1px solid #F5F5F5;
    height: 122px;
  }
  #header .container #header-region .user-menu .user-submenu:hover,
  #header .container #header-region .user-menu .user-submenu:focus {
    left: auto;
  }
}
#header .container #header-region .user-menu .user-submenu li {
  list-style: none;
  display: block;
  text-align: right;
}
#header .container #header-region .user-menu .user-submenu a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  display: inline-block;
  color: #3F4048;
  padding: 5px 0 15px;
  font-size: 16px;
  width: 100%;
}
#header .container #header-region .user-menu .user-submenu a:before {
  content: "";
  margin: 0;
}
#header .container #header-region .user-menu .tablet-logout {
  display: none;
}
#header .container #header-region .user-menu .tablet-logout a:before {
  content: '';
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container #header-region .user-menu {
    top: 14px;
    right: 55px;
  }
  #header .container #header-region .user-menu .tablet-logout {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .user-menu .username .name {
    padding-bottom: 30px;
  }
  #header .container #header-region .user-menu .username .name:hover ~ .user-submenu {
    left: auto;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .multiple {
    position: absolute;
    top: -17px;
    right: 250px;
  }
}
@media (min-width: 1180px) {
  #header .container #header-region .single {
    position: absolute;
    top: -17px;
    right: 250px;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  .logged-in #header .container #header-region #block-mp-mypage-save-jobs-block {
    right: 215px;
  }
}
@media (min-width: 1180px) {
  .logged-in #header .container #header-region #block-mp-mypage-save-jobs-block {
    right: 100px;
  }
  
  #header #header-region .menu li.start:hover .mega-menu, #header #header-region .menu li.start.active .mega-menu, #header #header-region .menu li.start > a:focus .mega-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 0s,0s,0.3s;
  }
  
  #header #header-region .menu li.start {
    float: left;
  }
  #header #header-region .menu li.start:hover,
  #header #header-region .menu li.start.active,
  #header #header-region .menu li.start > a:focus {
    background-color: #F5F5F5;
  }
  #header #header-region .menu li.start:hover span,
  #header #header-region .menu li.start.active span,
  #header #header-region .menu li.start > a:focus span {
    color: #ee3524;
  }
  #header #header-region .menu li.start.first {
    display: none;
  }
  #header #header-region .menu li.start.last {
    border-right: 1px solid #F5F5F5;
  }
  #header #header-region .menu .hassubmenu:hover .mega-menu,
  #header #header-region .menu .hassubmenu a:focus ~ .mega-menu {
    left: auto;
  }
  #header #header-region .menu .hassubmenu:hover .mega-menu.right,
  #header #header-region .menu .hassubmenu a:focus ~ .mega-menu.right {
    right: 0;
  }
  #header #header-region .menu .mega-menu {
    background: #FFFFFF;
  }
  #header #header-region .menu .mega-menu .panel-one-col {
    padding: 25px 0;
  }
  #header #header-region .menu .mega-menu .panel-2col {
    width: 650px;
    padding: 25px 0 35px;
  }
  #header #header-region .menu .mega-menu .panel-3col-33 {
    padding: 25px 0 35px;
    width: 780px;
  }
  #header #header-region .menu .mega-menu .panel-3col-33 .panel-panel {
    width: 259px;
    padding: 0 30px;
    margin-top: -7px;
  }
  #header #header-region .menu .mega-menu .panel-2col .pane-views-exp-job-search-job-search,
  #header #header-region .menu .mega-menu .panel-3col-33 .pane-views-exp-job-search-job-search {
    display: block;
  }
  #header #header-region .menu .mega-menu .panel-2col .pane-views-exp-job-search-job-search .form-autocomplete,
  #header #header-region .menu .mega-menu .panel-3col-33 .pane-views-exp-job-search-job-search .form-autocomplete {
    width: 100%;
  }
  #header #header-region .menu .mega-menu .panel-pane {
    margin-bottom: 9px;
  }
  #header #header-region .menu .mega-menu .menucluster a {
    padding: 0 0 3px;
    color: #706F6F;
  }
  #header #header-region .menu .mega-menu .menucluster li {
    border: 0;
    display: block;
  }
  #header #header-region .menu .mega-menu .menucluster li a:hover,
  #header #header-region .menu .mega-menu .menucluster li a:focus {
    color: #ee3524;
  }
  #header #header-region .menu .mega-menu .menucluster .menu-box-header {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #3F4048;
    text-align: left;
    font-size: 20px;
  }
  #header #header-region .menu .mega-menu .menucluster .menu-box-header a {
    line-height: 25px;
    font: inherit;
    color: inherit;
  }
  #header #header-region .menu .mega-menu .menucluster .menu-box-header a.active {
    border: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container {
    width: 768px;
    margin: 0 auto;
    position: relative;
  }
}
#header .container .mobile-search {
  display: none;
  z-index: 20;
  position: absolute;
  top: 0;
  width: 100%;
}
#header .container .mobile-search .search-content {
  background: #ee3524;
  padding: 15px 20px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
#header .container .mobile-search .search-content form {
  margin-top: 20px;
}
#header .container .mobile-search .search-content form input.form-text {
  max-width: inherit;
}
#header .container .mobile-search .close-search {
  float: right;
  z-index: 30;
  margin-top: -35px;
}
#header .container .mobile-search .close-search:before {
  font-family: FontAwesome;
  content: "\f00d";
  color: #FFFFFF;
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
}
#header .container .mobile-search label.error:after {
  top: 17px;
}
#header .container .mobile-search label,
#header .container .mobile-search .views-widget-filter-field_job_salary_min,
#header .container .mobile-search .views-widget-filter-field_job_salary_max,
#header .container .mobile-search .views-widget-filter-currency_code,
#header .container .mobile-search #browse-by-category {
  display: none;
}
#header .container .mobile-search .views-exposed-form .views-exposed-widget {
  padding: 0 0 10px;
  float: none;
  text-align: center;
}
#header .container .mobile-search .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 10px;
  float: none;
}
#header .container .mobile-search .search_title {
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 10px;
}
#header .container .mobile-search .fancy-line {
  border-top: 1px solid #3F67A8;
  width: 112%;
  position: relative;
  float: left;
  margin-left: -26px;
}
#header .container .views-submit-button {
  width: 100%;
  padding: 0;
  position: relative;
}
#header .container .views-submit-button:before {
  font-family: FontAwesome;
  content: "\f002";
  color: #FFFFFF;
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  position: absolute;
  left: 43%;
  top: 33px;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1179px) {
  #header .container .views-submit-button:before {
    left: 43%;
    top: 24px;
  }
}

@media (min-width: 1180px) {
  #header .container .views-submit-button .form-submit {
    width: 130px;
    margin-top: 10px;
  }
}

#header .container .views-submit-button .form-submit {
  background-color: #F37A54;
  transition: background-color 0.5s;
  color: #ffffff;
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 25px;
  text-decoration: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  float: right;
  width: 100%;
}
#header .container .views-submit-button .form-submit:hover {
  background-color: #DC6642;
}
#header .container .views-submit-button .form-submit:before {
  font-family: FontAwesome;
  content: '';
  color: '';
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
}
@media (min-width: 1180px) {
  #header .container .views-submit-button .form-submit {
    width: 130px;
    margin-top: 10px;
  }
}
#header .container .pane-content #browse-by-category {
  display: none;
}
#header .container .pane-content .views-exposed-form label {
  display: none;
}
#header .container .pane-content .views-exposed-form .form-item label {
  display: block;
}
#header .container .pane-content .views-exposed-form .form-item label.error:after {
  top: 17px;
}
#header .container .pane-content .views-exposed-form .form-autocomplete {
  width: 265px;
}
#header .container .pane-content .views-exposed-form .views-exposed-widgets {
  margin-bottom: -7px;
}
html,
body {
  height: 100%;
}
.grayscale {
  /* IE4-8 and 9 (deprecated). */
  -webkit-filter: Gray();
  filter: Gray();
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  /* future-proof */
}
#page {
  width: 100%;
  padding-top: 50px;
}
#page.no-featured-jobs {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
}
@media (min-width: 1180px) {
  #page {
    padding-top: 75px;
    height: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.container {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1179px) {
  .container {
    width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1180px) {
  .container {
    width: 1180px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .front #main {
    margin-top: -125px;
  }
}
@media (min-width: 1180px) {
  .front #main {
    position: relative;
    margin-top: -125px;
  }
  .front #main.open {
    margin-top: -144px;
  }
}
@media (min-width: 768px) and (max-width: 1179px) {
  .front .no-featured-jobs #block-views-exp-job-search-job-search {
    top: -150px;
  }
}
.front .no-featured-jobs #main {
  margin-top: -10px;
}
@media (min-width: 768px) and (max-width: 1179px) {
  .front .no-featured-jobs #main {
    margin-top: -160px;
  }
}
@media (min-width: 1180px) {
  .front .no-featured-jobs #main {
    margin-top: -170px;
  }
}
.front #page h1.title {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}
#main {
  clear: both;
  margin-top: 25px;
  float: left;
  width: 100%;
  word-wrap: break-word;
}
@media (min-width: 1180px) {
  #main {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}
#footer #block-locale-language-content ul li a {
  padding-left: 0;
}
#modalBackdrop,
.ui-widget-overlay {
  background: #3F4048 !important;
  opacity: 0.8 !important;
}
.ui-front {
  z-index: 999999;
}
.ui-dialog.ui-widget-content {
  background: #FFFFFF;
  color: #3F4048;
  border: none;
  box-shadow: 0 5px 5px;
  border-radius: 0;
  padding: 0 0 20px;
}
@media (max-width: 767px) {
  .ui-dialog.ui-widget-content {
    width: 100% !important;
  }
}
.ui-dialog.ui-widget-content .ui-widget-header {
  background: none;
  border: 0;
}
.ui-dialog.ui-widget-content .ui-widget-header .ui-dialog-title {
  display: none;
}
.ui-dialog.ui-widget-content .ui-widget-header .ui-dialog-titlebar-close {
  right: 30px;
  top: 25px;
  z-index: 10;
}
.ui-dialog.ui-widget-content p {
  margin: 10px 0;
}
.ui-dialog.ui-widget-content p.buttons {
  text-align: right;
}
.ui-dialog.ui-widget-content .login,
.ui-dialog.ui-widget-content .primary {
  background-color: #F1A121;
  color: #FFFFFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px  25px;
  text-decoration: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  margin-left: 10px;
  margin-top: 20px;
  float: right;
}
.ui-dialog.ui-widget-content .login:hover,
.ui-dialog.ui-widget-content .primary:hover {
  background-color: #E19400;
}
.ui-dialog.ui-widget-content .login:before,
.ui-dialog.ui-widget-content .primary:before {
  font-family: FontAwesome;
  content: '';
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
}
.ui-dialog.ui-widget-content .register,
.ui-dialog.ui-widget-content .secondary {
  background-color: #E7ECF4;
  color: #ee3524;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px  25px;
  text-decoration: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  margin-top: 20px;
}
.ui-dialog.ui-widget-content .register:hover,
.ui-dialog.ui-widget-content .secondary:hover {
  background-color: #E7ECF4;
}
.ui-dialog.ui-widget-content .register:before,
.ui-dialog.ui-widget-content .secondary:before {
  font-family: FontAwesome;
  content: '';
  color: #ee3524;
  display: inline-block;
  font-size: 16px;
  margin-right: 5px;
}
.ui-dialog.ui-widget-content #popup-flagged-job,
.ui-dialog.ui-widget-content #popup {
  padding: 10px 25px;
}
.ui-dialog.ui-widget-content .form-error {
  color: #BE1200;
  margin-bottom: 5px;
}

/* CSS for login/register popup  */

.ui-dialog.ui-widget-content {
  background: #FFFFFF;
  color: #3F4048;
  border: none;
  box-shadow: 0 5px 5px;
  border-radius: 0;
  padding: 0 0 20px;
  display: none;
}

.ui-dialog.ui-widget-content .ui-widget-header {
  background: none;
  border: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 30px;
  top: 25px;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  z-index: 10;
  border: 1px solid #d3d3d3;
  background-color: #e6e6e6;
  border-radius: 4px;
  color: #7a7c85;;
  cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  border: 1px solid #999;
  background-color: #dadada;
  color: #212121;
}

.ui-dialog .ui-dialog-titlebar-close:before {
  font-family: FontAwesome;
  content: "\f00d";
  display: inline-block;
  font-size: 14px;
  margin-left: 1px;
  margin-top: 1px;
  font-weight: 400;
  position: relative;
  top: -4px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title, .ui-button-text {
  display: none;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 10px 25px;
  background: 0;
  overflow: auto;
}

.ui-dialog.ui-widget-content p {
  margin: 10px 0;
}

.ui-dialog.ui-widget-content p.buttons {
  text-align: right;
}

.ui-dialog.ui-widget-content .login {
  background-color: #F1A121;
  transition: background-color 0.5s;
  color: #FFFFFF;
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 25px;
  text-decoration: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  margin-left: 10px;
  margin-top: 20px;
  float: right;
}
.ui-dialog.ui-widget-content .login:hover {
  background-color: #E19400;
}

.ui-dialog.ui-widget-content .register {
  background-color: #E7ECF4;
  color: #ee3524;
  font-family: 'Roboto Condensed',sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 25px;
  text-decoration: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  margin-top: 20px;
  cursor: pointer;
}

.ui-widget-overlay {
  background: #3F4048;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.ui-front {
  height: auto;
  width: 500px;
  top: 15%;
  left: 30%;
  position: fixed;
  z-index: 999999;
}
@media (width: 768px) {
  .ui-front {
    left: 17%;
  }
}
@media (width: 1024px) {
  .ui-front {
    left: 25%;
  }
}
@media (max-width: 767px) {
  .ui-front {
    left: 0;
  }
}
.overlay {
  display: none;
  height: 100%;
  width: 100%;
  display: none;
  background-color: #3F4048;
  opacity: 0.5;
  position: fixed;
  z-index: 10;
  top: 0;
}

input.form-text, .form-textarea, .form-select {
  box-shadow: inset 2px 2px 2px #F5F5F5;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  padding: 14px 35px 15px 10px;
  border: solid 1px #BCBEC0;
  width: 100%;
  color: #706F6F;
  max-width: 404px;
  font-size: 16px;
  font-style: italic;
}

input.form-text.error, .form-textarea.error, .form-select.error {
  border: 1px solid #BE1200;
}

div.form-item {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

/* FOOTER.CSS START */

/*
* 
* Footer styles goes here
*
*/

#footer ul {
  padding: 0;
  margin: 0;
}

#footer {
  background: #3F4048;
  clear: both;
}
@media (min-width: 1180px) {
  #footer {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

#footer .container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

@media (min-width: 1180px) {
  #footer .container {
    width: 1180px;
    margin: 0 auto;
  }
}

@media (max-width: 1179px) and (min-width: 768px) {
  #footer .container { 
    width: 768px;
  }
}

#footer .logo {
  text-align: center;
  padding: 45px 0 13px;
}
#footer .logo img {
  height: 30px;
}
@media (min-width: 1180px) {
  #footer .logo {
    display: inline-block;
    margin-left: 30px;
  }
}
@media (min-width: 1180px) {
  #footer .logo + .block {
    float: right;
    padding: 40px 0 6px;
    margin-right: 24px;
    min-width: 238px;
  }
}
#footer nav.socialtools {
  margin-bottom: 41px;
}
@media (min-width: 1180px) {
  #footer nav.socialtools {
    margin-bottom: 0;
    float: left;
  }
}
#footer nav.socialtools ul {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
#footer nav.socialtools li {
  display: inline-block;
}
#footer nav.socialtools li img {
  width: 34px;
  height: 34px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 1179px) {
  #footer nav.socialtools li img {
    margin-right: 12px;
  }
}
#footer nav.socialtools li span {
  display: none;
}
@media (min-width: 1180px) {
  #footer .footer-columns {
    margin: 0 0 20px 50px;
  }
}
@media (min-width: 1180px) {
  #footer .footer-columns .region-footer-left-column,
  #footer .footer-columns #block-mp-features-footer-menus-footer-expertise-list,
  #footer .footer-columns .footer-right {
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 1180px) {
  #footer .footer-columns .region-footer-left-column {
    width: 260px;
  }
}
@media (min-width: 1180px) {
  #footer .footer-columns .footer-right {
    max-width: 250px;
  }
}
@media (min-width: 1180px) {
  #footer .footer-columns #block-mp-features-footer-menus-footer-expertise-list {
    width: 525px;
    margin-right: 84px;
  }
}
@media (min-width: 1180px) {
  #footer .footer-columns #block-mp-features-footer-menus-footer-expertise-list li {
    float: left;
    width: 50%;
  }
}
#footer .footer-columns .block {
  border-top: 1px solid rgba(112, 111, 111, 0.5);
}
@media (min-width: 1180px) {
  #footer .footer-columns .block {
    border: none;
  }
}
#footer .footer-columns .block h3 {
  padding: 17px 0 15px 20px;
  margin: 0;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
#footer .footer-columns .block h3:after {
  font-family: FontAwesome;
  content: "\f078";
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  float: right;
  margin-right: 21px;
}
@media (min-width: 1180px) {
  #footer .footer-columns .block h3:after {
    display: none;
  }
}
#footer .footer-columns .block h3.down {
  border-bottom: 1px solid rgba(112, 111, 111, 0.5);
}
#footer .footer-columns .block h3.down:after {
  font-family: FontAwesome;
  content: "\f077";
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  float: right;
  margin-right: 21px;
}
@media (min-width: 1180px) {
  #footer .footer-columns .block h3 {
    border: none;
    padding-left: 0;
    font-size: 20px;
    color: #bcbec0;
    padding-bottom: 8px;
  }
}
#footer .footer-columns .block ul {
  display: none;
}
#footer .footer-columns .block ul.footer_image img {
  padding-right: 30px;
}
@media (min-width: 1180px) {
  #footer .footer-columns .block ul {
    display: inline-block;
  }
  #footer .footer-columns .block ul.footer_image {
    display: block;
    margin-top: 10px;
  }
}
#footer .footer-columns .block ul li {
  list-style-type: none;
  list-style-image: none;
  margin-left: 35px;
  padding: 13px 0;
}
@media (min-width: 1180px) {
  #footer .footer-columns .block ul li {
    margin: 0;
    padding: 0 0 3px 0;
  }
}
#footer .footer-columns .block ul a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}
#footer .footer-columns .block ul a:hover,
#footer .footer-columns .block ul a:focus {
  text-decoration: underline;
}
#footer .footer-bottom {
  border-top: 1px solid rgba(112, 111, 111, 0.5);
}
#footer .footer-bottom .block-mp-responsive-block-configuration .trademark-container .trademark-content {
  padding: 15px 20px 25px;
}
@media (min-width: 1180px) {
  #footer .footer-bottom .block-mp-responsive-block-configuration .trademark-container .trademark-content {
    padding: 15px 30px 25px;
  }
	#footer .footer-columns .footer-center {
  display: inline-block;
}
}
#footer .footer-bottom p,
#footer .footer-bottom span {
  display: inline-block;
  margin: 0;
  line-height: 1;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 400;
}

/* MAIN CSS STARTS */
/*   */
/* Video background  */
.container {
  position: relative
}

.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 50px;
  z-index: -1;
  background:  #1f1f1f;
  background-size: cover;
  background-position: center;
}

video,
source {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}

/*  video background end */
/*----- MENU FIX START ------*/
#header {
	z-index: 999;
	
}
.main-nav-list{
	margin-bottom: 0;
}
#header #header-region .menu li.start:hover span, #header #header-region .menu li.start.active span, #header #header-region .menu li.start > a:focus span {
    color: #B8AA82 ;
}
#header #header-region .menu .mega-menu .menucluster li a:hover, #header #header-region .menu .mega-menu .menucluster li a:focus {
    color: #B8AA82;
}
@media (min-width: 768px){
#header .container #header-region #block-mp-mypage-save-jobs-block {
    right: 79px;
}
	}

@media (min-width: 1180px){
#header .container #header-region {
    width: auto;
}
	}
@media (min-width: 1180px)and (max-width:1199px){
#header .container #header-region {
    width: auto;
}
	}
@media (max-width: 1179px){
#header .container #header-region #block-mp-mypage-save-jobs-block a {
        margin-right: 54px;
}
	}

/*----- MENU FIX END ------*/


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;max-width:460px}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/*   -----   */

#header {
    z-index: 99;
	
}
#hero-overlay{
	width:100%;
	height: calc(100vh - 70px);
	margin-top: -50px;
	

top:0;
width:100%;
z-index:0;

	

}
#back-in-image{
	width:100%;
	height: calc(100vh - 70px);
		background:url('../images/placeholder.jpg') -25px -50px;
	background-repeat: no-repeat;
	  background-size: calc(100% + 50px);

	  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;

}
.hero-txt-move{
		  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
strong {
    font-weight: 700;
}
p, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto','Microsoft YaHei','微软雅黑',simHei,'黑体',Arial,sans-serif,Verdana !important;
	font-weight: 300;
}
p{
	font-weight: 300;
}
.ease{
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.ease2{
 -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal-backdrop.show {
    opacity: .9;
}
.modal-content {
    background-color: transparent;
    border: 0;
}
.modal-header{
	border-bottom:0;
}
#hero-overlay h2{
	font-size: 72px;
	letter-spacing: -2px;
	margin-top: 12vh;
	line-height: 70px;
	color:#ffffff;
}
.bubble{
	background: #faa61a;
    color: #ffffff;
    padding: 0px 22px;
    font-size: 36px;
	margin-left: 5px;
	
}
.bubble:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid #faa61a;
    border-right: 15px solid transparent;
    margin-top: 59px;
        left: 20px;
}
.font-light{
	font-weight: 100;
}
.logo-m{
	width:300px;
	height:140px;
	background-position: -428px 19px;
	transform-origin: left;
	margin-left: -2px;   
	padding: 39px 8px;
}
.typed-cursor{
	color: #ee3524;
	font-weight: 100;
	font-size: 50px;
}
.stats-bar{
	margin-top: 150px;
	margin: 5px;
	color: #ffffff;
	min-height: 80px;
	opacity: 1;
	top: 0;
    width: 95%;
	padding: 115px 20px 96px;

}
.stats-bar p{
	    margin-bottom: 0;
	color: #ffffff;
}
.i-num{
	font-weight: 100;
    font-size: 36px;
    display: inline;
    vertical-align: top;
    float: left;
	margin-right: 8px;
	color: #ff4938;
}
.i-text{
    display: inline;
    vertical-align: top;
    float: left;
    letter-spacing: 0px;
    line-height: 15px;
    margin-left: 10px;
    font-size: 14px;
	color: #ffffff;
	margin-top: -4px;
}
sup{
	font-weight: 100;
    font-size: 60%;
}
.p-sep:after{
	position: absolute;
    content: ' ';
    width: 1px;
    height: 200%;
    background: #4458c5;
    margin-top: -20px;
    margin-left: 41px;
}
.cta-bt-text-big{
	font-size: 36px;
	margin-left: 54px;
    line-height: 64px;
}
.menu-ul{
	top: 45vh;
    float: right;
    position: absolute;
    right: 0;
	z-index: 1;
}
.menu-ul li{
	color: #ffffff;
	font-weight: 100;
	font-size: 16px;
	list-style: none;
	line-height: 36px;
	letter-spacing: 0;
	position: relative;
	opacity: 0.8;
}
.menu-ul li:hover{
	opacity: 1;
		 -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	
}

.menu-ul li:before{
	content: ' ';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-right: 16px;
	opacity: 0.5;
	 -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu-ul li:hover:before{
	opacity: 1;
	border: 5px solid #ee3524;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu-ul li:after{
	 content: ' ';
    width: 1px;
    height: 26px;
    background: #ffffff;
    position: absolute;
    left: 5px;
    top: -14px;
    opacity: 0.3;
}


.menu-ul li:first-child:after{
	    content: ' ';
    width: 0px;
}
.menu-ul li a{
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
}
.menu-ul li a:hover{
	opacity:1;
}

.bk-white{
	background: #ffffff;
}
.con-gap{
	padding:100px 15px;
}
.box-title{
	width: 200px;
    height: 200px;
    background: #1a4893;
    padding: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 100;
    line-height: 24px;
	position: absolute;
	font-weight: 100;
}
.box-title h3{
	color: #ffffff;
}
.intro-vid{

}
.vid-text{
	
}
.vid-text p{
	color: #ffffff;
}
#our_dicipline{
	font-size: 30px;
	letter-spacing: -1px;
	display: inline;
	margin-top: 30px;
	line-height:36px;
}
.dici-wrap .typed-cursor{
	font-size: 36px;
	line-height: inherit;
}

.btn-cta{
	display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 18px 28px;
    background: #F37A54;
    border: none;
   /* box-shadow: 0 9px 19px rgba(0,0,0,0.3);*/
	line-height: 20px;
	border-radius: 6px;
}
.btn-cta:hover{
	color:#ffffff;
	background: #DC6642;
}
.cta-btn-txt{
	    margin-top: 11px;
    margin-right: 5px;
	color:#ffffff;
}
#cta-1{
	position: absolute;
    top: 150px;
	display: block;
}
.p-script{
	font-size:12px;
	opacity: 0.5;
}
.large-p{
	font-size:24px;
	line-height: 36px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
}
.carousel-caption h5{
	color: #ffffff;
    font-size: 16px;
    line-height: 20px;
}
.carousel-caption p{
	color: #ffffff;
    opacity: 0.8;
    font-size: 14px;
	line-height: 16px;
	margin-top: 20px;
}
.expert-badge{
	color:#dddddd;
    position: absolute;
    top: 50%;
    text-align: right;
    max-width: 300px;
	font-size: 13px;
    line-height: 16px;
}
.expert-badge strong{
	color: #b8aa82;
	font-size: 30px;
	font-weight: 100;
	line-height: 54px;
}
.expert-bot{
	margin-left: 15px;
	    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    z-index: 0;
	background: rgb(56,55,53);
background: -moz-linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
background: -webkit-linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
background: linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383735",endColorstr="#383735",GradientType=1);
}
.car-wrap{
   background: #444444;
	border-radius: 4px;
transition: all 0.8s ease-in-out;
}
.carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
	position: relative;
	margin: 50px;
	padding-bottom: 60px;
	margin-bottom: 0;
	
}
.carousel-inner{
	border-radius: 4px;
	width: 100%;
    min-height: 250px;
	transition: all 0.8s ease-in-out;
}

.carousel-indicators li{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 0px;
    margin-left: 4px;
    padding-top: 12px;
    padding-left: 12px;
	background: transparent;
}

.carousel-indicators li .ca-dot{
	width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cccccc;
	display: inherit;
}
.carousel-indicators li.active .ca-dot{
    background-color: #b8aa82;
}
.info-block{
	background-color: rgba(26,72,147,1);
    color: #ffffff;
    padding: 50px 75px;
    margin-top: 20px;
    min-height: 400px;
	position: relative;
	position: relative;
}
.info-block::before{
  content: "";
  background-image:url("../images/cover-info.jpg");
	background-size: cover;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; 
}
.info-block h2, .info-block p , .info-block ul{
    color: #ffffff;
}
.info-block h2{
    font-size: 28px;
}
.info-wrap{
	margin-right: 0;
	padding-right: 0;
}
.info-wrap .i-num{
	margin-top: 0px;
    margin-bottom: 22px;
}

.info-wrap .i-text{
	font-size: 16px;
	max-width: 290px;
}
.info-small .i-num{
	font-size: 36px;
	display: block;
}
.info-small .i-text{
	margin-top: -18px;
	font-size: 16px;
}
    
.advert{
    padding:10px;
	background-color: #f7f7f7;
}
.advert img{
    margin:0 20px;
}
.advert h2{
	color:#ffffff;
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 36px;
	margin-left: 100px;
    margin-top: 100px;
    margin-bottom: 20px;
}
.advert p{
	color:#ffffff;
}

.carousel-control-prev-icon{
	background: url(../images/sprite.png) !important;
    background-position: -198px 1px !important;
	width: 50px;
    height: 50px;
	margin-left: -90px;
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
}
.carousel-control-next-icon{
	background: url(../images/sprite.png) !important;
    background-position: -152px 1px !important;
	width: 50px;
    height: 50px;
	margin-right: -90px;
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
}
.carousel-control-next:hover .carousel-control-next-icon , .carousel-control-prev:hover .carousel-control-prev-icon{
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

#cta-2{
	position: relative;
	transition: all 0.1s ease-in-out;
	padding: 32px 40px;
    margin-top: -40px;
}
#cta-4{
	box-shadow: 0 3px 4px rgba(0,0,0,0.3);
    margin-top: 30px;
	transition: all 0.1s ease-in-out;
	display: none;
}

#cta-5{
	position: fixed;
    top: 0;
    z-index: 98;
    width: 100%;
    margin-left: 0;
    left: 0;
    border-radius: 0;
    font-size: 16px;
    padding: 14px 30px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	}	
#cta-5 .round{
	transform: scale(0.8);
    transform-origin: right top;
    margin-top: -5px;
    position: absolute;
    right: 28px;
	}
.ad-ul{
	color:#ffffff;
	opacity: 0.8;
	margin-top: 25px;
}
.ad-ul li{
	border-top: 1px solid rgba(255,255,255,0.3);
    padding: 14px 2px;
    font-weight: 100;
	list-style-position: inside;
	list-style: none;
	padding-left: 25px;
}
.ad-ul li:before{
	position: absolute;
    content: ' ';
    width: 16px;
    height: 15px;
    margin-left: -25px;
    margin-top: 2px;
    background: url(../images/sprite.png) no-repeat -182px -8px;
}
.ad-ul li ul li:before{
    background: url(../images/sprite.png) no-repeat -208px -6px;
}
.ad-ul li ul{
	margin-top: 10px;
	margin-left: 30px;
}
.ad-ul li ul li{
	border-top: 0;
    padding: 2px 2px;
    font-weight: 100;
}
.prof-p{
	text-align: center;
    margin-top: 45px;
    font-size: 18px;
    margin-bottom: 10px;
}
.prof-wrap {
	background: #ffffff;
}
.prof-wrap a{
	color: #ee3524 !important;
    font-weight: 500;
	cursor: pointer;
}

.profile-card{
    display: inline-flex;
    width: 30%;
}
.pro-img{
	width: 75px;
    height: 75px;
    background: url("../images/business-profile-1.png") no-repeat;
	background-size:cover;
    border-radius: 50%;
    margin-right: 20px;
}

.pro-img.card2{
    background: url("../images/business-profile-2.png") no-repeat;
	background-size:cover;
}
.pro-img.card3{
    background: url("../images/business-profile-3.png") no-repeat;
	background-size:cover;
}
.pro-img .i-num{
	color: #ffffff;
    opacity: 0.5;
    font-size: 40px;
    margin-top: -53px;
    margin-left: 9px;
}
.pro-img:before{
	content: ' ';
    width: 87px;
    height: 87px;
    border-radius: 50%;
    border: 1px solid #ee3524;
    display: block;
    margin-left: -6px;
    margin-top: -6px;
	opacity:0.5;
}
.pro-info p{
	font-size: 14px;
    line-height: 18px;
	margin-top:20px;
}
.pro-info p strong{
	text-transform: uppercase;
}
.btn-icon{
	display: inline-flex;
	text-align: left;
}
.icon-arrow{
	display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/sprite.png) no-repeat -174px -42px;
    margin-left: 10px;
    margin-top: 2px;
}
.sprite{
	background-image: url(../images/sprite.png) ;
	background-repeat: no-repeat;
}
.pro-wrapper{
	    margin-left: 30px;
}
.featured{
	background: #ffffff;
	padding: 100px 0;
}
.featured h2{ margin-bottom: 20px}
.featured img{
	margin: 20px 30px;
	max-height: 40px;
	
}
.id-gap-1{
	width:100%;
	height: 30px;
}
.id-gap-2{
	width:100%;
	height: 100px;
}
.id-gap-3{
	width:100%;
	height: 100px;
}
.info-block ul li{
	list-style: none;
	font-weight: 100;
	margin-left: 18px;
	font-size: 14px;
}
.info-block ul li:before {
    position: absolute;
    content: ' ';
    width: 16px;
    height: 15px;
    margin-left: -25px;
    margin-top: 2px;
    background: url(../images/sprite.png) no-repeat -208px -6px;
}
.btn-plane{
	color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px; 
}
.btn-plane:hover{
	color: #ffffff;
	text-decoration: none;
	opacity: 0.8;
}
.btn-plane .icon-arrow{
	margin-left: 0;
    margin-top: -6px;
    margin-right: 5px;
	background-position:-222px -42px;
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #ee3524;
    border-color:  #ee3524;
}
.btn-warning.focus, .btn-warning:focus {
    box-shadow: none !important;
}
#stats{
	margin-top:-100px;
	height:100px;
}
.point-arrow{
	background: #ffffff;
	width:20px;
	height: 20px;
	transform: rotate(45deg);
	position: absolute;
    left: calc(50% - 14px);
    margin-top: -10px;
}
.show-mob, #cta-3{
		display: none;
	}

/* Transition classes START */
.bloc1, .bloc2, .bloc3 {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    opacity: 0;
    margin-top: 50px;
    /*transform: scale(0.8, 0.8);*/
}
.bloc4, .bloc6, .bloc7 {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    opacity: 0;
    margin-top: 50px;

}
.bloc5 {
    transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    opacity: 0;
	margin-top: 50px;
   
}
.appear {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    opacity: 1;
    margin-top: 0;
    transform: scale(1, 1);
}
.appear2 {
    transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    opacity: 1;
    transform: scale(1, 1);
}
.delay1 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.delay2 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.delay3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.delay4 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.delay5 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.delay6 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.delay7 {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

/* Transition classes END */
/* arrow btn ani start */
.round {
    position: relative;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
	min-width:40px;
    border-radius: 100%;
    margin-left:5px;
}

.cta-round-wrap{
    width:100%; cursor: pointer; position: absolute;
}

.cta-round-wrap .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:13px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
/* arrow btn ani END */

#vid-thumb{
    width: 250px;
	min-width: 250px;
    height: 141px;
    background: url("../images/Kirsty-Poltock-Director-Page-Personnel.jpg") center;
	background-size: 100%;
	background-repeat:no-repeat;
    position: relative;
	cursor: pointer;
	float:right;
	margin-top:20px;
}
#vid-thumb.jump{
	margin-top: 0px;
}
#vid-thumb:hover{
	transition: all 0.15s ease-in;
	transition-delay: 0.05s;
}
.hide-vid-thumb{
	display: none;
}
#vid-thumb p{
	color: #cccccc;
    font-weight: 500;
    bottom: -49px;
    position: absolute;
    font-size: 13px;
}
.typed3{
	font-size: 36px;
	letter-spacing: 0;
	font-style: italic;
	color: #cccccc;
}
#hero-overlay h2{
	font-weight: 500;
}

.videoWrapper{
	margin-bottom: -6px;
	display: flex;
	max-width: 100%;
	margin-left:0;
	margin-right: 0;
}
.vid-text {
    width: 100%;
    background: #ee3524;
	padding: 55px;
	display: flex;
    height: 210px;
    margin: auto;
}
.vid-text p{
    font-size: 20px;
	line-height:26px; 
	margin: auto;
}
/*.benefit-wrap{
	padding:100px 0;
}
.benefit-wrap h2{
	text-align: center;
	font-weight: 100;
	font-size: 30px;
	margin-bottom: 20px;
	color: #000000;
}
.benefit-wrap h3{
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}
.benefit-wrap p{
	text-align: center;
	font-weight: 100;
	font-size: 15px;
	line-height: 20px;
	color: #666666;
	padding: 0 20px;
}*/
.border-left{
	    border-left: 1px solid #eee;
}

/* hero effect */

.page-wrap {
    position: relative;
    width: 100%;
    height: 100vh;
	max-height: 600px !important;
    max-width: 100%;
    max-height: calc(100vh - 75px);
	min-height: 600px;
    overflow: hidden;
	margin-top: -50px;
	background: #232323;
	
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	
}

.background-wrapper, .slicejack-wrapper {
    position: relative;
    top: 0px;
    right: -10px;
    bottom: -10px;
    left: -10px;
	width: 100%;
    height: 100vh;
	min-height: 600px;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);	
}
.background-wrapper .background, .slicejack-wrapper .slicejack {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
		background: url( '../images/placeholder.jpg' ) center top no-repeat;
        background-size: 100%;
	
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    }
.background-wrapper{
	transform:translate(0px, -60px) translateZ(0px);
}

.slicejack-wrapper {
	position: absolute;
}
.slicejack-wrapper .slicejack {
        background: none;
    }

.slicejack-wrapper .slicejack h2{
	font-size: 72px;
    letter-spacing: -2px;
    line-height: 70px;
    color: #ffffff;
	font-weight: 500;
	margin-left: 25px;
	margin-top: 350px;
}
.hero-h2{
	font-size: 60px;
    letter-spacing: -2px;
    line-height: 62px;
    color: #ffffff;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 20px;
}
.hero-text-row{
	margin-top: 70px;
}
.hero-p{
	    color: #f7f7f7;
    font-size: 18px;
    line-height: 30px;
}
.page-wrap2{
	 -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	 position: absolute;
	
	background: transparent;
	top:0;
}
.page-wrap2 .background, .page-wrap2 .background-wrapper2{
		 -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	opacity: 1;
}
.hero-box{
	position: relative;
}
.logo-head{
	position: absolute;
    z-index: 1;
    margin-top: -50px;
}

/* Hero effect end*/
.card-header:after{
	content:' ';
	width: 15px;
    height: 15px;
    position: absolute;
    background: url(../images/sprite.png) no-repeat;
	background-position: -299px -18px;
    right: 10px;
    top: 22px;
    transform: rotate(180deg);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform-origin: center;
}
.card-header.activea:after{
	transform:rotate(0deg);
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* owl carousel */
.owl-item{
	width:300px;
}
.owl-item:hover{
	cursor:pointer;
}
.owl-item:hover img{
	opacity:0.5;
	transition: all 0.3s ease !important;
}
.item-text-wrap{
	position: absolute;
	    z-index: 1;
    bottom: 0;
	padding: 30px;
	    min-height: 240px;
	    width: 100%;
}
.item-text-wrap h4{
    font-size:30px;
	line-height: 32px;
	font-weight: 400;
	    color: #ffffff;
    text-transform: uppercase;
 }

.item-text-wrap p{
    font-size:16px;
	line-height: 20px;
	color: #ffffff;
 }
.item-text-wrap p.r-more{
	font-size: 14px;
	font-weight: 500;
	color: #f37a55;
    text-transform: uppercase;
	opacity: 0;
	transform: translateY(-5px);

}
.owl-item:hover .item-text-wrap p.r-more{
	opacity: 1;
	transform: translateY(0);

}
.bot-shadow{ 
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    z-index: 0;
	background: rgb(56,55,53);
background: -moz-linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
background: -webkit-linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
background: linear-gradient(360deg, rgba(56,55,53,1) 7%, rgba(56,55,53,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383735",endColorstr="#383735",GradientType=1);	
}
.left-shadow{

	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    z-index: 0;
background: rgb(56,55,53);
background: -moz-linear-gradient(90deg, rgba(56,55,53,1) 0%, rgba(56,55,53,0) 89%);
background: -webkit-linear-gradient(90deg, rgba(56,55,53,1) 0%, rgba(56,55,53,0) 89%);
background: linear-gradient(90deg, rgba(56,55,53,1) 0%, rgba(56,55,53,0) 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383735",endColorstr="#383735",GradientType=1);

}

.owl-item .item{
	min-width:375px;
    overflow: hidden;
	min-height: 440px;
}
.owl-stage-outer{
	padding: 0;
	background: #333333;
}
.owl-dots{
	position: absolute;
    bottom: -40px;;
	width:100%;
	text-align: center;
}
.owl-carousel button.owl-dot{
	width:8px;
	height:8px;
	background: #b8aa82;
	margin: 13px;
	border-radius: 50%;
	opacity: 0.5;
}

.owl-carousel button.owl-dot.active{
	background: #b8aa82;
	opacity: 1;
}
.owl-item:hover img{
	transform: scale(1.05);
	transition-duration: 0.8s;
}
.owl-nav{
	position: absolute;
    background: #ccc;
    bottom: 5px;
	width:100%;
}
.owl-next, .owl-prev{
	width:56px;
	height: 56px;
	position: absolute;
	border:2px solid #444341 !important;
	border-radius: 50%;
	margin-left: 20px;
	
}
.owl-next{
	right:20px;
	top: -70px;
}

.owl-prev{
	margin-top:-70px;	
}

.owl-prev span, .owl-next span{
	content: 0;
	display:inline-block;
	width:56px;
	height: 56px;
	background: url('../images/sprite.png') !important;
	background-position: -198px 1px !important;
	color:transparent;
}

.owl-next span{
	background-position: -152px 1px !important;
}

.owl-next:hover, .owl-prev:hover{
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation:  boul 0.5s 1;
	border:2px solid #f37a55 !important;
}
.owl-prev:hover span{
	animation:  boul-left 0.7s 1;
}
.owl-next:hover span{
	animation:  boul-right 0.7s 1;
}
@keyframes boul {
  0%   { transform: scale(1); opacity: 1 }
  25%  { transform: scale(0.9); opacity: 0 }
  26%  { transform: scale(1.1); opacity: 0 }	
  100% { transform: scale(1); opacity: 1 }
}
@keyframes boul-left {
  0%   { transform: translateX(0px); opacity: 1 }
  25%  { transform: translateX(-20px); opacity: 0 }
  26%  { transform: translateX(20px); opacity: 0 }
  100% { transform: translateX(0px); opacity: 1 }		
}
@keyframes boul-right {
  0%   { transform: translateX(0px); opacity: 1 }
  25%  { transform: translateX(20px); opacity: 0 }
  26%  { transform: translateX(-20px); opacity: 0 }
  100% { transform: translateX(0px); opacity: 1 }		
}
.owl-next:focus, .owl-prev:focus{
	    outline: 0;
}

/* owl carousel end */
.car-dark{
	background: #333333;
	color:#ffffff;
}
.car-dark-txt{

    padding-right: 120px;
    padding-left: 50px;
    max-width: 400px;
	position: absolute;
    right: 0;
    top: 35%;
}
.car-dark-txt h2, .car-dark-txt h3, .car-dark-txt p {
	color:#ffffff;
}
.car-dark-txt h2{
	    font-size: 30px;
    font-weight: 100;
    margin-bottom: 20px;
    line-height: 34px;
    margin-top: 12px;

}
.car-part{
	padding:0;
}


.owl-stage{
	margin-left: -350px;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
	cursor: grab;
}
.car-part-trans .owl-stage{
	margin-left: 0;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.video-circle-wrap{
	position: absolute;
    bottom:60px;
	left:-60px;
	
}
.video-circle{
	position: absolute;
	background: #f47954;
	width: 60px;
	height:60px;
}
.owl-item:hover .video-circle, #vid-thumb:hover .video-circle{
	transform: scale(1.15);
	transition-duration: 0.2s;
}
.owl-item:hover .item-text-wrap{
	    bottom: -5px;
	    transition-duration: 0.3s;
}

   .triangle-right {
   width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 10px solid transparent;
    margin-top: 20px;
    margin-left: 28px;
    }
  
.circle {
  stroke-dasharray: 500;
  stroke-dashoffset: 1000;
}
.circle:hover {
  animation: stroke 2s forwards;
}
@keyframes stroke {
  to {
    stroke-dashoffset: 0;
  }
}
.faq-container{
	margin-top:100px;
} 
.round-h{
	color: #ee3524;
	font-size: 18px;
	font-weight: 500;
	height:70px;
	width:70px;
	text-align: center;
	border:2px solid #ee3524;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
    margin-right: 15px;
    padding-top: 20px;
	margin-top: 10px;
    margin-bottom: 10px;
}
h3{
	    font-size: 24px;
    font-weight: 500;
}
.accordion .card{
	border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.card-header{
	padding: 10px 0;
	background-color: transparent;
	cursor: pointer;
}
.card-body{
	margin-top: -12px;
    background: #ffffff;
	color: #666666;
	font-weight: 300;
	line-height: 26px;
	padding:13px;
}
.btn-link{
	color:#666666;
}
.btn-link:hover, .btn-link:active,.btn-link:focus{
	text-decoration: none;
}
.card-header:hover .btn-link{
	color:#ee3524;
	transition-duration: 0;
}



@-webkit-keyframes run {
  0%   { left: -700px; }
  100% { left: 100%; }
}
@-moz-keyframes run {
  0%   { left: -700px; }
  100% { left: 100%; }
}
@-o-keyframes run {
  0%   { left: -700px; }
  100% { left: 100%; }
}
@keyframes run {
  0%   { left: -700px; }
  100% { left: 100%; }
}
.car-title{
	padding:30px;
	padding-bottom: 0;
}
.car-title h2{
	font-weight: 700;
    color: #cccccc;
    font-size: 36px;
    letter-spacing: -1px;
	
}
.icon-chat{
	width:48px;
	height:48px;
	margin-left: 90%;
    margin-top: -27px;
}
.vid-cam-icon{
	width:48px;
	height:48px;
	position: absolute;
	right: 30px;
    margin-top: -7px;
	background-position: -54px 2px;
}
.info-wrap, .car-wrap, #benefit-section{
	opacity:0;
	transform: translateY(30px);
}
.info-wrap.show, .car-wrap.show, #benefit-section.show{
	opacity:1;
	transform: translateY(0px);
}
.car-wrap{
	transition-delay: 0.2s;
}

.model-back-fix{
	position: fixed;
    width: 100%;
    height: 100vh;
    background: transparent;
    z-index: 99;
    top: 0;
	display: none;
}

.modal-backdrop{
	transform: translateX(0);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal-backdrop.show{
	transform: translateX(0);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal-dialog{
	max-width: 100vh;
}
.modal-title{
	color: #ffffff;
}
.close{
	color:#ffffff;
	text-shadow: 0;
	font-weight: 100;
}
.close:hover {
    color: #ffffff;
}
.close:focus {
    outline:none;
}
body.modal-open{
	overflow: hidden !important; 
}
.cta-pdf{
	display:flex;
	background: #ffffff;
	border-radius: 6px;
	max-width: 900px;
    margin: 0 auto;
    margin-top: 86px;
	margin-bottom: -50px;
}

.cta-in h3{
	max-width: 400px;
	margin-top: 50px;
    max-width: 400px;
	margin-right: 20px;
	font-size: 30px;
	line-height:30px;
}
.cta-in p{
	font-size: 18px;
}
.cta-in-image{
	width: 174px;
    height: 183px;
	background: url('../images/sprite.png');
	background-position: -258px -60px;
	margin-left: 40px;
    margin-right: 40px;
}
#cta-download-pdf{
	margin-left:20px;
}
button:focus{
	outline: none;
}
.cta-pdf img{
	max-width: 220px;
	margin-top: -20px;
}
.cta-in-btn{
	margin-top:54px;
	padding: 13px 20px;
	border-radius: 4px;
	font-size: 16px;
	/*box-shadow: 0 3px 4px rgba(0,0,0,0.2);*/
	color: #ffffff !important;
	cursor: pointer;
}
.cta-in-btn:hover{
	text-decoration: none;
}

.btn-top{
	position: absolute;
    top: -39px;
    z-index: 99;
    right: 0;
    border-radius: 25px;
    margin-top: -71px;
}
.btn-mod{
	top:auto;
	    bottom: -46px;
    right: 15px;
	border-radius: 4px;
}

.sign-in, .block-mp-mypage{
	display: none !important;
}
#contact-form .modal-content, #contact-form-2 .modal-content{
	background: #ffffff;
}
#contact-form .modal-title, #contact-form-2 .modal-title{
	color:#3F4048;
	text-align: center;
}
#contact-form .close, #contact-form-2 .close{
	color:#000000;
}

#pp-form, #pp-form-2{
	max-width: 580px;
}
#contact-form .modal-body, #contact-form-2 .modal-body{
	text-align: center;
}
#contact-form h1, #contact-form-2 h1{
	text-align:center;
	margin-top: 0;
	margin-bottom: 20px;
}
#contact-form p, #contact-form-2 p{
	text-align:center;
}
.ben-ico{
	width: 120px;
    height: 106px;
    margin: auto;
}
.ben-ico-1{
	background-position: -7px -45px;
}
.ben-ico-2{
	background-position: -139px -45px;
}
.ben-ico-3{
	background-position: -7px -139px;
}
.ben-ico-4{
	background-position: -140px -141px;
}
	.cta-in h3:before {
     letter-spacing: 2px;
    content: "第5版";
    position: absolute;
    margin-top: -25px;
    font-size: 12px;
    color: #bbbbbb;
  
		
}

.thanks-wrap{
	background: #ffffff;
    margin-top: -50px;
}
.thanks-box{
	text-align: center;
    padding: 50px 20px;
}
.thanks-box h2{
	    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}
.thanks-box h4{
	text-align: center;
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 500;
}
.thanks-box p{
	text-align: center;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 24px;
}
.thanks-box a{
	display:block;
	margin-bottom: 10px;
}
.thanks-box a:hover{
	color:#ee3524;
}
#back-to-landing-cta{
	color: #ee3524;
    width: auto;
    display: inline-block;
    box-shadow: none;
    font-size: 16px;
    padding: 10px 18px;
    margin-bottom: 32px;
    background: #ffffff;
    border: 1px solid #ee3524;
}
.top-cta-wrap{
	position: relative;
    text-align: right;
    width: 100%;
    display: block;
	margin-top: 0;
}
#ad{
	padding-top:20px;
	text-align: center;
}
#ad h2{
	display: inline-block;
	margin-right: 20px;
}
.cta-head{
	position: fixed;
    z-index: 999;
}

.ceo-background{
	background-repeat: no-repeat;	
	padding: 100px 0;
	background-color: #232323;
	background-image: url("../images/ceo.jpg") ;
	background-position: center top;
}

.ceo-background h5{
	color:#ffffff;
	font-size: 34px;
	line-height: 38px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 30px;
}
.ceo-background p{
	color:#ffffff;
	opacity: 0.7;
	font-size: 14px;
	line-height: 26px;
}
.ceo-background p.expert-badge{
	opacity: 1;
    top:35%;
}
.show-more{
	font-size: 14px;
    font-weight: 500;
    color: #f37a55;
    text-transform: uppercase;
    transform: translateY(-5px);
	cursor: pointer;
	text-decoration: none;
}
.show-more:hover{
    opacity: 0.7;
	color: #f37a55;
	text-decoration: none;
}
.logo-head a{
	
}

.pe-lang{
	position: absolute;
    top: -30px;
    right: 10px;
	display: inline-block;
	padding:10px;
	padding-right: 0;
	color: #F37A54;
	text-transform: uppercase;
	font-weight: 500;
	font-size:13px;
	z-index: 10;
}
.pe-lang:hover{
	color: #F37A54;
	opacity: 0.8;
	text-decoration: none;
}

/* MEDIA START */


@media (max-width: 1368px)  {

	.slicejack-wrapper .slicejack h2{
		margin-top: 280px;
		font-size: 65px;
		line-height:64px
	}
	.hero-h2{
		margin-top: 0;
		font-size: 65px;
		line-height:64px
	}
	.menu-ul{
		    top: 35vh;
	}

	.advert h2{
		 margin-top: 120px;
	}
	
	
}
@media (max-width: 1179px)  {
	.btn-top {
    top: -45px;
    padding: 6px 20px;
}

}
@media (max-width: 767px){
	
	div[class^="col-sm"] {
		width:100%;
		flex:100%;
		min-width:100%;
	}
	#intro-para br{
		display:none;
	}
.pe-lang{
    top: -38px;
    z-index: 99;
	
}

}


@media (max-width: 767px){
	.carousel-control-next-icon{
		display: none;
	}
	.item-text-wrap p.r-more{
		opacity:1;
	}
	.left-shadow{
		opacity: 0.7;
	}
	.item-text-wrap{
		min-height: 0;
	}
	.owl-carousel .owl-item{
		float: none;
		display: block;
		background: #232323;
	}
	.owl-item .item {
    min-height: 360px;
		max-height: 400px;
}
	.owl-carousel .owl-item img {

    max-width: 100%;

}
	.owl-carousel .owl-stage{
		max-width: 100% !important;
		margin-left: 0px !important;
	}
	.owl-nav, .owl-dots{
		display: none;
	}	
.ceo-background {
    background-size: 250%;
    background-position: -104px top;
}
	.ceo-background h5{
		 margin-top: 138px;
         max-width: 100%;
	}	
	.ceo-img{
		padding-right: 30px;
    padding-left: 30px;
	}	
	.ceo-background p.expert-badge{
		margin-left: 0;
    line-height: 0;
	}
	
	.cta-pdf img {
    margin-top: -38px;
    margin-left: -80px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 0; 
	padding-top: 0px;
	height: auto;
	display: block;
}

	.vid-text{
	padding: 20px 0;
    height: auto !important;
	background: transparent;
	display: block;
	padding-top: 30px;
	}
	.vid-text p{
    height: auto;
	font-size: 16px;
    line-height: 20px;
	color: #666666;
	}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 480px;
	max-height: 270px;
}
	#cta-4{
		display: flex;
		position: relative;
		max-width: 370px;
    margin-left: auto;
    margin-right: auto;
	}

	#cta-5.bar{
		top:49px;
		z-index: 99;
		display: flex;
		opacity:1;
		margin-left: 0;
	}	
	
#vid-thumb{
	width: 100%;
    min-width: 100%;
    height: 177px;
	}
#vid-thumb.jump{
	margin-top: -60px;
}
	.icon-scroll{
		display: none;
	}
	.hide-mob{
		display: none;
	}
	.show-mob{
		display: block;
	}
#hero-overlay h2 {
    transform: scale(0.75);
    margin-top: 0;
}
	.logo-m{
		    margin-top: 20px;

	}
	.menu-ul{
		display: none;
	}
	.intro-vid {
    	margin-left: 0;
    	width: 100%;
}
	.box-title{
		height: auto;
    	position: relative;
    	margin-bottom: 30px;
    	width: 100%;
	    padding: 0;
		background: none;
		   
	}
	.box-title h3{
		color:rgba(26,72,147,1);
		margin-bottom: 20px;
	}
		.box-title h3 br{
		display:none;
	}
	.large-p{
		text-align: left;
    	margin-bottom: 30px;
    	line-height: 24px;
		    margin-top: 25px;
    font-size: 18px;

	}	
	#our_dicipline{
		font-size:24px;
	}
	#our_dicipline br{
		display: none;
	}
	#cta-1{
		position: relative;
		top:20px;
	}
	.car-wrap {
    margin: 0 auto;
	margin-top: 0px;
	
}
	.carousel-caption{
		display: block !important;
		margin: 30px;
		padding:0;
	}
	.carousel-item img{
		width:150px;
	}
	.expert-bot{
		display:none;
	}
	.expert-badge{
		text-align: left;
		top:0;
		margin-left: 30px;
		max-width: 50%;
	}
	
	.expert-badge strong {
    font-size: 24px;
}
	.carousel-indicators {

    bottom: -70px;
	}
	.con-gap {
    padding: 80px 15px;
}
.info-wrap {
    margin-right: 15px;
}	

.info-block {
    padding: 50px 30px;
	}
.featured {
    padding: 50px 0;
}
	.featured img {
    margin: 10px 16px;
    max-height: 35px;
}
	.featured h2 {
    margin: 0 20px;
		 margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
}
	.dici-wrap{
		display: none;
	}
.pro-wrapper {
    margin-top: -40px;
	margin-bottom: 60px;
}	
	#cta-3 {
    margin-bottom: 80px;
	display: inline-flex;
}
	.stats-bar{
	    opacity: 1;
    width: 100%;
    transform: scale(1);
    margin-left: 0;
    padding: 50px 30px;
    padding-bottom: 15px;
    position: relative;
    top: 0;
    margin-top: 0;
	}

	.p-sep:after{
		width:0;
	}
	#hero-overlay {
    height: auto;
    margin-top: -50px;
    padding-bottom: 50px;
}
	.hero-h2 {
    font-size: 45px;
    line-height: 46px;
	margin-top: 130px;
}
	.background-wrapper .background, .slicejack-wrapper .slicejack{
		    background-size: 292%;
    background-position-x: 46% ;
		background-position-y: 50px;
}
	
	.background-wrapper {
    transform: none !important;
		    top: -35px !important;
    right: 0 !important;
    left: 0 !important;
}
	#benefit-section{
		margin-top: 50px;
    margin-bottom: -30px;
    padding-top: 0;
	}
	#benefit-section .col-sm-3{
		  width: 50%;
    flex: 50%;
    min-width: 50%;
	}
	.benefit-wrap h3{
	line-height: 18px;
}
	.benefit-wrap p{
		font-size: 14px;
		line-height: 18px;
		padding: 0;
	}
	.no-border-mob{
		border:0 !important;
	}
	.owl-item{
	background: #ffffff;

	}

	.owl-stage-outer{
		background: #333333;
	}
	.owl-dots {
    position: absolute;
    margin-left: 0 ;
	top:auto;	
    bottom: 28px;
    width: 100%;
    text-align: center;
	
}
	.owl-carousel button.owl-dot{
		margin:12px;
	}
	.owl-carousel button.owl-dot span{
	display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-top: -12px;
    margin-left: -12px;
}
	.owl-carousel button:hover.owl-dot span{
		    background: rgba(256, 256, 256, 0.1);
	}
	.owl-carousel button:focus{
		    outline:0;
	}
	.car-dark-txt {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 400px;
    position: relative; 
    top: 0; 
    padding-top: 50px;
    text-align: center;
}
	.car-dark-txt p{
		opacity:0.8;
	}


	.btn.btn-link{
		text-align:left;
		padding: 0;
    padding-right: 50px;
	}
	 .round-h{
		    float: left;
	}
	.faq-title{
		padding-top: 6px;
        display: inherit;
}
	#understand h2 .btn{
		line-height:20px;
	}
	.car-wrap{
		max-width:100%;
	}
	.advert h2{
		margin-left: 0;
	}
	.advert h2 em{
	font-style: normal;
    font-size: 23px;
    letter-spacing: 0px;
    line-height: 26px;
    display: block;
    margin-right: 66px;
	}
	.cta-bt-text-big {
    font-size: 36px;
    margin-left: 0;
    line-height: 40px;
}
#ad {
    margin-top: 60px;

}
	#cta-2 {
    padding: 18px 40px;
    margin-top: 10px;
}
	.advert {
    background-size: 300%;
	padding-top:40px;	
}
	.stats-bar{
		margin-top:88px;
	}	
	.cta-btn-txt{
		margin-top: 10px;
	}
	.cta-pdf{
		display: block;
		box-shadow: none;
	}
	.cta-in h3 {
    margin-top: 10px;
    font-size: 26px;
    line-height: 30px;
	font-weight: 500;
}
	#cta-download-pdf{
		margin-left: 0;
	}
	.cta-in p {
    display: none;
}
	.cta-in a.cta-in-btn{
		margin-top:5px;
		padding: 6px 13px;
    font-size: 13px;
	}
	.circle1{
		left:20%;
	}
	.cta-in.in-l{
		float: left;
    	width: 35%;
}
		.cta-in.in-r{
		float: left;
    	width: 65%;
}
	.cta-in-image{
	margin-left: -80px;
    margin-right: 0;
    transform-origin: top left;    
	margin-top: -13px;
	}
#pp-form, #pp-form-2 {
    min-height: 565px;
}	
	.stats-bar .col-sm-3{
	width: 50%;
    flex: 50%;
    min-width: 50%;
    padding-left: 0;
    padding-right: 0;
	}
	.stats-bar .i-num {
    font-size: 22px;
    margin-bottom: 35px;
	font-weight:400;
	margin-right: 6px;
}
	.stats-bar .i-text {
    margin-left: 0;
	max-width: 78px;
}
	#vid-thumb .video-circle-wrap{
		top:24%;
	}
	.typed3{
    vertical-align: top;
    line-height: 30px;
    font-size: 26px;
    margin-top: 10px;
	}
	.btn-top{
		display:none;
	}
}

@media (max-width: 1199px) and (min-width: 1025px){
	.container{
		min-width:1024px;
	}
		#dici{
		width: 100%;
    display: block;
    max-width: 100%;
    flex: 100%;
    margin-top: 100px;
    margin-left: 201px;
	}
	#dici br{
		display: none;
	}
		#cta-1{
		position: relative;
		top:26px;
		max-width:246px;
	}
	.stats-bar {
    transform: scale(1);
}
	#gap-fix-1200{
		display: none;
	}

}
@media (max-width: 1179px) and (min-width: 1024px){
.btn-top {
    top: -20px;
}
}

@media (max-width: 1024px) and (min-width: 768px){

	.stats-bar{
		transform: scale(1);
	}
	.i-text{
		margin-top:18px;
	}
	.i-text br, #intro-para br{
		display: none;
	}
	.i-num{
		    font-size: 30px;
    margin-left: 9px;
	}
	.p-sep:after{
		display: none;
	}

	#dici{
		width: 100%;
    display: block;
    max-width: 100%;
    flex: 100%;
    margin-top: 100px;
    margin-left: 201px;
	}
	#dici br{
		display: none;
	}
	#cta-1{
		position: relative;
		top:26px;
		max-width:246px;
	}
	.info-wrap{
	flex: 100%;
    min-width: 100%;
    width: 100%;
		margin-bottom: 100px;
		margin-top: 80px;
	}
	.con-gap {
    padding: 100px 15px;
}
	.id-gap-3 {
    height: 100px;
}
	#stats {
    height: 0px;
} 
	.car-wrap {
    min-width: 100%;
	}

	#contact-main{
		padding-left:50px;
	}
	#story-wrap{
		flex: 100%;
    min-width: 100%;
    width: 100%
	}
	#carouselExampleIndicators{
		margin:0 auto;
	}
	.background-wrapper .background{
		    background-size: cover;
	}
	.page-wrap2{
		margin-top: 0px;
	}
	.vid-text {
    padding: 30px;
}
	.hero-box {
    margin-top: -60px;
}
	.background-wrapper{
		left:0 !important;
		width: 102%;
	}
	.menu-ul {
    top: 53vh;    
		min-width: 275px;
}
	.btn-top {
    top: -45px;
    padding: 6px 20px;
		    margin-top: -46px;
}
	.vid-text p {
    font-size: 19px;
    line-height: 22px;
}
	.page-wrap{
		    margin-top: -95px;
	}
	.cta-in .cta-in-btn{
		min-width: 168px;
		margin-top: 70px;
	}
	.cta-in-image {
    margin-left: 18px;
    margin-right: 24px;
}
	.cta-pdf{
		padding-right: 18px;
		padding-bottom: 12px;
		margin-bottom: 25px;
	}
	.cta-in h3 {
		margin-top: 25px;
	}
	.carousel-inner {
    min-height: 286px;
}
	.hero-h2{
		font-size: 50px;
	}
	#cta-2{
		margin-top: 0px;
	}
	.cta-bt-text-big {
    margin-left: 20px;
}
	.carousel-caption{
		padding:0;
		padding-bottom: 40px;
		margin-right:0;
			min-height: 390px;
	}
	.expert-badge {
       bottom: auto;
    z-index: 1;
    top: 26px;
    right: 62px;
}
	.ceo-img .expert-badge {
    right: auto;
}
	.ex-img img{
		margin-top:50px;
		position: absolute;
    	bottom: 0;
    	right: 0;
		    max-width: 84%;
	}
	.carousel-control-next-icon {
    margin-right: -60px;
}
	.carousel-control-prev-icon {
    margin-left: -60px;
}
	.ceo-background p.expert-badge {
    top: 82%;
}
}
@media (max-width: 767px) and (min-width: 500px){
	.background-wrapper .background, .slicejack-wrapper .slicejack {
    background-size: 220%;
    background-position-x: 64%;
		    background-position-y: -36px;
}

	#vid-thumb {
    width: 400px;
    min-width: 400px;
    height: 219px;
	margin-left: auto;	
	margin-right: auto;		
}
	.vid-text p {
		text-align: center;
	}
	.btn-top {
    top: -45px;
    padding: 6px 20px;
}
}
@media (max-width: 1023px) and (min-width: 767px) and (max-height: 770px){
	.menu-ul{
		display:none;
	}

}
@media (max-width: 767px) and (min-width: 375px) and (min-height: 750px){
	.page-wrap{
		max-height: 600px;
	}

}
@media (max-width: 400px){
	.cta-btn-txt {
    margin-top: 1px;
}
}
@media (max-width: 374px){
	.stats-bar .i-text{
		    width: 65px;
		    margin-left: 0;
	}
.cta-pdf img {
    margin-left: -108px;
}
	.cta-in h3 {
    font-size: 24px;
    line-height: 28px;
}
	.expert-badge strong {
    font-size: 22px;
    line-height: 24px;
}
	.ceo-img .expert-badge strong {
    line-height: 44px;
}
	.logo-m {
    margin-top: 0px;
    width: 100%;
}
	.hero-h2 {
    font-size: 36px;
    line-height: 36px;
    margin-top: 130px;
}
	.cta-bt-text-big {
    font-size: 28px;
    line-height: 32px;
}
	#vid-thumb {
    height: 155px;
		background-position: top center;
}
	#cta-5{
		font-size: 14px;
	}	
.page-wrap {
    max-height: 600px;
}
	.faq-container {
    padding: 0;
}
	
}
html, body {
    min-width: 320px !important;
}


@media (max-width: 1023px){
	.car-dark-txt h2 br{
		display:none;
	}
	.car-dark-txt h2 {
    font-size: 24px;
    line-height: 28px;
}
		.profile-card {
    width: 100%;
    margin-top: 18px;
    max-width: 270px;
}
}	


.fade-in-on-load {animation-duration: 2.3s; animation-name: fadeInOnLoad;}
@keyframes fadeInOnLoad {
0%,50% {opacity: 0;}
100% {opacity: 1;}
}

/* MP STYLES */


.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    background-color: #f1a121;
    border-color: #f1a121;
}

.typed-cursor {
    color: #faa61a;
}

.car-dark {
    background: #0c1c4c;
}.vid-text {
    background: #124395;
}


.menu-ul li:hover:before {
    border: 5px solid #faa61a;
}
.typed3 {
    color: #ffffff;
}

.i-num {
    color: #7e9bd2;
}

.round-h {
    color: #124395;
    border: 2px solid #124395;
}
.card-header:hover .btn-link {
    color: #124395;
}
#back-to-landing-cta {
    color: #124395;
    border: 1px solid #124395;
}
a, .ui-widget-content a {
    color: #124395;
}
.thanks-box a:hover{
    color: #124395 ;
}
/* MP STYLES end */

.carousel-caption h5 {
    line-height: 28px;
}
#why-us{
	display: none;
}
#cta-4{
    margin-top: 70px;
    display: inline-flex;
    margin-left: 7px;
}
#btn-top-cta.btc-hidden{
	opacity:0;
	transform: translateY(-60px)
}

.page-wrap{
	min-height: 554px;
}
.contact-form-title{
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}


@media (max-width: 768px){
	#vid-thumb{
	display: none;
	}

	}

@media (max-width: 1024px){
.hidden-pc-stat{
    display:flex !important;
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.top-stats {
    background: #080f29;

}
	.top-stat-btn-wrap{
			-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
	}	
	#btn-stat-cta	{
		margin-bottom: 60px;
		border-radius: 4px;
	}
	.top-stats	.stats-bar{
		padding: 0 20px;
	}
	}


.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
    width: 26px;
    height: 50px;
    margin-left: -20px;
    margin-top: -35px;
    box-shadow: inset 0 0 0 1px #666;
    border-radius: 25px;
    bottom: 20px;
    z-index: 1;
}
.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -3px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}



#cta-5 .cta-btn-txt {
    margin-top: 1px;
}