/*

Theme Name: Chatillon (Divi child)

Description: Theme enfant du theme Divi pour Chatillon

Author: Leo DESIGAUX / Altais

Author URI: https://www.altaisweb.fr/

Template: Divi

Version: 1.0

*/

@media (min-width: 981px) {

  body.home #sidemenu {

    display: none  !important; }



  #sidemenu {

    z-index: 99999;

    position: fixed;

    top: 200px;

    right: 0;

    background: white;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

    border-radius: 20px 0 0 20px;

    display: flex;

    flex-direction: column;

    padding: 5px 5px 11px 5px; }

    #sidemenu a {

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      padding: 0 5px; }

      #sidemenu a:hover {

        color: #3163ae; }

        #sidemenu a:hover svg {

          transform: scale(1.05); }

      #sidemenu a svg {

        width: 70px;

        height: 70px;

        transition: .2s all; }

      #sidemenu a span {

        font-size: 12px;

        color: #010400;

        text-align: center;

        font-weight: bold;

        line-height: 13px; } }



      #search-2, #recent-posts-2, #archives-2, #categories-2, #meta-2{display:none;}

@media (max-width: 992px) {

  #sidemenu {

    display: none; } }

.df {

  display: flex; }



.jcc {

  justify-content: center; }



.mtb32 {

  margin-top: 32px;

  margin-bottom: 32px; }



.link-button {

  padding: 8px 16px;

  font-size: 16px;

  text-align: center;

  color: #3163ae;

  box-shadow: 0 0 0 2px #3163ae;

  border-radius: 4px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 1px;

  margin: 0 16px;

  position: relative;

  transition: all .2s; }

  .link-button:hover {

    background: rgba(49, 99, 174, 0.1); }

  .link-button:active {

    background: rgba(49, 99, 174, 0.4); }



.link-button-icon {

  padding: 4px 12px 4px 40px; }



.link-button-icon img {

  position: absolute;

  top: 7px;

  left: 10px; }



.link-button.link-button-blank {

  color: #f3f6ff;

  box-shadow: 0 0 0 2px #f3f6ff; }

  .link-button.link-button-blank:hover {

    background: rgba(243, 246, 255, 0.1); }

  .link-button.link-button-blank:active {

    background: rgba(243, 246, 255, 0.4); }



.button {

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 32px;

  border-radius: 7px;

  background: #3163ae;

  font-size: 13px;

  font-weight: 700;

  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  color: #f3f6ff;

  transition: all .2s;

  cursor: pointer; }

  .button:hover {

    background: #477ccb; }

  .button:active {

    background: #96b4e2; }

  .button.button-small {

    height: 30px;

    padding: 0 16px;

    border-radius: 15px; }

  .button i:first-child {

    margin-right: 4px; }

  .button i:last-child {

    margin-left: 4px; }

  .button.button-fa-right {

    padding-right: 27px; }

  .button.button-fa-left {

    padding-left: 27px; }

  .button.button-icon {

    position: relative;

    padding-right: 40px; }

  .button.button-icon-left {

    position: relative;

    padding-left: 40px; }

  .button.button-icon-external:after {

    width: 13px;

    height: 12px;

    content: "";

    position: absolute;

    top: 8px;

    right: 12px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA+klEQVQokYWRv0uCQRjHP9mbm5WBDvpPCEFL0w0HcohDf4RbW4i7gk4O7jU4OzXccsNtjTYG0ipBQ0RDS9AbT94b50uvfuGBu3v43PPje5CmKUVS2twBVyF9BJSB04RNsg40IvbTO7sCJsA9cAH0gUOBS0qbHvACPEbxpLQ5C+A3cAPMsx9LwDUwBqpRnHhn35Q2XWABTIFZBkl7FeDZO/sejxYD3tmB0qYJPEjryX87yAPy5p1dA5dZe3mgkweUNq9Km/N4prxawDADgmphjL+ZtuSdHRUat6PSXkkl8aittNnaXqTjcP6I2xOnbwUsgL7EI+/s8vcG/AD39kpKcjWfGAAAAABJRU5ErkJggg==); }

  .button.button-grey {

    background: #e3e7ee;

    color: #4a5159; }

    .button.button-grey:hover {

      background: #c3ccdb; }

    .button.button-grey:hover:after {

      filter: invert(1); }



body {

  background: #FFF;

  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  font-size: 16px; }



#main-content {

  margin-top: 115px; }



svg {

  transition: all .4s; }

  svg .st2 {

    opacity: 0;

    transform: rotate(0);

    transform-origin: 50% 50%;

    transition: all .4s; }

  svg:hover .st2 {

    opacity: 1;

    transform: rotate(30deg); }

  svg:hover {

    transform: scale(1.05); }



.leaflet-layer {

  filter: grayscale(1); }



.wpcf7-form {

  background-color: transparent !important; }

  .wpcf7-form .df {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap; }

    .wpcf7-form .df p {

      display: block;

      width: 48%;

      margin: 0 !important; }



.et_pb_text_inner strong {

  color: #111; }



.seemore {

  height: 100px; }



.seemoreparent.opened {

  cursor: auto; }



.seemoreparent {

  cursor: pointer; }



.seemoreparent.opened:after {

  content: none !important; }



.seemoreparent.opened:before {

  content: none !important; }



.seemoreparent:hover:before {

  content: "+";

  font-size: 54px;

  position: absolute;

  top: 62px;

  left: 50%;

  text-align: center;

  color: #3163ae;

  z-index: 1;

  background: #fff;

  width: 40px;

  height: 40px;

  display: flex;

  justify-content: center;

  align-items: center;

  line-height: 62px;

  border-radius: 50%;

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);

  transform: translateX(-50%); }



.admin-bar #main-header {

  top: 32px; }

.admin-bar .sub-menu {

  top: 75px; }

.admin-bar #main-header #et-top-navigation .sub-menu {

  top: 107px; }

.admin-bar #wpadminbar {

  position: fixed;

  top: 0; }



@media (min-width: 1201px) {

  #logo {

    max-height: fit-content;

    max-height: -moz-fit-content; } }

@media (max-width: 1200px) {

  #logo {

    width: 40px;

    transform: scale(1.8);

    max-height: auto !important; } }



@media (max-width: 1200px) {

  #main-content {

    margin-top: 75px; } }



@media (max-width: 1200px) {

  #et_mobile_nav_menu {

    display: block; }



  .wpcf7 div.two {

    flex-direction: column; }

    .wpcf7 div.two > p {

      width: 100% !important; } }

#main-header {

  position: fixed;

  box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);

  top: 0px; }

  @media screen and (max-width: 782px) {

    #main-header {

      top: 46px !important; }

      #main-header #menu-item-407 > ul {

        display: none !important; }

      #main-header .et_mobile_menu li a {

        display: block;

        padding: 2px 5%; } }

  @media (min-width: 1201px) {

    #main-header {

      height: 115px; } }

  @media (max-width: 1200px) {

    #main-header .et_menu_container {

      height: 75px; } }

  #main-header .et_menu_container:after {

    content: "";

    position: absolute;

    top: 75px;

    left: 150px;

    visibility: visible;

    width: calc(100% - 150px);

    height: 40px;

    background: #4a5159;

    box-shadow: 888px 0 0 0 #4a5159, 444px 0 0 0 #4a5159;

    border-radius: 40px 0 0 0; }

    @media (max-width: 1200px) {

      #main-header .et_menu_container:after {

        display: none; } }

  #main-header #et-top-navigation {

    height: 75px; }

    @media (max-width: 1200px) {

      #main-header #et-top-navigation #top-menu-nav, #main-header #et-top-navigation #top-menu {

        display: none; } }

    @media (min-width: 1201px) {

      #main-header #et-top-navigation {

        padding: 0;

        padding-left: 0 !important; } }

    @media (max-width: 1200px) {

      #main-header #et-top-navigation {

        padding-top: 24px; } }

    #main-header #et-top-navigation nav {

      height: 100%; }

      #main-header #et-top-navigation nav > ul > li > a:after {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 70px;

        z-index: -1;

        background: #3163ae;

        transform: translateY(-10px);

        transition: all .2s; }

      #main-header #et-top-navigation nav > ul > li:hover > a:after {

        background: #9dc79b;

        transform: translateY(0px); }

      #main-header #et-top-navigation nav > ul > li:first-child > a:after {

        border-radius: 0 0 0 16px; }

      #main-header #et-top-navigation nav > ul > li:last-child > a:after {

        border-radius: 0 0 16px 0; }

      #main-header #et-top-navigation nav ul {

        height: 100%;

        display: inline-flex; }

        #main-header #et-top-navigation nav ul li {

          float: none;

          height: 100%;

          display: flex;

          align-items: center;

          justify-content: center;

          padding-right: 0; }

          #main-header #et-top-navigation nav ul li:hover > ul {

            transform: translateX(20px);

            pointer-events: unset; }

          #main-header #et-top-navigation nav ul li a {

            height: 100%;

            padding-left: 16px;

            padding-right: 16px;

            padding-bottom: 0;

            display: inline-flex;

            align-items: center;

            position: relative;

            z-index: 2;

            justify-content: center;

            transition: all .2s;

            text-transform: uppercase;

            color: #f3f6ff;

            margin-right: 4px; }

            #main-header #et-top-navigation nav ul li a:hover {

              opacity: 1; }

          #main-header #et-top-navigation nav ul li > .sub-menu {

            width: 100vw;

            left: 0;

            padding: 0;

            transform: translateX(50px);

            transition: all .1s;

            height: 40px;

            box-shadow: none;

            border: none;

            background: none;

            pointer-events: none;

            position: fixed;

            top: 75px;

            left: calc(50% - 370px); }

            #main-header #et-top-navigation nav ul li > .sub-menu li {

              width: auto; }

              #main-header #et-top-navigation nav ul li > .sub-menu li a {

                width: auto;

                line-height: 36px;

                padding: 0 20px;

                background: none;

                color: #f3f6ff;

                box-shadow: none; }

                #main-header #et-top-navigation nav ul li > .sub-menu li a:hover {

                  background: #2e2e3a;

                  color: #f3f6ff; }

              #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children {

                position: relative; }

                #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > a:first-child {

                  padding-right: 30px; }

                  #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > a:first-child:after {

                    top: 0px;

                    right: 8px; }

                #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > .sub-menu {

                  background: #2f3235;

                  top: 40px;

                  left: 0;

                  height: auto;

                  border-radius: 0 0 5px 5px;

                  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);

                  width: 200px;

                  flex-direction: column;

                  position: absolute; }

                  #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > .sub-menu > li {

                    padding: 0;

                    justify-content: flex-start; }

                    #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > .sub-menu > li > a {

                      padding: 0 16px;

                      font-size: 12px;

                      height: 38px;

                      justify-content: flex-start;

                      text-transform: none;

                      flex-grow: 1;

                      margin-right: 0; }

                      #main-header #et-top-navigation nav ul li > .sub-menu li.menu-item-has-children > .sub-menu > li > a:hover {

                        background: #5d5d5d; }

  #main-header #et_top_search {

    display: none; }



.post-meta {

  opacity: 0; }



@media (min-width: 981px) {

  #left-area {

    width: 100%;

    padding: 23px 0px 0px !important;

    float: none !important; } }

#comment-wrap {

  display: none; }



#main-content .container:before {

  background: none; }



.post_showcase {

  display: grid;

  grid-template-columns: 65% 35%;

  grid-template-rows: 30px 1fr 1fr 1fr;

  grid-template-areas: "one title" "one two"  "one three" "one four";

  position: relative; }

  .post_showcase:before {

    height: 100%;

    width: 2px;

    position: absolute;

    content: "";

    left: calc(65% - 24px);

    top: 0;

    background: #e3e7ee; }

    @media (max-width: 980px) {

      .post_showcase:before {

        display: none; } }

  @media (max-width: 980px) {

    .post_showcase {

      grid-template-columns: 100%;

      grid-template-rows: 1fr auto auto auto;

      grid-template-areas: "one" "title" "two" "three" "four"; } }

  .post_showcase .oldposts_title {

    grid-area: title;

    color: #4a5159;

    line-height: 14px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 12px; }

    @media (max-width: 980px) {

      .post_showcase .oldposts_title {

        margin: 32px 0 8px 0;

        text-align: center; } }

  .post_showcase .post {

    display: flex; }

    @media (max-width: 980px) {

      .post_showcase .post {

        margin: 16px 0; } }

    .post_showcase .post figure {

      margin: 0;

      margin-right: 12px; }

      @media (max-width: 980px) {

        .post_showcase .post figure {

          margin: 0 16px;

          flex-shrink: 1; } }

      .post_showcase .post figure img {

        object-fit: cover; }

    .post_showcase .post .content {

      height: 36px;

      display: flex;

      flex-direction: column;

      justify-content: space-between; }

      .post_showcase .post .content span {

        color: #4a5159;

        line-height: 10px;

        font-size: 12px; }

      .post_showcase .post .content h3 {

        color: #2e2e3a;

        font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

        padding-bottom: 0;

        font-size: 18px;

        font-weight: bold;

        overflow: hidden; }

        @media (max-width: 980px) {

          .post_showcase .post .content h3 {

            overflow: visible; } }

        .post_showcase .post .content h3 a {

          position: relative;

          display: inline-block; }

          .post_showcase .post .content h3 a:after {

            content: '';

            position: absolute;

            width: 0;

            height: 2px;

            bottom: -1px;

            left: 0;

            transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);

            background: #2e2e3a; }

          .post_showcase .post .content h3 a:hover:after {

            width: 100%; }

    .post_showcase .post:nth-child(1) {

      grid-area: one; }

      @media (max-width: 980px) {

        .post_showcase .post:nth-child(1) {

          flex-direction: column; } }

      .post_showcase .post:nth-child(1) figure {

        height: 212px;

        flex-shrink: 0;

        width: 150px;

        margin-right: 18px;

        display: flex;

        flex-direction: column;

        justify-content: space-between; }

        @media (max-width: 980px) {

          .post_showcase .post:nth-child(1) figure {

            width: 100%;

            height: auto; } }

        .post_showcase .post:nth-child(1) figure img {

          width: 150px;

          height: 150px; }

          @media (max-width: 980px) {

            .post_showcase .post:nth-child(1) figure img {

              width: 100%;

              height: 100%;

              max-height: 200px;

              object-fit: contain; } }

        .post_showcase .post:nth-child(1) figure .button {

          padding: 0 16px;

          width: 120px;

          margin: 0 auto; }

          @media (max-width: 980px) {

            .post_showcase .post:nth-child(1) figure .button {

              margin: 16px auto; } }

      .post_showcase .post:nth-child(1) .content {

        height: 100%;

        display: flex;

        margin-right: 48px;

        flex-direction: column;

        justify-content: flex-start; }

        @media (max-width: 980px) {

          .post_showcase .post:nth-child(1) .content {

            margin-right: 0; } }

        .post_showcase .post:nth-child(1) .content span {

          color: #4a5159;

          line-height: 10px;

          font-size: 12px; }

        .post_showcase .post:nth-child(1) .content h3 {

          font-size: 24px;

          margin-top: 8px;

          display: inline-block;

          margin-bottom: 8px; }

        .post_showcase .post:nth-child(1) .content p {

          font-size: 14px;

          text-align: justify; }

    .post_showcase .post:nth-child(3) {

      grid-area: two; }

    .post_showcase .post:nth-child(4) {

      grid-area: three; }

    .post_showcase .post:nth-child(5) {

      grid-area: four; }

    .post_showcase .post figure {

      width: 36px;

      height: 36px; }

      .post_showcase .post figure img {

        width: 36px;

        height: 36px; }



.imageholder {

  display: flex;

  justify-content: center; }



h1.heading, h2.heading {

  font-size: 26px;

  position: relative;

  margin-bottom: 2.75%; }

  h1.heading:after, h2.heading:after {

    content: "";

    position: absolute;

    background: #3163ae;

    width: 30px;

    height: 3px;

    bottom: -3px;

    left: 0; }



.offres {

  display: flex;

  flex-wrap: wrap; }

  .offres .card {

    background: #FFF;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    padding: 16px;

    width: 49%;

    max-height: 160px;

    border-radius: 10px;

    margin-bottom: 16px;

    margin-right: 1%; }

    @media (max-width: 1200px) {

      .offres .card {

        max-height: 500px; } }

    .offres .card .description {

      display: none; }

      .offres .card .description p {

        margin-bottom: 16px !important; }

    .offres .card.opened {

      max-height: 999px; }

    @media (max-width: 993px) {

      .offres .card {

        width: 100%;

        margin-right: 0% !important;

        margin-left: 0% !important; } }

    .offres .card:nth-child(even) {

      margin-left: 1%;

      margin-right: 0%; }

    .offres .card .title {

      font-size: 18px;

      color: #222;

      font-family: Raleway;

      font-weight: bold;

      width: 100%;

      display: flex;

      justify-content: center; }

      .offres .card .title span {

        margin-right: auto; }

      .offres .card .title .tag {

        background: #3163ae;

        color: #FEFEFE;

        font-size: 13px;

        font-weight: bold;

        padding: 0 7px;

        border-radius: 3px;

        margin-left: 4px;

        text-transform: uppercase;

        line-height: 21px;

        height: 23px;

        display: flex;

        align-items: center;

        justify-content: center; }

        .offres .card .title .tag.CDD {

          background: #9dc79b; }

        .offres .card .title .tag.Mutation {

          background: #6ca2f3; }

    .offres .card .informations {

      display: flex;

      margin: 16px 0;

      font-size: 14px;

      justify-content: space-between; }

      .offres .card .informations > div {

        margin-right: 4px; }

      @media (max-width: 1200px) {

        .offres .card .informations {

          flex-direction: column; }

          .offres .card .informations > div {

            margin-bottom: 8px; } }

    .offres .card .right {

      display: flex;

      justify-content: space-between; }



.cv.file-field .btn span {

  font-size: 0; }

  .cv.file-field .btn span:after {

    content: "CV*";

    font-size: 14px;

    color: #FFF; }



.motiv.file-field .btn span {

  font-size: 0; }

  .motiv.file-field .btn span:after {

    content: "Lettre de motivation";

    font-size: 14px;

    color: #FFF; }



#main-footer {

  background: #3163ae;

  box-shadow: inset 0 30px 36px -24px rgba(0, 0, 0, 0.3); }

  #main-footer > .container > #footer-widgets {

    padding-top: 32px;

    display: flex;

    flex-wrap: wrap; }

    #main-footer > .container > #footer-widgets .footer-widget {

      width: 33%;

      margin-right: 0; }

      #main-footer > .container > #footer-widgets .footer-widget .et_pb_widget {

        width: 100%;

        box-sizing: border-box;

        padding: 0 48px; }

      #main-footer > .container > #footer-widgets .footer-widget:nth-child(1) {

        position: relative; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(1) .et_pb_widget {

          padding: 0 16px; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(1):before {

          height: 32px;

          width: 32px;

          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK1JREFUeNpiYBgFIx0wogv8/PnTAEitB2IFKtv1AIgD2dnZLxBywH0aWA53BNABioQc8J+WQQ50AIqdTAOdBsh1QCPIJ8gYJEZPBwx4CIw6gGqAhZgEh0XsAJFiIFBPakn4H1++JRUQMm80DQz+RAiMwwZsCQ4YlwfQ1DkAKQda5AJcqRg91TsQSvGjaWDUAWSVhCOyRfSAhvY9IMYBgTRyxAOo2aNgFKAAgAADAKwPLZdehC4tAAAAAElFTkSuQmCC);

          left: -32px;

          top: 5px;

          position: absolute;

          content: ""; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(1) .title {

          display: none; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(1) strong {

          font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

          font-size: 22px;

          line-height: 36px;

          padding-bottom: 16px;

          display: block; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(1) p {

          font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

          font-size: 16px;

          color: #83a6dc;

          margin-bottom: 16px; }

      #main-footer > .container > #footer-widgets .footer-widget .title {

        font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

        font-weight: bold;

        color: #f3f6ff;

        font-size: 22px;

        line-height: 36px;

        box-shadow: 0 4px 0 0 #477ccb;

        margin-bottom: 32px;

        width: 100%;

        display: block; }

      #main-footer > .container > #footer-widgets .footer-widget #nav_menu-3 {

        margin-bottom: 2.347%; }

      @media (max-width: 1200px) {

        #main-footer > .container > #footer-widgets .footer-widget > div {

          padding-left: 0 !important;

          padding-right: 0 !important; } }

      #main-footer > .container > #footer-widgets .footer-widget .menu li, #main-footer > .container > #footer-widgets .footer-widget #text-2 li {

        padding-left: 0; }

        #main-footer > .container > #footer-widgets .footer-widget .menu li:before, #main-footer > .container > #footer-widgets .footer-widget #text-2 li:before {

          content: none; }

        #main-footer > .container > #footer-widgets .footer-widget .menu li a, #main-footer > .container > #footer-widgets .footer-widget #text-2 li a {

          position: relative;

          display: inline-block;

          text-transform: uppercase;

          font-size: 14px; }

          #main-footer > .container > #footer-widgets .footer-widget .menu li a:after, #main-footer > .container > #footer-widgets .footer-widget #text-2 li a:after {

            content: '';

            position: absolute;

            width: 0;

            height: 2px;

            bottom: -1px;

            left: 0;

            transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);

            background: #f3f6ff; }

          #main-footer > .container > #footer-widgets .footer-widget .menu li a:hover:after, #main-footer > .container > #footer-widgets .footer-widget #text-2 li a:hover:after {

            width: 100%; }

        #main-footer > .container > #footer-widgets .footer-widget .menu li ul, #main-footer > .container > #footer-widgets .footer-widget #text-2 li ul {

          display: none; }

      #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li {

        padding-left: 0;

        width: 100%;

        display: inline-block; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li:before {

          content: none; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li a {

          position: relative;

          display: inline-block;

          font-size: 14px;

          height: 32px;

          width: 100%;

          position: relative;

          margin-bottom: 16px; }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li a:after {

            content: '';

            position: absolute;

            width: 0;

            height: 2px;

            bottom: -1px;

            left: 0;

            transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);

            background: #f3f6ff; }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li a:hover:after {

            width: 100%; }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li a:before {

            content: "";

            position: absolute;

            width: 20px;

            height: 24px;

            right: 0;

            top: 0;

            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAABnUlEQVQ4jaWVsWoCURBFJxYSUGztU20ZCFb5Bz9A7YTNB9goQvIBKS20F2xMLWwVfyOFNikEsRaiWW4Ycl8yvn1q1gxc3J25c3b37exTAIRUBhADmAFY4zfWzMX0ZHpDsDaADc7Hht6jwCKAscEsAfQB1ABUqRpzS+MbszcDdLA9gJ41BVSkZ2+gB8C2gdVPgHzVDbTtgGWzZr0cMKcee5VRFr4xt2b+Y94CSADsqIQ5f+3dmsbCMQAX24dtA+96G4D2WZuJmbOaZ0qYnwOIqDlzieetMb8Wc+WqZ9oxH5lcxNzO81YdpCAiqXzHp1werjdV4IonNx7ulb8jEYmokVcTr3eltzvl3Xb/8VK6rE31pMWTN12CC8amwF6NliZKZrAbFwx2wwx2yZ+jdwCVHLAKe37m2BWuASxYmOQATtizIONgt7kHkNLQ+QOsQ2/K3sz2ZU0azROwpvEdXDxkHpgrx4H6g3mSgV8PAa8ADM0dPDKnejL5IXNngQ76bJpfKBday8BOAZ10F/4wID3O/DHlAaru+CWo9Pi4F5AvvlXAVNTx+FMAAAAASUVORK5CYII="); }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li a strong {

            font-size: 20px; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li:nth-child(2) a:before {

          width: 23px;

          height: 23px;

          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAB+UlEQVRIia2WvWsVURDFT54iaaJVkMizEkFEg5iQQguFFBqwsRTtBMG/wVS2goUEC0HEIoWgKNgpGBsbAyJBQeElWIjYKRqDPjU/GTkLk2V33/oxMNyPmXvm7pm59+4QoBrpSFqvM1qWJO2vsX0NgE2SLkn6JImkfUl3JY0OCFAnwwIu0iwL8XUttAv0MpLSxDmgk0DGge+27RwAnoFXCvCgZXPiL3Mc4+fuTzZ8flfSY0m7JC1LOlEYAvyl+3srFi66nW4JfFTSuyrwqYrF993OtAR+u8EDOG6K3lRwOWnbh9J8lPAr23rmPNuWQmMwDKzZcaImSXcqwF84QLcu0UVn3iDXk/FZ2tlYy3LcoB2zM+f2lKQd7n90uyLpfU1CmyVFeuKd3vB4d6Jr9m92ngdTBloHDnvufDpwZ/8FXOa8qJxtnruSAsw6mWNOclTRMjAHnCyf5DL4iJ1DHgJbDJYDPCjfISWJu2i0Cjz0IPDZ/rccoKBoLeH0fA5mgKvAItC37V4deOix5Bg73ZqS/MhlWlXf417z4/e91ZCQCLCabrpDLRNZSO3OC51IV+hP4Bqw/X+By5TcTItWzfG+Ct9O8hv6k7oNWp6WKuM1cBk4DRwAznj+S9udl/UIcBv41lCOUbpqev0HyYgfkdD4A9jjl2xe0gVJ/V9ir/JsD3+FJAAAAABJRU5ErkJggg=="); }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li:nth-child(3) a:before {

          width: 22px;

          height: 22px;

          background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAyklEQVQ4je2VzQ7CIAzHi/HExfFgvCIPhQ+it+60mprOQB2MgXryn3RblvaX0a8BEWmLdFxRcwxflN5eNMqkbqdKjGkwVwqugYf0B2dgCwABAFB1BDXYTfmjsCz3XOjo2z0FBqM4+Y1hOWpeWMgDsh7fwLiYsXyjeK8abYFjY+FSixqylYrRXUGlL17lRnfFLM/+AwX0cp9rfewaWm0qxD772AocO8BOxaCwbG3Rc/7uO0efkrHO0niuBF0aclr0+emv6doBzWMA4AE1B8AT2oNMZAAAAABJRU5ErkJggg=="); }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) li ul {

          display: none; }

      #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) .textwidget > a {

        color: #4a5159;

        background: #f3f6ff;

        padding: 12px 16px;

        border-radius: 320px;

        width: 230px;

        text-align: center;

        transition: all .2s;

        margin-top: 32px; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) .textwidget > a strong {

          color: red;

          font-size: 20px; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) .textwidget > a:hover {

          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

          transform: translateY(-4px); }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) .textwidget > a:active {

          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);

          transform: translateY(-2px); }

      #main-footer > .container > #footer-widgets .footer-widget:nth-child(3) .textwidget {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center; }

      #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) {

        width: 100%;

        display: flex;

        justify-content: center;

        align-items: center; }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) .title {

          text-align: center;

          font-size: 14px;

          box-shadow: none;

          position: relative;

          text-transform: uppercase;

          letter-spacing: 2px;

          margin-top: 32px; }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) .title:after {

            content: "";

            width: 150px;

            height: 3px;

            background: #477ccb;

            position: absolute;

            left: 50%;

            top: -32px;

            transform: translateX(-50%); }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) a {

          opacity: .5;

          transition: all .2s;

          display: inline-block; }

          #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) a:hover {

            opacity: 1;

            transform: scale(1.05); }

        #main-footer > .container > #footer-widgets .footer-widget:nth-child(4) .textwidget {

          text-align: center; }



#footer-bottom {

  padding: 2px 0 5px; }



#footer-info {

  padding: 4px 0 3px 0;

  text-align: center;

  width: 100%; }

  #footer-info a {

    transition: all .2s; }

    #footer-info a:hover {

      color: #f3f6ff;

      opacity: 1; }





/* DOWNLOAD PAGE*/

.accordion-list {

  width: 100%;

  list-style: none;

  margin: 0 auto;

  padding: 0;

}

    

.accordion-list .accordion-element {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  transition-duration: .3s;

  overflow: hidden;

  font-family: roboto;

}

    

.accordion-list .accordion-element.accordion-active {

  margin: 16px 0;

  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

  height: fit-content;

}

    

.accordion-header {

  min-height: 54px;

  padding: 15px;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  border-bottom: 1px solid #ddd;

  background-color: #FFF;

  position: relative;

}

    

.accordion-header span {

    margin: 0 40px;

    text-align: left;

    display: block;

}

    

.accordion-button {

    position: absolute;

    right: 15px;

    border: none;

    background-color: transparent;

    width: 20px;

    height: 20px;

    text-align: center;

    transition-duration: .25s;

}

    

.accordion-header.accordion-active .accordion-button {

    transform: rotate(180deg);

}

    

.accordion-body {

    padding: 15px;

    background-color: #fcfcfc;

}

    

.accordion-body-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

    

.accordion-body-content ul {

    list-style: none;

    width: 100%;

    margin-bottom: 15px !important;

    padding: 0 !important;

}

    

.accordion-body-content ul li {

    line-height: 14px;

}

    

.download_list {

    list-style: none;

    margin-bottom: 50px;

    padding: 0 !important;

}

    

.accordion-element i {

    font-size: 18px;

    margin-right: 8px;

    width: 20px;

    text-align: center;

}

    

.accordion-map {

    height: 250px;

}

.dlm-downloads li{

  line-height: 32px !important;

}

  

.logo_container{

  right: 50px;

}

.et_pb_forgot_password{
  display:none;
}

@media(max-width: 1200px){

  .logo_container{

    right: 0;

  }

}

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

    accordion-list {

        margin: 10px;

    }

}

    

@media screen and (max-width: 400px) {

    .accordion-map {

        display: none;

    }

}

    

@media(max-width: 700px){

  .blue_bloc_home{

    margin-bottom: -570px !important;

  }

}