/*
Theme Name: Citi Lift
Template: Impreza
Version: 1.0
Author:	Neovolution
*/

/*Add your own styles here:*/
header.l-header .banner {
  position: fixed;
  right: 0;
  top: 0;
  background: #ffffff;
  color: white;
  font-weight: 700;
  width: 155px;
  height: 28px;
  align-items: center;
  display: flex;
  z-index: 10; }
  header.l-header .banner img {
    width: 28px; }
  header.l-header .banner span {
    padding-left: .5rem;
    font-size: 14px; }
  header.l-header .banner:before {
    content: '';
    position: absolute;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 28px 0;
    border-color: transparent #ef6238 transparent transparent; }
  @media (max-width: 1015px) {
    header.l-header .banner {
      position: absolute;
      height: 30px;
      padding: 0 2rem;
      width: initial;
      z-index: 0; }
      header.l-header .banner:before {
        display: none; } }
  @media (max-width: 600px) {
    header.l-header .banner {
      height: 25px;
      padding: 0px 0.5rem; }
      header.l-header .banner img {
        width: 24px; }
      header.l-header .banner span {
        font-size: 12px; } }

.banner {
  overflow: hidden; }
  @media (max-width: 1024px) {
    .banner {
      padding: 0 5rem; } }
  @media (max-width: 600px) {
    .banner {
      padding: 0 2rem; } }
  .banner .l-section-video {
    background-position: top right;
    background-size: 100%; }
    .banner .l-section-video:after {
      content: '';
      position: absolute;
      width: 100%;
      background-color: rgba(54,50,138,0.6);
      -webkit-transform: rotate(40deg);
      -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
      -o-transform: rotate(40deg);
      transform: rotate(40deg);
      height: 2000px;
      top: -40%;
      left: -65%;
      bottom: 0;
      margin: auto; }
      @media (max-width: 1280px) {
        .banner .l-section-video:after {
          top: 0; } }
  .banner .g-cols {
    height: 360px; }
    @media (max-width: 1024px) {
      .banner .g-cols {
        height: 280px; } }
    @media (max-width: 900px) {
      .banner .g-cols {
        height: 250px; } }
    .banner .g-cols .wpb_wrapper h1, .banner .g-cols .wpb_wrapper h2, .banner .g-cols .wpb_wrapper h3 {
      color: white !important; }
    @media (max-width: 900px) {
      .banner .g-cols .wpb_wrapper .script {
        font-size: 24px; } }
    @media (max-width: 900px) {
      .banner .g-cols .wpb_wrapper .caps {
        font-size: 34px; } }
    @media (max-width: 767px) {
      .banner .g-cols .wpb_wrapper .caps {
        text-shadow: 6px 5px 11px rgba(0, 0, 0, 0.4); } }

.script {
  font-family: "Lobster", cursive;
  font-weight: 100;
  margin-bottom: -20px; }


@media (max-width: 1015px) {
  header.l-header {
    box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.2) !important; } }

.l-section.title-bar {
  margin-bottom: 4rem; }
  .l-section.title-bar h1 {
    color: white; }
    @media (max-width: 1024px) {
      .l-section.title-bar h1 {
        font-size: 2.5rem !important; } }
    @media (max-width: 767px) {
      .l-section.title-bar h1 {
        font-size: 2rem !important; } }
  .l-section.title-bar .l-section-h {
    padding-bottom: 1rem !important;
    padding-top: 2.5rem !important; }

.l-section .g-breadcrumbs {
  text-transform: uppercase;
  font-weight: 700;
  display: block !important; }
  .l-section .g-breadcrumbs li {
    color: #B5B1FF; }
    .l-section .g-breadcrumbs li a {
      color: white; }
      .l-section .g-breadcrumbs li a:hover {
        color: #ffffff; }
    .l-section .g-breadcrumbs li i {
      color: white; }
    .l-section .g-breadcrumbs li:last-child a {
      color: #B5B1FF !important; }


/*CATEGORIES ACTUALITES*/

#us_grid_1 .usg_post_taxonomy_1 {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    right: 1.2rem;
    z-index: 1;
}
.us-btn-style_badge {
    padding: 0.7em 1.2em;
    border-radius: 0em;
	background: rgba(54, 50, 138, 0.61);
    color: #fff !important;
}

/* FORMULAIRE DE CONTACT */

form.wpcf7-form p {
  display: flex;
  margin-bottom: 5px; 
  width: 90%;
  line-height: 50px;
}
form.wpcf7-form .submit-button {
  width: 100%;
  margin-top: 40px;
  text-align: right; }
form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
  border: none;
  background-color: rgba(255, 35, 0, 0.18);
  color: #d12e18; }
form.wpcf7-form .wpcf7-not-valid {
  box-shadow: 0 0 0 2px #d12e18; }
form.wpcf7-form span.wpcf7-not-valid-tip {
  color: #d12e18; }
div.wpcf7 input[type="file"] {
    cursor: pointer;
    display: flex;
  margin-top: 10px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f00;
}