/* ------------------------------------ 
----------- FONT          ------------- 
------------------------------------ */
/*@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
@import url("https://use.typekit.net/zkw8hly.css");
@import url("//cdn2.hubspot.net/hub/587844/hub_generated/template_assets/35489980853/1601384639171/2019_theme/ASSETS/bootstrap_grid.min.css");


  
  
  

  /* ------------------------------------ 
  ----------- COLOURS ----------------
  ------------------------------------ */
   
   
   
   
  
  
  
   
  
   
   
  
  
   
  

  /* ------------------------------------ 
  ----------- HEADERS STYLES----------------
  ------------------------------------ */

  h1,h2,h3,h4,h5,h6{
    margin:0 0 20px;
    padding:0;
    letter-spacing:0;
    font-weight:600;
    font-family:neo-sans, sans-serif !important;
    line-height:normal;
}
h1{
  font-size:42px;
  color:#370F27;
}
h2{
  font-size:34px;
  color:#80B530;
}
h3{
  font-size:32px;
  color:#370F27;
}
h4{
  font-size:30px;
  color:#370F27;
}
h5{
  font-size:26px;
  color:#370F27;
}
h6{
  font-size:22px;
  color:#370F27;
}
p, a, span {
  font-family:Open Sans, sans-serif;
}

/* ------------------------------------------------------------------------------- 
------------------------------------ GLOBAL STYLES -------------------------------
------------------------------------------------------------------------------- */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  font-family:Open Sans, sans-serif;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  font-size:15px;
  color:#6f6f6f;
  font-weight:400;
  line-height:26px;
}
body,html{
  -moz-osx-font-smoothing:grayscale; 
}
body *:focus { 
  outline:none; 
}
.container-fluid .row-fluid > .container {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.body-container.container-fluid{ 
  padding:0; 
}
.footer-container.container-fluid{ 
  padding:0; 
}
.row-fluid [class*="span"]{ min-height:auto; }
section{
  padding:90px 0;
  overflow-x:hidden;
  overflow-y:hidden;
}
a,a:active,a:focus{
  color:#b73080;
  text-decoration:none;
  transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  transition-duration:.2s;
  -ms-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -webkit-transition-duration:.2s;
  -o-transition-duration:.2s;
}
a:hover,a:active{
  color:#0DB2BA;
  text-decoration:none;
}
a:focus,a:active,button:focus,button:active,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
  outline:none;
}
i{ 
  color:#b73080;
}
img{
  max-width:100%;
  height:auto;
}
input,select, select option{
  border:1px solid #d1d1d1;
  font-size:14px;
  padding:8px 15px;
  width:100% !important;
  margin:0 0 15px 0;
  max-width:100%;
  resize:none;
  height:45px;
}
textarea{
  border:1px solid #d1d1d1;
  font-size:14px;
  padding:8px 15px;
  width:100% !important;
  margin:0 0 15px 0;
  max-width:100%;
  resize:none;
  border-radius: 10px;
  height:200px;
}

input[type=checkbox], input[type=radio]{
  height:auto;  
  width:auto !important;
  margin-right:5px;
}
input[type="button"],input[type="text"],input[type="email"],input[type="search"],input[type="password"],textarea,input[type="submit"]{
  -webkit-appearance:none;
  outline:none;
  width:100%;
}
input[type="submit"]{
  background:#B73080;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
  transition: all linear 400ms;
  border: none;
  width: auto !important;
  margin-bottom: 0px;
}
input:focus,textarea:focus{
  border-color:#585858;
  outline:none;
}
input[type="button"]:focus{
  outline:none;
}

.legal-consent-container { font-size:12px; margin:10px 0; }

form fieldset{
  max-width:100% !important;
  width:100%;
}
.hs_error_rollup{ display:none; }
select::-ms-expand{
  display:none;
}
iframe{
  border:0;
}
p{
  margin:0 0 20px;
  word-spacing:1px;
}
b,strong{
  font-weight:600;
}
.last-paragraph-no-margin p:last-of-type{
  margin-bottom:0;
}
.alt-font strong{
  font-weight:700;
}
.valign{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
}
ul,ol,dl{
  list-style-position:outside;
}
ul li{
  list-style:none;
}
::selection{
  color:#000;
  background:#dbdbdb;
}
::-moz-selection{
  color:#000;
  background:#dbdbdb;
}
::-webkit-input-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
}
::-moz-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
  opacity:1;
}
:-ms-input-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
  opacity:1;
}
.alt-font{
  font-family:'Poppins', sans-serif;
  font-weight:500;
}
.main-font{
  font-family:'Open Sans', sans-serif;
}

@media (max-width: 1199px){
  h1,h2,h3,h4,h5,h6{
    margin:0 0 18px;
    padding:0;
    letter-spacing:0
  }
  h1{
    font-size:38px
  }
  h2{
    font-size:33px
  }
  h3{
    font-size:27px
  }
  h4{
    font-size:23px
  }
  h5{
    font-size:19px
  }
  h6{
    font-size:16px
  }
  section{
    padding:70px 50px;
  }
}
@media (max-width: 1050px){
  .parallax{
    background-attachment:inherit
  }
}
@media (max-width: 991px){
  h1,h2,h3,h4,h5,h6{
    margin:0 0 16px;
    padding:0;
    letter-spacing:0
  }
  p{
    margin:0 0 20px
  }
  section{
    padding:50px 
  }
}
@media (max-width: 767px){
  body{
    font-size:14px
  }
  .xs-height-auto{
    height:auto
  }
  h1,h2,h3,h4,h5,h6{
    margin:0 0 14px;
    padding:0;
    letter-spacing:0
  }
  h1{
    font-size:28px
  }
  h2{
    font-size:26px
  }
  h3{
    font-size:23px
  }
  h4{
    font-size:20px
  }
  h5{
    font-size:18px
  }
  h6{
    font-size:16px
  }
  section{
    padding:30px 
  }
}

/* ------------------------------------------------------------------------------- 
-------------------------------   CIRCLES     -------------------------------
------------------------------------------------------------------------------- */

.circle { position: absolute; border-radius: 50px; }
/* size */
.xxxs_circle { height: 10px; width: 10px; }
.xxs_circle { height: 15px; width: 15px; }
.xs_circle { height: 20px; width: 20px; }
.s_circle { height: 25px; width: 25px; }
.m_circle { height: 30px; width: 30px; }
.l_circle { height: 35px; width: 35px; }
.xl_circle { height: 40px; width: 40px; }
.xxl_circle { height: 45px; width: 45px; }
.xxxl_circle { height: 50px; width: 50px; }
/* Color */
.green_circle { background: #BBEA26; }
.blue_circle { background: #3080B0; }
.red_circle { background: #84235C; }
.orange_circle { background: #FF8900; }
.violet_circle { background: #C36EA0; }

/* ------------------------------------------------------------------------------- 
-------------------------------   THEME COLORS     -------------------------------
------------------------------------------------------------------------------- */
.theme-overlay[data-overlay-green]:before {
  background: #80B530;
  background: -webkit-linear-gradient(-45deg, #80B530, #80B530);
  background: -moz-linear-gradient(-45deg, #80B530, #80B530);
  background: -o-linear-gradient(-45deg, #80B530, #80B530);
  background: linear-gradient(-45deg, #80B530, #80B530);
}
.theme-overlay[data-overlay-purple]:before {
  background: #B73080;
  background: -webkit-linear-gradient(-45deg, #B73080, #B73080);
  background: -moz-linear-gradient(-45deg, #B73080, #B73080);
  background: -o-linear-gradient(-45deg, #B73080, #B73080);
  background: linear-gradient(-45deg, #B73080, #B73080);
}
.text-theme-color {
  color: #141313;
}
.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px;
}
.cursor-pointer {
  cursor: pointer;
}
.text-white{
  color:#fff
}
.bg-theme {
  background: #80B530;
  background: -webkit-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: linear-gradient(-45deg, #80B530, #0DB2BA);
}
.bg-theme-light {
  background: #F7FAFF;
}
.bg-theme-white{
  background:transparent;
}
.bg-theme-grey{
  background: #f5f5f5;
}

/* ======================================================================================= */
/* =================================== CUSTOM EXODATA ====================================== */
/* ======================================================================================= */

/*****************************************/
/* Main styles */
/*****************************************/
.container-fluid { padding-left:0px!important; padding-right:0px!important; }

/*****************************************/
/* Homepage main style   */
/*****************************************/

.bg-schedule { background-image:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), url(https://www.exodata.fr/hubfs/2019_Files/zone%20horaire.svg); background-size:85%; background-position:top center; background-repeat: repeat-y; }

@media screen and (max-width:768px) {
  .bg-schedule { background-image:linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), url(https://www.exodata.fr/hubfs/2019_Files/zone%20horaire.svg); background-size:100%; background-position:top center; background-repeat: repeat-y; }
}
@media screen and (max-width:576px) {
  .bg-schedule { background-image:linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url(https://www.exodata.fr/hubfs/2019_Files/zone%20horaire.svg); background-size:240%; background-position:top center; background-repeat: repeat-y; }
}

/*****************************************/
/* Back to Top  */
/*****************************************/

div.back-top-btn { position: fixed; bottom: 90px; right: 24px; background: #3080b0; box-shadow: 0 1px 6px rgba(0,0,0,.1), 0 2px 24px rgba(0,0,0,.2); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%;  transition:all .2s ease-out; opacity:0; z-index:100; }
div.back-top-btn:hover { transform:translateY(-8px); }
div.back-top-btn a i { color:#fff; font-size:24px; }

.hidden-div { opacity:0; }

/*-----media queries-----*/
@media screen and (max-width:576px) {
  div.back-top-btn { opacity:1; }
}

/*****************************************/
/* Post Nav  */
/*****************************************/

.post_nav { margin-top:70px; min-width:190px; }

.post_nav  .top_icon { margin-left:3px; margin-bottom:20px; }
.post_nav  .top_icon svg { width:auto; height:16px; }

.post_nav  a { position:relative; display:flex; align-items:center; transition:all .2s ease-out;  }
.post_nav a:hover { color:#B73080; }
.post_nav  a:not(:last-child) { margin-bottom:30px; }
.post_nav .top_icon svg { fill:#B73080; }
.post_nav  a .marker { width:9%; min-width:20px; height:4px; margin-right:8px; opacity:.2; background:#616161;  }
.post_nav  a:hover .marker { height:12px; }
.post_nav  a .text { position:absolute; right:-30px; color:#B73080;font-size:14px; width:91%; opacity:0; }
.post_nav  a:hover .text { opacity:1; }

.post_nav  a.active .text { opacity:1; }
.post_nav  a.active .marker { opacity:1; height:12px; background:#B73080; }


/*----Media queries----*/
@media screen and (max-width:768px) {
  .post_nav { display:none; }
}

/*****************************************/
/* Blue Full Text */
/*****************************************/

section.blue-full-text { padding:90px 0px; position:relative; overflow:visible; }
section.blue-full-text .content h2, 
section.blue-full-text .content p { color:#fff; }
section.blue-full-text .content h2 { margin-bottom:40px; }
section.blue-full-text .content p { padding-bottom:80px; width:80%; margin:0 auto; }
section.blue-full-text .grey-circle { position:absolute; z-index:3; background:#f7faff; width:27px; height:27px; border-radius:50%; right:130px; bottom:35px;  }
section.blue-full-text .green-circle { position:absolute; z-index:3; background:#BBEA26; width:90px; height:90px; border-radius:50%; right:170px; bottom:-45px; }

/*-----Media queries-----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.blue-full-text .grey-circle { display:none;  }
  section.blue-full-text .green-circle { display:none; }
}
@media screen and (max-width:768px) {
  section.blue-full-text { padding:45px 30px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Case Studies */
/*****************************************/

section.case-studies { padding:45px 0px 90px 0px; }
section.case-studies .section-heading { padding:40px 0px; }
section.case-studies .section-heading h2 { text-transform: capitalize; color:#3080B0; font-size:34px; text-align:left; }
section.case-studies .case-wrapper { width:85%; margin:0 auto; }
section.case-studies .case-wrapper .card-item { height:100%; margin:15px; }
section.case-studies .case-wrapper .card-item .card-img { width:100%; height:425px; background-size:cover; background-position:center; background-repeat:no-repeat; }
section.case-studies .case-wrapper .card-item .content { padding-top:30px; padding-bottom:60px; height:calc(100% - 425px); position:relative; }
section.case-studies .case-wrapper .card-item .content h3 { color:#0B0B0B; font-size:42px; margin-bottom:15px;  }
section.case-studies .case-wrapper .card-item .content span.meta { color:#141313;  font-size:28px; margin-right:30px; }
section.case-studies .case-wrapper .card-item .content span.meta i { margin-right:7px; color:#141313; }
section.case-studies .case-wrapper .card-item .content a.case-cta { position:absolute; bottom:5px; left:0px; width:fit-content; display:block;  color:#3080B0; font-size:20px; text-transform:capitalize; font-weight:500; border: 3px solid #3080B0; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.case-studies .case-wrapper .card-item .content a.case-cta:hover { color:#fff; border: 3px solid #3080B0; background:#3080B0; text-decoration:underline;  }

/*-----Media queries-----*/
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:768px) {
  section.case-studies .section-heading { padding-left:40px;  }
  section.case-studies .case-wrapper .card-item .content {  height:calc(100% - 300px);  }
  section.case-studies .case-wrapper .card-item .card-img { height:300px; }
  section.case-studies .case-wrapper .mobile-margin { margin-bottom:30px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Clients */
/*****************************************/

section.clients-filter .content-container { padding-top:40px; padding-left:20px; }
section.clients-filter .content-container h2 { text-transform: uppercase; font-size: 60px; margin-bottom: 15px; line-height:1.2; font-family:neo-sans, sans-serif; color:#B73080; font-weight:600; }
/*----Filters style----*/
section.clients-filter .filters-container span { text-transform:uppercase; font-size:18px; }
section.clients-filter .filters-container span.active { font-weight:900; color:#3080B0;  }
/*----Logo list style----*/
section.clients-filter .display-logos { display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;}
section.clients-filter .display-logos .object-item { width:20%; min-width:100px; margin-bottom:30px; height:100px; display:flex; align-items:center; justify-content:center; padding:20px; }
section.clients-filter .display-logos .object-item img { max-height:80px; width:auto; transition:all .2s ease-out; }
section.clients-filter .display-logos .object-item a:hover img { transform:scale(1.1); }
section.clients-filter .display-logos .object-item a { display:block; position:relative; }
section.clients-filter .display-logos .object-item a .link-text { position:absolute; transition:all .2s ease-out; font-size:12px; width:100%; text-align:center; bottom:-30px; opacity:0; background:#b73080; color:#fff; border-radius:8px; padding:2px 4px; }
section.clients-filter .display-logos .object-item a:hover .link-text { bottom:-20px; opacity:1; }

/*-----Media queries-----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.clients-filter .mobile-direction { flex-direction:column-reverse; }
  section.clients-filter .content-container {  padding-left:0px; margin-bottom:50px; }
}
@media screen and (max-width:768px) {
  section.clients-filter .filters-container span { font-size:16px; }
}
@media screen and (max-width:576px) {
  section.clients-filter .filters-container { display:none; }
}

/*****************************************/
/* Contact */
/*****************************************/

section.contact_section { background-position:center; background-size:contain; background-repeat:no-repeat; padding:90px 0px; }
section.contact_section .section_heading .door { font-size:14px; text-transform:uppercase; }
section.contact_section .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; }

section.contact_section .main_container { background:#F7FAFF; box-shadow: 2px 2px 8px #00000029;  margin-top:40px; display:flex; }
section.contact_section .main_container .left_content { width:40%; }
section.contact_section .main_container .form_container { width:60%; }
section.contact_section .main_container .left_content { padding:80px 80px 80px 130px; }
section.contact_section .main_container .left_content h3 { color:#0B0B0B; font-size:28px; font-family:neo-sans, sans-serif;  margin-bottom:15px; }
section.contact_section .main_container .left_content .description { color:#616161; }

section.contact_section .main_container .form_container { padding:80px 130px 80px 130px;   }
section.contact_section .main_container .form_container form div.hs-form-field { margin-bottom:40px; position:relative; }
section.contact_section .main_container .form_container form div.hs-form-field label { display:none; }
section.contact_section .main_container .form_container form div.hs-form-field .input ul.inputs-list label { display:block; }
section.contact_section .main_container .form_container form div.hs-form-field .input input { background:none; border-radius:0px; border-left:0; border-top:0; border-right:0; border-bottom:1px solid #0B0B0B; }
section.contact_section .main_container .form_container form div.hs-form-field .input input::placeholder { color:#0B0B0B; font-weight:600; opacity:.7; }
section.contact_section .main_container .form_container form div.hs-form-field .input select { background:none; border-radius:0px; border-left:0; border-top:0; border-right:0; border-bottom:1px solid #0B0B0B; color:#0B0B0B; font-weight:600; }
section.contact_section .main_container .form_container form div.hs-form-field .hs_message_area label { display:block; color:#0B0B0B; font-weight:600; }
section.contact_section .main_container .form_container form div.hs-form-field .hs_message_area .input textarea { border: 1px solid #616161; background:none; border-radius:0px; }
section.contact_section .main_container .form_container form div.actions { text-align:right; }
section.contact_section .main_container .form_container form div.actions input { padding:10px 30px; font-size:16px; color:#7BB12A; border:2px solid #7BB12A; transition:all .2s ease-out; background:none; }
section.contact_section .main_container .form_container form div.actions input:hover { background:#7BB12A; color:#fff;  }
section.contact_section .main_container .form_container form div.hs-form-field ul.hs-error-msgs { position:absolute; bottom:-50px; }
section.contact_section .main_container .form_container form div.hs-form-field ul.hs-error-msgs li label { display:block; font-size:14px; color:#ED5629; }

/*----Media queries---*/
@media screen and (max-width:1200px) {
  section.contact_section .main_container .left_content { padding:70px; }
  section.contact_section .main_container .form_container { padding:70px; }
}
@media screen and (max-width:992px) {
  section.contact_section { padding:50px; }
  section.contact_section .main_container .left_content { padding:50px; }
  section.contact_section .main_container .form_container { padding:50px; }
}
@media screen and (max-width:768px) {
  section.contact_section .main_container { flex-direction:column; }
  section.contact_section .main_container .left_content { width:100%; }
  section.contact_section .main_container .form_container { width:100%; }
}
@media screen and (max-width:576px) {
  section.contact_section .main_container .form_container form fieldset .hs-form-field .input { margin-bottom:30px; }
  section.contact_section .main_container .form_container form fieldset { margin-bottom:0px; }
  section.contact_section .main_container .left_content { padding:30px; }
  section.contact_section .main_container .form_container { padding:30px; }
  section.contact_section .main_container .form_container form div.actions input { font-size:12px; }
}

/*****************************************/
/* Countries Contact */
/*****************************************/

/*----Surcharge EasyRecrue style-----*/
section.portfolio .gallery .item-img { min-height: 300px; }
section.portfolio .gallery .item-img .overlay-info p { text-transform:uppercase; font-size:20px; font-weight:900; margin-bottom:8px; }
section.portfolio .gallery .item-img .overlay-info a.website-link { border:1px solid #12b8b8; border-radius:10px; background:transparent; padding:3px 8px; color:#12b8b8; margin-bottom:5px;  }
section.portfolio .gallery .item-img .overlay-info a.website-link:hover { border:1px solid #12b8b8; border-radius:10px; background:#12b8b8; padding:3px 8px; color:#fff; }
section.portfolio .gallery .item-img .overlay-info a.success-link { border:1px solid #12b8b8; border-radius:10px; background:#12b8b8; padding:3px 8px; color:#fff;  }
section.portfolio .gallery .item-img .overlay-info a.success-link:hover {  border-radius:10px; background:transparent; padding:3px 8px; color:#12b8b8;  }

/*****************************************/
/* Double Tabs */
/*****************************************/

section.double_tabs .section_heading .door { font-size:14px; text-transform:uppercase; }
section.double_tabs .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; }
/*----Top Nav main Tab----*/
section.double_tabs .tabs{ margin-top:-55px; }
section.double_tabs .tabs-nav ul { display:flex; margin-left:28%; margin-bottom:60px; }
section.double_tabs .tabs-nav ul.top_filter li { margin-right:20px; transition:all .2s ease-out; }
section.double_tabs .tabs-nav ul.top_filter li.is-active  { color:#fff!important; background:#B73080; border-radius:40px; padding:8px 55px; font-size:16px; }
section.double_tabs .tabs-nav ul.top_filter li { color:#B73080; border:2px solid #B73080; font-size:16px; padding:8px 55px; border-radius:40px; }
section.double_tabs .tabs-nav ul.top_filter li:hover { cursor:pointer; }
/*----Tabs content----*/
section.double_tabs .tabs .tabs-content { margin-top:80px; box-shadow: 6px 6px 6px #00000029; background:#F7FAFF; }
section.double_tabs .tabs .tabs-content .main_subtab { display:flex; margin:0;}
/*----Left Nav Subtabs----*/
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 { background:#0B0B0B; padding:180px 50px 110px 50px; width:30%; position:relative; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul { display:block; margin:0; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li { color:#fff; font-size:20px; margin-bottom:23px; transition:all .2s ease-out; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li img {  display:none;  width:320px; height:auto; position: absolute; top:-70px; left:calc(50% - 160px);}
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li i { display:none; transition:all .2s ease-out; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li:last-child { margin-bottom:0px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li:hover { cursor:pointer; font-weight:700; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li.is-active { font-weight:700; text-decoration:underline; padding-left:0px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li.is-active img { display:block; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li.is-active i { display:inline-block; color:#BBEA26; margin-right:10px; font-size:14px; }
/*----Subtabs content----*/
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 { width:70%; background:#F7FAFF; margin-top:0px; box-shadow:none; padding:60px 130px;}
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .top_text { font-size:20px; color:#616161; text-transform:uppercase; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 h3 {  font-size:32px; font-family:neo-sans, sans-serif; margin-bottom:20px}
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .description { font-size:16px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item { margin-top:20px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li { position:relative; display:inline-block; padding-left:25px; margin-right:37px; }
/*---Color dots choice*/
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.purple:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#B73080; left:3px; top:6px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.purple:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#B73080; left:0px; top:3px; opacity:.3; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.green:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#bbea26; left:3px; top:6px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.green:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#bbea26; left:0px; top:3px; opacity:.3; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.orange:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#ff8900; left:3px; top:6px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.orange:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#ff8900; left:0px; top:3px; opacity:.3; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.blue:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#3080b0; left:3px; top:6px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li.blue:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#3080b0; left:0px; top:3px; opacity:.3; }
/*---Bottom cta---*/
section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .bottom_cta { text-align:right; margin-top:50px; }
/*----Decoration----*/
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2:before { content:""; position:absolute; background:#fff; width:50px; height:50px; border-radius:50%; top:-25px; right:-25px; }
section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2:after { content:""; position:absolute; background:#fff; width:50px; height:50px; border-radius:50%; bottom:-25px; right:-25px; }

/*--Tabs Content show on click--*/
.tabs-content .main_subtab {display:none !important;}
.tabs-content .main_subtab.is-active { display:flex!important; }
.tabs-content .main_subtab .tabs-content2 .nested_content2{ display:none; }
.tabs-content .main_subtab .tabs-content2 .nested_content2.is-active{ display:block; }

/*---Media queries----*/
@media screen and (max-width:1200px) {
  section.double_tabs .tabs-nav ul { margin-left:33%; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 { padding:120px 30px 110px 30px; width:40%; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 { width:60%; padding:60px 50px; }
  section.double_tabs .cta_dowload_purple { font-size:18px; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li { font-size:18px; }  
}
@media screen and (max-width:992px) {
  section.double_tabs .tabs { margin-top:20px; margin-left:0px; }
  section.double_tabs .tabs-nav ul { margin-left:0px; justify-content:center; }
  section.double_tabs .cta_dowload_purple { padding:8px 40px; }
}
@media screen and (max-width:768px) {
  section.double_tabs { padding:25px; }
  section.double_tabs .tabs .tabs-content .main_subtab { flex-direction:column; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 { width:100%;  padding:150px 30px 40px 30px;}
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li img { left:calc(50% - 160px); }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 { width:100%; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2:before { left:-25px; bottom:-25px; top:initial; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 .nested_content2 .list_item ul.sub_list li { display:block; }
}
@media screen and (max-width:576px) {
  section.double_tabs .tabs-nav ul.top_filter { flex-direction:column; }
  section.double_tabs .tabs-nav ul.top_filter li { margin-bottom:30px; text-align:center; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-content2 { padding:60px 20px; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 { padding:90px 30px 40px 30px; }
  section.double_tabs .tabs .tabs-content .main_subtab .tabs-nav2 ul li img {width: 200px;left: calc(50% - 100px);}
}

/*****************************************/
/* Timelime */
/*****************************************/

/*---General style----*/
section.exo-timeline { position:relative; }
section.exo-timeline .section-heading { text-align:left;  }
section.exo-timeline .section-heading h2 { text-transform: uppercase; font-size: 60px; margin-bottom: 15px; line-height:1.2; font-family:neo-sans, sans-serif; }

/*----Timeline item----*/
section.exo-timeline .timeline-wrapper { position:relative; width:83%; margin:0 auto; }
section.exo-timeline .timeline-wrapper .timeline-line { background:#3080B0; position:absolute; height:100%; width:8px; left:calc(50% - 4px); opacity:.8; }
/*section.exo-timeline .timeline-wrapper img.solar-sticky {  position:relative; z-index:2; width:80px ; height:auto; }*/

section.exo-timeline .timeline-wrapper .time-item { padding:40px 0px; }
section.exo-timeline .timeline-wrapper .time-item:first-child { padding-top:0px;  }
section.exo-timeline .timeline-wrapper .time-item:last-child { padding-bottom:0px;  }
section.exo-timeline .timeline-wrapper .time-item .year-content span { font-size:115px; font-weight:600; }

section.exo-timeline .timeline-wrapper .time-item .info-content.left-content { padding-left:50px; }
section.exo-timeline .timeline-wrapper .time-item .info-content.left-content:after { content: ""; position: absolute; background: #000; width: 30px; height: 30px; top: calc(50% - 15px); left: -15px; border-radius:50%;  }
section.exo-timeline .timeline-wrapper .time-item .info-content.right-content { padding-right:50px; text-align:right; }
section.exo-timeline .timeline-wrapper .time-item .info-content.right-content:after { content: ""; position: absolute; background: #000; width: 30px; height: 30px; top: calc(50% - 15px); right: -15px; border-radius:50%; }

section.exo-timeline .timeline-wrapper .time-item .year-content.left-year { margin-right:50px; position:relative;  }
section.exo-timeline .timeline-wrapper .time-item .year-content.left-year:after { content: ""; position: absolute; background: #000; width: 50px; height: 2px; top: 50%; right: -60px; }
section.exo-timeline .timeline-wrapper .time-item .year-content.right-year { margin-left:50px; position:relative; }
section.exo-timeline .timeline-wrapper .time-item .year-content.right-year:after { content: ""; position: absolute; background: #000; width: 50px; height: 2px; top: 50%; left: -60px; }


/*-----Media queries-----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.exo-timeline .timeline-wrapper .timeline-line { left:-19px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content { text-align:left!important; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.left-year { margin-right:0px; margin-left:50px; }
  section.exo-timeline .timeline-wrapper .time-item .info-content.left-content:after { display:none; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.left-year:after { top:52%; left:-60px!important; }
  section.exo-timeline .timeline-wrapper .time-item .info-content.right-content { text-align:left; padding-left:50px; }
  section.exo-timeline .timeline-wrapper .time-item .info-content.right-content:after { display:none; }

  section.exo-timeline .timeline-wrapper .time-item .year-content.right-year:before { content: ""; position: absolute; background: #000; width: 30px; height: 30px; top:73px; left:-80px; border-radius:50%;  }
  section.exo-timeline .timeline-wrapper .time-item .year-content.left-year:before { content: ""; position: absolute; background: #000; width: 30px; height: 30px; top:75px; left:-80px; border-radius:50%;  }
}
@media screen and (max-width:768px) {
  section.exo-timeline .section-heading h2 { font-size:34px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content span { font-size:70px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.left-year:before { top:40px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.right-year:before { top:39px; }
}
@media screen and (max-width:576px) {
  section.exo-timeline .timeline-wrapper .time-item .year-content span { font-size:40px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.left-year:before { top:18px; }
  section.exo-timeline .timeline-wrapper .time-item .year-content.right-year:before { top:17px; }
  section.exo-timeline .timeline-wrapper .time-item .info-content.left-content { padding-left:20px; }
  section.exo-timeline .timeline-wrapper .time-item .info-content.right-content { padding-left:20px; padding-right:0px; }
  section.exo-timeline .timeline-wrapper { width:100%; }
  section.exo-timeline .timeline-wrapper .time-item { padding:25px 0px; }
}

/*****************************************/
/* Filtering Cards  */
/*****************************************/

section.filtering-cards { padding:90px 0px 40px 0px; }
section.filtering-cards .top-container { background:#0B0B0B; padding-left:150px; padding-top:40px; padding-right:40px; width:fit-content; }
section.filtering-cards .top-container p { color:#fff; text-transform:uppercase; font-size:20px; }
section.filtering-cards .filters-container span { color:#fff; font-size:22px; margin-right:63px; position:relative; transition:all .2s ease-out; }
section.filtering-cards .filters-container span.active { color:#BBEA26; border-bottom:1 px solid #BBEA26!important; border-color:#BBEA26;}
section.filtering-cards .filters-container span:after { content:"/"; color:#fff; position:absolute; right:-43px; }
section.filtering-cards .filters-container span:last-child:after { content:none; }
section.filtering-cards .filters-container span:hover { color:#BBEA26; border-bottom:1 px solid #BBEA26!important; border-color:#BBEA26; }

/*-----Objects card style-----*/
#objects { height:100%; }
section.filtering-cards .list-content { margin-top:60px; }
section.filtering-cards .list-content .object-item { position:relative; background:transparent; width:30%; margin:5px; padding:0px 40px 20px 40px; transition:all .1s ease-out;  }
section.filtering-cards .list-content .object-item .top-img { text-align:center; height:250px; }
section.filtering-cards .list-content .object-item .top-img img { width:auto; margin-top:-40px; transition:all .2s ease-out; max-height:240px; } 
section.filtering-cards .list-content .object-item .detail { margin-bottom:50px; }
section.filtering-cards .list-content .object-item .detail h2 { font-size:34px; margin-bottom:15px; color:#3080B0; }
section.filtering-cards .list-content .object-item .detail .desc { margin-bottom:40px; font-size:16px; color:#370F27; }
/*---Blue style card----*/
section.filtering-cards .list-content .object-item .detail a.blue {  color:#3080B0; font-size:20px; text-transform:capitalize; font-weight:500; border: 3px solid #3080B0; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.filtering-cards .list-content .object-item .detail a.blue:hover { color:#fff; border: 3px solid #3080B0; background:#3080B0; text-decoration:underline;  }
/*---Green style card----*/
section.filtering-cards .list-content .object-item .detail a.green {  color:#80B530; font-size:20px; text-transform:capitalize; font-weight:500; border: 3px solid #80B530; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.filtering-cards .list-content .object-item .detail a.green:hover { color:#fff; border: 3px solid #80B530; background:#80B530; text-decoration:underline;  }
/*---Light purple style card----*/
section.filtering-cards .list-content .object-item .detail a.purple {  color:#B73080; font-size:20px; text-transform:capitalize; font-weight:500; border: 3px solid #B73080; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.filtering-cards .list-content .object-item .detail a.purple:hover { color:#fff; border: 3px solid #B73080; background:#B73080; text-decoration:underline;  }
/*---Orange style card----*/
section.filtering-cards .list-content .object-item .detail a.orange {  color:#FF8900; font-size:20px; text-transform:capitalize; font-weight:500; border: 3px solid #FF8900; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.filtering-cards .list-content .object-item .detail a.orange:hover { color:#fff; border: 3px solid #FF8900; background:#FF8900; text-decoration:underline;  }

/*----More---*/
.object-item { width:25%; display:inline-block;}
.expand { color:red!important; }

/* Isotope Transitions
------------------------------- */
/*
.isotope,
.isotope .item {
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s; 
}
.isotope {
transition-property: height, width;
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
}
.isotope .item {
transition-property:         transform, opacity;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
}
*/

/*----Media queries---*/
@media screen and (max-width:992px) {
  section.filtering-cards .list-content { width:100%; margin:30px auto; }
  section.filtering-cards .list-content .object-item { width:45%; }
  section.filtering-cards .top-container { padding-left:60px; }
  section.filtering-cards .filters-container span { margin-right:90px; }
}
@media screen and (max-width:768px) {
  section.filtering-cards .list-content { width:70%; margin:30px auto; }
  section.filtering-cards .list-content .object-item { width:100%; padding:30px 30px 0px 0px; }
  section.filtering-cards .filters-container span { margin-right:60px; font-size:22px; }
  section.filtering-cards .filters-container span:after { right:-35px; }
  section.filtering-cards .top-container { padding-left:20px; }
}
@media screen and (max-width:576px) {
  .filtering { padding:0px 20px 30px 0px; }
  section.filtering-cards { padding:40px 0px 0px 0px; }
  section.filtering-cards .filters-container span { font-size:16px; margin-right:30px;  }
  section.filtering-cards .top-container p { font-size:16px; }
  section.filtering-cards .filters-container span:after { right:-16px; }
  section.filtering-cards .top-container { padding-top:25px; }
  section.filtering-cards .list-content .object-item .top-img { height:150px; }
  section.filtering-cards .list-content .object-item .top-img img { max-height:200px; }
  section.filtering-cards .list-content .object-item .detail h2 { font-size:28px; }
  section.filtering-cards .list-content .object-item { margin:0px; }
  section.filtering-cards .list-content .object-item .detail .desc { margin-bottom:25px; }
}

/*****************************************/
/* Filtering Cards Formation  */
/*****************************************/

/*****************************************/
/* Filtering Logo  */
/*****************************************/

section.filtering-logos { padding:0px 0px 70px 0px; }
section.filtering-logos .top-container { background:#0B0B0B; padding-left:150px; padding-top:40px; width:fit-content; }
section.filtering-logos .top-container p { color:#fff; text-transform:uppercase; font-size:20px; }
section.filtering-logos .filters-container span { color:#fff; font-size:28px; margin-right:90px; position:relative; transition:all .2s ease-out; }
section.filtering-logos .filters-container span.active { color:#BBEA26; border-bottom:1 px solid #BBEA26!important; border-color:#BBEA26;}
section.filtering-logos .filters-container span:hover { color:#BBEA26; border-bottom:1 px solid #BBEA26!important; border-color:#BBEA26; }
section.filtering-logos .filters-container span:after { content:"/"; color:#fff; position:absolute; right:-50px; }
section.filtering-logos .filters-container span:last-child:after { content:none; }
section.filtering-logos .heading-title { width:100%; text-align:center; margin-top:48px; }
section.filtering-logos .heading-title h3 { text-transform:uppercase; color:#3080B0; font-size:42px; font-weight:600; }
/*-----Objects card style-----*/
section.filtering-logos .list-content { margin-top:60px; margin-left:50px; }
section.filtering-logos .list-content .object-item { position:relative; background:transparent; height:110px; width:19%; padding:0px 35px 20px 35px; margin-bottom:60px; transition:all .1s ease-out; text-align:center; display:flex; align-items:center; justify-content:center; }
section.filtering-logos .list-content .object-item a img { max-height:100px; width:auto; transition: all .2s ease-out;} 
section.filtering-logos .list-content .object-item a img:hover { transform: scale(1.1); }

/*----More---*/
.object-item { width:25%; display:inline-block;}
.expand { color:red!important; }

/* Isotope Transitions
------------------------------- */
/*
.isotope,
.isotope .item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
}
*/


/*----Media queries----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.filtering-logos .list-content .object-item { width:25%; }
  section.filtering-logos .filters-container span { margin-right:90px; }
  section.filtering-logos .top-container { padding-left:60px; }
}
@media screen and (max-width:768px) {
  section.filtering-logos .list-content .object-item { width:30%; }
  section.filtering-logos .filters-container span { margin-right:60px; font-size:22px; }
  section.filtering-logos .filters-container span:after { right:-35px; }
  section.filtering-logos .top-container { padding-left:20px; }
}
@media screen and (max-width:576px) {
  section.filtering-logos .list-content .object-item { width:80%; margin-bottom:30px; }
  section.filtering-logos .filters-container span { font-size:16px; margin-right:30px;  }
  section.filtering-logos .filters-container span:after { right:-16px; }
  section.filtering-logos .top-container p { font-size:16px; }
  section.filtering-logos .top-container { padding-top:25px; }
}

/*****************************************/
/* Hero banner 2  */
/*****************************************/
section.hero2-section { position:relative; z-index:100; }
section.hero2-section h1 { width:65%; margin:0 auto; }
section.hero2-section p { color:#fff; width:65%; margin:0 auto; margin-top:40px;  }
section.hero2-section .circle { position:absolute; z-index:3; width:90px; height:90px; border-radius:50%; right:170px; bottom:-45px; }
section.hero2-section .circle-grey { position:absolute; z-index:3; background:#f7faff; width:27px; height:27px; border-radius:50%; right:130px; bottom:35px;  }
section.hero2-section.cover-green .circle{ background:#B73080; } 
section.hero2-section.cover-purple .circle{ background:#bbea26; } 
section.hero2-section.cover-blue .circle { background:#BBEA26; }

@media screen and (max-width:992px) {
  section.hero2-section .circle { display:none; }
  section.hero2-section .circle-grey { display:none;  }
}

/*****************************************/
/* Hero banner 2 Version */
/*****************************************/

/*-------Color circles style------*/
.hero-2v-rounded { padding-top:30px; }
.hero-2v-rounded .circle { position:absolute; }
.hero-2v-rounded .circle.orange1 { left:4%; top:49%; height:30px; width:30px; border-radius:50%; background:#FF8900; }
.hero-2v-rounded .circle.blue1 { left:10%; top:44%; height:10px; width:10px; border-radius:50%; background:#3080B0; }
.hero-2v-rounded .circle.green1 { left:12%; top:58%; height:20px; width:20px; border-radius:50%; background:#BBEA26; }
.hero-2v-rounded .circle.blue2 { right:38%; top:20%; height:12px; width:12px; border-radius:50%; background:#3080B0; }
.hero-2v-rounded .circle.green2 { right:35%; top:22%; height:30px; width:30px; border-radius:50%; background:#BBEA26; }
.hero-2v-rounded .circle.purple1 { right:37%; top:26%; height:18px; width:18px; border-radius:50%; background:#84235C; }
.hero-2v-rounded .circle.blue3 { right:17%; bottom:20%; height:26px; width:26px; border-radius:50%; background:#3080B0; }
.hero-2v-rounded .circle.green3 { right:8%; bottom:8%; height:92px; width:92px; border-radius:50%; background:#BBEA26; }

/*-------Rounded banner style------*/
.hero-2v-rounded { position:relative;}
.hero-2v-rounded__item { position:relative; }
.hero-2v-rounded__rounded { position:relative; overflow:hidden!important; left:110px;  height:800px; width:800px; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.hero-2v-rounded__rounded:before { position:absolute; z-index:2; content:""; top:0px; right:0px; left:0px; bottom:0px; background:rgba(11, 11, 11, .3); }
.hero-2v-rounded__text { position:absolute; z-index:5; left:420px; top:50%; width:50%; display:flex; align-items:flex-start;  }
.hero-2v-rounded__title { flex:0 0 82%; max-width:600px; }
.hero-2v-rounded__title h1 { color:#fff; text-transform:uppercase; font-family:neo-sans, sans-serif; font-size:50px; }
.hero-2v-rounded__description { flex: 0 0 33%; }

.hero-2v-rounded__text .hero-2v-rounded__cta a { color:#fff; text-decoration:none; }
.hero-2v-rounded__text .hero-2v-rounded__cta a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; margin-right:8px; transition:all .2s ease-out; text-decoration:none; }
.hero-2v-rounded__text .hero-2v-rounded__cta a:hover { color:#fff; }
.hero-2v-rounded__text .hero-2v-rounded__cta a:hover:before { margin-right:11px; }

.hero-2v-rounded__description .description__cta a { color:#B73080; text-decoration:none; }
.hero-2v-rounded__description .description__cta a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; margin-right:8px; transition:all .2s ease-out; text-decoration:none; }
.hero-2v-rounded__description .description__cta a:hover { color:#B73080; }
.hero-2v-rounded__description .description__cta a:hover:before { margin-right:11px; }

.hero-2v-rounded video { position:absolute; top:0px; bottom:0px; left:-20%; right:0px; max-height:100%; min-height:100%; }

.hero-2v-rounded__nav { position:absolute; height:60px; z-index:3; top:calc(40% - 30px); width:65%; left:420px; background:#0B0B0B; display:flex; align-items:center; }
.hero-2v-rounded__slider1 { width:100%; }
.hero-2v-rounded__slider1 .slick-list { padding:0 20px!important; }
.hero-2v-rounded__slider1 .slick-list .slick-track { width:100%!important; transform:unset!important; }
.hero-2v-rounded__slider1 .slick-slide { position:relative; }
.hero-2v-rounded__slider1 .slick-slide:focus { outline:none; }
.hero-2v-rounded__slider1 .slick-slide span {  color:#fff; font-size:16px; }
.hero-2v-rounded__slider1 .slick-slide:after { color:#fff; }
.hero-2v-rounded__slider1 .slick-slide:hover { cursor:pointer; }
.hero-2v-rounded__slider1 .slick-slide:not(:last-child) { margin-right:10px; }
.hero-2v-rounded__slider1 .slick-slide:not(:last-child):after { content:"/"; margin-left:9px; }
.hero-2v-rounded__slider1 .slick-slide.slick-current span { color:#BBEA26; text-decoration:underline; }

/*--------------------
* Media queries
* -------------------*/
@media screen and (max-width:1200px) {
  .hero-2v-rounded__rounded { width:600px; height:600px; left:0px; }
  .hero-2v-rounded__text { left:220px; width:65%; }
  .hero-2v-rounded__title { flex: 0 0 61%; margin-right:50px; }
  .hero-2v-rounded__description { flex: 0 0 45%; }
  .hero-2v-rounded__title h1 { font-size:40px; }
  .hero-2v-rounded__nav { width:70%; top:35%; left:265px; }
  .hero-2v-rounded__slider1 .slick-slide:not(:last-child) .slider__item { margin-right:8px; }
  .hero-2v-rounded__slider1 .slick-slide:not(:last-child) .slider__item:after { margin-left:10px; }
  .hero-2v-rounded__slider1 .slick-slide .slider__item span { font-size:14px; }
}
@media screen and (max-width:992px) {
  .hero-2v-rounded__text { position:relative; width:100%; bottom:0px; left:0px; margin-top:40px; }
  .hero-2v-rounded__title { flex:0 0 62%; margin-right:0px; }
  .hero-2v-rounded__description { flex: 0 0 33%; }
  .hero-2v-rounded__title h1 { color:#B73080; font-size:34px; }
  .hero-2v-rounded__rounded { margin: 0 auto;  }
  .hero-2v-rounded__nav { width:85%; top:50%; left:40px; }

  .hero-2v-rounded__cta a,
  .hero-2v-squared__cta a { color:#b73080!important; }

  .hero-2v-rounded .circle.blue3, 
  .hero-2v-rounded .circle.green3 { display:none; }
  .hero-2v-rounded .circle.blue2 { right:8%; top:20%; height:12px; width:12px; border-radius:50%; background:#3080B0; }
  .hero-2v-rounded .circle.green2 { right:5%; top:22%; height:30px; width:30px; border-radius:50%; background:#BBEA26; }
  .hero-2v-rounded .circle.purple1 { right:7%; top:26%; height:18px; width:18px; border-radius:50%; background:#84235C; }
}
@media screen and (max-width:768px) {
  .hero-2v-rounded__text { flex-wrap:wrap; }
  .hero-2v-rounded__title { flex: 0 0 100%; }
  .hero-2v-rounded__description { flex:0 0 100%; }
  .hero-2v-rounded__rounded { width:500px; height:500px; }
  .hero-2v-rounded__nav { height:auto; padding:10px 0px; }

  .hero-2v-rounded__cta,
  .hero-2v-squared__cta { margin-bottom:20px; }
}
@media screen and (max-width:576px) {
  .hero-2v-rounded__rounded { width:350px; height:350px; }
  .hero-2v-rounded__nav { position:relative; width:100%; left:0px; padding:10px 0px; }
  .hero-2v-rounded__slider1 .slick-slide .slider__item:after { display:none; }
  .hero-2v-rounded__slider1 .slick-slide { width:100%; text-align:center; }
  .hero-2v-rounded__slider1 .slick-slide .slider__item span { text-transform:uppercase; }
  .hero-2v-rounded .circle.green2 { right:2%; }
  .hero-2v-rounded__slider1 .slick-slide:not(:last-child):after { display:none; }
}



/*-------Squared banner style------*/
/*-------Color circles style------*/
.hero-2v-squared { padding-top:0px; }
.hero-2v-squared .circle { position:absolute; }
.hero-2v-squared .circle.orange1 { left:4%; top:49%; height:30px; width:30px; border-radius:50%; background:#FF8900; }
.hero-2v-squared .circle.blue1 { left:10%; top:44%; height:10px; width:10px; border-radius:50%; background:#3080B0; }
.hero-2v-squared .circle.green1 { left:12%; top:58%; height:20px; width:20px; border-radius:50%; background:#BBEA26; }
.hero-2v-squared .circle.blue2 { right:38%; top:20%; height:12px; width:12px; border-radius:50%; background:#3080B0; }
.hero-2v-squared .circle.green2 { right:35%; top:22%; height:30px; width:30px; border-radius:50%; background:#BBEA26; }
.hero-2v-squared .circle.purple1 { right:37%; top:26%; height:18px; width:18px; border-radius:50%; background:#84235C; }
.hero-2v-squared .circle.blue3 { right:17%; bottom:20%; height:26px; width:26px; border-radius:50%; background:#3080B0; }
.hero-2v-squared .circle.green3 { right:8%; bottom:8%; height:92px; width:92px; border-radius:50%; background:#BBEA26; }

/*-------Rounded banner style------*/
.hero-2v-squared { position:relative;}
.hero-2v-squared__item { position:relative; }
.hero-2v-squared__squared { position:relative; overflow:hidden; left:0px;  height:800px; width:69%; max-width:1000px;  background-size:cover; background-position:center; background-repeat:no-repeat; }
.hero-2v-squared__squared:before { position:absolute; z-index:2; content:""; top:0px; right:0px; left:0px; bottom:0px; background:rgba(132, 35, 92, .3); }
.hero-2v-squared__text { position:absolute; z-index:5; left:420px; top:50%; width:50%; display:flex; align-items:flex-start;  }
.hero-2v-squared__title { flex:0 0 82%; max-width:600px; }
.hero-2v-squared__title h1 { color:#fff; text-transform:uppercase; font-family:neo-sans, sans-serif; font-size:50px; }
.hero-2v-squared__description { flex: 0 0 40%; }

.hero-2v-squared__cta a { color:#fff; text-decoration:none; }
.hero-2v-squared__cta a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; margin-right:8px; transition:all .2s ease-out; text-decoration:none; }
.hero-2v-squared__cta a:hover { color:#fff; }
.hero-2v-squared__cta a:hover:before { margin-right:11px; }

.hero-2v-squared__description .description__cta a { color:#B73080; text-decoration:none; }
.hero-2v-squared__description .description__cta a:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; margin-right:8px; transition:all .2s ease-out; text-decoration:none; }
.hero-2v-squared__description .description__cta a:hover { color:#B73080; }
.hero-2v-squared__description .description__cta a:hover:before { margin-right:11px; }

.hero-2v-squared video { position:absolute; top:0px; bottom:0px; left:-20%; right:0px; max-height:100%; min-height:100%; }

.hero-2v-squared__nav { position:absolute; height:60px; z-index:3; top:calc(40% - 30px); width:65%; left:420px; background:#0B0B0B; display:flex; align-items:center; }
.hero-2v-squared__slider1 { width:100%; }
.hero-2v-squared__slider1 .slick-list { padding:0 20px!important; }
.hero-2v-squared__slider1 .slick-list .slick-track { width:100%!important; transform:unset!important; }
.hero-2v-squared__slider1 .slick-slide.slider__item { position:relative; }
.hero-2v-squared__slider1 .slick-slide.slider__item:focus { outline:none; }
.hero-2v-squared__slider1 .slick-slide.slider__item span {  color:#fff; font-size:16px; }
.hero-2v-squared__slider1 .slick-slide.slider__item:after { color:#fff; }
.hero-2v-squared__slider1 .slick-slide.slider__item:hover { cursor:pointer; }
.hero-2v-squared__slider1 .slider__item.slick-slide:not(:last-child) { margin-right:10px; }
.hero-2v-squared__slider1 .slider__item.slick-slide:not(:last-child):after { content:"/"; margin-left:9px; }
.hero-2v-squared__slider1 .slider__item.slick-slide.slick-current span { color:#BBEA26; text-decoration:underline; }


/*--------------------
* Media queries
* -------------------*/
@media screen and (max-width:1200px) {
  .hero-2v-squared { padding:0px; }
  .hero-2v-squared__squared { width:600px; height:600px; left:0px; }
  .hero-2v-squared__title { flex:0 0 55%; margin-right:50px; }
  .hero-2v-squared__text { left:220px; width:70%; }
  .hero-2v-squared__title h1 { font-size:40px; }
  .hero-2v-squared__nav { width:70%; top:35%; left:220px; }
  .hero-2v-squared__slider1 .slick-slide:not(:last-child) .slider__item { margin-right:8px; }
  .hero-2v-squared__slider1 .slick-slide:not(:last-child) .slider__item:after { margin-left:10px; }
  .hero-2v-squared__slider1 .slick-slide .slider__item span { font-size:14px; }
}
@media screen and (max-width:992px) {
  .hero-2v-squared__squared { width:100%; height:500px; }
  .hero-2v-squared__text { position:relative; width:100%; bottom:0px; left:0px; margin-top:40px; padding:0px 20px;}
  .hero-2v-squared__title { flex:0 0 65%; margin-right:0px; }
  .hero-2v-squared__description { flex: 0 0 35%; }
  .hero-2v-squared__title h1 { color:#B73080; font-size:34px; }
  .hero-2v-squared__squared { margin: 0 auto;  }
  .hero-2v-squared__nav { width:85%; top:460px; left:0px; }
  .hero-2v-squared video { left:0%; max-height:110%; min-height:110%; }
  .hero-2v-squared .circle.blue3, 
  .hero-2v-squared .circle.green3 { display:none; }
  .hero-2v-squared .circle.blue2 { right:8%; top:20%; height:12px; width:12px; border-radius:50%; background:#3080B0; }
  .hero-2v-squared .circle.green2 { right:5%; top:22%; height:30px; width:30px; border-radius:50%; background:#BBEA26; }
  .hero-2v-squared .circle.purple1 { right:7%; top:26%; height:18px; width:18px; border-radius:50%; background:#84235C; }
}
@media screen and (max-width:768px) {
  .hero-2v-squared__text { flex-wrap:wrap; }
  .hero-2v-squared__title { flex: 0 0 100%; }
  .hero-2v-squared__description { flex:0 0 100%; }
  .hero-2v-squared__nav { height:auto; padding:10px 0px; top:333px; }
  .hero-2v-squared video { left:-10%; }
  .hero-2v-squared__squared { height:400px; }
  .hero-2v-squared .circle { display:none; }
}
@media screen and (max-width:576px) {
  .hero-2v-squared__slider1 .slider__item.slick-slide:not(:last-child):after { display:none; }
  .hero-2v-squared__nav { position:absolute; width:100%;top:270px;left:0px; padding:10px 0px; }
  .hero-2v-squared__slider1 .slick-slide .slider__item:after { display:none; }
  .hero-2v-squared__slider1 .slick-slide { width:100%; text-align:center; }
  .hero-2v-squared__slider1 .slick-slide .slider__item span { text-transform:uppercase; }
  .hero-2v-squared .circle.green2 { right:2%; }
}

/*****************************************/
/* Hero Banner Complex */
/*****************************************/

section.hero_complex {  position:relative; z-index:100; padding:170px 0px 60px 0px; overflow:hidden; }
section.hero_complex .content { position:relative; z-index:10; }
/*------Color bubbles-----*/
section.hero_complex .blue_bubble { z-index:7; background:#3080B0; border-radius:50%; position:absolute; width:12px; height:12px; bottom:50%; left:33px; }
section.hero_complex .blue_bubble2 { z-index:7; background:#3080B0; border-radius:50%; position:absolute;  width:12px; height:12px; bottom:53%; left:30%; }
section.hero_complex .blue_bubble3 { z-index:7; background:#3080B0; border-radius:50%; position:absolute; width:12px; height:12px; bottom:30%; right:10%; }
section.hero_complex .blue_bubble4 { z-index:7; background:#3080B0; border-radius:50%; position:absolute; width:10px; height:10px; bottom:20%; right:7%; }
section.hero_complex .green_bubble { z-index:7; background:#BBEA26; border-radius:50%; position:absolute; width:30px; height:30px; left:50px; bottom:46%; }
section.hero_complex .green_bubble2 { z-index:7; background:#BBEA26; border-radius:50%; position:absolute; width:30px; height:30px; left:27%; bottom:47%; }
section.hero_complex .green_bubble_small { z-index:7; background:#BBEA26; border-radius:50%; position:absolute; width:15px; height:15px; left:40%; bottom:200px; }
section.hero_complex .green_bubble_small2 { z-index:7; background:#BBEA26; border-radius:50%; position:absolute; width:15px; height:15px; right:5%; bottom:50px;  }
section.hero_complex .orange_bubble {z-index:7;  background:#FF8900; border-radius:50%; position:absolute; left:200px; bottom:52%; width:15px; height:15px; }
section.hero_complex .orange_bubble2 {z-index:7;  background:#FF8900; border-radius:50%; position:absolute; left:42%; bottom:220px; width:10px; height:10px; }
section.hero_complex .orange_bubble3 {z-index:7;  background:#FF8900; border-radius:50%; position:absolute; width:30px; height:30px; bottom:150px; right:10%; }
/*-----Pictures style section-----*/
section.hero_complex .fst_pic { position:absolute; bottom:-10px; left:0px;  z-index:6; }
section.hero_complex .scd_pic { position:absolute; bottom:-2px; left:13%; z-index:5; }
section.hero_complex .thd_pic { position:absolute; bottom:-5px; right:6%;  z-index:6; }
section.hero_complex .fth_pic { position:absolute; bottom:-5px; right:-20px; z-index:5; }
/*-----Breadcrumbs section-----*/
section.hero_complex ul.banner-breadcrumbs {  margin-bottom: 40px;  margin-top: 0;  text-align: left; background:#0B0B0B; position:absolute; top:70px; z-index:5; padding:25px 40px 25px 130px; display: -webkit-flex; display: flex;}
section.hero_complex ul.banner-breadcrumbs li { }
section.hero_complex ul.banner-breadcrumbs li:last-child a {  color: #fff;  font-weight: 600;}
section.hero_complex ul.banner-breadcrumbs li:after {  content: '/';  font-weight: 700;  vertical-align: middle;  color: #B73080;  font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
section.hero_complex ul.banner-breadcrumbs li:last-child:after {  content: none;}
section.hero_complex ul.banner-breadcrumbs li:last-child a { text-decoration:underline; }
section.hero_complex ul.banner-breadcrumbs li a {  color: #fff;  font-size: 14px;  font-weight: 500;}
section.hero_complex .active a, section.hero_complex li.active:last-child a {  color: #fff;}
/*-----Destination style-----*/
section.hero_complex .destination_row { display:flex; align-items:center; justify-content:space-between;  }
section.hero_complex .destination_row .text span { color:#fff; }
section.hero_complex .destination_row .border-top {  height: 10px; background-image: url(https://www.exodata.fr/hubfs/0%20-%202019_Files/dotted-line.svg); background-position: center; width: 30%; background-repeat: no-repeat; border-top: 0px!important; background-size: 130%; }
/*-----Main title style-----*/
section.hero_complex .main_title { margin-top:15px; }
section.hero_complex .main_title h1 { color:#fff; font-size:60px; font-family:neo-sans, sans-serif; }
section.hero_complex .row-cta { margin-top:35px; }
/*-----Description style-----*/
section.hero_complex .description { margin-top:60px; }
section.hero_complex .description p { color:#fff; }
/*-----Nav items-----*/
.nav_container { margin-top:100px; text-align:center; display:flex; align-items:flex-start; justify-content:space-around; position:relative; z-index:10; flex-wrap:wrap; }
.nav_container a.item-nav { width:16%; position:relative; text-decoration:none; }
.nav_container a.item-nav .index-item { text-align:left; padding:10px 0px; font-size:14px; color:#fff; transition:all .2s ease-out; text-transform:uppercase; padding-bottom:0px;}
.nav_container a.item-nav .name-item { text-align:left; padding:10px 0px; word-break:break-word; font-size:18px; color:#fff; transition:all .2s ease-out; padding-top:0px; font-weight:700; }
.nav_container a.item-nav .index-item:before { content:""; background:#fff; opacity:.6; position:absolute; height:10px; width:100%; left:0px; top:-10px;  transition:all .2s ease-out;} 
.nav_container a.item-nav:hover .index-item:before { opacity:1; }

/*-----Media queries-----*/
@media screen and (max-width:1200px) {
  .nav_container a.item-nav { width:10%; }
  section.hero_complex .fst_pic img,
  section.hero_complex .scd_pic img,
  section.hero_complex .thd_pic img,
  section.hero_complex .fth_pic img { width:60%; }
  /*Display none color bubbles*/
  section.hero_complex .blue_bubble,
  section.hero_complex .blue_bubble2,
  section.hero_complex .blue_bubble3,
  section.hero_complex .blue_bubble4,
  section.hero_complex .green_bubble,
  section.hero_complex .green_bubble2,
  section.hero_complex .green_bubble_small,
  section.hero_complex .green_bubble_small2,
  section.hero_complex .orange_bubble,
  section.hero_complex .orange_bubble2,
  section.hero_complex .orange_bubble3 { display:none;}
}
@media screen and (max-width:992px) {
  section.hero_complex .fst_pic,
  section.hero_complex .scd_pic,
  section.hero_complex .thd_pic,
  section.hero_complex .fth_pic { display:none; }
  .nav_container { width:90%; margin:0 auto; padding-top:50px; flex-wrap:wrap; }
  .nav_container a.item-nav { min-width:65px; }
  .nav_container a.item-nav .name-item { display:none; }

}
@media screen and (max-width:768px) {
  .nav_container a.item-nav { margin-bottom:30px; }
  section.hero_complex .destination_row { flex-direction:column; }
  section.hero_complex ul.banner-breadcrumbs { padding:25px 40px 25px 25px; }
  section.hero_complex ul.banner-breadcrumbs li a { font-size:11px; }
  section.hero_complex .main_title h1 { font-size:35px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Hero Banner LP TYP */
/*****************************************/

/*---Section structure style----*/
section.hero_lp {  padding:0px 0px 300px 0px; }
section.hero_lp .row.content { position:relative; padding:100px 0px 140px 0px; }

/*---Right content style----*/
section.hero_lp .right_content { width:80%; }
section.hero_lp .right_content .top_text { text-transform:uppercase; font-size:16px; }
section.hero_lp .right_content h1 { font-family:neo-sans, sans-serif; font-size:42px; }

/*---Form container style----*/
section.hero_lp .form_container { z-index:5; position:relative; margin-left:-95px; margin-top:30px; margin-bottom:-415px; background-color:#F7FAFF; box-shadow: 2px 2px 8px #00000029; padding:60px 15% 60px 220px; }
section.hero_lp .form_container .dotted__line { position:absolute; background-image:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/dotted-line-gray.svg); height:88%; width:3px; left: 109px; top: 30px; }

/*----Form style----*/
section.hero_lp .form_container form .hs-form-field { position:relative; }
section.hero_lp .form_container form .hs-form-field label .hs-form-required { display:none; }
section.hero_lp .form_container form .hs-form-field input { background:transparent; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #0B0B0B; }
section.hero_lp .form_container form .hs-form-field input:focus { border-bottom:3px solid #7BB12A; }
section.hero_lp .form_container form .hs-form-field input::placeholder { color:#0B0B0B; font-weight:600; }
section.hero_lp .form_container form .hs-form-field ul li .hs-error-msg { position:absolute; bottom:-30px; color:#B73080; font-size:12px; }
section.hero_lp .form_container form .hs-fieldtype-radio { margin-top:40px; padding-left:15px; }
section.hero_lp .form_container form .hs-fieldtype-radio label span { color:#0B0B0B; font-weight:600; }
section.hero_lp .form_container form .hs-fieldtype-radio .input ul li { display:inline-block; margin-right:20px; }
section.hero_lp .form_container form .hs-fieldtype-radio .input ul li:last-child { margin-right:0px; }
section.hero_lp .form_container form .hs-fieldtype-radio .input ul li label span { font-weight:500; }
section.hero_lp .form_container form .hs-fieldtype-select label span { color:#0B0B0B; font-weight:600; }
section.hero_lp .form_container form .hs-fieldtype-select select:hover { cursor:pointer; }
section.hero_lp .form_container form .hs-fieldtype-select select:focus { border-bottom:3px solid #7BB12A; outline:none;}
section.hero_lp .form_container form .hs-fieldtype-select select { background:transparent; border-radius:0px!important; border-bottom:1px solid #000; border-top:0px; border-right:0px; border-left:0px; min-height:30px; height:auto; -moz-appearance:none; -webkit-appearance:none; appearance:none;background-repeat:no-repeat; background-size:3%; background-position:right center; background-image:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/dropdown_purple.svg);}
section.hero_lp .form_container form div.actions { text-align:right; }
section.hero_lp .form_container form div.actions input { color:#B73080; background:transparent; transition:all .2s ease-out; border:2px solid #B73080; }
section.hero_lp .form_container form div.actions input:hover { background:#B73080; color:#fff; }
section.hero_lp .form_container form .legal-consent-container { margin-top:30px; }

/*---Decoration circles style----*/
.small_green { z-index:3; position:absolute; width:10px; height:10px; border-radius:50%; background:#BBEA26; left:110px; top:110px; }
.large_green { z-index:3; position:absolute; width:35px; height:35px; border-radius:50%; background:#BBEA26; left:120px; top:120px; }
.medium_green { z-index:3; position:absolute; width:30px; height:30px; border-radius:50%; background:#BBEA26; left:25%; bottom:-15px; }
.medium_green2 { z-index:3; position:absolute; width:20px; height:20px; border-radius:50%; background:#BBEA26; right:5%; bottom:50px; }
.small_blue { z-index:3; position:absolute; width:12px; height:12px; border-radius:50%; background:#3080B0; left:23%;  bottom:20px; }
.small_blue2 {z-index:3; position:absolute; width:9px; height:9px; border-radius:50%; background:#3080B0; right:4%;  bottom:-80px;  }
.medium_orange { z-index:3; position:absolute; width:30px; height:30px; border-radius:50%; background:#FF8900; right:2%; bottom:-50px;  }
.small_purple { z-index:3; position:absolute; width:17px; height:17px; border-radius:50%; background:#84235C; left:24%;  bottom:-50px; }
.small_light { z-index:3; position:absolute; width:15px; height:15px; border-radius:50%; background:#F7FAFF; right:4%;  top:130px; }

/*---------------
* MEDIA QUERIES
* ---------------*/
@media screen and (max-width:1200px) {
  section.hero_lp .form_container { padding:60px 15% 60px 200px; }

  /*---Decoration circles style----*/
  .small_blue { left:18%; }
  .medium_green { left:20%; }
  .small_purple { left:19%; }
}

@media screen and (max-width:992px) {
  section.hero_lp .row.content { padding:180px 0px 140px 0px; }
}

@media screen and (max-width:768px) {
  section.hero_lp { padding:0 0 500px 0; }
  section.hero_lp .row.content { padding:100px 0px 140px 0px; }
  section.hero_lp .left_img { text-align:center; }
  section.hero_lp .left_img img { max-height:300px; width:auto; }
  section.hero_lp .right_content { padding:20px; margin-top:30px; }
  section.hero_lp .form_container { width:95%;  margin:0px auto -550px auto; padding:70px 40px 40px 40px; } 
  section.hero_lp .form_container:before { top:25px; left:-20px; }
  section.hero_lp .form_container:after { top:25px; right:-20px; left:initial; background:#84235c; }
  section.hero_lp .form_container .dotted__line { transform: rotate(90deg); left: 50%; top:-200px; height:95%; }

  /*---Decoration circles style----*/
  .medium_orange { top:60px; left:9%; }
  .large_green { width:25px; height:25px; }
  .small_blue { top:30px; }
  .small_green, .medium_green, .medium_green2, .small_blue2, .small_purple, .small_light { display:none; }  
}

@media screen and (max-width:576px) {
  section.hero_lp .row.content { padding:70px 0px 70px 0px; }
  section.hero_lp .right_content { width:100%; }
  section.hero_lp .left_img img { max-height:250px; }
  section.hero_lp .form_container .dotted__line { display:none; }
}

/*****************************************/
/* Hero Banner Main */
/*****************************************/

section.hero-main { padding:180px 0px 80px 0px; background-image:url(https://www.exodata.fr/hubfs/2019_Files/line.svg); background-size:contain; background-repeat:no-repeat; background-position:50% 30%; overflow:hidden; }
section.hero-main .heading-container h1 { min-height:180px; }
section.hero-main .heading-container h1 span { text-transform:uppercase; color:#370F27; font-size:60px; margin-bottom:30px; font-family:'neo-sans', sans-serif; }
section.hero-main .heading-container p { width:65%; margin-bottom:50px; font-size:22px; }
section.hero-main .heading-container .start-cta { font-size:26px; color:#fff; background:#B73080; padding:22px 52px; border-radius:42px; text-decoration:none; border:1px solid #B73080;   }
section.hero-main .heading-container .start-cta:hover { color:#B73080; background:#fff; border:1px solid #B73080;  }
/*-----Left solar system pic style------*/
section.hero-main .solar-pic { cursor:pointer; margin-left: -70px; margin-right:-40%; margin-top: -200px; position:relative;  }
section.hero-main .bg-solar {  position: absolute; top: -11px; left: 34%; z-index: -1;  }
section.hero-main .bg-solar img { height:100%; width:100%; border-radius:50%; }
section.hero-main .bg-solar img:hover { cursor:pointer;}

/*****************************************/
/* Hero Banner LP Video */
/*****************************************/

section.hero_lp_video { background: #B73080; position: relative; }
section.hero_lp_video ul.banner-breadcrumbs { z-index: 1; position: relative; margin-bottom: 40px; display: flex; background: #0B0B0B; box-shadow: 6px 6px 6px #61616129; padding: 30px 75px 30px 180px; width: fit-content; }
section.hero_lp_video ul.banner-breadcrumbs li {}
section.hero_lp_video ul.banner-breadcrumbs span { padding: 0 5px; color: #B73080; }
section.hero_lp_video ul.banner-breadcrumbs li a { color: #FFF; }
section.hero_lp_video ul.banner-breadcrumbs li a:hover { text-decoration: underline !important; }
/* Left Content */
section.hero_lp_video .left_content { z-index: 1; position: relative; }
section.hero_lp_video .left_content .top_text { font-size: 17px; color: #FFF; text-transform: uppercase; }
section.hero_lp_video .left_content h1 { color: #FFF; text-transform: uppercase; }
section.hero_lp_video .left_content .banner_description { font-size: 17px; color: #FFF; margin-bottom: 2em; }
section.hero_lp_video a.anchor_btn { text-align: center; margin-top: 1em; font-size: 22px; color: #FFF; font-weight: 600; padding: .5em 1em; border-radius: 50px; border: 2px solid #FFF; }
/* Right Content */
section.hero_lp_video .right_content { z-index: 1; position: relative; }
section.hero_lp_video .right_content .top_video { display: flex; justify-content: space-between; }
section.hero_lp_video .right_content .top_video p { color: #FFF; }
section.hero_lp_video .right_content .top_video .top_btn button { margin: 0 5px 10px 0; padding: 2px 30px; color: #FFF; background: transparent; border: 3px solid #FFF; border-radius: 50px; }
section.hero_lp_video .right_content .video_container { height: 434px; }
section.hero_lp_video .right_content a.anchor_btn { display: none; }

/* Circles */
section.hero_lp_video .circles div { z-index: 0; }
section.hero_lp_video .circles div:nth-child(1) { top: 16vh; left: 4vw; }
section.hero_lp_video .circles div:nth-child(2) { top: 22vh; left: 2vw; }
section.hero_lp_video .circles div:nth-child(3) { top: 50vh; left: 5vw; }
section.hero_lp_video .circles div:nth-child(4) { top: 52vh; left: 6vw; }
section.hero_lp_video .circles div:nth-child(5) { top: 56vh; left: 5vw; }
section.hero_lp_video .circles div:nth-child(6) { top: 67vh; left: -1vw; }
section.hero_lp_video .circles div:nth-child(7) { top: 16vh; right: 16vw; }
section.hero_lp_video .circles div:nth-child(8) { top: 10vh; right: 12vw; }
section.hero_lp_video .circles div:nth-child(9) { top: 29vh; right: 10vw; }
section.hero_lp_video .circles div:nth-child(10) { top: 72vh; right: 7vw; }

@media screen and (max-width: 1199px) {
  section.hero_lp_video .right_content .top_video { flex-flow: column; }
  section.hero_lp_video ul.banner-breadcrumbs { padding: 20px 70px; position: absolute; left: 0; z-index: 111; line-height: 1.4; display: flex; align-items: center; }
  section.hero_lp_video .left_content .top_text { padding-top: 135px; }
  section.hero_lp_video .left_content a.anchor_btn { display: none; }
  section.hero_lp_video .right_content a.anchor_btn { display: block; }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  section.hero_lp_video { padding-top: 150px; }
  section.lp_collab .icons { width: 50%; }
  section.hero_lp_video ul.banner-breadcrumbs { padding: 20px 50px; position: absolute; left: 0;  }
  section.hero_lp_video .left_content .top_text { padding-top: 115px; }
}

@media screen and (max-width: 768px) {
  section.lp_collab .icons img { height: 50px !important; }
  section.hero_lp_video ul.banner-breadcrumbs { padding: 20px 30px; position: absolute; left: 0; }
  section.hero_lp_video .left_content .top_text { padding-top: 100px; }
}

@media screen and (max-width: 576px) {
  section.lp_collab .icons img { height: 50px !important; }
  section.hero_lp_video ul.banner-breadcrumbs { padding: 10px 0 10px 30px; width: 85%; }
  section.hero_lp_video ul.banner-breadcrumbs li a { font-size: 11px; }
  section.hero_lp_video .left_content h1 { font-size: 25px; }
  section.hero_lp_video .left_content .top_text { font-size: 14px; padding-top: 150px; }
  section.hero_lp_video .left_content p { font-size: 16px; }
  section.hero_lp_video .right_content .top_video p { display: none; }
  section.hero_lp_video .right_content a.anchor_btn { font-size: 20px; }
  section.hero_lp_video .circles div:nth-child(1),
  section.hero_lp_video .circles div:nth-child(2),
  section.hero_lp_video .circles div:nth-child(3),
  section.hero_lp_video .circles div:nth-child(4),
  section.hero_lp_video .circles div:nth-child(5),
  section.hero_lp_video .circles div:nth-child(6),
  section.hero_lp_video .circles div:nth-child(10) { opacity: 0; }
}

/*****************************************/
/* Module Collab LP Video */
/*****************************************/

section.lp_collab { padding-bottom: 0; }
section.lp_collab span { font-size: 17px; color: #616161; }
section.lp_collab .icons { padding-top: 15px; display: flex; justify-content: space-between; border-bottom: 27.5px solid transparent; border-image: url("https://cdn2.hubspot.net/hubfs/587844/Assets/dotted-line.svg") 0 0 2 0 / 0px 0px 2px 0px; }
section.lp_collab .icons img { height: 65px; width: auto; }
section.lp_collab .speaker_card { display: flex; background: #F7FAFF; }
section.lp_collab .speaker_card .img_container { background-size: cover; background-position: center; background-repeat: no-repeat; height: auto; width: 100%; }
section.lp_collab .speaker_card .content { padding: 20px; display: flex; flex-flow: column; justify-content: center; }
section.lp_collab .speaker_card .content .name { font-size: 28px; color: #0B0B0B; font-weight: bold; }
section.lp_collab .speaker_card .content .job { font-size: 20px; color: #272B3F; }
section.lp_collab .speaker_card .content .detail { font-size: 17px; color: #616161; }
section.lp_collab .speaker_card .content .socials_sharing { display: flex; }
section.lp_collab .speaker_card .content .socials_sharing a { position: relative; display: block; background: #B73080; height: 35px;  width: 35px; border-radius: 50px; margin-right: 5px; }
section.lp_collab .speaker_card .content .socials_sharing a svg { fill: #FFF; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;  height: 16px; width: auto; }

@media screen and (max-width: 1199px) {
  section.lp_collab .col_right{ padding-top: 50px; }
}

@media screen and (min-width: 1199px) and (max-width: 1499px) {
  section.lp_collab .speaker_card { flex-flow: column; }
  section.lp_collab .speaker_card .img_container { height: 160px; background-size: contain; max-width: 145px; margin: auto; }
}

@media screen and (max-width: 576px) {
  section.lp_collab .speaker_card { flex-flow: column; }
  section.lp_collab .speaker_card .img_container { height: 160px; background-size: contain; max-width: 145px; margin: auto; }
  section.lp_collab .col_left { text-align: center; }
  section.lp_collab .col_right { text-align: center; }
  section.lp_collab .col_left span { font-size: 14px; }
  section.lp_collab .icons { justify-content: space-around; }
  section.lp_collab span { font-size: 20px; }
  section.lp_collab .speaker_card .content .name { font-size: 25px; }
  section.lp_collab .speaker_card .content .job { padding: 4px 0px; }
  section.lp_collab .speaker_card .content .detail { font-size: 16px; line-height: 1.4; }
  section.lp_collab .speaker_card .content .socials_sharing { justify-content: center; }
}
/*****************************************/
/* Modue Serices LP Video */
/*****************************************/

section.lp_services {}
section.lp_services h2 { color: #B73080; text-align: center; font-weight: bold; }
section.lp_services .card_container { padding: 35px 0; }
section.lp_services .card_container .icon { margin: 0 0 20px 20px; height: 94px; width: 94px; position: relative; background: #B73080; border-radius: 50px; }
section.lp_services .card_container .icon svg { height: 50px; width: auto; fill: #FFF; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
section.lp_services .card_container .icon:before,
section.lp_services .card_container .icon:after { content: ''; border-radius: 50px; position: absolute; }
section.lp_services .card_container .icon:before { background: #BBEA26; height: 22px ; width: 22px; top: 0; right: 0; }
section.lp_services .card_container .icon:after { background: #3080B0; height: 38px ; width: 38px; bottom: 0; left: -20px; z-index: -1; }
section.lp_services .card_container h3 { color: #0B0B0B; font-weight: bold; }
section.lp_services .card_container p { color: #141313; font-size: 17px; }
section.lp_services .cta_container { width: inherit; }
section.lp_services .cta_container a {  }

@media screen and (max-width: 1199px) {
  section.lp_services .card_container { padding: 15px 0; }
}
@media screen and (max-width: 576px) {
  section.lp_services { text-align: center; }
  section.lp_services .card_container .icon { margin: 0 auto 20px; }
  section.lp_services .cta_container { text-align: center; }
}

/*****************************************/
/* Modue Form LP Video */
/*****************************************/

section.lp_form { background: #84235C; position: relative; z-index: 0; padding-bottom: 10px; }
section.lp_form:before { bottom: 0; left: 0; content:''; background: #FFF; position: absolute; z-index: -1; height: 240px; width: 100%; }
section.lp_form .form_first { align-items: center; }
section.lp_form .form_first div.col-12 {  }
section.lp_form .form_first .img_container { position: relative; min-height: 350px; }
section.lp_form .form_first .img_container img { position: absolute; z-index: 1; height: 86px; top: calc((277px / 2) - (87px / 2)); left: calc(-86px / 2); }
section.lp_form .form_first .img_container .img_bck_1,
section.lp_form .form_first .img_container .img_bck_2,
section.lp_form .form_first .img_container .img_bck_3 { position: absolute; height: 277px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
section.lp_form .form_first .img_container .img_bck_1 { top: 0; left: 0; }
section.lp_form .form_first .img_container .img_bck_2 { top: 14px; left: 14px; z-index: -1; }
section.lp_form .form_first .img_container .img_bck_2:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: #84235C; opacity: .4; }
section.lp_form .form_first .img_container .img_bck_3 { top: 28px; left: 28px; z-index: -2; box-shadow: 0 3px 6px #00000029; }
section.lp_form .form_first form { color: #FFF; }
section.lp_form .form_first form h3 { font-weight: bold; margin: 0; color: #FFF; }
section.lp_form .form_first form span.hs-form-required { display: none; }
section.lp_form .form_first form input[type="email"] { margin-bottom: 2px; color: #FFF; padding: 0 15px; font-weight: bold; border: none; border-bottom: 1px solid #FFF; background: transparent; }
section.lp_form .form_first form input[type="email"]::placeholder { color: #FFF; }
section.lp_form .form_first form input[type="submit"] { font-weight: 600; background: transparent; border: 3px solid #FFF; }

section.lp_form .form_second { background: #F7FAFF; align-items: center; box-shadow: 2px 2px 8px #00000029; -webikt-box-shadow: 2px 2px 8px #00000029; }
section.lp_form .form_second h3 { display: none; }
section.lp_form .form_second .left_content { position: relative; padding: 40px 100px 40px 130px; border-right: dotted #B73080; }
section.lp_form .form_second .left_content:before,
section.lp_form .form_second .left_content:after { content: ''; position: absolute; height: 40px; width: 40px; border-radius: 50px; }
section.lp_form .form_second .left_content:before { background: #84235C; top: -20px; right: -20px; }
section.lp_form .form_second .left_content:after { background: #FFFFFF; bottom: -20px; right: -20px; }
section.lp_form .form_second .left_content h4 { font-size: 28px; font-weight: 600; color: #0B0B0B; }
section.lp_form .form_second .left_content p { font-size: 16px; color: #616161; }
section.lp_form .form_second .right_content { padding: 40px 130px 40px 100px; }
section.lp_form .form_second form { color: #0B0B0B; }
section.lp_form .form_second form span.hs-form-required { display: none; }
section.lp_form .form_second form input[type="email"],
section.lp_form .form_second form input[type="text"] { margin-bottom: 2px; padding: 0 15px; font-weight: bold; border: none; border-bottom: 1px solid #0B0B0B; background: transparent; }
section.lp_form .form_second form input[type="email"]::placeholder,
section.lp_form .form_second form input[type="text"]::placeholder { color: #0B0B0B; }
section.lp_form .form_second form input:required:valid { border-bottom: solid 3px #7BB12A; }
section.lp_form .form_second form label.hs-error-msg { color: #ED5629; }
section.lp_form .form_second form div.actions { text-align: right; }
section.lp_form .form_second form input[type="submit"] { padding: 0 2em; text-transform: capitalize; color: #B73080; font-size: 16px; font-weight: 600; background: transparent; border: 3px solid #B73080; }
/* Circles */
section.lp_form .circles div { z-index: -4; }
section.lp_form .circles div:nth-child(1) { top: 30vh; left: 7vw; }
section.lp_form .circles div:nth-child(2) { top: 26vh; left: 12vw; }
section.lp_form .circles div:nth-child(3) { top: 41vh; left: 13vw; }
section.lp_form .circles div:nth-child(4) { top: 2vh; left: 16vw; }
section.lp_form .circles div:nth-child(5) { top: 5vh; left: 17vw; }
section.lp_form .circles div:nth-child(6) { top: 7vh; right: 21vw; }
section.lp_form .circles div:nth-child(7) { top: -2vh; right: 15vw; }
section.lp_form .circles div:nth-child(8) { top: 8vh; right: 12vw; }
section.lp_form .circles div:nth-child(9) { top: 40vh; right: 10vw; }
section.lp_form .circles div:nth-child(10) { top: 45vh; right: 4vw; }

@media screen and (max-width: 1199px) {
  section.lp_form { padding-bottom: 40px; }
  section.lp_form .form_second { margin-top: 50px; }
  section.lp_form .form_second .left_content { padding: 30px 15px 0 15px; border-right: none; border-image: url(https://cdn2.hubspot.net/hubfs/587844/Assets/dotted-line.svg) 0 0 2 0 / 0px 0px 2px 0px; border-bottom: 27.5px solid transparent; }
  section.lp_form .form_second .left_content:before { top: 103%; right: -36px; }
  section.lp_form .form_second .left_content:after { top: 103%; left: -36px; background: #84235C; }
  section.lp_form .form_second form input[type="email"],
  section.lp_form .form_second form input[type="text"] { margin: 0; }
  section.lp_form .form_second .right_content { padding: 0 15px 30px 15px; }
}

@media screen and (max-width: 576px ) {
  section.lp_form .form_first .img_container { min-height: 235px; }
  section.lp_form .form_first .img_container .img_bck_1,
  section.lp_form .form_first .img_container .img_bck_2,
  section.lp_form .form_first .img_container .img_bck_3 { height: 177px; }
  section.lp_form .form_first form div.actions { text-align: center; }
  section.lp_form .form_second { text-align: center; }
  section.lp_form .form_second .left_content h4 { font-size: 20px; }
  section.lp_form .form_second .left_content p { margin: 0; }
  section.lp_form .form_second form div.actions { text-align: center; }
  section.lp_form .circles div:nth-child(1),
  section.lp_form .circles div:nth-child(2),
  section.lp_form .circles div:nth-child(3),
  section.lp_form .circles div:nth-child(4),
  section.lp_form .circles div:nth-child(5),
  section.lp_form .circles div:nth-child(6),
  section.lp_form .circles div:nth-child(8),
  section.lp_form .circles div:nth-child(9),
  section.lp_form .circles div:nth-child(10) { opacity: 0; }
}
/*-----------------------------*/
/*-------Modals styles --------*/
/*-----------------------------*/
.modal__overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);display: flex;justify-content: center;align-items: center;}
.modal__container {background-color:#000; width:55%; height:auto; border-radius: 0px; overflow-y: scroll; box-sizing: border-box;  }
.modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; }
.modal__close { background:rgba(255, 255, 255, .7); border: 0; position:absolute; z-index:3; right:10px; top:10px; width:30px; height:30px; border-radius:50%; transition:all .2s ease-out; }
.modal__close:before { content: "\2715"; }
.modal__close:focus { outline:none; }
.modal__close:hover { cursor:pointer!important; transform:scale(1.1);  }
.modal__content {line-height: 1.5;color: rgba(0,0,0,.8); height:100%;}
.modal__content .video-section { height:100%; text-align:center; }
.modal__content .video-section video {  width:100%; height:100%; }
.modal__btn {font-size: .875rem; padding-left: 1rem;padding-right: 1rem;padding-top: .5rem;padding-bottom: .5rem;background-color: #e6e6e6;color: rgba(0,0,0,.8);border-radius: .25rem;border-style: none;border-width: 0;cursor: pointer;-webkit-appearance: button;text-transform: none;overflow: visible;line-height: 1.15;margin: 0;will-change: transform;-moz-osx-font-smoothing: grayscale;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateZ(0);transform: translateZ(0);transition: -webkit-transform .25s ease-out;transition: transform .25s ease-out;transition: transform .25s ease-out,-webkit-transform .25s ease-out;}
.modal__btn:focus, .modal__btn:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.modal__btn-primary {background-color: #00449e;color: #fff;}

/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; }}
@keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; }}
@keyframes mmslideIn {from { transform: translateY(15%); } to { transform: translateY(0); }}
@keyframes mmslideOut {from { transform: translateY(0); } to { transform: translateY(-10%); }}
.micromodal-slide {display: none;}
.micromodal-slide.is-open {display: block;}
.micromodal-slide[aria-hidden="false"] .modal__overlay {animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.micromodal-slide[aria-hidden="false"] .modal__container {animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);}
.micromodal-slide[aria-hidden="true"] .modal__overlay {animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);}
.micromodal-slide[aria-hidden="true"] .modal__container {animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {will-change: transform;}

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.hero-main .heading-container { padding: 0px 100px 0px 60px; }
  section.hero-main .solar-pic { text-align:center; margin-left:0px; margin-right:0px; }
  .modal__container { width:70%; }
}
@media screen and (max-width:992px) {
  section.hero-main .solar-pic { margin-left: -30px; margin-right: -30px; margin-top:-130px; }
}
@media screen and (max-width:768px) {
  section.hero-main .heading-container { padding: 0px 40px 0px 40px; }
  section.hero-main .heading-container h1 span { font-size:34px; }
}
@media screen and (max-width:576px) {
  section.hero-main { background-size:270%; background-position:8% 15%; padding:135px 0px 30px 0px; }
  section.hero-main .solar-pic { margin-left:-45px; margin-right:-45px; }
  section.hero-main .heading-container { padding: 0px 20px 0px 20px; }
  section.hero-main .heading-container h1 span { margin-bottom:10px; }
  section.hero-main .heading-container p { width:80%; margin-bottom:30px; font-size:16px; } 
  section.hero-main .heading-container .start-cta { font-size:16px; padding:15px 40px; }
}

/*****************************************/
/* Hero Open Sphere */
/*****************************************/

section.hero-open-sphere { position:relative; z-index:2; padding:250px 0px 0px 0px; background-image:url(https://www.exodata.fr/hubfs/2019_Files/line.svg); background-size:contain; background-repeat:no-repeat; background-position:50% 45%; overflow:hidden; }
section.hero-open-sphere .heading-container { padding-left:15px; }
section.hero-open-sphere .heading-container h1 { text-transform:uppercase; color:#370F27; font-size:60px; margin-bottom:30px; font-family:'neo-sans', sans-serif; }
section.hero-open-sphere .heading-container p { width:65%; margin-bottom:50px; font-size:22px; }
section.hero-open-sphere .heading-container .start-cta { font-size:26px; color:#fff; background:#B73080; padding:22px 52px; border-radius:42px; text-decoration:none;  }
/*-----Breadcrumbs section-----*/
section.hero-open-sphere ul {  margin-bottom: 40px;  margin-top: 0;  text-align: left; background:#0B0B0B; position:absolute; top:70px; z-index:5; padding:25px 40px 25px 130px; width:fit-content; }
section.hero-open-sphere ul li {  display: inline-block;}
section.hero-open-sphere ul li:last-child a {  color: #fff;  font-weight: 600;}
section.hero-open-sphere ul li:after {  content: '/';  font-weight: 700;  vertical-align: middle;  color: #B73080;  font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
section.hero-open-sphere ul li:last-child:after {  content: none;}
section.hero-open-sphere ul li:last-child a { text-decoration:underline; }
section.hero-open-sphere ul li a {  color: #fff;  font-size: 14px;  font-weight: 500;}
section.hero-open-sphere .active a, section.hero-open-sphere li.active:last-child a {  color: #fff;}
/*-----Left solar system pic style------*/
section.hero-open-sphere .solar-pic {   margin-left: -30px; margin-right: -40%; margin-top: -185px;  }
section.hero-open-sphere .bg-solar {  position: absolute; top: -11px; left: 34%; z-index: -1;  }
section.hero-open-sphere .bg-solar img { height:100%; width:100%; border-radius:50%; }

/*------Media queries-----*/

@media screen and (max-width:1200px) {
  section.hero-open-sphere .heading-container { padding: 0px 100px 0px 60px; }
  section.hero-open-sphere .solar-pic { text-align:center; margin-left:0px; margin-right:0px; }
}
@media screen and (max-width:992px) {
  section.hero-open-sphere .solar-pic { margin-left: -30px; margin-right: -30px; margin-top:-100px; }
}
@media screen and (max-width:768px) {
  section.hero-open-sphere .heading-container { padding: 0px 40px 0px 40px; }
  section.hero-open-sphere .heading-container h1 { font-size:34px; }
  section.hero-open-sphere ul { padding:25px 40px 25px 25px; }
  section.hero-open-sphere ul li a { font-size:11px; }
}
@media screen and (max-width:576px) {
  section.hero-open-sphere .solar-pic { margin-left:-45px; margin-right:-45px; }
  section.hero-open-sphere .heading-container p { width:80%; font-size:16px; }
  section.hero-open-sphere { background-size:270%; background-position:8% 40%; }
  section.hero-open-sphere .heading-container { padding: 0px 20px 0px 20px; }
}

/*****************************************/
/* Hor Accordion */
/*****************************************/

section.hor_accordion .section_heading .door { font-size:14px; text-transform:uppercase; }
section.hor_accordion .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; }

section.hor_accordion .main_container { background:#F7FAFF; margin-top:60px; padding-bottom:60px; }
section.hor_accordion .main_container .top_nav { padding:65px 0px;  }
section.hor_accordion .main_container .top_nav .slick-list .slick-track { display:flex; justify-content:space-between; align-items:center; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide { width:20%!important; text-align:center; }

/*Main color choice*/
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item { color:#B73080; border:2px solid #B73080; border-radius:40px; font-size:22px; transition:all .2s ease-out; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item:hover {  color:#fff; border:2px solid #B73080; background:#B73080;  cursor:pointer; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-current.top_nav_item {  color:#fff; border:2px solid #B73080; background:#B73080;  cursor:pointer; }

section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.purple { color:#B73080; border:2px solid #B73080; border-radius:40px; font-size:22px; transition:all .2s ease-out; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.purple:hover {  color:#fff; border:2px solid #B73080; background:#B73080;  cursor:pointer; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-current.top_nav_item.purple {  color:#fff; border:2px solid #B73080; background:#B73080;  cursor:pointer; }

section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.orange { color:#ff8900; border:2px solid #ff8900; border-radius:40px; font-size:22px; transition:all .2s ease-out; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.orange:hover {  color:#fff; border:2px solid #ff8900; background:#ff8900;  cursor:pointer; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-current.top_nav_item.orange {  color:#fff; border:2px solid #ff8900; background:#ff8900;  cursor:pointer; }

section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.green { color:rgb(128, 181, 48); border:2px solid rgb(128, 181, 48); border-radius:40px; font-size:22px; transition:all .2s ease-out; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.green:hover {  color:#fff; border:2px solid rgb(128, 181, 48); background:rgb(128, 181, 48);  cursor:pointer; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-current.top_nav_item.green {  color:#fff; border:2px solid rgb(128, 181, 48); background:rgb(128, 181, 48);  cursor:pointer; }

section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.blue { color:#3080b0; border:2px solid #3080b0; border-radius:40px; font-size:22px; transition:all .2s ease-out; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item.blue:hover {  color:#fff; border:2px solid #3080b0; background:#3080b0;  cursor:pointer; }
section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-current.top_nav_item.blue {  color:#fff; border:2px solid #3080b0; background:#3080b0;  cursor:pointer; }

section.hor_accordion .main_container .carousel_container { width:60%; margin:0 auto; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content { display:flex!important; align-items:center; justify-content:center; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .left_image { width:40%; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content { width:60%; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content h3 { color:rgb(128, 181, 48); font-family:neo-sans, sans-serif; font-size:32px; margin-bottom:15px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list { margin-left:30px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item { position:relative; margin-bottom:10px; }

section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.purple:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#B73080; left:-20px; top:6px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.purple:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#B73080; left:-23px; top:3px; opacity:.3; }

section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.orange:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#ff8900; left:-20px; top:6px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.orange:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#ff8900; left:-23px; top:3px; opacity:.3; }

section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.green:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:rgb(128, 181, 48); left:-20px; top:6px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.green:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:rgb(128, 181, 48); left:-23px; top:3px; opacity:.3; }

section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.blue:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#3080b0; left:-20px; top:6px; }
section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item.blue:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#3080b0; left:-23px; top:3px; opacity:.3; }

section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content .list_content ul.list li.list_item:last-child { margin-bottom:0px; }

/*----Media queries----*/
@media screen and (max-width:1200px) {
  section.hor_accordion .main_container .carousel_container { width:90%; }
  section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide { font-size:16px!important; }
}
@media screen and (max-width:992px) {
  section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide { width:20%!important; }
  section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide { font-size:14px!important; }
}
@media screen and (max-width:768px) {
  section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content { flex-direction:column; }
  section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .left_image { width:60%; }
  section.hor_accordion .main_container .carousel_container .slick-list .slick-track .slick-slide.carousel_content .right_content { width:90%; }
  section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide.top_nav_item { font-size:20px; }
}
@media screen and (max-width:576px) {
  section.hor_accordion .main_container .top_nav .slick-list .slick-track .slick-slide { width:inherit!important; margin:0px 8px; }
}

/*****************************************/
/* Icon Cards */
/*****************************************/

.i-cards__heading { text-align:center; width:70%; margin:0 auto; padding-bottom:70px; }
.i-cards__heading h2 { color:#B73080; font-size:42px; font-weight:600; font-family:neo-sans, sans-serif; }
.i-cards__heading p { font-size:20px; margin-top:10px; }

.i-cards__card-item { padding:0 30px; position:relative; z-index:1; }
.i-cards__card-item .circle-color { position:relative; display:flex; align-items:center; justify-content:center; background:#B73080; width:95px; height:95px; border-radius:50%; margin:0 auto; }
.i-cards__card-item .circle-color:before { position:absolute; content:""; height:22px; width:22px; background:#BBEA26; top:0px; right:0px; border-radius:50%; }
.i-cards__card-item .circle-color:after { position:absolute; content:""; height:30px; width:30px; background:#3080B0; bottom:0px; left:0px; border-radius:50%; z-index:-1; }
.i-cards__card-item .circle-color svg { fill:#fff; height:55px; width:auto; }
.i-cards__card-item .content { margin-top:30px; text-align:center; }
.i-cards__card-item .content h3 { color:#B73080; font-size:28px; font-weight:600; font-family:neo-sans, sans-serif; margin-bottom:15px; }
.i-cards__card-item .content .description p a,
.i-cards__card-item .content .description ul li a { color:#3080B0; text-decoration:underline; }
.i-cards__card-item .content .description ul li { text-align:left;position:relative; padding-left:30px; }
.i-cards__card-item .content .description ul li:before { content: ''; position: absolute; left: 4px; top: 10px; width: 8px; height: 8px; background:#B73080; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 2; }
.i-cards__card-item .content .description ul li:after { content: ''; position: absolute; left: 0px; top: 6px; width: 16px; height: 16px; opacity:.3; background:#B73080; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 1; }
.i-cards__card-item .content .description ul li:not(:last-child) { margin-bottom:10px; }

/*--------------------
* Media queries
* -------------------*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .i-cards__heading  { width:80%; }
  .i-cards__card-item { margin-bottom:30px; }
}
@media screen and (max-width:768px) {
  .i-cards__heading { width:100%; }
  .i-cards__card-item { margin-bottom:50px; padding:0px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Image Text Complex */
/*****************************************/

section.image_txt_complex { position:relative; padding:150px 0px; }
section.image_txt_complex .right_picture { position:absolute; right:0px; top:10%; right:-20px; text-align:right; }
section.image_txt_complex .right_picture img { width:90%; }
section.image_txt_complex .left_blue_circle { position:absolute; left:0px; width:130px; height:130px; background:#3080B0; border-radius:50%; top:150px; left:-65px;  }
section.image_txt_complex .green_circle { position:absolute; left:0px; width:40px; height:40px; background:#BBEA26; border-radius:50%; top:40px; left:76px;  }
section.image_txt_complex .purple_circle { position:absolute; left:0px; width:40px; height:40px; background:#B73080; border-radius:50%; bottom:13%; left:30%;  }
section.image_txt_complex .right_content { width:90%; }
section.image_txt_complex .right_content .top_text { text-transform:uppercase; font-size:16px; }
section.image_txt_complex .right_content h2 { font-family:neo-sans, sans-serif; font-size:42px; margin-bottom:20px; }
section.image_txt_complex .right_content .description { font-size:16px; width:70%; margin-bottom:40px; }

/*----Media queries----*/
@media screen and (max-width:1200px) {
  section.image_txt_complex .right_picture img { width:60%; }
}
@media screen and (max-width:992px) {
  section.image_txt_complex .right_content { margin-top:50px; }
  section.image_txt_complex .purple_circle { display:none; }
}
@media screen and (max-width:768px) {
  section.image_txt_complex { padding:50px; }
  section.image_txt_complex .right_picture { display:none; }
  section.image_txt_complex .left_blue_circle { top:80px; }
}
@media screen and (max-width:576px) {
  section.image_txt_complex .right_content h2 { font-size:30px; }
  section.image_txt_complex .right_content .description { width:100%; }
  section.image_txt_complex .left_blue_circle { left:-100px; }
}

/*****************************************/
/* Instagram Feed */
/*****************************************/

section.instagram-feed .section-heading h2 { text-align:left; text-transform: uppercase; font-size: 60px; margin-bottom: 15px; line-height:1.2; font-family:neo-sans, sans-serif; }
section.instagram-feed .insta-content ul { display: flex; list-style: none; margin: 0px; flex-flow: row wrap;  }
section.instagram-feed .insta-content ul li { display: flex; flex: 0 0 calc(25% - 40px); margin: 0px 20px 40px; }
section.instagram-feed .insta-content ul li a img { object-fit:cover; height:100%; width:100%; transition:all .2s ease-out;}
section.instagram-feed .insta-content ul li a img:hover { transform:scale(1.05); }

/*----Media queries----*/
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:768px) {
  section.instagram-feed .section-heading h2 { font-size:34px; }
}
@media screen and (max-width:576px) {
  section.instagram-feed .insta-content ul { flex-direction:column; }
}

/*****************************************/
/* Job Nav */
/*****************************************/

/*--Section style--*/
.nav_job { position:fixed; right:0px; top:140px; z-index:150; }

/*--Nav item rest style--*/
.nav_job .nav_item { background:#F7FAFF; border-radius: 5px 0px 0px 5px; box-shadow: 6px 6px 6px #00000029; width:175px; transform: translateX(135px); transition:all .2s ease-out; }
.nav_job .nav_item:not(:last-child) { margin-bottom:4px; }
.nav_job .nav_item a { display:flex; align-items:center; padding:20px 9px;  }
.nav_job .nav_item a .icon { margin-right:15px; }
.nav_job .nav_item a .icon svg { height:16px; width:auto; transition:all .3s ease-out; }
.nav_job .nav_item a .text { font-size:12px; text-transform:uppercase; text-decoration:underline; }

/*--Nav item colors style--*/
.nav_job .nav_item.orange a .icon svg { fill:#FF8900; }
.nav_job .nav_item.orange a .text { color:#FF8900; }

.nav_job .nav_item.blue a .icon svg { fill:#3080B0; }
.nav_job .nav_item.blue a .text { color:#3080B0; }

.nav_job .nav_item.green a .icon svg { fill:#7BB12A; }
.nav_job .nav_item.green a .text { color:#7BB12A; }

.nav_job .nav_item.purple a .icon svg { fill:#b73080; }
.nav_job .nav_item.purple a .text { color:#b73080; }

/*--Hover style--*/
.nav_job .nav_item:hover { transform:translateX(0px); }
.nav_job .nav_item:hover a .icon svg { transform:rotate(-20deg); }


/*-------------------------
* Media queries
* -------------------------*/
@media screen and (max-width:768px) {
  .nav_job { display:none; }
}

/*****************************************/
/* Know How */
/*****************************************/

section.know-how .logo-container { display:flex; flex-wrap:wrap; }
section.know-how .logo-container .logo-item { width:25%; min-width:115px; padding: 0px 30px; margin-bottom:30px; text-align:center; }
section.know-how .logo-container .logo-item .logo-content { height:100px; display:flex; justify-content:center; align-items:center; }
section.know-how .logo-container .logo-item .logo-content img { margin-bottom:15px; opacity:.7; transition:all .2s ease-out; max-height:80px; width:auto;}
section.know-how .logo-container .logo-item p { font-size:18px; font-weight:600; opacity:.7; transition:all .2s ease-out; }
section.know-how .logo-container .logo-item:hover img { opacity:1; }
section.know-how .logo-container .logo-item:hover p { opacity:1; }

/*-----Media queries----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.know-how .left-content { margin-bottom:50px; }
}
@media screen and (max-width:768px) {
  section.know-how .logo-container .logo-item { min-width:100px; }
}
@media screen and (max-width:576px) {
  section.know-how .logo-container .logo-item { padding:0px 15px; }
}

/*****************************************/
/* Logo Carousel */
/*****************************************/

section.carousel_logo_section .section_heading { text-align:center; }
section.carousel_logo_section .section_heading h2 { color:#B73080; font-weight:900; }

section.carousel_logo_section .logo_car { margin-top:30px; }
section.carousel_logo_section .logo_car .slick-track { display:flex; align-items:center; }
section.carousel_logo_section .logo_car .logo_client { padding:0px 30px; display:flex; align-items:center;  }
section.carousel_logo_section .logo_car .logo_client img { max-height:80px; width:auto; margin:0 auto; }

/*****************************************/
/* Media Text */
/*****************************************/

.media-text__content h2 { font-size:42px; font-weight:600; font-family:neo-sans, sans-serif; }
.media-text__content p.baseline { font-weight:300; font-size:28px; }
.media-text__content .cta { margin-top:30px; }
.media-text__image img { width:80%; }
.media-text__styled { position:relative; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:cover; width:500px; height:500px; border-radius:50%; }
.media-text__styled .bottom-circle { position:absolute; z-index:-1; bottom:18px; left:82px; width:60px; height:60px; border-radius:50%; background:#157C84; }
.media-text__styled .top-circle { position:absolute; top:18px; right:100px; width:38px; height:38px; border-radius:50%; background:#BBEA26; }

/*----------------
* Media queries
* ----------------*/
@media screen and (max-width:1200px) {
  .media-text__styled { width:400px; height:400px; }
  .media-text__styled .top-circle { right:70px; }
  .media-text__styled .bottom-circle { left:45px; }
}
@media screen and (max-width:992px) {
  .media-text__styled { width:350px; height:350px; }
  .media-text__styled .top-circle { right:50px; }
  .media-text__styled .bottom-circle { left:30px; }
}
@media screen and (max-width:768px) {
  .media-text__styled { margin-bottom:30px; }
  .media-text__image img { width:100%; }
}
@media screen and (max-width:576px) {
  .media-text__styled { width:250px; height:250px; }
  .media-text__styled .top-circle { right:20px; }
  .media-text__styled .bottom-circle { left:5px; }
}

/*****************************************/
/* Page Nav */
/*****************************************/

.page_nav_container { position:fixed; top:110px; left:0px; z-index:50; /*transform: translateX(-100%);*/ transition:all .2s ease-out; }

.page_nav { max-width:110px; }

.page_nav .top_icon { margin-left:3px; margin-bottom:20px; }
.page_nav .top_icon svg { width:auto; height:16px; }

.page_nav a { display:flex; align-items:center; transition:all .2s ease-out; position:relative;  }
.page_nav a:not(:last-child) { margin-bottom:30px; }
.page_nav a .marker { width:9%; min-width:20px; height:4px; margin-right:8px; opacity:.2; }
.page_nav a:hover .marker { height:12px; }
.page_nav a .text { position:absolute; right:-30px; font-size:14px; line-height:1; width:91%; opacity:0; transition:all .2s ease-out; }
.page_nav a:hover .text { opacity:1; }

.page_nav a.active .text { opacity:1; }
.page_nav a.active .marker { opacity:1; height:12px; }

/*---Color manage----*/
/*Purple*/
.page_nav.purple .top_icon svg { fill:#B73080; }
.page_nav.purple a:hover { color:#B73080; }
.page_nav.purple a .marker { background:#616161;  }
.page_nav.purple a .text { color:#B73080; }
.page_nav.purple a.active .marker { background:#B73080; }

/*Orange*/
.page_nav.orange .top_icon svg { fill:#ff8900; }
.page_nav.orange a:hover { color:#ff8900; }
.page_nav.orange a .marker { background:#616161;  }
.page_nav.orange a .text { color:#ff8900; }
.page_nav.orange a.active .marker { background:#ff8900; }

/*Green*/
.page_nav.green .top_icon svg { fill:rgb(128, 181, 48); }
.page_nav.green a:hover { color:rgb(128, 181, 48); }
.page_nav.green a .marker { background:#616161;  }
.page_nav.green a .text { color:rgb(128, 181, 48); }
.page_nav.green a.active .marker { background:rgb(128, 181, 48); }

/*Blue*/
.page_nav.blue .top_icon svg { fill:rgb(48, 128, 176); }
.page_nav.blue a:hover { color:rgb(48, 128, 176); }
.page_nav.blue a .marker { background:#616161;  }
.page_nav.blue a .text { color:rgb(48, 128, 176); }
.page_nav.blue a.active .marker { background:rgb(48, 128, 176); }


/*----Media queries----*/
@media screen and (max-width:992px) {
  .page_nav { display:none; }
}

/*****************************************/
/* Post Sticky CTA */
/*****************************************/

.sticky_cta_post { margin-top:80px; }
.content-nav-sticky { position: fixed; top: 80px; right: 0px; width: 32%; }


/*---
* CTA General style
* ---*/
.sticky_cta_post a.sticky_link { display:block; text-align:center; padding:20px 30px 30px 30px; }
.sticky_cta_post a.sticky_link .img_container { width:fit-content; margin:0 auto; position:relative; }
.sticky_cta_post a.sticky_link .img_container:before { position:absolute; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/Orbit-1.svg); left: calc(50% - 169px); z-index:1; top:-135px;  }
.sticky_cta_post a.sticky_link .img_container:after { position:absolute; content:""; width:30px; height:30px; border-radius:50%; bottom:10px; right:5px; z-index:3;  }
.sticky_cta_post a.sticky_link img { height:150px; width:auto; margin-top:-90px; position:relative;  z-index:2;  }

.sticky_cta_post a.sticky_link h3, 
.sticky_cta_post a.sticky_link .description p { color:#fff; }
.sticky_cta_post a.sticky_link h3 { margin-top:10px; font-size:20px; }
.sticky_cta_post a.sticky_link .description p { font-size:14px; }

.sticky_cta_post a.sticky_link .bottom_btn { width:fit-content; margin:0 auto; color:#fff; font-size:16px; font-weight:600; padding:6px 37px; }

/*---
* CTA Color choices
* ---*/
/*-Purple Dark-*/
.sticky_cta_post a.sticky_link.p-dark { background:#370F27; }
.sticky_cta_post a.sticky_link.p-dark .img_container:before { }
.sticky_cta_post a.sticky_link.p-dark .img_container:after { background:#BBEA26;  }
.sticky_cta_post a.sticky_link.p-dark .bottom_btn { border:3px solid #B73080; border-radius:42px; transition:all .2s ease-out; }
.sticky_cta_post a.sticky_link.p-dark:hover .bottom_btn { background:#B73080; }

/*-Purple Light-*/
.sticky_cta_post a.sticky_link.p-light { background:#B73080; }
.sticky_cta_post a.sticky_link.p-light .img_container:before { }
.sticky_cta_post a.sticky_link.p-light .img_container:after { background:#BBEA26;  }
.sticky_cta_post a.sticky_link.p-light .bottom_btn { border:3px solid #fff; border-radius:42px; transition:all .2s ease-out;  }
.sticky_cta_post a.sticky_link.p-light:hover .bottom_btn { background:#fff; color:#B73080; }

/*-Dark-*/
.sticky_cta_post a.sticky_link.dark { background:#0B0B0B; }
.sticky_cta_post a.sticky_link.dark .img_container:before { }
.sticky_cta_post a.sticky_link.dark .img_container:after { background:#FF8900;  }
.sticky_cta_post a.sticky_link.dark .bottom_btn { border:3px solid #B73080; border-radius:42px; transition:all .2s ease-out;  }
.sticky_cta_post a.sticky_link.dark:hover .bottom_btn { background:#B73080; }


/*---------------
* Media queries
* ---------------*/
@media screen and (max-width:1200px) {
  .sticky_cta_post { padding-left:0px; margin-top:100px; }
}
@media screen and (max-width:992px) {
  .sticky_cta_post a.sticky_link .img_container:before { display:none; }
}
@media screen and (max-width:768px) {
  .content-nav-sticky { position:relative; width:100%; top:0px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Project CTA */
/*****************************************/

section.project-cta { padding:50px 0px; position:relative; }
section.project-cta .cta-container { background:#141313; display:flex; align-items:flex-end; justify-content:space-between; padding:30px 0px; }
section.project-cta .cta-container .left-content { padding:90px 30px 90px 60px; width:50%; height:100%; }
section.project-cta .cta-container .right-content { padding:90px 100px 90px 0px; width:50%; height:100%; }

/*----Left content style---*/
section.project-cta .cta-container .left-content h2 { color:#fff; font-size:42px; margin-bottom:40px; font-weight:600; }
section.project-cta .cta-container .left-content p { color:#fff; font-size:20px; margin-bottom:80px; width:80%;  }


/*----Right content style---*/
section.project-cta .cta-container .right-content p { color:#fff; font-size:28px; font-weight:600; }
section.project-cta .cta-container .right-content .clocks-container { margin-top:20px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
section.project-cta .cta-container .right-content .clocks-container .clock-item { width:115px; }
section.project-cta .cta-container .right-content .clocks-container .clock-item .bg-clock { background-size:90%; background-position:center; background-repeat:no-repeat; height:130px; display:flex; align-items:center; justify-content:center; }
section.project-cta .cta-container .right-content .clocks-container .clock-item .bg-clock p { margin-top:15px; font-size:14px; color:#BBEA26; text-align:center; }
section.project-cta .cta-container .right-content .clocks-container .clock-item p.country { font-size:16px; text-align:center; margin-bottom:0;}

/*----Color circle style---*/
section.project-cta .green-circle { position:absolute; bottom:0px; right:20px; width:90px; height:90px; border-radius:50%; background:#BBEA26;   }
section.project-cta .grey-circle { position:absolute; bottom:80px; right:120px; background:#F7FAFF; width:27px; height:27px; border-radius:50%;   }


/*------Media queries-----*/

@media screen and (max-width:1200px) {
  section.project-cta .cta-container .left-content,
  section.project-cta .cta-container .right-content { padding:45px; }
  section.project-cta .cta-container .left-content .quotation-cta { font-size:22px; padding:15px 25px; }
}
@media screen and (max-width:992px) {
  section.project-cta .cta-container { flex-direction:column; }
  section.project-cta .cta-container .left-content,
  section.project-cta .cta-container .right-content { width:100%; }
  section.project-cta .cta-container .right-content .clocks-container { margin-bottom:40px; }
  section.project-cta .green-circle { display:none; }
  section.project-cta .grey-circle { display:none; }
}
@media screen and (max-width:768px) {
  section.project-cta .cta-container .right-content .clocks-container .clock-item { margin-bottom:20px; }
}
@media screen and (max-width:576px) {
  section.project-cta .cta-container .left-content,
  section.project-cta .cta-container .right-content { padding:45px 30px; }
  section.project-cta .cta-container .left-content .quotation-cta { font-size:16px; padding:15px 15px; }
  section.project-cta .cta-container .left-content h2 { margin-bottom:20px; }
  section.project-cta .cta-container .left-content p { font-size:16px; margin-bottom:35px; width:95%; }
  section.project-cta .cta-container .right-content p { width:95%; }
  section.project-cta .cta-container .right-content .clocks-container { justify-content:space-around; }
  section.project-cta .cta-container .right-content .clocks-container .clock-item { width:140px; }

}

/*****************************************/
/* Ressources Cards */
/*****************************************/

section.ressources_cards { position:relative; }
/*---Row top text---*/
section.ressources_cards .top_text { margin-bottom:30px; display:flex; align-items:center; }
section.ressources_cards .top_text .text1 { font-weight:300; font-size:14px; margin-right:5px; }
section.ressources_cards .top_text .text2 { font-weight:300; font-size:14px; margin-left:5px; text-transform:uppercase; }
section.ressources_cards .top_text .dotted { flex:0 0 50%; height:3px; background-image: linear-gradient(to right, #B73080 33%, rgba(255,255,255,0) 0%); background-position: center; background-size: 7px 2px; background-repeat: repeat-x; }

/*---Row heading---*/
section.ressources_cards .section_heading { margin-bottom:50px; }
section.ressources_cards .section_heading h2 { font-size:42px; font-family:neo-sans, sans-serif; }

/*---Row Ressources list---*/
section.ressources_cards .ressources_list { position:relative; z-index:5; }
section.ressources_cards .ressources_list a.main_link { text-decoration:none; }
section.ressources_cards .ressources_list a.main_link .ressource_item { background:#F7FAFF; margin-bottom:55px; padding:0px 50px 20px 50px; transition:all .2s ease-out; }
section.ressources_cards .ressources_list a.main_link .ressource_item .top_img,
section.ressources_cards .ressources_list a.main_link .ressource_item .card_title, 
section.ressources_cards .ressources_list a.main_link .ressource_item .link_item { text-align:center; }
section.ressources_cards .ressources_list a.main_link .ressource_item .top_img {  position:relative; padding-bottom:25px; margin-bottom:25px; background-image: linear-gradient(to right, #B73080 33%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 7px 2px; background-repeat: repeat-x; }
section.ressources_cards .ressources_list a.main_link .ressource_item .top_img:before { position:absolute; content:""; background:#fff; border-radius:50%; width:30px; height:30px; bottom:-15px; left:-65px; }
section.ressources_cards .ressources_list a.main_link .ressource_item .top_img:after { position:absolute; content:""; background:#fff; border-radius:50%; width:30px; height:30px; bottom:-15px; right:-65px; }
section.ressources_cards .ressources_list a.main_link .ressource_item .top_img img { margin-top:-30px; max-height:175px; width:auto; transition:all .2s ease-out; }
section.ressources_cards .ressources_list a.main_link .ressource_item .card_title { margin-bottom:20px; }
section.ressources_cards .ressources_list a.main_link .ressource_item .card_title h3 { color:#370F27; line-height:1.5; font-size:20px; font-family:neo-sans, sans-serif; }
section.ressources_cards .ressources_list a.main_link .ressource_item .link_item { color:#B73080; border:3px solid #B73080; border-radius:42px; padding:4px 0px; width:90%; margin:0 auto; transition:all .2s ease-out; }
/*Hover card style*/
section.ressources_cards .ressources_list a.main_link:hover .ressource_item { transform:translateY(-3px); box-shadow: 2px 2px 8px #00000029;}
section.ressources_cards .ressources_list a.main_link:hover .ressource_item .top_img img { transform:translateY(-6px); }
section.ressources_cards .ressources_list a.main_link:hover .ressource_item .link_item { color:#fff; background:#B73080; }

/*---Circles color background---*/
section.ressources_cards .small_blue { position:absolute; left:30px; top:180px; background:#3080B0; width:12px; height:12px; border-radius:50%;  }
section.ressources_cards .large_green { position:absolute; left:50px; top:207px; background:#BBEA26; width:30px; height:30px; border-radius:50%; }
section.ressources_cards .medium_purple { position:absolute; left:38px; top:255px; background:#84235C; width:18px; height:18px; border-radius:50%; }
section.ressources_cards .large_green2 {  position:absolute; left:324px; bottom:380px; background:#BBEA26; width:40px; height:40px; border-radius:50%; }
section.ressources_cards .small_blue2 { position:absolute; left:260px; bottom:224px; background:#3080B0; width:12px; height:12px; border-radius:50%;  }
section.ressources_cards .small_blue3 { position:absolute; right:52px; top:358px; background:#3080B0; width:12px; height:12px; border-radius:50%;  }
section.ressources_cards .large_orange {  position:absolute; right:100px; top:400px; background:#FF8900; width:40px; height:40px; border-radius:50%; }
section.ressources_cards .small_green2 { position:absolute; right:30px; top:500px; background:#BBEA26; width:19px; height:19px; border-radius:50%; }

/*---------------
* MEDIA QUERIES
* ---------------*/
@media screen and (max-width:1200px) {

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

}
@media screen and (max-width:768px) {
  section.ressources_cards .top_text { flex-direction:column; align-items:center; justify-content:center; }
  section.ressources_cards .top_text .text1,
  section.ressources_cards .top_text .text2 { margin:0; }
  section.ressources_cards .top_text .dotted { width:50%; }
  section.ressources_cards .section_heading { text-align:center; }
  section.ressources_cards .ressources_list a.main_link .ressource_item .link_item { padding:12px 0px; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Services */
/*****************************************/

section.main-services { padding:90px 0px; }
/*-----Heading style-----*/
section.main-services .services-heading { background:#141313; position:relative; display:flex; padding:75px 90px 115px 150px; }
section.main-services .services-heading h2, section.main-services .services-heading p { color:#fff; }
section.main-services .services-heading h2 { font-weight:600; margin-right:25px; text-transform:capitalize; }
section.main-services .services-heading p { line-height:1.8; font-weight:400; }

/*----Color circle style-----*/
section.main-services .services-heading .green-circle { position:absolute; bottom:-60px; right:20px; width:90px; height:90px; border-radius:50%; background:#BBEA26; }
section.main-services .services-heading .grey-circle { position:absolute; bottom:20px; right:120px; background:#F7FAFF; width:27px; height:27px; border-radius:50%;  } 

/*-----Services card style-----*/
section.main-services .services-container { height:auto; margin-top:-50px; display:flex; flex-wrap:wrap; }
section.main-services .services-container .service-item { background:transparent; width:46%; margin:15px; padding:0px 88px 88px 88px; transition:all .1s ease-out; }
section.main-services .services-container .service-item .top-img { text-align:center; }
section.main-services .services-container .service-item .top-img img { width:70%; margin-top:-40px; transition:all .2s ease-out; } 
section.main-services .services-container .service-item h3 { color:#370F27; font-size:34px; margin-bottom:20px; }
section.main-services .services-container .service-item p { margin-bottom:40px; font-size:16px; color:#370F27; }
section.main-services .services-container .service-item a {  color:#B73080; font-size:20px; text-transform:capitalize; font-weight:500; opacity:0; margin-left:-10px; transition:all .1s ease-out; }
section.main-services .services-container .service-item a i { padding-right:10px; text-decoration:none; color:#B73080; }
/*-----Hover card style-----*/
section.main-services .services-container .service-item:hover { transform:translateY(-20px); background:#F7FAFF; box-shadow: 6px 6px 6px rgba(97, 97, 97, .16); }
section.main-services .services-container .service-item:hover a { margin-left:0px; opacity:1;  }

/*------Media queries-----*/
@media screen and (max-width:992px) {
  section.main-services .services-heading { padding:90px 90px 140px 90px; }
  section.main-services .services-container .service-item { padding: 0px 50px 88px 50px; }
  section.main-services .services-heading .green-circle { display:none; }
  section.main-services .services-heading .grey-circle { display:none;  }
}
@media screen and (max-width:768px) {
  section.main-services .services-container .service-item { width:85%; margin:20px auto; }
  section.main-services .services-heading { display:block; padding:35px 30px 75px 30px; }
  section.main-services .services-container .service-item a { opacity:1; margin-left:0px; }
}
@media screen and (max-width:576px) {
  section.main-services { padding:45px 0px; }
  section.main-services .services-container .service-item { padding:0px 10px 25px 10px; }
  section.main-services .services-container .service-item .top-img { height:150px; }
  section.main-services .services-container .service-item .top-img img { max-height:200px; width:auto; }
  section.main-services .services-container .service-item p { margin-bottom:15px; }
}

/*****************************************/
/* Services 2 */
/*****************************************/

section.services-bis { padding:90px 0px; overflow:hidden; }
/*-----Heading style-----*/
section.services-bis .services-heading { background:#141313; position:relative; display:flex; padding:80px 35% 100px 150px; }
section.services-bis .services-heading h2, section.services-bis .services-heading p { color:#fff; }
section.services-bis .services-heading h2 { font-weight:600; margin-right:25px; max-width:30%; }
section.services-bis .services-heading p { line-height:1.8; font-weight:400; }
/*----Color circle style-----*/
section.services-bis .services-heading .green-circle { position:absolute; bottom:-60px; right:20px; width:90px; height:90px; border-radius:50%; background:#BBEA26; }
section.services-bis .services-heading .grey-circle { position:absolute; bottom:20px; right:120px; background:#F7FAFF; width:27px; height:27px; border-radius:50%;  } 
/*-----Services card style-----*/
section.services-bis .services-container { height:auto; margin-top:-50px; display:flex; flex-wrap:wrap; justify-content:center; }
section.services-bis .services-container .service-item { position:relative; background:transparent; width:30%; margin:10px 10px 45px 10px; padding:0px 40px 88px 40px; transition:all .1s ease-out; min-height:465px; }
section.services-bis .services-container .service-item .top-img { text-align:center; height:200px; }
section.services-bis .services-container .service-item .top-img img { max-height:200px; width:auto; margin-top:-40px; transition:all .2s ease-out; } 
section.services-bis .services-container .service-item h3 { color:#3080B0; font-size:34px; margin-bottom:50px; }
section.services-bis .services-container .service-item .content { margin-bottom:50px; height:calc(100% - 150px); }
section.services-bis .services-container .service-item .content p { margin-bottom:8px; }
section.services-bis .services-container .service-item p { margin-bottom:40px; font-size:16px; color:#370F27; }
section.services-bis .services-container .service-item p a { padding:0; font-size:16px; text-decoration:underline; text-transform:initial; color:#370f27; font-weight:600; }
section.services-bis .services-container .service-item a.card-cta {  position:absolute; bottom:45px; left:40px; color:#3080B0; font-size:20px; text-transform:capitalize; font-weight:500; transition:all .1s ease-out; border: 3px solid #3080B0; padding:7px 45px; border-radius:42px;  transition: all .3s ease-out;}
section.services-bis .services-container .service-item a.card-cta:hover { color:#fff; border: 3px solid #3080B0; background:#3080B0; text-decoration:underline;  }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.services-bis .services-container .service-item { width:40%; }
}
@media screen and (max-width:992px) {
  section.services-bis .services-heading { padding:80px 25% 100px 60px; }
  section.services-bis .services-heading h2 { margin-bottom:20px; max-width:40%; }
  section.services-bis .services-container .service-item { padding: 0px 50px 88px 50px; }
  section.services-bis .services-heading .green-circle { display:none; }
  section.services-bis .services-heading .grey-circle { display:none;  }
}
@media screen and (max-width:768px) {
  section.services-bis .services-container { flex-direction:column; align-items:center; }
  section.services-bis .services-container .service-item { width:70%; padding:0px 30px 30px 30px; }
  section.services-bis .services-container .service-item .top-img { height:180px; }
  section.services-bis .services-container .service-item h3 { font-size:28px; margin-bottom:25px; }
  section.services-bis .services-container .service-item a { font-size:16px; padding:7px 25px; }
  section.services-bis .services-heading { display:block; padding:45px 30px 120px 30px; }
}
@media screen and (max-width:576px) {
  section.services-bis { padding:45px 0px; }
  section.services-bis .services-container .service-item { width:85%; }
  section.services-bis .services-container .service-item a { left:30px; }
}

/*****************************************/
/* Services Desk */
/*****************************************/

/*------Content col-----*/
.services-desk { background-size:70%; background-position:bottom right; background-repeat:no-repeat; }
.services-desk .content-col h2 {  color:#B73080; font-size:60px; font-weight:500; font-family:neo-sans, sans-serif; letter-spacing:-2px; }
.services-desk .content-col .baseline { color:#0B0B0B; font-size:42px; text-transform:uppercase; font-family:neo-sans, sans-serif; font-weight:500; }
.services-desk .content-col .description { margin-top:20px; margin-bottom:70px; width:70%; }
.services-desk .content-col .conv-encart .heading { width:50%; text-transform:uppercase; margin-bottom:20px; }
.services-desk .content-col .conv-encart .cta-list span:not(:last-child) { margin-right:5px; }
.services-desk .content-col .conv-encart .cta-list span a { margin-bottom:10px; }

/*------Svgs col-----*/
.services-desk .spacing { padding-left:30px; padding-right:30px; width:100%;}
.services-desk .svgs-col { position:relative; }
.services-desk .svgs-col  img { width:100%; }

.services-desk .svgs-col .colored-svg { position:absolute; top:0; left:0; right:0; bottom:0; opacity:1; transition:all .2s ease-out; }
.services-desk .svgs-col .colored-svg.not-show { opacity:0; }

.services-desk .svgs-col .test-desk { position:absolute; text-align:center; color:#0B0B0B; font-weight:600;font-size:14px; }
.services-desk .svgs-col .test-desk:hover { cursor:default; }
.services-desk .svgs-col .test-desk.reunion { bottom:-40px; left:46%; z-index:20; }
.services-desk .svgs-col .test-desk.martinique { left:-120px; top:40%; z-index:20; }
.services-desk .svgs-col .test-desk.caledonie { right:-120px; top:40%; z-index:20; }

.services-desk .svgs-col .abs-svg { position:absolute; top:0px; bottom:0px; right:0px; left:0px;  }
.services-desk .svgs-col .abs-svg img { opacity:0; width:100%; transition:all .2s ease-out; width:100%; }
.services-desk .svgs-col .abs-svg img.displayed { opacity:1; }



/*---------------------------
* Media queries
* -------------------------*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .services-desk .spacing { padding-left:120px; padding-right:120px; }
  .services-desk .content-col { margin-bottom:40px; }
}
@media screen and (max-width:768px) {
  .services-desk { padding:90px 20px; }
  .services-desk .content-col .description { width:100%; }
  .services-desk .svgs-col .test-desk.caledonie { top:10%; }
  .services-desk .content-col .conv-encart .heading { width:100%; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Services Schedules */
/*****************************************/

section.schedules-services { padding:10px 0px 45px 0px; background-size:80%; background-position:center; background-repeat:no-repeat; }
/*-------Schedules styles--------*/
section.schedules-services .local-time-container { display:flex; margin-bottom:150px; }
section.schedules-services .local-time-container .time-item { background-size:95%; background-position:center; background-repeat:no-repeat; width:280px; height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
section.schedules-services .local-time-container .time-item p { margin:0; text-align:center; }
section.schedules-services .local-time-container .time-item p.time-now { color:#3080B0; font-size:25px; font-weight:700;  }
/*-------Content styles--------*/
section.schedules-services .content-container h2 { text-transform:uppercase; font-size:60px; color:#B73080; margin-bottom:15px;  }
section.schedules-services .content-container p { font-size:28px; margin-bottom:60px; }
section.schedules-services .content-container .schedules-cta { background:transparent; color:#B73080; border:1px solid #B73080; padding:22px 52px; border-radius:42px; text-decoration:none; font-size:26px;  }

/*-----Media queries-----*/
@media screen and (max-width:1200px) {
  section.schedules-services .local-time-container { margin-bottom:100px; }
}
@media screen and (max-width:992px) {
  section.schedules-services .local-time-container { flex-wrap:wrap; justify-content:flex-end;  }
  section.schedules-services .local-time-container .time-item { width:215px; height:215px; }
}
@media screen and (max-width:768px) {
  section.schedules-services { background-size:100%; }
  section.schedules-services .content-container { padding:0px 30px; }
  section.schedules-services .local-time-container { justify-content:center;  }
  section.schedules-services .local-time-container .time-item { width:180px; height:180px; }
}
@media screen and (max-width:576px) {
  section.schedules-services { background-position:50% 17%; }
  section.schedules-services .local-time-container { justify-content:space-around; margin-bottom:25px; }
  section.schedules-services .content-container p { font-size:16px; margin-bottom:35px; }
  section.schedules-services .local-time-container .time-item { width:160px; height:160px; }
  section.schedules-services .content-container .schedules-cta { padding:15px 30px; font-size:18px; }


}

/*****************************************/
/* Similar Blog Posts */
/*****************************************/

section.similar_posts .section-heading { text-align:left; }
section.similar_posts .section-heading h2 { color:#3080B0; font-size:34px; }
section.similar_posts .main-wrapper_list { max-width:85%; margin:0 auto; }

section.similar_posts .main-wrapper_list .content span { display:flex; }
section.similar_posts .main-wrapper_list .content .similar_list  { width:50%; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item { margin:15px; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item .top_img { height:425px; background-repeat:no-repeat; background-size:cover; background-position:center;  }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item h3 { margin-top:33px; margin-bottom:10px; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item h3 a { font-family: neo-sans, sans-serif; font-size:38px; color:#0B0B0B; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item .meta li { display: inline-block; font-size: 18px; color:#141313; margin-right:15px; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item .meta li i{ margin-right:5px; color:#141313; display:inline-block; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item .meta li a { color:#141313; }
section.similar_posts .main-wrapper_list .content .similar_list .similar_item .meta li span { display:inline-block; }



/*------Media queries-----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.similar_posts .main-wrapper_list { max-width:100%; }
  section.similar_posts .main-wrapper_list .content .similar_list .similar_item .top_img { height:370px; }
}
@media screen and (max-width:768px) {
  section.similar_posts .main-wrapper_list .content span { flex-direction:column; }
  section.similar_posts .main-wrapper_list .content .similar_list .similar_item { margin-bottom:20px; }
  section.similar_posts .main-wrapper_list .content .similar_list .similar_item .top_img { height:350px; }
  section.similar_posts .main-wrapper_list .content .similar_list .similar_item .meta  { font-size:16px; }
  section.similar_posts .main-wrapper_list .content .similar_list  { width:100%; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Simple Tabs */
/*****************************************/

section.simple_tabs .section_heading .door { font-size:14px; text-transform:uppercase; }
section.simple_tabs .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; }
/*---
* Main tabs
* ---*/
section.simple_tabs .tabs_container { margin-top:80px; box-shadow: 6px 6px 6px #00000029; }
section.simple_tabs .tabs_container .main_tab { display: -webkit-flex; display: flex; }
/*---
* Left nav
* ---*/
section.simple_tabs .tabs_container .main_tab ul.left_nav { background:#0b0b0b; padding:180px 50px 110px 50px; width:30%; margin-bottom:0px; position:relative; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li  { margin-bottom:23px; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li:last-child { margin-bottom:0px; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li a { color: #fff; font-size: 20px; transition: all .2s ease-out; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li a:hover { font-weight:700; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li i { display:none; transition:all .2s ease-out; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li img {  display:none;  max-width:230px; height:auto; position: absolute; top:-70px; left:calc(50% - 115px);}
section.simple_tabs .tabs_container .main_tab ul.left_nav li.ui-tabs-active { font-weight:700; text-decoration:underline; padding-left:0px; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li.ui-tabs-active i { display:inline-block; color:#BBEA26; margin-right:10px; font-size:14px; }
section.simple_tabs .tabs_container .main_tab ul.left_nav li.ui-tabs-active img { display:block; }
/*---
* Tabs content
* ---*/
section.simple_tabs .tabs_container .main_tab .tabs_content { background:#f7faff; width:70%; padding:60px 130px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .top_text { font-size:20px; color:#616161; text-transform:uppercase; }
section.simple_tabs .tabs_container .main_tab .tabs_content h3 {  font-size:32px; font-family:neo-sans, sans-serif; margin-bottom:20px}
section.simple_tabs .tabs_container .main_tab .tabs_content .description { font-size:16px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item { margin-top:20px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list { display:flex; flex-wrap:wrap; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li { position:relative; display:block; flex:0 0 50%; margin-bottom:10px; padding-left:25px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li a { color:#212529; font-weight:600; text-decoration:underline; }
section.simple_tabs .tabs_container .main_tab .tabs_content .bottom_cta { text-align:right; margin-top:50px; }
/*----
* Color dots choice
* ----*/
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.purple:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#B73080; left:3px; top:6px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.purple:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#B73080; left:0px; top:3px; opacity:.3; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.green:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#bbea26; left:3px; top:6px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.green:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#bbea26; left:0px; top:3px; opacity:.3; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.orange:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#ff8900; left:3px; top:6px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.orange:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#ff8900; left:0px; top:3px; opacity:.3; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.blue:before { position:absolute; content:""; width:10px; border-radius:50%; height:10px; background:#3080b0; left:3px; top:6px; }
section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li.blue:after { position:absolute; content:""; width:16px; border-radius:50%; height:16px; background:#3080b0; left:0px; top:3px; opacity:.3; }
/*----
* Decoration
* ----*/
section.simple_tabs .tabs_container .main_tab ul.left_nav:before { content:""; position:absolute; background:#fff; width:50px; height:50px; border-radius:50%; top:-25px; right:-25px; }
section.simple_tabs .tabs_container .main_tab ul.left_nav:after { content:""; position:absolute; background:#fff; width:50px; height:50px; border-radius:50%; bottom:-25px; right:-25px; }

/*----
* Media queries
* ----*/
@media screen and (max-width:1200px) {
  section.simple_tabs .tabs_container .main_tab ul.left_nav  { padding:140px 30px 110px 30px; width:40%; }
  section.simple_tabs .tabs_container .main_tab ul.left_nav li a { font-size:18px; }  
  section.simple_tabs .tabs_container .main_tab .tabs_content { width:60%; padding:60px 50px; }
  section.simple_tabs .cta_dowload_purple { font-size:18px; }
}
@media screen and (max-width:992px) {
  section.double_tabs .cta_dowload_purple { padding:8px 40px; }
}
@media screen and (max-width:768px) {
  section.simple_tabs { padding:25px; }
  section.simple_tabs .tabs_container .main_tab { flex-direction:column; }
  section.simple_tabs .tabs_container .main_tab ul.left_nav { width:100%;  padding:150px 30px 40px 30px;}
  section.simple_tabs .tabs_container .main_tab ul.left_nav li img { left:calc(50% - 160px); }
  section.simple_tabs .tabs_container .main_tab .tabs_content { width:100%; }
  section.simple_tabs .tabs_container .main_tab ul.left_nav:before { left:-25px; bottom:-25px; top:initial; }
  section.simple_tabs .tabs_container .main_tab .tabs_content .list_item ul.sub_list li { display:block; }
}
@media screen and (max-width:576px) {
  section.simple_tabs .tabs_container .main_tab .tabs_content { padding:60px 20px; }
  section.simple_tabs .tabs_container .main_tab ul.left_nav { padding:130px 30px 40px 30px; }
  section.simple_tabs .tabs_container .main_tab ul.left_nav li img {width: 200px;left: calc(50% - 100px);}
  section.simple_tabs .tabs_container .main_tab .tabs_content .bottom_cta { text-align:center; }
  section.simple_tabs .cta_dowload_purple { padding:8px 20px; }
}

/*****************************************/
/* Parallax Sticky Sun */
/*****************************************/

section.sticky-parallax-sun { height:120vh; width:100%; position:fixed; bottom:0; left:0; top:280px; z-index:-1; overflow:visible; padding-bottom:0; padding-top:0px; }
section.sticky-parallax-sun .img-container { height:100%; width:100%; opacity:.08; display:flex; align-items:flex-end; }
section.sticky-parallax-sun .img-container img { width:150%; }

/*****************************************/
/* Testimonials */
/*****************************************/

section.testimonials {  padding:100px 0px; overflow:hidden; }

/*-----Heading container style------*/
section.testimonials .heading-container h2 { text-transform:uppercase; font-size:42px; }

/*-----Testimonials container style------*/
section.testimonials .testimonials-container .testimonial-item { position:relative; background:#F7FAFF; display:flex; padding:50px 0px 50px 0px; margin-bottom:20px;  }
section.testimonials .testimonials-container .testimonial-item .client-pic { position:absolute; left:0%; top:calc(50% - 90px); text-align:center; background-size:100%; background-repeat:no-repeat; background-position:center; width:30%;  display:flex; justify-content:center; align-items:center; }
section.testimonials .testimonials-container .testimonial-item .client-pic img { width:60%; border-radius:50%; margin:0 auto; }
section.testimonials .testimonials-container .testimonial-item .client-pic .purple-circle { position:absolute; width:35px; height:35px; border-radius:50%;  background:#B73080; }
section.testimonials .testimonials-container .testimonial-item .detail { padding:0px 100px 0px 30%; }
section.testimonials .testimonials-container .testimonial-item .detail h3 { font-size:42px; }
section.testimonials .testimonials-container .testimonial-item .detail p.position { color:#3080B0; font-size:20px; }
section.testimonials .testimonials-container .testimonial-item .detail p { font-size:20px; }
section.testimonials .testimonials-container .testimonial-item .detail a {  color:#B73080; font-size:20px; text-transform:capitalize; font-weight:500; }
section.testimonials .testimonials-container .testimonial-item .detail a i { padding-right:10px; text-decoration:none; color:#B73080; }

section.testimonials .testimonials-container.slider-testi .testimonial-item .detail { padding:0px 100px 0px 190px; }
section.testimonials .testimonials-container.slider-testi .slick-slide { padding-left:140px; }
section.testimonials .testimonials-container.slider-testi ul.slick-dots { text-align:right; padding-right:50px;}
section.testimonials .testimonials-container.slider-testi ul.slick-dots li button { display:none; }
section.testimonials .testimonials-container.slider-testi ul.slick-dots li { display:inline-block;  position:relative; width:22px; height:22px; }
section.testimonials .testimonials-container.slider-testi ul.slick-dots li:not(:last-child) { margin-right:10px; }
section.testimonials .testimonials-container.slider-testi ul.slick-dots li:before { position:absolute; content:""; width:20px; height:20px; border-radius:50%; border:1px solid #3080B0; }
section.testimonials .testimonials-container.slider-testi ul.slick-dots li.slick-active:before { background:#3080B0; }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.testimonials .heading-container { margin-bottom:60px; }
}
@media screen and (max-width:768px) {
  section.testimonials .testimonials-container { padding-left:60px; }
  section.testimonials .testimonials-container .testimonial-item .detail h3 { font-size:30px; }
  section.testimonials .testimonials-container.slider-testi { padding-left:0px; }
  section.testimonials .testimonials-container.slider-testi .testimonial-item .detail,
  section.testimonials .testimonials-container .testimonial-item .detail { padding: 0px 50px 0px 50px; }
  section.testimonials .testimonials-container .testimonial-item .client-pic { display:none; }
  section.testimonials .testimonials-container.slider-testi .slick-slide { padding-left:70px; }

}
@media screen and (max-width:576px) {
  section.testimonials { padding:0px 0px; }
  section.testimonials .heading-container { padding:0px 30px; margin-bottom:100px;}
  section.testimonials .testimonials-container { padding-left:0px; }
  section.testimonials .testimonials-container .testimonial-item { margin-bottom:90px; margin-left:20px; margin-right:20px; }
  section.testimonials .testimonials-container.slider-testi .slick-slide { padding-left:20px; }
  section.testimonials .testimonials-container .testimonial-item:last-child { margin-bottom:30px; }
  section.testimonials .testimonials-container .testimonial-item .detail { padding: 50px 30px 0px 30px; }
  section.testimonials .testimonials-container .testimonial-item .detail p { font-size:16px; }
}

/*****************************************/
/* Testimonials Key Number */
/*****************************************/

section.testimonials_number {  padding:100px 0px; overflow:hidden; }

/*-----Heading container style------*/
section.testimonials_number .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; }
section.testimonials_number .section_heading .door { font-size:14px; text-transform:uppercase; }

/*-----Testimonials container style------*/
section.testimonials_number .testi_content { margin-top:60px; }
section.testimonials_number .testimonials-container .testimonial-item { position:relative; background:#F7FAFF; display:flex; padding:50px 0px 50px 0px; margin-bottom:40px;  }

section.testimonials_number .key_number_container { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;  }
section.testimonials_number .key_number_container .key_item { width:48%; text-align:center; margin-bottom:40px; }
section.testimonials_number .key_number_container .key_item .number { font-family:neo-sans, sans-serif; font-size:60px; font-weight:900; }
section.testimonials_number .key_number_container .key_item .text { font-size:17px; color:#141313;  }

section.testimonials_number .testimonials-container .testimonial-item .client-pic { position:absolute; left:-15%; top:calc(50% - 110px); text-align:center; width:30%;  display:flex; justify-content:center; align-items:center; }
section.testimonials_number .testimonials-container .testimonial-item .client-pic img { width:80%; border-radius:50%; }
section.testimonials_number .testimonials-container .testimonial-item .client-pic .purple-circle { position:absolute; width:35px; height:35px; border-radius:50%;  background:#B73080; }

section.testimonials_number .testimonials-container .testimonial-item .detail { padding:0px 100px 0px 220px; }
section.testimonials_number .testimonials-container .testimonial-item .detail h3 { font-size:42px; font-family:neo-sans, sans-serif; }
section.testimonials_number .testimonials-container .testimonial-item .detail p.position { color:#3080B0; font-size:20px; font-weight:600; }
section.testimonials_number .testimonials-container .testimonial-item .detail p { font-size:20px; }
section.testimonials_number .testimonials-container .testimonial-item .detail a {  color:#B73080; font-size:20px; text-transform:capitalize; font-weight:500; }
section.testimonials_number .testimonials-container .testimonial-item .detail a i { padding-right:10px; text-decoration:none; color:#B73080; }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.testimonials_number .heading-container { margin-bottom:60px; }
  section.testimonials_number .testimonials-container .testimonial-item .client-pic img { width:100%; }
}
@media screen and (max-width:992px) {
  section.testimonials_number { padding:50px; }
  section.testimonials_number .key_number_container { width:100%; }
  section.testimonials_number .testimonials-container .testimonial-item .client-pic { width:25%; left:-12%; }
}
@media screen and (max-width:768px) {
  section.testimonials_number .testimonials-container .testimonial-item .detail { padding:80px 50px 0px 50px; }
  section.testimonials_number .testimonials-container .testimonial-item .client-pic { width:15%; left:50px; top:20px; }
}
@media screen and (max-width:576px) {
  section.testimonials_number .heading-container { padding:0px 30px; margin-bottom:100px;}
  section.testimonials_number .testimonials-container .testimonial-item { margin-bottom:90px;  }
  section.testimonials_number .testimonials-container .testimonial-item:last-child { margin-bottom:30px; }
  section.testimonials_number .testimonials-container .testimonial-item .detail { padding: 50px 30px 0px 30px; }
  section.testimonials_number .testimonials-container .testimonial-item .detail p { font-size:16px; }
  section.testimonials_number .testimonials-container .testimonial-item .client-pic { width:20%; top:20px; left:30px; }
}

/*****************************************/
/* Title Texte */
/*****************************************/

section.title_text {}
section.title_text .heading_container h2 { font-family:neo-sans, sans-serif; font-size:32px; margin-bottom:15px; }
section.title_text .heading_container h3 { font-size:20px; color:#616161; }
section.title_text .text_container { padding-top:90px; }

/*----Meida queries----*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  section.title_text .text_container { padding-top:40px;  }
}
@media screen and (max-width:768px) {

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

}

/*****************************************/
/* Travel Line */
/*****************************************/

section.travel-line p { display:inline-block; font-size:38px; margin-right:10px; }
section.travel-line .loading-dot { display:inline-block; width:10px; height:10px; background:#3080B0; border-radius:50%; margin-right:5px; }

/*------Css animation loading dots------*/
@keyframes blink {
  0% {opacity: .2;}
  20% {opacity: 1;}
  100% {opacity: .2;}
}
section.travel-line .loading-dot {
  animation-name: blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
section.travel-line .loading-dot:nth-child(2) {
  animation-delay: .3s;
}

section.travel-line .loading-dot:nth-child(3) {
  animation-delay: .4s;
}

@media screen and (max-width:576px) {
  section.travel-line p { font-size:20px; }
}

/*****************************************/
/* Two Col Sticky */
/*****************************************/

/*-----General styles-----*/
.two-col-stick { overflow-x:visible; overflow-y:visible; padding-bottom:110px; }
.two-col-stick .row { margin:0px; }

/*-----Sticky card styles-----*/
.two-col-stick__card { background:#F7FAFF; box-shadow: 0px 3px 6px #00000029; padding:50px 0px 0px 0px; position:sticky; top:100px; }
.two-col-stick__card .title { width:80%; margin:0 auto; color:#B73080; text-align:center; font-size:32px; font-weight:600; font-family:neo-sans, sans-serif; }
.two-col-stick__card .top-img img { margin-bottom:-120px; }

/*-----Content styles-----*/
.two-col-stick__content .alt-title { text-transform:uppercase; font-weight:300; font-size:16px; color:#B73080; margin-bottom:10px; }
.two-col-stick__content .alt-title,
.two-col-stick__content .description { padding-left:8px; }

/*-----Cards list-----*/
.two-col-stick__content .cards-list { display:flex; align-items:flex-start; flex-wrap:wrap; }
.two-col-stick__content .cards-list .card-item { flex:0 0 46%; margin:10px; background:#0B0B0B; position:relative; z-index:1; padding:30px; min-height:390px; }
.two-col-stick__content .cards-list .card-item .top-icon { position:relative; display:flex; align-items:center; justify-content:center; background:#B73080; width:95px; height:95px; border-radius:50%; margin:0 auto; }
.two-col-stick__content .cards-list .card-item .top-icon:before { position:absolute; content:""; height:22px; width:22px; background:#BBEA26; top:0px; right:0px; border-radius:50%; }
.two-col-stick__content .cards-list .card-item .top-icon:after { position:absolute; content:""; height:30px; width:30px; background:#3080B0; bottom:0px; left:0px; border-radius:50%; z-index:-1; }
.two-col-stick__content .cards-list .card-item .top-icon svg { fill:#fff; height:55px; width:auto; }
.two-col-stick__content .cards-list .card-item .card-title { margin-top:20px; font-size:20px; font-weight:600; color:#fff; text-align:center; }
.two-col-stick__content .cards-list .card-item .card-description p { color:#fff; text-align:center; }

/*-----Logos list-----*/
.two-col-stick__content .logos-list { display:flex; align-items:flex-start; flex-wrap:wrap; }
.two-col-stick__content .logos-list .logo-item { flex:0 0 26%; margin:20px; padding:20px 0px; background:#F7FAFF; display:flex; align-items:center; justify-content:center; }
.two-col-stick__content .logos-list .logo-item img { width:80%; margin:0 auto; }

/*-----------------
* Media queries
* ----------------*/
@media screen and (max-width:1200px) {
  .two-col-stick__card .title { font-size:22px; }
  .two-col-stick__content .cards-list .card-item { flex:0 0 45%; }
  .two-col-stick__content .cards-list .card-item .top-icon { width:60px; height:60px; }
  .two-col-stick__content .cards-list .card-item .top-icon svg { height:30px; }
  .two-col-stick__content .cards-list .card-item .card-title { font-size:18px; line-height:1.2; }
}
@media screen and (max-width:992px) {
  .two-col-stick__card { display:none; }
  .two-col-stick__content .alt-title { font-size:32px; font-weight:600; margin-bottom:20px; }
  .two-col-stick__content .cards-list,
  .two-col-stick__content .logos-list { justify-content:center; }
  .two-col-stick__content .logos-list .logo-item { flex:0 0 36%; }
}
@media screen and (max-width:768px) {
  .two-col-stick__content .cards-list .card-item { flex:0 0 100%; min-height:auto; }
  .two-col-stick__content .alt-title, 
  .two-col-stick__content .description { padding-left:0px; }
  .two-col-stick__content .logos-list .logo-item { flex:0 0 25%; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Two Col Video Text */
/*****************************************/

/*-----Media col styles-----*/
.video-txt .col-media .bkg-img { text-align:right; }
.video-txt .col-media .bkg-img img { width:50%; }
.video-txt .col-media .video-container,
.video-txt .col-media .main-img { margin-bottom:-60px; }
.video-txt .col-media .video-container { position:relative; width:fit-content; }
.video-txt .col-media .video-container video { width:75%; box-shadow: 6px 6px 12px #00000029;  }
.video-txt .col-media .video-container video:focus { outline:none; }
.video-txt .col-media .main-img { position:relative; z-index:1; }
.video-txt .col-media .main-img img { width:75%; box-shadow: 6px 6px 12px #00000029; }

.video-txt .col-media .video-container:after { content:""; position:absolute; top:-40px; right:16%; width:90px; height:90px; border-radius:50%; background:#BBEA26; }
.video-txt .col-media .video-container:before { content:""; position:absolute;top:-60px; right:30%; background:#3080B0; width:26px; height:26px; border-radius:50%; }

/*-----Content col styles------*/
.video-txt .col-content h2 { color:#B73080; font-size:60px; font-weight:500; font-family:neo-sans, sans-serif;  }
.video-txt .col-content .techno-list { padding-left:40px;  margin-top:20px;}
.video-txt .col-content .techno-list .list { display:flex; align-items:flex-start; flex-wrap:wrap; }
.video-txt .col-content .techno-list .title { color:#370F27; text-transform:uppercase; font-size:16px; }
.video-txt .col-content .techno-list .list-item { flex:0 0 26%; box-shadow: 0px 3px 6px #00000029; margin:10px; padding:10px 0px; background:#fff; display:flex; align-items:center; justify-content:center; }
.video-txt .col-content .techno-list .list-item img { width:80%; margin:0 auto; }

.video-txt .col-content .cta { margin-top:40px; }

/*--------------------
* Media queries
* -------------------*/
@media screen and (max-width:1200px) {
  .video-txt .col-content .techno-list { padding-left:0px; }
}
@media screen and (max-width:992px) {
  .video-txt { padding:80px 50px; }
  .video-txt .col-media { margin-bottom:30px; }
}
@media screen and (max-width:768px) {
  .video-txt { padding:30px 20px; }
  .video-txt .col-content h2 { font-size:32px; }
  .video-txt .col-media .bkg-img { display:none; }
  .video-txt .col-media .video-container,
  .video-txt .col-media .main-img { margin-bottom:0px; }
  .video-txt .col-media .video-container video { width:100%; }
}
@media screen and (max-width:576px) {
  .video-txt .col-media .video-container:after, 
  .video-txt .col-media .video-container:before { display:none; }
}

/*****************************************/
/* Culture Code */
/*****************************************/

/*----Row heading style----*/
.index-section .section-heading { width:60%; margin:0 auto; text-align:center; }
.index-section .section-heading h2 { line-height: 1.2; font-family: neo-sans,sans-serif; font-size:50px; }
.index-section .section-heading .description p { color:#212529; }

/*----List style----*/
.index-section .items-list { display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; }

/*----List item style----*/
.index-section .index-text { text-align:center; flex:0 0 30%; margin:0px 15px; }
.index-section .index-text .index-number { color:#f7faff;  margin-bottom:-100px; font-size:160px; font-weight:700; }
.index-section .index-text .bold-lo-text { font-size:28px; font-weight:700; text-transform:uppercase; }
.index-section .index-text .bold-lo-text span { display:block; color:#B73080; }

/*-------------------------
* Media queries
* ------------------------*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .index-section .section-heading { width:80%; }
}
@media screen and (max-width:768px) {
  .index-section { padding:30px; }
  .index-section .section-heading { width:100%; }
}
@media screen and (max-width:576px) {

}

/*****************************************/
/* Filters Account */
/*****************************************/



/*****************************************/
/* CTA's */
/*****************************************/

/*--Full Green CTA--*/
.cta_green_full { display:inline-block; background:#80B530; color:#fff; text-decoration:none; font-size:26px; padding:23px 78px; border-radius:42px; border:1px solid #80B530; transition:all .2s ease-out;  }
.cta_green_full:hover { color:#80B530; background:#fff; }

/*--Full Purple CTA--*/
.cta_purple_full { font-size:26px; color:#fff; background:#B73080; display:inline-block; padding:15px 40px; border-radius:42px; text-decoration:none; border:1px solid #B73080; transition:all .2s ease-out; }
.cta_purple_full:hover { color:#B73080; background:#fff; border:1px solid #B73080;  }

/*--Full Orange CTA--*/
.cta_orange_full { font-size:26px; color:#fff; background:#FE8900; display:inline-block; padding:15px 40px; border-radius:42px; text-decoration:none; border:1px solid #FE8900; transition:all .2s ease-out; }
.cta_orange_full:hover { color:#FE8900; background:#fff; border:1px solid #FE8900;  }

/*--Full Blue CTA--*/
.cta_blue_full { font-size:26px; color:#fff; background:#3080B0; display:inline-block; padding:15px 40px; border-radius:42px; text-decoration:none; border:1px solid #3080B0; transition:all .2s ease-out; }
.cta_blue_full:hover { color:#3080B0; background:#fff; border:1px solid #3080B0;  }

/*--Transparent Blue CTA--*/
.cta_blue_transparent { font-size:26px; color:#3080B0; background:transparent; display:inline-block; padding:15px 40px; border-radius:42px; text-decoration:none; border:1px solid #3080B0; transition:all .2s ease-out; }
.cta_blue_transparent:hover { color:#fff; background:#3080B0; border:1px solid #3080B0;  }

/*--Transparent Green CTA--*/
.cta_purple_transparent { font-size:26px; display:inline-block; color:#B73080; border:2px solid #B73080; padding:8px 70px; border-radius:40px; transition:all .2s ease-out; font-weight:600;}
.cta_purple_transparent:hover { color:#fff; background:#B73080; }

/*--Transparent White CTA--*/
.cta-white_transparent { color:#fff; border-radius:42px; border:1px solid #fff; padding:22px 80px; font-size:26px; text-transform:capitalize; }
.cta-white_transparent:hover { color:#3080B0; background:#fff; border:1px solid #fff; }

.cta-white_transparent__small { font-size:18px; color:#fff; border-radius:42px; border:1px solid #fff; padding:15px 40px; }
.cta-white_transparent__small:hover { color:#3080B0; background:#fff; border:1px solid #fff; }

/*--Transparent Purple CTA--*/
.transparent_purple { font-size:26px; color:#B73080; border:2px solid #B73080; padding:7px 120px; border-radius:42px; display:inline-block; transition:all .2s ease-out; }
.transparent_purple:hover { color:#fff; background:#B73080; }

/*---Media queries CTA's----*/
@media screen and (max-width:1200px) {
  .transparent_purple { padding:7px 80px; }
}
@media screen and (max-width:992px) {
  .cta_purple_full { font-size:18px;}
}
@media screen and (max-width:768px) {
  .cta-white_transparent { padding:12px 40px; font-size:18px; }
  .transparent_purple { padding:7px 55px; }
  .cta_blue_transparent {  }
}
@media screen and (max-width:576px) {
  .cta-white_transparent {font-size:16px; }
  .cta_purple_transparent { font-size:16px; } 
  .cta_green_full { background:#80B530; color:#fff; text-decoration:none; font-size:18px; padding:18px 45px; border-radius:42px;}
}
/* ======================================================================================= */
/* =================================== HEADER / NAV ====================================== */
/* ======================================================================================= */

/* =================================== HEADER COMPLEX ====================================== */
.global-header-complex .navbar-top{
  background:#7731FF;
}
.global-header-complex .navbar-top .social ul{
  margin-bottom:0;
}
.global-header-complex .navbar-top .social ul li{
  display:inline-block; 
}
.global-header-complex .navbar-top .social ul li a{
  width:20px;
  max-height:20px;
  line-height:20px;
  font-size:20px;
  margin-right:10px;
}
.global-header-complex .navbar-top .social ul li a span{
  display:inline-block;
  width:20px;
  max-height:20px;
}
.global-header-complex .navbar-top .social ul li a span svg{
  width:20px;
  max-height:20px;
  fill: #FFF;
}

.global-header-complex .navbar-top .hs-menu-wrapper > ul > li{ float:none; display:inline-block; }
.global-header-complex .navbar-top .hs-menu-wrapper > ul > li > a{ padding:0; color:#FFF; }

.global-header-complex .hs-menu-wrapper > ul{
  margin-bottom:0; 
}
.global-header-complex .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i, 
.global-header-complex .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  color:#232323;
  background-color: #1f1f1f;
}

.global-header-complex .hs-search-field form{
  width:300px; 
}

.global-header-complex .navbar-bottom{
  background:#F8F8F8;
}

.global-header-complex .hs-search-field--open .hs-search-field__suggestions{
  position:absolute; 
}
@media screen and (min-width: 992px){
  .index-header .global-header-complex .navbar-top .hs-menu-wrapper > ul >li>a {
    color:#FFF;
  }
  .index-header .global-header-complex .navbar-bottom .hs-menu-wrapper > ul >li>a {
    color:#1f1f1f;
  }

  .index-header .global-header-complex .hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
    color:#FFF;
  }
  .index-header .global-header-complex .navbar-bottom .hs-menu-wrapper > ul >li>a:hover {
    color:#1f1f1f;
    text-decoration:underline;
  }


  .index-header .global-header-complex .navbar-top .hs-menu-wrapper > ul > li > a{
    padding:0; 
    color:#FFF; 
  }

  .global-header-complex .hs-menu-wrapper > ul li > ul{
    border-radius:0; 
  }

  .global-header-complex .navbar-toggler{
    display:none; 
  }
}

@media screen and (max-width: 991px){
  .global-header-complex .right{ 
    margin-right:80px;
  }
  .global-header-complex .navbar-toggler{
    position:absolute;
    right: 0;
    top: -53px;
  }
  .global-header-complex .hs-menu-wrapper > ul{
    right: 10px;
    top: 0;
  }
  .global-header-complex .hs-menu-wrapper > ul>li.hs-item-has-children,
  .global-header-complex .hs-menu-wrapper > ul li{
    padding:0; 
  }

  .global-header-complex .navbar-top .hs-menu-wrapper > ul{
    display:block;
    position:relative;
    background:none;
    box-shadow:inherit;
  }

  .global-header-complex .navbar-top .hs-menu-wrapper > ul >li{
    width:auto;
    border:none;
  }

  .global-header-complex .navbar-top .hs-menu-wrapper > ul > li > a{
    color: #FFF;
    margin-right:10px; 
    width:100% !important;
  }

}
/* =================================== MENU VERTICAL ===================================== */
.hs-menu-wrapper.hs-menu-flow-vertical > ul > li{ float:none; display:block; }
.index-header .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a{ color:#141313; padding:5px; } 
.index-header .hs-menu-wrapper.hs-menu-flow-vertical > ul > li.active > a{ color:#b73080; } 

/* =================================== HEADER FLOATING ===================================== */
.header-container{ padding-left:0; padding-right:0;}

header{
  transition:all 0.5s ease 0s;
  position:relative;
  top:0;
  left:0;
  z-index:99999;
  width:100%;
}
.navbar{
  padding:0 !important; 
}
.navbar-header > a img{
  max-height:100px;
  transition-duration:0.5s;
  max-width:100px;
}
.navbar-header-custom{
  padding:17px 0 15px 0;
}
.navbar-default{
  transition:all 0.5s ease 0s;
}
.navbar-default .container,
.navbar-default .container-fluid{
  position:relative;
}
.menu_area{
  position:relative;
  z-index:2;
}

.menu_area .navbar-brand{
  transition:all 0.5s ease 0s;
}

.menu_area .navbar-header > a{
  transition:all 0.5s ease 0s;
}
.hs-menu-wrapper > ul li{
  list-style:none;
  -webkit-transition:background .3s ease;
  -ms-transition:background .3s ease;
  transition:background .3s ease;
}
.hs-menu-wrapper > ul li.hs-item-has-children > a{
  position:relative;
}
.hs-menu-wrapper > ul li.hs-item-has-children a:hover{
  color:#232323;
}
.hs-menu-wrapper > ul li a{
  display:block;
  color:#6f6f6f;
  font-size:13px;
}
.hs-menu-wrapper > ul>li{
  margin-left:10px;
  float:left;
  position:relative; 
}
.hs-menu-wrapper > ul>li.hs-item-has-children{
  padding-right:13px;
}
.hs-menu-wrapper > ul>li>a{
  position:relative;
  display:block;
  font-size:13px;
  font-weight:500;
  padding:30px 0.5rem;
  color:#232323;
  letter-spacing:0.5px;
  -webkit-transition-duration:500ms;
  -o-transition-duration:500ms;
  transition-duration:500ms;
}
.hs-menu-wrapper > ul>li>a:hover{
  opacity:0.65;
}
.hs-menu-wrapper > ul li.current>a{
  color:#000;
}
.hs-menu-wrapper > ul>li.active>a{
  color:#000;
}
.hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
  color:#000;
}
.navbar ul>li.hs-item-has-children:hover:after{
  border-color:transparent #000 #000 transparent;
}

.navbar ul>li.current>a:after{
  border-color:transparent #000 #000 transparent;
}
.hs-menu-wrapper > ul ul{
  position:absolute;
  left:-9999px;
}
.navbar ul ul li{
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all .25s ease;
  padding:10px 20px;
}
.navbar ul ul li:last-child{
  margin-bottom:0;
}
.navbar ul ul li.active>a{
  color:#000;
}
.hs-menu-wrapper > ul li>ul{
  display:block;
  padding:15px 0;
  margin:0 0 0 10px;
  background:#fff;
  min-width:175px;
  -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  -ms-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}
.hs-menu-wrapper > ul li:hover>ul{
  left:auto;
}
.hs-menu-wrapper > ul>li.hs-item-has-children>ul{
  opacity:0;
  -webkit-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
}
.hs-menu-wrapper > ul>li.hs-item-has-children:hover>ul{
  opacity:1;
}
.hs-menu-wrapper > ul>li.hs-item-has-children:last-child:hover ul{
  left:inherit;
  right:0;
}
.navbar li>ul ul{
  margin-top:-39px;
  margin-left:150px;
  min-width:175px;
}
.navbar li>ul ul ul{
  margin-left:150px;
  min-width:130px;
}
.navbar ul ul li:last-child>a,.navbar ul ul li.last-item>a{
  border-bottom:0;
}
.hs-menu-wrapper > ul ul li.hs-item-has-children{
  position:relative; 
}
.hs-menu-wrapper > ul ul li.hs-item-has-children > a:after{
  position:absolute;
  top:12px;
  right:-3px;
  width:8px;
  height:2px;
  display:block;
  background:#6f6f6f;
  content:"";
}

.hs-menu-wrapper > ul ul li.hs-item-has-children > a:before{
  position:absolute;
  top:9px;
  right:0;
  display:block;
  width:2px;
  height:8px;
  background:#6f6f6f;
  content:'';
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all 0.25s ease;
}
.hs-menu-wrapper > ul ul li.hs-item-has-children:hover > a:before{
  top:17px;
  height:0
}

.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger{
  display: block !important; /* Hide button on Desktop */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute;
  top: 50%;
  right: 0px; 
  padding: 0 !important;
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger:hover{
  text-decoration: none;
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i{
  position: relative;
  top: 50%; /* Centers icon inside button */
  margin: 0 auto !important;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  position: absolute;
  content: '';
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i, 
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  width: 10px; /* Icon line width */
  height: 1px; /* Icon line height */
  background-color:#141313; /* Icon color */
  display: block;

}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger.child-open i:after,
.hs-menu-wrapper > ul > li.hs-item-has-children:hover > .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.attr-nav{
  position:absolute;
  right:0;
  margin-left:11px;
  margin-right:-15px;
}
.attr-nav .dropdown-toggle:after{
  content:none
}
.attr-nav>ul{
  padding:0;
  margin:0 0 -5px 0;
  list-style:none;
  display:inline-block;
}
.attr-nav>ul>li{
  float:left;
  display:block;
}
.attr-nav>ul>li>a{
  display:block;
  padding:21px 15px;
  position:relative;
  color:#b73080;
}

header.global-header-complex .attr-nav{
  display:none;  
}
.top-search{
  padding:10px 0;
  display:none;
}
.top-search input.form-control{
  background-color:transparent;
  border:none;
  -moz-box-shadow:0px 0px 0px;
  -webkit-box-shadow:0px 0px 0px;
  -o-box-shadow:0px 0px 0px;
  box-shadow:0px 0px 0px;
  color:#fff;
  height:40px;
  padding:0 15px;
}
.top-search input.form-control::placeholder{
  color:#f1f1f1;
  opacity:1;
}
.top-search input.form-control::-ms-input-placeholder,.top-search input.form-control::-moz-input-placeholder{
  color:#f1f1f1;
}
.top-search .input-group-addon{
  background-color:transparent;
  border:none;
  color:#fff;
  padding-left:0;
  padding-right:0;
  line-height:36px;
  font-size:16px;
}
.top-search .input-group-addon.close-search{
  cursor:pointer;
}

.hs-search-field {
  position: relative;
}

.hs-search-field form{
  display: -ms-flexbox;
  display: flex; 
  align-items:center;
  color:#4e54c8;
}

.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
  margin-bottom:0;
  padding-left:50px;
}

.hs-search-field form > i{ 
  position:absolute;
  left:20px;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border:1px solid #d1d1d1;  
  padding:10px;
  background:#FFF;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
  font-size:14px;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color:  rgba(0,0,0, .1);
  outline: none;
}

@media screen and (min-width: 992px){
  .header-container{ padding-left:0; padding-right:0; height:40px; }

  header.scrollHeader .navbar-default{
    position:fixed;
    top:0;
    z-index:99;
    width:100%;
    background:#fff;
    left:0;
    transition:all 0.2s ease 0s;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 3px rgba(0,0,0,0.2);
    box-shadow:0 0 3px rgba(0,0,0,0.2);
  }

  header.scrollHeader .navbar-default i{ 
    color:#232323;
  }

  .global-header-complex.scrollHeader .navbar-default{
    position:fixed;
    top:0;
    z-index:99;
    width:100%;
    background:#fff;
    left:0;
    transition:all 0.2s ease 0s;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 3px rgba(0,0,0,0.2);
    box-shadow:0 0 3px rgba(0,0,0,0.2);
  }

  .global-header-complex.scrollHeader .navbar-bottom{
    position:fixed;
    top:50px;
    z-index:99;
    width:100%;
    background:#fff;
    left:0;
    transition:all 0.2s ease 0s;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 3px rgba(0,0,0,0.2);
    box-shadow:0 2px 3px rgba(0,0,0,0.2);
  }

  .global-header-complex.scrollHeader .hs-menu-wrapper > ul > li > a{
    padding:20px; 
  }


  .wrapper-boxed .scrollHeader .navbar-default{
    left:0;
    margin:0 auto;
    max-width:1200px;
    right:0;
  }
  .scrollHeader .navbar-header > a img{
    max-height:35px;
    transition-duration:0.5s;
  }

  .scrollHeader .navbar-header-custom{
    padding:10px 0;
    transition-duration:0.5s;
  }

  .scrollHeader .attr-nav>ul>li>a{
    padding:21px 15px;
  }

  .attr-nav>ul>li.dropdown ul.dropdown-menu{
    visibility:hidden;
    top:66px;
    border-radius:0;
    opacity:0;
    left:-225px;
  }

  .attr-nav>ul>li.dropdown:hover ul.dropdown-menu{
    margin-top:0;
    opacity:1;
    visibility:visible;
  }
  .scrollHeader .attr-nav>ul>li.dropdown ul.dropdown-menu{
    top:67px;
  }

  .index-header .hs-menu-wrapper > ul>li.current>a, .index-header .hs-menu-wrapper > ul>li.active>a{
    opacity:0.65;
    color:#b73080;
  }
  .index-header .navbar ul>li.hs-item-has-children>a:after{
    border-color:transparent #fff #fff transparent;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li>a{
    color:#232323;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li.active>a,.index-header .scrollHeader .hs-menu-wrapper > ul>li.current>a{
    opacity:1;
    color:#000;
  }
  .index-header .scrollHeader .navbar ul>li.hs-item-has-children>a:after{
    border-color:transparent #232323 #232323 transparent;
  }
  .index-header .scrollHeader .navbar ul>li.hs-item-has-children.current>a:after{
    border-color:transparent #000 #000 transparent;
  }
  .index-header .scrollHeader .attr-nav>ul>li>a{
    color:#232323;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
    color:#232323;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .hs-menu-wrapper > ul>li{
    margin-left:5px;
  }
  .hs-menu-wrapper > ul>li>a{
    padding:21px 0.4rem;
  }
  .attr-nav>ul>li>a{
    padding:21px 8px;
  }
  .scrollHeader .hs-menu-wrapper > ul>li>a{
    padding:21px 0.4rem;
  }
  .scrollHeader .attr-nav>ul>li>a{
    padding:21px 8px;
  }
}
@media screen and (max-width: 991px){
  .onepage-header{
    background:#232323;
    min-height:70px;
  }
  .onepage-header.scrollHeader .navbar .container{
    padding:0 15px;
  }
  .onepage-header.scrollHeader .navbar-toggler{
    right:15px;
  }
  .onepage-header.scrollHeader .hs-menu-wrapper > ul{
    position:relative;
    top:0;
    margin-bottom:15px;
  }
  .onepage-header .hs-menu-wrapper > ul .nav-link{
    color:#232323;
    padding:10px 20px;
  }
  .onepage-header .hs-menu-wrapper > ul .nav-link:hover{
    color:#000;
    opacity:1;
  }
  .onepage-header .hs-menu-wrapper > ul .nav-link.active{
    color:#000;
    opacity:1;
  }
  .onepage-header.scrollHeader .hs-menu-wrapper > ul .nav-link{
    color:#232323;
  }
  .onepage-header.scrollHeader .hs-menu-wrapper > ul .nav-link:hover,.onepage-header.scrollHeader .navbar .hs-menu-wrapper > ul .nav-link.active{
    color:#000;
  }
  .navbar-header-custom{
    padding:15px 0 15px;
  }
  .menu_area .navbar-header > a{
    margin-top:6px;
  }
  .navbar ul li a{
    width:100%;
    border-bottom:0;
  }

  .hs-menu-wrapper > ul li>ul{
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  .hs-menu-wrapper > ul>li.hs-item-has-children>ul{
    display:none;
    opacity:1;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-transition:all 0s ease;
    -ms-transition:all 0s ease;
    -moz-transition:all 0s ease;
    -o-transition:all 0s ease;
    transition:all 0s ease;
    border-radius:unset;
  }
  .navbar li>ul ul{
    margin:0;
    min-width:auto;
  }

  .hs-menu-wrapper > ul>li.hs-item-has-children{
    padding-right:0;
  }
  .hs-menu-wrapper > ul>li>a{
    padding:13px 20px;
    color:#232323;
    margin-right:50px;
    width:calc(100% - 50px) !important;
  }
  .hs-menu-wrapper > ul>li>a:hover{
    opacity:1;
  }
  .hs-menu-wrapper > ul li.hs-item-has-children a:hover{
    color:#232323;
  }

  .global-header-complex .navbar-top .hs-menu-wrapper > ul li a:hover,
  .global-header-complex .navbar-top .hs-menu-wrapper > ul li.hs-item-has-children a:hover{
    color:#FFF;
    text-decoration:underline !important;
  }
  .navbar ul ul li.active>a{
    color:#000;
  }
  .navbar .sub-title{
    color:#232323;
  }
  .hs-menu-wrapper > ul{
    background:#fff;
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
    -ms-box-shadow:0 2px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
    box-shadow:0 2px 3px rgba(0,0,0,0.2);
    position:absolute;
    top:62px;
    left:0;
    width:100%;
    transition-duration:0;
    -ms-transition-duration:0;
    -moz-transition-duration:0;
    -webkit-transition-duration:0;
    -o-transition-duration:0;
    width:100%;
    display:none;
    transition:none;
    -ms-transition:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
  }
  .hs-menu-wrapper > ul li.active>a{
    opacity:1
  }
  .hs-menu-wrapper > ul ul{
    width:100%;
    display:none;
    transition:none;
    -ms-transition:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
  }
  .hs-menu-wrapper > ul li{
    width:100%;
    border-top:1px solid #e6e6e6;
    position:relative;
    padding:0;
    margin:0;
  }
  .hs-menu-wrapper > ul ul li:hover{
    background:#f5f5f5;
  }
  .hs-menu-wrapper > ul ul ul li{
    height:auto;
  }
  .hs-menu-wrapper > ul li:hover>ul>li{
    height:auto;
  }

  .navbar ul ul{
    position:relative;
    left:0;
    width:100%;
    margin:0;
    text-align:left;
    background:#f5f5f5;
    padding:0;
  }
  .navbar ul ul li{
    margin-bottom:0;
    padding:0;
    border-color:#e6e6e6;
  }
  .navbar ul ul li a{
    width:100%;
    border-bottom:0;
    color:#616161;
    background:none;
    padding:13px 30px;
  }
  .navbar ul ul ul li a{
    padding-left:45px;
  }
  .navbar>ul>li{
    float:none;
  }
  .hs-menu-wrapper > ul ul ul{
    position:relative;
    left:0;
    width:100%;
    margin:0;
    text-align:left;
    background:#f5f5f5;
    padding:0;
  }
  .navbar>ul>li.hs-item-has-children>a:after,.navbar>ul>li.hs-item-has-children>a:before{
    display:none;
  }
  .navbar ul ul>li.hs-item-has-children>a:after,.navbar ul ul>li.hs-item-has-children>a:before{
    display:none;
  }
  .hs-menu-wrapper > ul ul ul ul li.active a{
    border-left:none;
  }
  .hs-menu-wrapper > ul>ul>li.hs-item-has-children>ul>li.active>a,.hs-menu-wrapper > ul>ul ul>li.hs-item-has-children>ul>li.active>a{
    border-top:none;
  }
  .navbar li>ul ul ul{
    margin-left:0;
    background:#fff;
  }
  .navbar ul ul ul ul li a{
    padding-left:55px;
  }
  .hs-menu-wrapper > ul .hs-item-has-children .hs-item-has-children .submenu-button{
    height:40px;
  }
  .hs-menu-wrapper > ul .hs-item-has-children .hs-item-has-children .submenu-button:after{
    top:19px;
  }
  .hs-menu-wrapper > ul .hs-item-has-children .hs-item-has-children .submenu-button:before{
    top:16px;
  }
  .navbar-toggler{
    width:50px;
    height:45px;
    padding:0  !important;
    border-radius:0  !important;
    position:absolute;
    right:0;
    top:8px;
    cursor:pointer;
    z-index:12399994;
    background:#f4f4f4 !important;
  }
  .navbar-toggler:after{
    position:absolute;
    top:22px;
    right:15px;
    display:block;
    height:8px;
    width:20px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    content:"";
  }
  .navbar-toggler:before{
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    position:absolute;
    top:16px;
    right:15px;
    display:block;
    height:2px;
    width:20px;
    background:#000;
    content:"";
  }
  .navbar-toggler.menu-opened:after{
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    top:23px;
    border:0;
    height:2px;
    width:19px;
    background:#000;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .navbar-toggler.menu-opened:before{
    top:23px;
    background:#000;
    width:19px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
  .hs-menu-wrapper > ul .submenu-button{
    position:absolute;
    z-index:99;
    right:0;
    top:0;
    display:block;
    height:44px;
    width:100%;
    cursor:pointer;
  }

  .hs-menu-wrapper > ul .submenu-button.submenu-opened:before{
    display:none;
  }

  /* Child Toggle Button
  ========================================================================== */

  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted #000;
  }

  .hs-menu-wrapper ul ul li.hs-item-has-children .child-trigger { 
    bottom:0px; 
    top:initial;
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger:hover,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger:hover{
    text-decoration: none;
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i, 
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i, 
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#000; /* Icon color */
    display: block;

  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger.child-open i:after,
  .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .attr-nav{position:absolute; right:60px; margin:0; padding:0; line-height: 1; height:45px; top:8px; }
  .attr-nav>ul>li>a{ padding:0; color:#000;background: #f4f4f4 !important;color:#000; border:solid 1px rgba(0,0,0,.1); width: 50px;    height: 45px;    display: -ms-flexbox; display: flex; align-items:center; justify-content:center; }
  .attr-nav>ul>li>a i{ color:#000; }

  header.global-header-complex .attr-nav{ top:9px; display:inline-block; }
  header.global-header-complex .hs-search-field{ display:none; }
  header.global-header-complex .top-search .hs-search-field{ display:block; }
  header.global-header-complex .hs-search-field form{ width:100%; }
  header.global-header-complex .navbar-top{ text-align:center; }
}

@media screen and (max-width: 550px){
  .global-header-complex .right{ margin-right:0; }
  .menu_area .hs-search-field__bar input{ width:50px !important; }
}

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 1    ----------------------------
------------------------------------------------------------------------------- */
.hero1-section {
  overflow: hidden;
  position: relative;
}
.hero1-section:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 3;
}
.hero1-section .right-bg {
  float: right;
  width: 55.5%;
  right: 1px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero1-section .right-bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #80B530;
  background: -webkit-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: linear-gradient(-45deg, #80B530, #0DB2BA);
}
.hero1-section .header-shape-bg {
  position: absolute;
  top: 0px;
  min-height: 500px;
  z-index: 2;
  width: 100%;
}
.hero1-section .header-text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  z-index: 4;
}
.hero1-section .header-text h1{
  letter-spacing: 1.4px;
  margin-bottom: 25px;
}
.hero1-section .header-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.hero1-section .header-text .email-box {
  width: 85%;
  position: relative;
  background: none;
  overflow: hidden;
}
.hero1-section .header-text .email-box input {
  width: 99%;
  height: 45px;
  margin-bottom: 7px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid rgba(78, 78, 84, 0.2);
  outline: none;
  padding-left: 20px;
  padding-right: 120px;
  z-index: 1;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.67px;
}
.hero1-section .header-text .email-box input[type='submit'] {
  background: #80B530;
  background: -webkit-linear-gradient(284deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(284deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(284deg, #80B530, #0DB2BA);
  background: linear-gradient(284deg, #80B530, #0DB2BA);
  border: none;
  border-radius: 30px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 20px;
  outline: none;
  padding: 13px 18px;
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  top: 0;  
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition: all linear 400ms;
  transition: all linear 400ms;
  vertical-align: middle;
  width:150px;
  z-index: 2;
}
.hero1-section .header-text .email-box input[type='submit']:hover{
  background:#80B530;
}
.hero1-section .header-text .email-box .butn:hover:before, 
.hero1-section .header-text .email-box .butn:focus:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hero1-section .header-text .email-box .input .butn:active:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hero1-section .header-text .email-box span {
  display: block;
  font-size: 13px;
}
.hero1-section .header-text .email-box .hs-form-field > label{
  display:none;
}
.hero1-section .play-button-wrapper {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: perspective(1px) translateY(-45%);
  z-index: 4;
  width: 55.5%;
  right: 0px;
}
.hero1-section .play-button-wrapper .btn-play {
  width: 60px;
  height: 60px;
  line-height: 56px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  margin: auto;
  left: 14%;
  right: 0px;
  display: block;
  border: 2px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  transform: perspective(1px) translateY(-50%);
  z-index: 3;
}
.hero1-section .play-button-wrapper .btn-play:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #fff;
  opacity: 0.19;
  z-index: 1;
}
.hero1-section .play-button-wrapper .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
}
/* =================================== Media queries ======================================= */
@media screen and (max-width: 1199px) {
  .hero1-section .right-bg {
    right: 0;
  }
  .hero1-section .header-text {
    top: 70%;
    transform: perspective(1px) translateY(-70%);
  }
  .hero1-section .header-text .email-box {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .hero1-section .right-bg {
    width: 100%;
    max-height: 550px;
    height: 100%;
    min-height: 410px;
  }
  .hero1-section .right-bg:before {
    opacity: 0.8;
  }
  .hero1-section .header-shape-bg {
    display: none;
  }
  .hero1-section .header-text {
    top: 50%;
    transform: perspective(1px) translateY(-50%);
  }
  .hero1-section .header-text h1 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
  }
  .hero1-section .header-text p {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 14px;
  }
  .hero1-section .header-text .email-box {
    width: 100%;
  }
  .hero1-section .header-text .email-box span {
    color: #fff;
    text-align: center;
  }
  .hero1-section .play-button-wrapper {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hero1-section .right-bg img {
    width: auto;
    max-width: 144%;
  }
}

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 2    ----------------------------
------------------------------------------------------------------------------- */
.hero2-section {  padding: 50px 0 125px;  text-align: center; margin-top:30px; }
.hero2-section h1 {  letter-spacing: 1px;  line-height: 1;  color: #fff;  margin-bottom: 0;}
.hero2-section ul {  margin-bottom: 40px;  margin-top: 0;  text-align: left; background:#0B0B0B; position:relative; z-index:1; padding:25px 40px 25px 130px; width:fit-content; }
.hero2-section ul li {  display: inline-block;}
.hero2-section ul li:last-child a {  color: #fff;  font-weight: 600;}
.hero2-section ul li:after {  content: '/';  font-weight: 700;  vertical-align: middle;  color: #B73080;  font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
.hero2-section ul li:last-child:after {  content: none;}
.hero2-section ul li:last-child a { text-decoration:underline; }
.hero2-section ul li a {  color: #fff;  font-size: 14px;  font-weight: 500;}
.hero2-section .active a, .hero2-section li.active:last-child a {  color: #fff;}

/* =================================== Media queries ======================================== */
@media screen and (max-width: 1199px) {
  .hero2-section {    padding:50px 0 50px;}
  .hero2-section h1 {    font-size: 36px;    line-height: 42px;}
}
@media screen and (max-width: 991px) {
  .hero2-section h1 {    font-size: 30px;    line-height: 40px;}
  .hero2-section ul {    margin-top: 5px; padding:25px 40px 25px 40px; }
  .hero2-section ul li a {    font-size: 12px;}
}

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 3    ----------------------------
------------------------------------------------------------------------------- */
.hero3-section {
  background: #f4f6fc;
  padding-top:100px;
}
.hero3-section .banner-img img {
  position: absolute;
  left: 0;
  top: 23%;
}
.hero3-section .header-text {
  margin-top: 20%;
  padding-bottom: 10%;
}
.hero3-section .btn-play {
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  color: #80B530;
  margin: auto;
  display: inline-block;
  border: 2px solid #80B530;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.hero3-section .btn-play:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.19;
  z-index: 1;
  color:#80B530;
}
.hero3-section .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
  color:#80B530;
}

.hero3-section .ctablock{
  margin:15px 0;
}
/* =================================== Media queries ======================================== */
@media screen and (max-width: 991px) {
  .hero3-section .header-text {
    margin: 0;
    padding: 50px 0px;
  }
  .hero3-section .banner-img img {
    position: relative;
    width: auto;
    float: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hero3-section{
    padding-top:0;
  }
  .hero3-section .btn-play {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
  }
}

/* =================================================================================================== */
/* ====================================== MAIN BANNER LP          ==================================== */
/* =================================================================================================== */
.main-banner-lp { padding:150px 50px 100px;  background-size:cover !important; position:relative; }
.main-banner-lp.svg{ min-height:100vh; padding:150px 50px 300px;  }
.main-banner-lp > svg{ position:absolute; bottom:0; left:0; width:100%; height:auto; }
.main-banner-lp .detail ul { padding-left:20px; }
.main-banner-lp .detail ul li{ list-style:circle; }
/* =================================== Media queries ======================================= */
@media screen and (max-width: 1199px) {

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

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

}


/* =================================================================================================== */
/* ====================================== MAIN BANNER LP 2        ==================================== */
/* =================================================================================================== */
.main-banner-lp2 { padding:100px 50px;  background-size:cover !important; position:relative; }
.main-banner-lp2.svg{ padding:100px 50px 300px;  }
.main-banner-lp2 > svg{ position:absolute; bottom:0; left:0; width:100%; height:auto; }
.main-banner-lp2 .detail ul { padding-left:20px; }
.main-banner-lp2 .detail ul li{ list-style:circle; }
/* =================================== Media queries ======================================= */
@media screen and (max-width: 1199px) {

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

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

}

/* =================================================================================================== */
/* ====================================== SECTION FORM            ==================================== */
/* =================================================================================================== */
.section-form{ padding:50px; }
/* ------------------------------------------------------------------------------- 
---------------------------------    LISTINGS .    -------------------------------
------------------------------------------------------------------------------- */
.list-style li,
.hs_cos_wrapper_type_rich_text li{
  line-height: 24px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.list-style li:last-child ,
.hs_cos_wrapper_type_rich_text li:last-child{
  margin-bottom: 0;
}
.list-style li:before,
.hs_cos_wrapper_type_rich_text li:before{
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #80B530;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 2;
}
.list-style li:after ,
.hs_cos_wrapper_type_rich_text li:after{
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  background: #80B53059;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 1;
}
.list-style li:hover,
.hs_cos_wrapper_type_rich_text li:hover{
  padding-left: 40px;
}

/* ------------------------------------------------------------------------------- 
------------------------------------ PILAR PAGE   -------------------------------
------------------------------------------------------------------------------- */



.pillar_group {  }
.pillar_group .sticky { position: sticky; position: -webkit-sticky; top: 130px; }
.pillar_group .scd-summary { padding-top: 50px;  }
.pillar_group .scd-summary .title{ margin-bottom:10px; font-size:20px;  }
.pillar_group .scd-summary .summary-item { margin-bottom:10px; display:flex;  }
.pillar_group .scd-summary .summary-item a {  display:block; font-weight:600;  }
.pillar_group .scd-summary .summary-item span { font-weight:600;  }
section.hero-pp { padding: 100px 20px; }
section.hero-pp .section-heading { text-align:left; margin:0; color:#fff; }
section.hero-pp .section-heading h1 { color:#fff;  }
section.hero-pp .section-heading .infos .reading_time{ display:inline-block; color:#fff;  } 
section.hero-pp .section-heading .infos .tag{ display:inline-block; color:#fff;  } 
section.hero-pp .section-heading .infos span{ margin:0 10px; color:#fff; }
section.hero-pp .section-heading .desc, section.hero-pp .section-heading .desc p, section.hero-pp .section-heading .desc span{ color:#fff;  }
section.content-pp { padding:50px 0px; position:relative; overflow:inherit;  }
section.content-pp h2 { color: #B73080; }
section.content-pp h3 { color: #0B0B0B; }

section.content-pp .pilar-content .item-content { margin-top:40px; }
section.content-pp .pilar-content .item-content:first-child { margin-top:0px; } 
section.content-pp .pilar-content .item-content span.index { font-size:36px; color:#489AED; font-weight:600; }
section.content-pp .pilar-content .item-content p a { text-decoration:underline;  }
section.content-pp .pilar-content .item-content ul { margin:30px 0 30px 50px; }
section.content-pp .pilar-content .item-content ul li { color:#1E1E5A; margin-bottom:15px; position:relative; }
section.content-pp .pilar-content .item-content ul li:before {  content: ''; position: absolute; left: -20px; top: 10px; width: 8px; height: 8px; background: #6D25FF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 2; }
section.content-pp .pilar-content .item-content ul li:after { content: ''; position: absolute; left: -24px; top: 6px; width: 16px; height: 16px; background: rgba(110, 37, 255, .4); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 1; }
section.content-pp .pilar-content .item-content img { margin-left:30px; }
section.content-pp .pilar-content .item-content pre {  background:#1E1E5A; color:#EFD2DC; }
section.content-pp .pilar-content .item-content ol { list-style: none; counter-reset: li; margin-left:50px; margin-top:50px; }
section.content-pp .pilar-content .item-content ol li { counter-increment: li; position:relative; margin-bottom:40px;  }
section.content-pp .pilar-content .item-content ol li:before { position:absolute; content: '0'counter(li);  width: 1em; color:#1C1C1C; display: flex; font-size: 25px; top: -2px; left: -50px; font-weight:800; }
section.content-pp .pilar-content .item-content ol li strong { font-weight:700; }
section.content-pp .pilar-content .item-content blockquote {  background: #f1f1f1;  border-left: 4px solid #b73080;  font-size: 16px;  font-weight: 500;  margin: 25px 0;  padding: 20px 30px;}
section.content-pp .pilar-content .item-content blockquote p {  font-size: 15px;  font-weight: 500;  line-height: 190%;  color: #232323;  letter-spacing: 0.5px;}
section.content-pp .pilar-content .item-content blockquote p:last-child{ margin-bottom:0;}
/*----media queries-----*/
@media screen and (min-width:1199px) {
  .pillar_group .sticky_left { padding-left: calc(8.333333% + 35px); }
}
@media screen and (min-width:768px) {
  .pillar_group .sticky_right { padding-right: 4%; }
}
@media screen and (max-width:1198px) {
  .pillar_group .sticky_left { padding-left:35px; }
}
@media screen and (max-width:1452px) {
  .pillar_group .sticky { top: 70px; }
}
@media screen and (max-width:992px) {
  section.content-pp .pilar-content .item-content img { margin-left:10px; }
  section.content-pp .pilar-content .item-content span.pre { font-size:13px; }
}
@media screen and (max-width:768px) {
  .pillar_group .sticky { position: relative; top: 0; padding: 0 20px; }
  section.hero-pp{ padding:100px 20px 50px 20px; }
  section.content-pp{ padding:30px 0; }
  section.content-pp .scd-summary{ padding:20px; }
  section.content-pp .pilar-content .item-content { padding:20px; }
  section.content-pp .pilar-content .item-content h2 { text-align:left; }
}
@media screen and (max-width:576px) {

}


/* ------------------------------------------------------------------------------- 
------------------------------------ PORTFOLIO   -------------------------------
------------------------------------------------------------------------------- */
/* =================================== PORTFOLIO LIST  ================ */
.filtering { color:#FFF;  margin-bottom: 10px;  position: relative;  padding: 0px 20px 40px 0px;}
.filtering .title{ text-transform:uppercase; margin-bottom:10px; }
.filtering .box{    display: -webkit-box;    display: -ms-flexbox;    display: flex;} 
.filtering span {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 5px;
}
.filtering span:last-child {
  margin: 0;
}
.filtering .active {
  border-color: #4e54c8;
  color: #4e54c8;
}
.portfolio {
  overflow: hidden;
}
.portfolio .filtering span {
  margin-right: 20px;
  color: #FFF;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.portfolio .filtering span:last-child {
  margin: 0;
}
.portfolio .filtering .active {
  border-color:#80B530;
  color:#80B530;
}
.portfolio .items {
  margin-top: 20px;
}
.portfolio .item-img {
  position: relative;
  overflow: hidden;
  min-height:300px;
  background-size:cover;
  background-position: center;
}
.portfolio .item-img img {
  width: 100%;
}
.portfolio .item-img:hover .item-img-overlay {
  opacity: 1;
  transform: translateY(0);
}
.portfolio .item-img:hover h6 {
  transform: translateY(0);
}
.portfolio .item-img h2 {
  font-weight: 600;
  position: relative;
  font-size: 22px;
  margin-bottom: 0;
  transform: translateY(-5px);
  transition: all 0.5s;
}
.portfolio .item-img p {
  margin-bottom: 8px;
  margin-top:20px;
}
.portfolio .item-img .fa {
  background: #4e54c8;
  border: 1px solid #4e54c8;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  height: 30px;
  line-height: 28px;
  width: 30px;
  transition: all 0.5s;
}
.portfolio .item-img .fa:hover {
  background: #fff;
  color: #4e54c8;
}
.portfolio .item-img-overlay {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.95);
  color: #35424c;
  opacity: 0;
  transition: all 0.5s;
  z-index: 2;
  transform: translateY(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio .gallery{
  width:100%;
}
/* =================================== Media queries ====================================== */
@media screen and (max-width: 767px) {
  .portfolio {
    overflow: hidden;
  }
  .portfolio .filtering {
    margin-bottom: 5px;
  }
  .portfolio .filtering span {
    margin-right: 15px;
    font-size: 12px;
  }
}

/* project single */
.project-carousel h4:after {
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-content{
  margin-top:30px;
}
.project-single-text h2 {
  color:#232323;
}
.project-single-text h4:after {
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-text p {
  font-weight: 400;
  line-height: 1.8;
}
.project-single-text h5 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px;
}
.project-single-text h5:after {
  display: block;
  width: 70px;
  margin-top: 8px;
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-text ul li {
  color: #232323;
  font-size: 15px;
  font-weight: 500;
}
.project-single-text ul li i {
  color: #4e54c8;
  font-weight: 500;
  font-size: 15px;
  padding-right: 10px;
}
.project-single-info {
  border: 1px solid #ececec;
  display: block;
  width: 100%;
  padding: 0 20px;
}
.project-single-info ul li {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ececec;
  padding: 12px 0;
}
.project-single-info ul li:last-child {
  border-bottom: none;
}
.project-single-info ul li span {
  display: inline-block;
  color: #232323;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  width: 70px;
  max-width: 100%;
}
.project-single-info ul li .value {
  width: auto;
  margin-right: 0;
  color: #6f6f6f;
}
.project-single-img {
  text-align: center;
}
.project-single-img img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}
/*============================== Media queries ================================== */
@media screen and (max-width: 992px) {
  .project-single {
    margin-bottom:30px;
  }
}
/* ------------------------------------------------------------------------------- 
------------------------------------ SCROLLL TOP . -------------------------------
------------------------------------------------------------------------------- */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.scroll-to-top i {
  color: #fff;
}
.scroll-to-top:hover {
  color: #232323;
  background: #fff;
}
.scroll-to-top:hover i {
  color: #232323;
}
.scroll-to-top:visited {
  color: #232323;
  text-decoration: none;
}
/* ------------------------------------------------------------------------------- 
------------------------------------ BUTTONS .     -------------------------------
------------------------------------------------------------------------------- */
.butn {
  background:transparent;
  cursor: pointer;
  font-weight: 600;
  color: #B73080;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
  transition: all linear 400ms;
  border: 2px solid #B73080;
}
.butn:hover {
  color: #fff;
  background:#B73080;
  border: 2px solid #B73080;
}
a.butn:hover, a.butn:active {
  color: #fff;
}
.butn:before {
  background: #B73080;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 51%;
  -ms-transform-origin: 51%;
  transform-origin: 51%;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 22px;
  border: none;
}
.butn:hover:before, .butn:focus:before, .butn:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.butn.white {
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  color: #4e54c8;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 100ms;
  transition: all linear 100ms;
  border: none;
}
.butn.white:hover {
  color: #fff;
  background: #4e54c8;
}
a.butn.white:hover, a.butn.white:active {
  color: #fff;
  background: #4e54c8;
}
.butn.white:before, .butn.white:hover:before, .butn.white:focus:before, .butn.white:active:before {
  content: none;
}
/* ------------------------------------------------------------------------------- 
------------------------------------ INPUT CONTACT FORM  -------------------------
------------------------------------------------------------------------------- */
.center-col{
  float:none;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.big-input,.big-textarea,.big-select select{
  padding:18px 25px;
  font-size:14px;
  border-radius:0
}
.medium-input,.medium-textarea,.medium-select select{
  padding:12px 20px;
  font-size:14px;
  line-height:normal;
  border-radius:0
}
.small-input,.small-textarea{
  padding:12px 15px;
  font-size:11px;
  line-height:normal
}
.small-select select{
  padding:15px 15px;
  line-height:normal
}
.medium-input-light,.medium-textarea-light,.medium-select-light select{
  padding:12px 25px;
  font-size:12px;
  line-height:normal
}
.required-error{
  border:1px solid #ee2323 !important
}
.input-border-bottom.required-error{
  border-width:0 !important;
  border-bottom-width:1px !important;
  border-bottom-color:#ee2323 !important
}
#success-contact-form{
  clear:both;
  margin:0 15px 15px;
  text-align:center;
  border:1px solid #1a940a;
  color:#1a940a;
  padding:2px 0;
  display:none;
  font-size:11px
}
/* ------------------------------------------------------------------------------- 
------------------------------------ BACKGROUND OVERLAY --------------------------
------------------------------------------------------------------------------- */
[data-overlay-green],[data-overlay-light], [data-overlay-purple], [data-overlay-blue]{
  position:relative
}
[data-overlay-green] .position-unset,[data-overlay-light] .position-unset, [data-overlay-purple] .position-unset, [data-overlay-blue] .position-unset{
  position:unset !important
}
[data-overlay-green] .container,[data-overlay-light] .container, [data-overlay-blue] .container,[data-overlay-purple] .container{
  position:relative;
  z-index:1;
}

[data-overlay-green]:before,[data-overlay-light]:before, [data-overlay-blue]:before, [data-overlay-purple]:before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1
}

[data-overlay-purple="0"]:before,[data-overlay-light="0"]:before, [data-overlay-green="0"]:before, [data-overlay-blue="0"]:before{
  opacity:0
}
[data-overlay-purple="1"]:before,[data-overlay-light="1"]:before, [data-overlay-green="1"]:before, [data-overlay-blue="1"]:before{
  opacity:0.1
}
[data-overlay-purple="2"]:before,[data-overlay-light="2"]:before, [data-overlay-green="2"]:before, [data-overlay-blue="2"]:before{
  opacity:0.2
}
[data-overlay-purple="3"]:before,[data-overlay-light="3"]:before, [data-overlay-green="3"]:before, [data-overlay-blue="3"]:before{
  opacity:0.3
}
[data-overlay-purple="4"]:before,[data-overlay-light="4"]:before, [data-overlay-green="4"]:before, [data-overlay-blue="4"]:before{
  opacity:0.4
}
[data-overlay-purple="5"]:before,[data-overlay-light="5"]:before, [data-overlay-green="5"]:before, [data-overlay-blue="5"]:before{
  opacity:0.5
}
[data-overlay-purple="6"]:before,[data-overlay-light="6"]:before, [data-overlay-green="6"]:before, [data-overlay-blue="6"]:before{
  opacity:0.6
}
[data-overlay-purple="7"]:before,[data-overlay-light="7"]:before, [data-overlay-green="7"]:before, [data-overlay-blue="7"]:before{
  opacity:0.7
}
[data-overlay-purple="8"]:before,[data-overlay-light="8"]:before, [data-overlay-green="8"]:before, [data-overlay-blue="8"]:before{
  opacity:0.8
}
[data-overlay-purple="9"]:before,[data-overlay-light="9"]:before, [data-overlay-green="9"]:before, [data-overlay-blue="9"]:before{
  opacity:0.9
}
[data-overlay-purple="10"]:before,[data-overlay-light="10"]:before, [data-overlay-green="10"]:before, [data-overlay-blue="10"]:before{
  opacity:1
}

/* PURPLE */
[data-overlay-purple]:before{
  background:#B73080;
}

/* WHITE */
[data-overlay-light]:before{
  background:#fff;
}

/* GREEN */
[data-overlay-green]:before{
  background:#80B530;
}

/* BLUE */
[data-overlay-blue]:before{
  background:#3080B0;
}

/* ------------------------------------------------------------------------------- 
------------------------------------ LOGO CAROUSEL       -------------------------
------------------------------------------------------------------------------- */
div.section-clients .owl-item { text-align:center;}
.section-clients {  padding: 50px 0;}
.section-clients .slick-initialized .slick-slide { text-align:center; }
.section-clients .clients img {  opacity: 0.6;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s; max-height:85px; width:auto!important; }
.section-clients .clients img:hover {  opacity: 1; }
.section-clients .owl-stage{ display: -webkit-box;    display: -ms-flexbox;    display: flex;  align-items:center; }
/* =================================== Media queries ====================================== */
@media screen and (max-width: 991px) {
  .section-clients {    padding: 30px 0;}
  .section-clients .item {    text-align: center;    width: 100%;}
  .section-clients .owl-carousel .owl-item img {    max-width: 75%;    display: inline-block;}
}

/* ------------------------------------------------------------------------------- 
------------------------------------ BACKGROUND POSITION -------------------------
------------------------------------------------------------------------------- */
.parallax{
  position:relative;
  background-size:cover;
  overflow:hidden;
  background-attachment:fixed
}
.parallax h2, .parallax p {
  color:#fff;
}
.fix-background{
  position:relative;
  background-size:cover;
  animation-duration:0s;
  animation-fill-mode:none;
  -webkit-animation-duration:0s;
  -webkit-animation-fill-mode:none;
  -moz-animation-duration:0s;
  -moz-animation-fill-mode:none;
  -ms-animation-duration:0s;
  -ms-animation-fill-mode:none;
  -o-animation-fill-mode:none;
  overflow:hidden;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.cover-background{
  position:relative !important;
  background-size:cover !important;
  overflow:visible;
  background-position:center !important;
  background-repeat:no-repeat !important
}
.up-down-ani{
  display:table;
  position:relative;
  -webkit-animation-name:up-down-animation;
  -webkit-animation-duration:.7s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:.7s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  -moz-animation-name:up-down-animation;
  -moz-animation-duration:.7s;
  -moz-animation-timing-function:linear;
  -moz-animation-delay:.7s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:up-down-animation;
  -ms-animation-duration:.7s;
  -ms-animation-timing-function:linear;
  -ms-animation-delay:.7s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:alternate;
  -o-animation-direction:alternate;
  -o-animation-name:up-down-animation;
  -o-animation-duration:.7s;
  -o-animation-timing-function:linear;
  -o-animation-delay:.7s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:alternate;
  animation-direction:alternate;
  animation-name:up-down-animation;
  animation-duration:.7s;
  animation-timing-function:linear;
  animation-delay:.7s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  margin:0 auto
}

@media screen and (max-width: 767px) {
  .butn {
    padding: 12px 24px;
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
  .parallax{
    background-attachment:inherit;
    background-position:center
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
  .parallax{
    background-attachment:inherit;
    background-position:center
  }
}
/* ========================================================================================== */
/* =================================== SECTION HEADING ====================================== */
/* ========================================================================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center;
}
.section-heading.half {
  margin-bottom: 30px;
}
.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
  position: relative;
  margin-bottom: 0;
  font-weight: 600;
  position: relative;
  line-height: 140%;
  color:#B73080;
}
.section-heading.white h1, .section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6 {
  color: #fff;
}
.section-heading.grey h1, .section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6 {
  color: #b7b7b7;
}
.section-heading.grey h1:after, .section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after {
  background: #b7b7b7;
}
.section-heading.left {
  text-align: left;
}
.section-heading strong {
  font-weight: 600;
}
.section-heading.white p {
  color: #fff;
}
.section-heading p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 15px;
  margin: 0 auto;
}
.section-heading span {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #4e54c8;
  line-height: 200%;
  margin-bottom: 10px;
}
.section-heading.white span {
  color: #fff;
}
.section-heading.grey span {
  color: #b7b7b7;
}
/*-------Media queries Section heading------*/
@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px;
  }
  .section-heading p {
    padding-top: 10px;
    font-size: 14px;
  }
}

/* ========================================================================================== */
/* =================================== Banner creative ====================================== */
/* ========================================================================================== */
.banner-creative {
  background: #f5fafe;
  padding: 15% 0;
}
.banner-creative .banner-img img {
  position: absolute;
  left: -15px;
  top: -38%;
}
.banner-creative .btn-play {
  width: 50px;
  height: 50px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin: auto;
  display: inline-block;
  border: 2px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.banner-creative .btn-play:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #fff;
  opacity: 0.19;
  z-index: 1;
}
.banner-creative .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
}
.header-shape {
  margin-top: -3.9%;
  z-index: 9;
  position: relative;
}
/*-------Media queries Banner creative------*/
@media screen and (max-width: 1199px) {
  .banner-creative .banner-img img {
    top: -18%;
  }
}
@media screen and (max-width: 991px) {
  .banner-creative {
    padding: 50px 0 50px 0;
  }
  .banner-creative .banner-img img {
    position: relative;
    width: auto;
    float: none !important;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .banner-creative {
    padding: 30px 0;
  }
  .banner-creative .btn-play {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
  }
}

/* =================================================================================================== */
/* ======================================= PRICING TABLE 1         =================================== */
/* =================================================================================================== */
.pricing-table .single-plan {
  position: relative;
  z-index: 99;
  border: 1px solid #efefef;
  margin-bottom:30px;
  background:#FFF;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}
.pricing-table .single-plan .head-plan {
  background: #272b3f;
}
.pricing-table .single-plan .head-plan h3 {
  padding: 20px;
  margin: 0;
  color: #fff;
  font-weight: 600;
}
.pricing-table .single-plan .body-plan .price-plan {
  padding: 32px 0 43px;
  position: relative;
  background: #f7f7f7;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
}
.pricing-table .single-plan .body-plan .price-plan > div {
  margin: 0;
  z-index: 11;
  position: relative;
  font-weight: bold;
  color: #272b3f;
  font-size:32px;
}
.pricing-table .single-plan .body-plan .price-plan h3 sup {
  font-size: 18px;
  top: -15px;
  font-weight: bold;
  margin-right: 2px;
}
.pricing-table .single-plan .body-plan .price-plan span {
  text-transform: uppercase;
  font-size: 12px;
  z-index: 11;
  position: relative;
  color:#272b3f;
}
.pricing-table .single-plan .feat-plan {
  margin: 56px 0 33px;
}
.pricing-table .single-plan .feat-plan ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-table .single-plan .feat-plan ul li {
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
.pricing-table .single-plan .feat-plan ul li:last-child {
  margin: 0;
}
.pricing-table .single-plan .feat-plan ul li i {
  margin-right: 10px;
}
.pricing-table .single-plan .body-plan .price-plan i {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left: 44.5%;
  z-index: 99;
  background: #125BFF;
  background: -webkit-linear-gradient(147deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(147deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(147deg, #80B530, #0DB2BA);
  background: linear-gradient(147deg, #80B530, #0DB2BA);
}
.pricing-table .single-plan.footer-plan {
  padding: 0 0 30px;
}
/* =================================== Media queries ====================================== */
@media screen and (max-width: 1200px) {
  .pricing-table .single-plan .body-plan i {
    left:44.5%;
  }
  .pricing-table .single-plan{
    margin-top:20px;
  }
}

/* =================================================================================================== */
/* ======================================= PRICING TABLE 2         =================================== */
/* =================================================================================================== */
.pricing-table2 .item {
  padding: 0 0 30px 0;
  background: #fff;
  transition: all 0.3s;
  margin-bottom:30px;
}
.pricing-table2 .item:hover {
  box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
}
.pricing-table2 .type {
  padding: 15px 0;
  background: #272B3F;
}
.pricing-table2 .type h3 {
  color: #fff;
  margin-bottom: 0;
}
.pricing-table2 .value {
  padding: 30px 0 15px 0;
  position: relative;
}
.pricing-table2 .value > div {
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  line-height:1.2;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
  color: #272B3F;
}
.pricing-table2 .value h3 span {
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 0;
}
.pricing-table2 .value .per {
  font-size: 13px;
  color: #b73080;
}
.pricing-table2 .features li {
  margin: 15px 0;
  color: #777;
}
.pricing-table2 .order {
  padding-top: 15px;
  position: relative;
}
.pricing-table2 .active {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1);
}
.pricing-table2 .active .type {
  background: #4e54c8;
  background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: linear-gradient(-45deg, #4e54c8, #8089ff);
}
.border-white-bg {
  border: 1px solid #272B3F;
  border-radius: 0 0 5px 5px;
}
/* ================================ Media queries =================================== */
@media screen and (max-width: 1199px) {
  .pricing-table2 .value h3 {
    font-size: 42px;
  }
  .single-plan{
    margin-top:20px;
  }
}
@media screen and (max-width: 767px) {
  .pricing-table2 .value h3 {
    font-size: 36px;
  }
  .pricing-table2 .value h3 span {
    font-size: 13px;
  }
  .pricing-table2 .value .per {
    font-size: 12px;
  }
}

/* =================================================================================================== */
/* ======================================= TITLE TABS         ======================================== */
/* =================================================================================================== */
section.title-tab h2 { color:#B73080; font-weight:700; margin-bottom:20px; }
.title_tabs .horizontaltab .resp-tabs-list {
  margin: 0px;
  padding: 0px;
}
.title_tabs .horizontaltab .resp-tabs-list li {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 15px 20px 13px 20px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: 180px;
}
.title_tabs .horizontaltab .resp-tabs-list li:hover {
  box-shadow: 0px 0px 10px rgba(229, 229, 229);
  padding: 15px 20px 13px 20px;
  transition: all .2s ease-out;
}
.title_tabs .horizontaltab .resp-tabs-list li:last-child {
  margin-right: 0;
}
.resp-tabs-list li i {
  font-size: 28px;
  margin-bottom: 8px;
  color: #6f6f6f;
}
.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}
.resp-tab-content {
  display: none;
  padding: 50px 0 0 0;
}
.resp-tabs-list li.resp-tab-active {
  background: #80B530;
  background: -webkit-linear-gradient(136deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(136deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(136deg, #80B530, #0DB2BA);
  background: linear-gradient(136deg, #80B530, #0DB2BA);
  padding: 15px 20px 13px 20px;
  color: #4e54c8;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.resp-tabs-list li.resp-tab-active i {
  color: #fff;
}
.resp-content-active, .resp-accordion-active {
  display: block;
}
.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%;
}
h2.resp-accordion {
  background: #fff !important;
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #e4e4e4;
  border-top: 0px solid #e4e4e4;
  margin: 0px;
  padding: 15px 21px;
  float: left;
  width: 100%;
}
h2.resp-tab-active {
  border-bottom: 0px solid #e4e4e4 !important;
  background: #4e54c8 !important;
  color: #fff;
}
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e4e4e4 !important;
  background: #4e54c8;
  background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: linear-gradient(-45deg, #4e54c8, #8089ff);
}
/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none;
}
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #4e54c8 !important;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none;
}
.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 11px !important;
  border-top: 1px solid;
  border: 1px solid #4e54c8 !important;
  border-left: 4px solid #4e54c8 !important;
  margin-bottom: 4px !important;
  border-right: 1px #fff solid !important;
}
.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px;
}
h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px;
}
/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block;
}
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
}
.resp-jfit {
  width: 100%;
  margin: 0px;
}
.resp-tab-content-active {
  display: block;
  border-color: #e4e4e4 !important;
}
h2.resp-accordion:first-child {
  border-top: 1px solid #e4e4e4;
}
h2.resp-accordion.resp-tab-active {
  border-color: #e4e4e4 !important;
}
/* =================================== Media queries ====================================== */
/* tab-style */
@media screen and (min-width: 768px) {
  .tab-style ul.resp-tabs-list {
    text-align: center;
  }
  .tab-style ul.resp-tabs-list.text-left {
    padding-left: 15px;
  }
  .tab-style ul.resp-tabs-list li:last-child {
    margin-right: 0;
  }
  .tab-style ul.resp-tabs-list li.resp-tab-active {
    color: #fff;
  }
  .tab-style .resp-tab-content {
    border: 1px solid #e6e6e6;
    border-width: 1px 0 0 0;
    border-color: #4e54c8;
  }
}
/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
  }
  h2.resp-accordion i {
    margin-right: 12px;
    font-size: 18px;
    min-width: 25px;
  }
  h2.resp-accordion.resp-tab-active i {
    color: #fff;
  }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #c1c1c1;
  }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
  }
  .resp-tab-content {
    background-color: #fff;
    padding: 20px 15px;
  }
}

/* =================================================================================================== */
/* ======================================= IMAGE AND TEXT         ==================================== */
/* =================================================================================================== */
section.img-text .container h2 {
  font-size:42px;
  margin-bottom:12px;
  font-family: neo-sans, sans-serif;
}
section.img-text .container h3 {
  color:#616161;
  font-size:20px;
  font-weight:400;
  margin-bottom:20px;
}
section.img-text .container p span, section.img-text .container p em{
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  padding: 10px 0 0 0;
}

section.img-text .detail ul {
  margin-left:15px;
}

section.img-text .detail ul li { 
  list-style:none;
  position:relative;
  padding-left:25px;
  margin-bottom:10px;
}

section.img-text .detail ul li:last-child {
  margin-bottom:0px;
}

section.img-text .detail ul li:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background:#B73080;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 2;
}

section.img-text .detail ul li:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  opacity:.3;
  background:#B73080;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 1;
}

/* ================ Layout style choice left or right ===================== */
section.img-text .container .padding-left {
  padding-left:50px;
}
section.img-text .container .padding-right {
  padding-right:50px;
}

@media screen and (max-width: 992px) {
  section.img-text .container .padding-left {
    padding-left:0px;
    padding-top:30px;
  }
  section.img-text .container .padding-right {
    padding-right:0px;
  }
}

/* =================================================================================================== */
/* ======================================= GLOBAL TEAM          ====================================== */
/* =================================================================================================== */
.global-team .partner-box {
  border: 1px solid #ececec;
  margin-bottom: 30px;
}
.global-team .partner-box img {
  width: 100%;
}
.global-team .partner-box .partner-text {
  padding: 25px 40px 25px 0;
}
.global-team .partner-box .partner-text .social-icon-style1 span {
  color: #ff6357;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  align-items:center;
  justify-content:center;
  height:100%;
}
.global-team .partner-box .partner-text .social-icon-style1 span svg{ 
  width:20px;
}
.global-team .partner-box:hover .partner-text .social-icon-style1 span {
  color: #999;
}
.global-team .partner-box .partner-text h4 {
  color: #232323;
  font-size: 21px;
  font-weight: 600;
  margin: 5px 0 20px 0;
  line-height: normal;
}
.global-team .partner-box .partner-text h4:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #4e54c8;
  margin-top: 10px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.global-team .partner-box:hover .partner-text h4:after {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .global-team .partner-box .partner-text {
    padding: 25px;
  }
  .global-team .partner-box .partner-text span {
    font-size: 12px;
  }
  .global-team .partner-box .partner-text h4 {
    font-size: 18px;
    margin: 5px 0 15px 0;
  }
  .global-team .partner-box .partner-text h4:after {
    margin-top: 8px;
  }
}

/* =================================== Team member ======================================= */
section.global-team { width:83%; margin:0 auto; }
section.global-team .section-heading { text-align:left; width:80%; }
section.global-team .section-heading h2 {     text-transform: uppercase; font-size: 60px; margin-bottom: 15px; line-height:1.2; font-family:neo-sans, sans-serif;  }
section.global-team .item-list { margin-bottom:40px; }
.team-style { width:80%; margin:0 auto;  }

.team-style .team-description {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  opacity: 0;
  transition: all 200ms ease-in-out;
  padding: 15px;
  z-index: 9;
}
.team-style .social-links {
  transform: translateY(15px);
  transition: transform 300ms ease-in-out, opacity 150ms ease-in;
  opacity: 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

.team-style .social-links  span {
  color: #ff6357;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  align-items:center;
  justify-content:center;
  height:100%;
}

.team-style .social-links a:hover {
  opacity: 0.65;
}
.team-style .social-links svg{
  width:20px;
  fill:#FFF;
}
.team-style .team-description-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.team-style .team-description-content {
  display: table-cell;
  vertical-align: middle;
}
.team-style .team-member-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius:7px;
}
.team-style .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  opacity: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  border-radius:50%;
  transition: all 200ms ease-in-out;
  display: none;
  z-index: 1;
}
.team-style .team-description-name h3 {
  padding-top: 10px;
  margin: 0;
}
.team-style .team-member-img > img {
  transition: all 0.2s ease 0s;
}
.team-style .team-member-img img {
  transition: all 0.3s ease 0s;
}
.team-style .team-member-img:hover img {
  filter: grayscale(100%);
}
.team-style:hover .bg-cover {
  background-color:rgba(48, 128, 176, .7);
  display: block;
}
.team-style:hover .social-links {
  transition-delay: 100ms, 100ms;
  opacity: 1;
  transform: translateY(0);
} 
.team-style:hover .social-links i {
  font-size:22px;
  color:#fff;
  margin:10px;
}
.team-style:hover .team-description {
  opacity: 1;
}

@media screen and (max-width:768px) {
  section.global-team .section-heading h2 { font-size:34px; }
  section.global-team { width:100%; }
}
/* =================================================================================================== */
/* ======================================= TESTIMONIALS V1        ==================================== */
/* =================================================================================================== */
section.title-testimonial .testmonial-single {
  text-align: center;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
section.title-testimonial .testmonial-single h3 {
  font-weight: 700;
  font-size:18px;
  margin-bottom:5px;
}
section.title-testimonial .testmonial-single h4 {
  font-size:15px;
  font-weight:400;
}
section.title-testimonial .testmonial-single p {
  font-size:17px;
  font-weight:300;
  width:40vw;
  margin:auto;
  padding-bottom:20px;
}
section.title-testimonial .testmonial-single .image_container {
  width:100px;
  height:100px;
  border-radius:100%;
  background-size:cover;
  margin:0 auto 30px;
}
/*========================= Media queries ======================*/
@media screen and (max-width: 768px) {
  section.title-testimonial .testmonial-single p {
    width:60vw;
  }
}
@media screen and (max-width: 576px) {
  section.title-testimonial .testmonial-single p {
    width:80vw;
  }
}




/* =================================================================================================== */
/* ======================================= TESTIMONIALS V2        ==================================== */
/* =================================================================================================== */
.testimonial-v2{
  padding:0;
}

.testimonial-v2 .owl-item{
  height:100%; 
  float:none;
  display:inline-block;
}
.testimonial-v2 .testmonial-single {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.testimonial-v2 .testmonial-single .contains h3 {
  font-weight: 700;
  font-size:50px;
  margin-top:50px;
  margin-bottom:5px;
  margin-left:20px;
}
.testimonial-v2 .testmonial-single .contains .role {
  font-size:20px;
  font-weight:300;
  margin-left:20px;
}
.testimonial-v2 .testmonial-single .contains p {
  font-size:24px;
  font-weight:300;
  margin-left:20px;
  padding-bottom:100px;
}
.testimonial-v2 .testmonial-single .contains span i{
  font-size:30px;
  margin:60px 0 28px 20px; 
}

.testimonial-v2 .testmonial-single .image_container img{
  max-width:350px;
  margin-top:50px;
}

.testimonial-v2 .owl-dots{
  position:absolute;
  left: 370px;
  bottom: 10px;
}
.testimonial-v2 .box-circle-large {
  left: 0;
  bottom: 100px;
  width:300px;
  height:300px;
  background: #80B530;
  background: -webkit-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -moz-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: -o-linear-gradient(-45deg, #80B530, #0DB2BA);
  background: linear-gradient(-45deg, #80B530, #0DB2BA);
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index:-1;
}

/*========================= Media queries ======================*/
@media (max-width: 991px){
  .testimonial-v2 .testmonial-single .contains h3 {font-size:30px; }
  .testimonial-v2 .testmonial-single .contains .role{ font-size:18px;}
  .testimonial-v2 .testmonial-single .contains p{ font-size:20px;}
}
@media screen and (max-width: 768px) {
  .testimonial-v2 .testmonial-single .image_container img{ max-width:150px; margin-top:50px;}
  .testimonial-v2 .box-circle-large { width:100px; height:100px;}
  .testimonial-v2 .owl-dots{ left:170px;}
}
@media screen and (max-width: 576px) {
  .testimonial-v2 .testmonial-single{ flex-flow:column-reverse; align-items: end; }
  .testimonial-v2 .testmonial-single .contains p{ padding-bottom:20px;}
  .testimonial-v2 .testmonial-single .image_container img{ max-width:250px; margin-top:0;}
  .testimonial-v2 .box-circle-large { width:200px; height:200px;}
  .testimonial-v2 .owl-dots{ right:20px; text-align: right;}
}

/* =================================================================================================== */
/* ======================================= Counter         =========================================== */
/* =================================================================================================== */
.counter .col > h2{
  text-align:center;  
  margin-bottom:50px;
  font-size:34px;
}
.counter-box span i {
  font-size: 38px;
  display:block;
  color:#b73080;
}
.counter-box h3, .counter-box h4 {
  display: inline-block;
  font-weight: 600;
  padding-top:10px;
}
.counter-box {
  position: relative;
  text-align: center;
  padding-top:40px;
}
.counter-box h3:after {
  content: '+';
}
.counter-box h4 {
  font-size: 28px;
  line-height: normal;
  margin: 0;
}
.counter-box h4:after {
  content: '+';
}
.counter-box h3 {
  font-size: 45px;
}
.counter-box p{
  color:#272B3F;
}
/* =================================== Media queries ======================================= */
@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px;
  }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box h4 {
    font-size: 22px;
  }
}
/* =================================================================================================== */
/* ======================================= Accordion style =========================================== */
/* =================================================================================================== */
/*Surcharge Exodata*/
section.accordion { background:#0B0B0B;  }
section.accordion .section_heading .door { font-size:14px; text-transform:uppercase; }
section.accordion .section_heading h2 { font-family:neo-sans, sans-serif; font-size:42px; color:#fff; }
section.accordion .accordion_content { margin-top:70px; }
section.accordion .collapse.show  {position:relative;  border-top:dotted #B73080; border-width:4px 0 0 0; background:#F7FAFF;  }
section.accordion .collapse.show .card-body:before { position: absolute; content: ""; width: 50px; height: 50px; background: #0B0B0B; top: -27px; border-radius: 50%; left: -25px;  }
section.accordion .collapse.show .card-body:after { position: absolute; content: ""; width: 50px; height: 50px; background: #0B0B0B; top: -27px; border-radius: 50%; right: -25px; }


.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
  margin-bottom:10px;
}
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  background: #F7FAFF;
}
.accordion-style .btn-link {
  background: #efefef;
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  color: #6f6f6f;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 0px;
  padding: 30px 60px;
  text-decoration: none;
  font-size: 15px;
}
.accordion-style .btn-link:hover {
  border: none;
  text-decoration: none;
}
.accordion-style .btn-link.collapsed {
  box-shadow: none;
}
.accordion-style .btn-link.collapsed:after {
  background: none;
  border: 1px solid #B73080;
  border-radius: 50%;
  content: "+";
  right: 40px;
  left: inherit;
  font-size: 25px;
  line-height: 32px;
  height: 35px;
  transform: none;
  width: 35px;
  top: 35%;
  text-align: center;
  padding-left: 0;
  letter-spacing: -1px;
}
.accordion-style .btn-link:after {
  background: none;
  border: 1px solid #B73080;
  border-radius: 50%;
  content: "+";
  right: 40px;
  left: inherit;
  font-size: 30px;
  height: 35px;
  line-height: 32px;
  transform: none;
  width: 35px;
  top: 35%;
  position: absolute;
  color: #B73080;
  text-align: center;
  padding-left: 0px;
  letter-spacing: 0px;
}
.accordion-style .btn-link.active:after {
  background: none;
  border: 1px solid #B73080;
  border-radius: 50%;
  content: "-";
  right: 20px;
  left: inherit;
  font-size: 30px;
  height: 35px;
  line-height: 27px;
  transform: none;
  width: 35px;
  top: 35%;
  position: absolute;
  color: #B73080;
  text-align: center;
  padding-left: 0px;
  letter-spacing: 0px;
}
.accordion-style .card-body {
  padding: 20px;
  line-height: 24px;
  text-align: left;
  background:#F7FAFF;
  padding:40px 97px;
}
.accordion-style .card-body p { color:#616161; }
/*------Accordion style Background Layout------*/
section.bg-theme-white .accordion-style .btn-link {
  background:#F7FAFF;
  text-decoration:none;
  color:#616161;
  font-weight:700; 
  font-size:20px;
}
section.bg-theme-grey .accordion-style .btn-link {
  background: #80B530;
  color: #fff;
  text-decoration:none;
}
section.bg-theme-light .accordion-style .btn-link {
  background: #80B530;
  color: #fff;
  text-decoration:none;
}
section.bg-theme-grey .accordion-style .btn-link.collapsed:after {
  border: 1px solid #fff;
  color:#fff;
}
section.bg-theme-grey .accordion-style .btn-link:after {
  border: 1px solid #fff;
  color:#fff;
}
section.bg-theme-light .accordion-style .btn-link.collapsed:after {
  border: 1px solid #fff;
  color:#fff;
}
section.bg-theme-light .accordion-style .btn-link:after {
  border: 1px solid #fff;
  color:#fff;
}
/*-------Media queries Accordion style------*/
@media screen and (max-width: 767px) {
  .accordion-style .btn-link {
    font-size: 14px;
  }
  .accordion-style .card-body { padding:40px 50px; }
}
@media screen and (max-width: 576px) {
  .accordion-style .btn-link.collapsed:after { right:20px; }
  .accordion-style .btn-link:after { right:20px; }
  .accordion-style .btn-link { padding:30px 30px; font-size:18px; }
  .accordion-style .card-body { padding:30px 30px; }
}

/* ======================================================================================= */
/* =================================== Services1 ========================================= */
/* ======================================================================================= */
.services1 .services1-block {  padding:30px;  background: #fff;  border-radius: 7px;  text-align: center;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.services1 .services1-block h3 {  font-size:28px;  padding-top:10px;}
.services1 .services1-block p {  margin-bottom: 0; color:#6f6f6f; }
.services1 .services1-block .title-box {  position: relative;  padding: 20px;  font-size: 60px;  line-height: 1;  width: 2em;  margin-left: auto;  margin-right: auto;}
.services1 .services1-block .title-box .box-circle-large, 
.services1 .services1-block .title-box .box-circle-small {  position: absolute;  border-radius: 50%;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.services1 .services1-block .title-box .box-circle-large {  left: 0;  bottom: 0;  width: 1.37em;  height: 1.37em;  background: rgba(78, 74, 200, 0.1);}
.services1 .services1-block .title-box .box-circle-small {  top: 0;  right: 0;  width: 0.59em;  height: 0.59em;  background: rgba(128, 137, 255, 0.1);}
.services1 .services1-block:hover {  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);  transform: translateY(-0.5em);}
.services1 .services1-block:hover .box-circle-large {  transform: scale(1.2);}
.services1 .services1-block:hover .box-circle-small {  transform: translate3d(0, -35%, 0) rotate(0deg);}

.services1 .service-block2 {  position: relative;  text-align: center;  padding: 40px;  background: #F7FAFF;  border-radius: 0px;  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  transition: all .4s ease-out;  margin-bottom:30px;}
.services1 .service-block2 h3 {  font-size:22px;  padding-top:10px;}
.services1 .service-block2 p {  margin-bottom: 0; color:#6f6f6f; }
.services1 .service-block2 .item-icon span {  display: inline-block;  background: #F1F1F1;  width: 90px;  height: 90px;  line-height: 90px;  color: #b73080;  font-size: 40px;  border: 1px solid #b73080;  border-radius: 50%;  text-align: center;}
.services1 .service-block2:hover {  /*background: #80B530;  background: -webkit-linear-gradient(129deg, #b73080, #0DB2BA);  background: -moz-linear-gradient(129deg, #b73080, #0DB2BA);  background: -o-linear-gradient(129deg, #b73080, #0DB2BA);  background: linear-gradient(129deg, #b73080, #0DB2BA);  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);*/  margin-top: -10px;}
/*.services1 .service-block2:hover h3, .services1 .service-block2:hover p {  color: #fff;}*/

/* =================================== Media queries ====================================== */
@media screen and (max-width: 991px) {
  .services1 .services1-block { margin-bottom:30px;}
  .services1 .services1-block .title-box { font-size: 50px;}
}
@media screen and (max-width: 767px) {
  .services1 .services1-block .title-box {font-size: 42px;}
  .services1 .service-block2 .item-icon span {    width: 70px;    height: 70px;    line-height: 70px;    font-size: 32px;}
}

/* ======================================================================================= */
/* =================================== Services2 ========================================= */
/* ======================================================================================= */
.services2{  padding:70px 30px; }
.services2 .row .item.nb_1{  flex:0 0 100%; }
.services2 .row .item.nb_2{  flex:0 0 50%; }
.services2 .row .item.nb_3{  flex:0 0 33%; }
.services2 .row .item.nb_4{  flex:0 0 25%; }
.services2 .row .item.nb_5{  flex:0 0 20%; }
.services2 .row .item {  padding:30px;   margin-top:20px;}
.services2 .row .item-center{ text-align:center; }
.services2 .row .item > div > div{  font-size:22px; font-weight:bold;}
.services2 .row .item h3 {  padding-top:20px;  font-size:22px;}
.services2 .row .item p { color: #6f6f6f; }
.services2 .row .item .icon i{  font-size:42px;}

/*================ Media queries ================*/
@media screen and (max-width: 767px) {
  .services2 .item{ text-align:center;}
  .services2 .row .item.nb_1{ flex:0 0 50%; }
  .services2 .row .item.nb_2{ flex:0 0 50%; }
  .services2 .row .item.nb_3{ flex:0 0 50%; }
  .services2 .row .item.nb_4{ flex:0 0 50%; }
  .services2 .row .item.nb_5{ flex:0 0 50%; }
}
@media(max-width:550px){
  .services2 .row .item.nb_1{ flex:0 0 100%; }
  .services2 .row .item.nb_2{ flex:0 0 100%; }
  .services2 .row .item.nb_3{ flex:0 0 100%; }
  .services2 .row .item.nb_4{ flex:0 0 100%; }
  .services2 .row .item.nb_5{ flex:0 0 100%; }
}

/* ======================================================================================= */
/* =================================== Video ============================================= */
/* ======================================================================================= */
.story-video {
  height: 100%;
}

/* ======================================================================================= */
/* =================================== FULL WITH TEXT ==================================== */
/* ======================================================================================= */
section.full-width-section .full-widht-content h2 {
  line-height:2;
  color:#80B530;
  font-weight:700;
}
section.full-width-section .full-widht-content p {
  width:50%;
  margin:0 auto;
  padding-bottom:60px;
}
/* =================================== Media queries ============================================= */
@media screen and (max-width: 992px) {
  section.full-width-section .full-widht-content p {
    width:80%;
  }
}
@media screen and (max-width: 768px) {
  section.full-width-section .full-widht-content h2 {
    line-height:1.3;
  }
  section.full-width-section { margin-bottom:40px; }
}

/* ======================================================================================= */
/* =================================== Blog ============================================== */
/* ======================================================================================= */
.bloglist-author{ padding-bottom:0; }
.bloglist-author .hs-author-avatar img{ width:100px; border-radius:50%;}
.bloglist-author .hs-author-social-links a i{ font-size:30px; }
.bloglist-author .hs-author-name{ margin-bottom:10px; }
.bloglist-author .hs-author-social-section{ margin-top:20px;}
.bloglist-author .right{ padding:0 30px; }

.bloglist-hero {
  padding: 160px 0 130px;
  text-align: center;
}

.bloglist-hero h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}
.bloglist-hero ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}
.bloglist-hero ul li {
  display: inline-block;
}
.bloglist-hero ul li:last-child a {
  color: #fff;
  font-weight: 600;
}
.bloglist-hero ul li:after {
  content: '/';
  font-weight: 700;
  vertical-align: middle;
  color: #B73080;
  font-family: Font Awesome\ 5 Free;
  padding: 0 5px 0 10px;
}
.bloglist-hero ul li:last-child:after {
  content: none;
}
.bloglist-hero ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.bloglist-hero .active a, .bloglist-hero li.active:last-child a {
  color: #fff;
}

/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG POST HERO BANNER    ---------------------
------------------------------------------------------------------------------- */
.page-title-section {
  padding:220px 0 160px;
  text-align: center;
  position:relative;
}
.page-title-section .breadcrumbs_nav {
  position: absolute;
  z-index: 5;
  left: 0px;
  top: 40px;
  background: #0B0B0B;
  padding: 15px 40px 25px 170px;
}
.page-title-section .green-circle {
  position: absolute;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #BBEA26;
  z-index: 5;
  right: 170px;
  bottom: -46px;
}
.page-title-section .grey-circle {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #FFFFFF;
  z-index: 5;
  right: 280px;
  bottom: 25px;
}
.page-title-section h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}
.page-title-section ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}
.page-title-section ul li {
  display: inline-block;
}
.page-title-section ul li:last-child a {
  color: #fff;
  font-weight: 600;
}
.page-title-section ul li:after {
  content: '/';
  font-weight: 700;
  vertical-align: middle;
  color:#B73080;
  font-family: Font Awesome\ 5 Free;
  padding: 0 5px 0 10px;
}
.page-title-section ul li:last-child:after {
  content: none;
}
.page-title-section ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.page-title-section .active a, .page-title-section li.active:last-child a {
  color: #fff;
}
/* =================================== Media queries ======================================== */
@media screen and (max-width: 1199px) {
  .page-title-section h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .blogs {padding:42px 30px 30px 30px!important;}
  .blogs .post .content .meta li { font-size:20px!important; }
}
@media screen and (max-width: 991px) {
  .page-title-section {
    padding:180px 0px 100px;
  }
  .page-title-section h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .page-title-section ul {
    margin-top: 5px;
  }
  .page-title-section ul li a {
    font-size: 12px;
  }
  .page-title-section .breadcrumbs_nav { padding:15px 40px 25px 60px; }
}
@media screen and (max-width:768px) {
  .blogs { {padding:42px 0px 30px 0px!important;} }
  .page-title-section .green-circle {
    display:none;
  }
  .page-title-section .grey-circle {
    display:none;
  }
  .page-title-section { padding:240px 0px 100px; }
  .blogs .post .content { padding:0px!important; }
}
/* ------------------------------------------------------------------------------- 
---------------------------------   LAST POSTS    -------------------------------
------------------------------------------------------------------------------- */
.section__last_blog .blog-grid-img{ 
  height:200px;
  background-size:cover;
  background-position:center;
}
.section__last_blog h3{
  font-size:20px;
  margin:0;
  min-height:50px;
}

@media screen and (max-width:992px) {
  .section__last_blog .mob-margin { margin-bottom:30px; }
}
/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG GRIS    -------------------------------
------------------------------------------------------------------------------- */
.blog-grid {
  position: relative;
  height:100%;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blog-grid:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  transform: translateY(-0.25em);
}
.blog-grid img {
  width: 100%;
}
.blog-grid .blog-grid-img{
  height:150px;   
  background-size:cover;
  background-position:center;
}
.data-box-grid {
  display: inline-block;
  left: 0;
  bottom: -1px;
  padding: 5px 20px;
  font-size: 18px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  background: #B73080;
}
.data-box-grid .day {
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 8px;
  color: #fff;
  font-size: 20px;
}
.blog-grid .data-box-grid .month {
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.blog-grid-text {
  position: relative;
  padding:30px 30px 90px 30px;
  height:calc(100% - 150px);
}
.blog-grid-text > span {
  color: #4e54c8;
  font-size: 13px;
  padding-right: 5px;
}
.blog-grid-text h3 a {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 0;
  min-height: 50px;
  font-weight:600;
  color:#370F27;
}
.blog-grid-text ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 25px 10px 0;
}
.blog-grid-text ul li i {
  color: #4e54c8;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}
.blog-grid-text p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  padding: 10px 0 0 0;
}
.blog-grid-text .grid-btn {
  position:absolute; 
  left:30px; 
  bottom:20px;
}
.blog-list-left-heading:after, .blog-title-box:after {
  content: '';
  height: 2px;
}
.blog-grid-simple-content a:hover {
  color: #232323;
}
.blog-grid-simple-content a:hover:after {
  color: #232323;
}
.blog-list-simple {
  margin: 0 0 60px 0;
  padding-bottom: 30px;
}
.blog-list-simple:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-list-simple .blog-list-simple-img { height:470px; }
.blog-list-simple-text {
  color: #999;
}
.blog-list-simple-text h2 {
  padding-top:10px;
  font-size:42px;

}
.blog-list-simple-text h2 a {
  font-family: neo-sans, sans-serif;
}
.blog-list-simple-text > span {
  color: #4e54c8;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
}
.blog-list-simple-text p {
  border-top: 1px solid #ececec;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 0;
  padding: 15px 0;
}
.blog-list-simple-text .meta {
  margin: 0 0 5px 0;
}
.blog-list-simple-text li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px;
}
.blog-list-simple-text h4 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
  margin: 5px 0;
  line-height: normal;
}
.blog-list-simple-text ul {
  margin: 10px 0;
}
.blog-list-simple-text ul li {
  color:#370F27;
  font-size: 20px;
  font-weight: 500;
  padding: 3px 0;
}
.blog-list-simple-text ul li i {
  color:#370F27;
  margin-right: 5px;
  font-size: 20px;
}
.blog-list-simple-text ul li a {
  font-size:20px;
  color:#370F27;
}
.blogs { padding:42px 30px 30px 50px;  }
.blogs .post {
  margin-bottom: 50px;
}
.blogs .post .content {
  padding: 30px;
}

.blogs .post .content h2{
  font-size:34px; line-height:1.2; color:#B73080;
}
.blogs .post .content h3{
  font-size:32px; line-height:1.2; color:#0B0B0B;
}
.blogs .post .content h4{
  font-size:20px; line-height:1.2; color:#141313;
}

.blogs .post .content .post-title h5 {
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 0;
}
.blogs .post .content .post-title h5 a {
  color: #232323;
}
.blogs .post .content .post-title h5 a:hover {
  color: #f24259;
}
.blogs .post .content .meta {
  margin-bottom: 60px;
}
.blogs .post .content .meta li {
  display: inline-block;
  font-size: 28px;
  color:#141313;
  margin-right:15px;
}
.blogs .post .content .meta li i{
  margin-right:5px;
  color:#141313;
  font-size:18px;
}
.blogs .post .content .meta li a {
  color:#141313;
  font-size:20px
}
.blogs .post .content .meta li span {
  font-size:20px;
}
.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}
.blogs .post .content p { font-size:17px; }
.blogs .post .content .btn {
  border-color: #6f6f6f;
  color: #6f6f6f;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px;
}
.blogs .post .content .btn:hover {
  color: #fff;
  border-color: #f24259;
}
.blogs .post .content ul{
  list-style:none;
}
.blogs .post .content ul.meta li:before, .blogs .post .content ul.meta li:after { content:none; }
.blogs .post .content ul li:before {    
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background:#3080B0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 2;
}

.blogs .posts .content ul li:after {     
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  background:#3080B0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 1;
  opacity:.3;
}

.blogs .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items:center;
}
.blogs .post .share-post span {
  font-weight: 700;
  margin-right:10px;
}

.blogs .post .share-post .socials a{ margin:0 4px;}

.blogs .post .post-img img {
  width: 100%;
}
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}
.blogs .comment-form .new-comments .comment {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.blogs .comment-form .new-comments .comment:last-child {
  margin-bottom: 30px;
}
.blogs .comment-box .author-thumb {
  width: 80px;
  float: left;
}
.blogs .comment-box .comment-info {
  margin-left: 100px;
}
.blogs .comment-box .comment-info h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.blogs .comment-box .comment-info .reply {
  margin-top: 10px;
  font-weight: 600;
}
.blogs .comment-box .comment-info .reply i {
  padding-right: 5px;
  font-size: 12px;
}

.blog-pagination { font-size:14px;   margin: 0 auto ; flex:0 0 100%; text-align:center; overflow:hidden; }
.blog-pagination .previous-posts-link {    float: none;}
.blog-pagination ul { display:inline-block;   text-align: center;    margin: 30px 20px 30px 0; padding:0; }
.blog-pagination ul li {   display: inline-block; }
.blog-pagination ul span.pg li{ width: 38px;  height: 38px;  border-radius: 6px;  border: solid 1px #eeeeee;  background-color: #ffffff;  }
.blog-pagination ul li.hide {    visibility: hidden;}
.blog-pagination ul li a { padding: 5px 8px !important; color:;   text-decoration: none;    line-height:38px; font-size:22px; }
.blog-pagination ul li:hover,
.blog-pagination ul li.active {  }
.blog-pagination ul li:hover a,
.blog-pagination ul li.active a {    color: ;}
.blog-pagination .next-posts-link {    float: none; }
.blog-pagination .btn {  border-radius: 6px; border:solid 1px #DDD; width:61px; height:33px;  cursor: pointer;  background: #FFF; margin:0 9px;}
.blog-pagination .gopage {  border:none; cursor: pointer;  background: #FFF; margin-right:5px; padding:0; color:#192c4e; }

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #4e54c8;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px;
}
.blockquote p {
  font-size: 15px;
  font-weight: 500;
  line-height: 190%;
  color: #232323;
  letter-spacing: 0.5px;
}
.blockquote h4 {
  font-size: 20px;
  font-weight: 400;
  color: #232323;
  letter-spacing: 0.5px;
}
form div.actions { margin-top:20px; }

.article_simple .side-bar { 
  margin-top:106px; 
}

.side-bar .block {
  margin-bottom:30px;
}
.side-bar { 
  right:0px;
}
.side-bar .block h3 {
  position: relative;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  padding:20px 10px 20px 38px;
  color: #fff;
  margin-bottom: 20px;
  background: #0B0B0B;
}
.side-bar .block h3:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #80B530;
  position: absolute;
  bottom: 0;
  left: 0;
}
.side-bar .block ul { padding-right:15px; padding-left:38px }
.side-bar .block ul li {
  position: relative;
  margin: 0 0 9px 0;
  color: #6f6f6f;
  list-style:none;
}
.side-bar .block ul li:last-child {
  margin: 0;
}
.side-bar .block ul li a { color:#0B0B0B; font-size:17px; }
.side-bar .block ul li a:hover { color:#b73080; }
/*
.side-bar .block ul li:after {
content: "";
width: 5px;
height: 1px;
background-color: #6f6f6f;
position: absolute;
top: 12px;
left: 0;
}
*/
.side-bar .block a.filter-expand-link { margin-left:38px; }
.side-bar .block .social-listing {
  margin-bottom: 0;
}
.side-bar .block .social-listing li {
  list-style: none;
  display: inline-block;
}
.side-bar .block .social-listing li:after {
  background: none;
}
.side-bar .block .social-listing li:first-child {
  padding-left: 0;
}
.side-bar .hs-search-field{
  margin-bottom:30px;   
}
.side-bar .hs-search-field form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7;
}
.side-bar .hs-search-field form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0;
}
.side-bar .hs-search-field form button:hover:before {
  border-radius: 0;
  padding: 0;
}

.hs-search-field {
  position: relative;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border:1px solid #d1d1d1;  
  padding:10px;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
  font-size:14px;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color:  rgba(0,0,0, .1);
  outline: none;
}

/*---Scroll Progress div---*/
.bg_progress {
  position: fixed;
  top: 40px;
  left: 0;
  width:100%;
  height:10px;
  background: #F7FAFF 0% 0% no-repeat padding-box;
  z-index:999;
  transition:all .3s ease-out;
}
.bg_progress.visible {
  top:60px;
}

#progress {
  height:10px;
  background-color:#B73080; 
}
.left-nav {
  position:sticky;
  top:30px;
}


/*------Media queries Blog-------*/
@media screen and (max-width: 1199px) {
  .wrapper_commments { padding-left:6%; }
  .bloglist-hero {
    padding: 190px 0 100px;
  }
  .bloglist-hero h1 {
    font-size: 36px;
    line-height: 42px;
  }

  .blog-grid-text h4 {
    font-size: 18px;
  }
  .blogs .post .content .post-title h5 {
    font-size: 22px;
  }
  .blogs .post .content .special {
    font-size: 16px;
  }
  .blogs .posts .title-g h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 992px) {
  .bloglist-hero {
    padding: 160px 0 90px;
  }
  .bloglist-hero h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .bloglist-hero ul {
    margin-top: 5px;
  }
  .bloglist-hero ul li a {
    font-size: 12px;
  }

  .blog-grid {
    margin-bottom:20px;
  }
}
@media screen and (max-width: 767px) {
  #progress { display:none; }
  .bg_progress { display:none; }
  .left-nav { display:none!important; }
  .blog-list-simple-text h2 { font-size:30px; }
  .blog-list-simple-text ul li i { font-size:20px; }
  .blog-list-simple-text ul li a { font-size:20px; }
  .blog-list-simple .blog-list-simple-img { height:370px; }
  section.bloglist-hero .breadcrumbs_nav { padding:15px 40px 25px 50px; }
  .side-bar {
    margin-top:50px;
    padding-left:15px;
  }
  .blog-grid-text {
    padding:15px 15px 50px 15px;
  }
  .blog-grid-text h4 {
    font-size: 16px;
  }
  .blog-grid-text p {
    font-size: 14px;
  }
  .blog-list-simple {
    margin:40px;
    padding-bottom: 20px;
  }
  .data-box-grid {
    padding: 5px 15px;
    font-size: 16px;
  }
  .data-box-grid h5 {
    font-size: 16px;
    margin-right: 3px;
  }
  .blog-list-simple-text > span {
    font-size: 12px;
  }
  .blog-list-simple-text p {
    font-size: 14px;
  }
  .blog-list-simple-text h4 {
    font-size: 18px;
  }
  .blog-list-simple-text ul li {
    font-size: 20px;
  }
  .blogs .post .content .post-title h5 {
    font-size: 20px;
  }
  .blogs .post .content .special {
    font-size: 14px;
  }
  .blogs .posts .title-g h3 {
    font-size: 18px;
  }
  .blog-pagination ul { margin:0; width:70%; }
  .blog-pagination .previous-posts-link { display:block; }
  .blog-pagination .next-posts-link { display:block; }
}
/* =================================== SOCIAL ICONS ====================================== */
.social-icons a:hover {
  opacity: 1;
}
.social-icon-style1 {
  margin-bottom: 0;
}
.social-icon-style1 li {
  text-align: center;
  margin-right: 4px;
  display: inline-block;
}
.social-icon-style1 li a {
  background: #80B530;
  border: 1px solid #80B530;
  color: #fff;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}
.social-icon-style1 li a:hover {
  background: #fff;
  color: #4e54c8;
}
.social-icon-style1 li a i{
  color:#FFF;
}
.social-icon-style1 li a svg{
  fill:#FFF;
}

.social-icon-style1 li a:hover i{
  color:#80B530;
}
.social-icon-style1 li a:hover svg{
  fill:#80B530;
}

.social-icon-style2 li {
  display: inline-block;
  margin-right: 30px;
}
.social-icon-style2 li:last-child {
  margin-right: 0;
}
.social-icon-style2 li a {
  font-size: 22px;
  display:block;
}
.social-icon-style2 li a:hover {
  color: #fff;
}

.social-icon-style2 li a svg{
  width:30px; 
  max-height:30px;
}

.social-icon-style2 li a svg path{
  fill:#FFF;
}

@media screen and (max-width: 767px) {
  .social-icon-style2 li a {
    font-size: 18px;
  }
}
/*------newsletter------*/
.newsletter {
  position: relative;
  background: none;
  overflow: hidden;
}
.newsletter input {
  width: 99%;
  height: 45px;
  margin-bottom: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid rgba(78, 78, 84, 0.2);
  outline: none;
  padding-left: 20px;
  padding-right: 120px;
  z-index: 1;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.67px;
}
.newsletter .butn {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 2;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  outline: none;
  cursor: pointer;
  padding: 13px 18px;
  border-top-left-radius: 0;
  box-shadow: none;
  border-bottom-left-radius: 0;
}
.newsletter .butn:hover:before, .newsletter .butn:focus:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.newsletter .input .butn:active:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*------contact detail------*/
#map {
  height: 400px;
  width: 100%;
}
.form-submit input.submit{
  background: #4e54c8;
  background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: linear-gradient(-45deg, #4e54c8, #8089ff);
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
  transition: all linear 400ms;
  border: none;
  width: auto;
  margin-bottom: 0px;
}
.form-submit input.submit:hover {
  color: #fff;
}
.screen-reader-text{
  text-decoration: none;
}
/*------add------- */
.alignright{
  float:right;
}
.alignleft{
  float:left;
}
.post-text table{ 
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #d1d1d1;
}
.post-text table td{
  border: 1px solid #d1d1d1;
  padding: 7px;
} 
.post-text table th{
  border: 1px solid #d1d1d1;
  padding: 7px;
}
img.alignleft, .alignleft img{
  margin-right:10px; 
  margin-bottom: 10px;
}
img.alignright, .alignright img{
  margin-left:10px;
  margin-bottom: 10px;
} 
.blog-comment-area  table{ 
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #d1d1d1;
}
.blog-comment-area  table td{
  border: 1px solid #d1d1d1;
  padding: 7px;
} 
.blog-comment-area  table th{
  border: 1px solid #d1d1d1;
  padding: 7px;
}
.post-text  li{
  padding-top: 5px;
  list-style: inherit!important;
}
.post-text  ul{
  padding-left: 20px!important;
}
.post-text  ol{
  list-style: decimal!important;
  padding-left: 20px!important;
}
.comment_text  li{
  padding: 0px !important;
  list-style: inherit!important;
  padding-top: 5px !important;
}
.comment_text  ul{
  padding-left: 20px!important;
}
.comment_text  ol{
  list-style: decimal!important;
  padding-left: 20px!important;
}
.comment-respond .comment-reply-title {
  font-weight: 700;
  font-size: 25px;
  color: #000;
  margin-bottom: 25px;
  padding-bottom: 8px;
  position: relative;
}
.comment-respond .comment-reply-title:after {
  width: 50px;
  height: 2px;
  background: #666;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
}
.search-custom form {
  width: 70% !important;
  margin-top: 50px;
}
.search-custom form.search-form:after {
  top: 20px;
}
.wp-caption-text , .gallery-caption , .bypostauthor , .sticky{
  text-decoration: none;
}
form.post-password-form input[type=submit] {
  width: auto !important;
  background: #333053;
  border-color: #333053;
  color: #fff;
  border-radius: 0px 6px 6px 0px;
}
.screen-reader-text {
  display: none;
}
.widget ul li {
  list-style: none !important;
  line-height: 28px;
  padding-top: 10px;
}
.widget ul {
  padding-left: 0px !important;
}
.widget ul.sub-menu , .widget ul.children{
  padding-left: 10px !important;
}
a:hover {
  text-decoration: none !important;
}
/*------add------*/ 
span.featured-post {
  color: #333 !important;
  font-weight: bold !important;
  float: right;
  font-size: 16px;
}
p.logged-in-as {
  font-size: inherit;
  margin-bottom: 25px;
}
p.logged-in-as a{
  color: #888;
}

h3.archive-title {
  text-align: center;
  margin-bottom: 40px;
  font-size: 25px;
  font-weight: 600;
}
.post-text h1 {
  font-size: 46px;
  font-weight: 500;
  color: #34517D;
}
.post-text h2 {
  font-size: 36px;
  font-weight: 500;
  color: #34517D;
}
.post-text h3 {
  font-size: 26px;
  font-weight: 500;
  color: #34517D;
}
.post-text h4 {
  font-size: 22px;
  font-weight: 500;
  color: #34517D;
}
.post-text h5 {
  font-size: 20px;
  font-weight: 500;
  color: #34517D;
}
.post-text h6 {
  font-size: 16px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h1 {
  font-size: 46px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h2 {
  font-size: 36px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h3 {
  font-size: 26px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h4 {
  font-size: 22px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h5 {
  font-size: 20px;
  font-weight: 500;
  color: #34517D;
}
.comment_text h6 {
  font-size: 16px;
  font-weight: 500;
  color: #34517D;
}

.date-comment {
  display: inline-block;
}
.comment-title {
  display: inline-block;
}
.blog-comment-area .blog-comment ul.children {
  padding-left: 20px;
}
.blog-content {
  overflow: hidden;
  margin-bottom: 20px;
}
#respond{
  padding-top: 150px;
  margin-top: -150px;
}
.page-links{
  clear: both;
  padding-top: 20px;
}
.page-links a{
  margin-left: 4px;
  color: #252839;
}
body:not(.has-sidebar) .blog-page-content .col-sm-8.col-md-9 {
  width: 83.33333333%;
  margin-left: 8.33333333%;
}
.search-custom h5 {
  text-transform: inherit;
  font-weight: 400;
  font-size: 18px;
}
a.blog-title {
  color: #232323;
}
a.blog-title:hover {
  color: #4e54c8;
}
@media screen and (min-width: 992px) {

}
.blogs .comments-area .comment-box:nth-child(odd) {
  margin-left: 0px;
}
.author-thumb img.avatar {
  width: 85%;
  border-radius: 50%!important;
}
.blog-comment ul.children {
  margin-left: 80px;
}
@media screen and (max-width: 992px) {
  .blog-comment ul.children {
    margin-left: 20px;
  }
}
.blogs .comment-box .comment-info h6 {
  display: inline-block;
  font-size: 16px;
  text-transform: capitalize;
  margin-right: 5px;
}
.blog-date {
  margin-left: 5px;
}
p.form-submit {
  margin-bottom: 0px;
}
body.page-template-blog .col-lg-9  .blog-list-simple:nth-child(6){
  margin-bottom: 0px;
  padding-bottom: 0px;
}
body.logged-in.page-template-template-home header {
  top: 32px;
}
body.logged-in.page-template-template-home2 header {
  top: 32px;
}
div.wpcf7-validation-errors {
  display: none !important;
}
div.wpcf7 .ajax-loader {
  display: none;
}
.pagination li {
  display: inline-block;
}
.pagination .page-numbers.current {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #dbdbdb;
  border-left-width: 1px;
  background-color: #f7f7f7;
  color: #999;
  cursor: default;
}
.pagination a {
  border-left-width: 1px;
}
/* ======================================================================================= */
/* =================================== Footer ============================================ */
/* ======================================================================================= */
footer {
  padding: 50px 0 0;
  background: #1f1f1f;
  color: #939393;
}
footer p {
  margin-bottom: 0;
}
footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  position: relative;
}
footer h3:after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background: #80B530;
  margin: 12px auto 0 auto;
}

footer .container .row{
  padding:30px;
}
.footer-title-style:after {
  margin-left: auto;
  margin-right: auto;
}
h3.footer-title-style {
  margin-bottom: 20px;
}
.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  background: #191919;
  color: #939393;
}
.footer-bar span {
  color: #4e54c8;
  font-size: 15px;
  font-weight: 400;
}
.footer-list {
  margin: 0;
}
.footer-list li {
  list-style-type: none;
  color: #232323;
  padding: 6px 0;
}
.footer-list li:first-child {
  padding-top: 0;
}
.footer-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #232323;
}
.footer-list li a:before {
  content: '\f105';
  font-weight: 700;
  vertical-align: bottom;
  font-family: Font Awesome\ 5 Free;
  color: #232323;
  padding-right: 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-list li a:hover {
  color: #4e54c8;
}
.footer-list li a:hover:before {
  color: #4e54c8;
}
.footer-social-icons ul {
  margin-bottom: 0;
}
.footer-social-icons ul li {
  display: inline-block;
  border: 1px solid #4e54c8;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-social-icons ul li a {
  color: #4e54c8;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px;
}
}
.footer-social-icons ul li a i{
  color:#FFF; 
}
.footer-social-icons ul li:hover {
  background: #4e54c8;
  background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: linear-gradient(-45deg, #4e54c8, #8089ff);
}
.footer-social-icons ul li:hover i {
  color: #fff;
}
/*footer style2*/
footer h3.footer-title-style2 {
  margin-bottom: 28px;
}
h3.footer-title-style2:after {
  width: 100%;
  height: 1px;
  background: #4e54c8;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px;
  }
  footer h3 {
    font-size: 16px;
  }
  footer h3.footer-title-style2 {
    margin-bottom: 20px;
  }
  h3.footer-title-style {
    margin-bottom: 15px;
  }
  .footer-bar {
    margin-top: 30px;
  }
  .footer-bar p {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px){
  footer {
    padding-top: 50px;
  }
  .footer-bar {
    margin-top: 50px;
  }
}
.resp-tab-content h5 {
  font-size: 22px;
}
@media (max-width: 991px){
  .sm-margin-50px-bottom {
    margin-bottom: 90px !important;
  }
}

/* =================================================================================================== */
/* ========================================= Owl carousel ============================================ */
/* =================================================================================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}
.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 5px 0 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #6e6e6f;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.custom-dot span:hover {
  background: #aaa;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}
.custom-dot.active span {
  width: 12px;
  height: 12px;
  background:#B73080;
  border-color: #B73080;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.owl-nav i {
  color: #232323;
  font-size: 18px;
  padding-top: 6px;
}
.owl-nav .owl-next {
  color: #4e54c8;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
}
.owl-nav .owl-prev {
  color: #4e54c8;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}
.owl-nav .owl-next {
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

/* =============================================================================================== */
/* =================================== Social Sharing with jssocials-share (obsolete) ============ */
/* =============================================================================================== */
.jssocials-shares {}
.jssocials-shares * {
  box-sizing: border-box; 
}
.jssocials-share {
  display: inline-block;
  vertical-align: top;
}
.jssocials-share:last-child {
  margin-right: 0; 
}
.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; 
}
img.jssocials-share-logo {
  width: auto;
  height: 1em; 
}
.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1; 
  font-size:14px;
}
.jssocials-share-link.jssocials-share-link-count {
  padding-top: .2em; 
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: .6em;
  margin: 0 -.5em -.8em -.5em; 
}
.jssocials-share-link.jssocials-share-no-count {
  padding-top: .5em; 
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em; 
}
.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle; 
}
.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default; 
}
.jssocials-share-count-box.jssocials-share-no-count {
  display: none; 
}
.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle; 
}
.jssocials-share-link {
  padding: .5em .6em;
  color: #acacac;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; 
}
.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  color: #939393; 
}
.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 .3em;
  margin-left: 0.4em;
  background: #f5f5f5;
  border-radius: 0.3em;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; 
}
.jssocials-share-count-box:hover {
  background: #e8e8e8; 
}
.jssocials-share-count-box:hover:after {
  border-color: transparent #e8e8e8 transparent transparent; 
}
.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.75em;
  left: -0.4em;
  width: 0;
  height: 0;
  border-width: 0.5em 0.5em 0.5em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; 
}
.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #acacac;
}

/* ======================================================================================= */
/* =================================== Search Page ======================================= */
/* ======================================================================================= */
.search_template .content{
  padding:50px 100px; 
}
.search_template .content .hs-search-results__listing {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search_template .content .hs-search-results__listing li {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: solid 1px #DDD;
}
.search_template .content .hs-search-results__listing li a{
  color:#141313;
  font-size:18px;
}
.search_template .content .hs-search-highlight {
  font-weight: bold; 
}
.search_template .content .hs-search-results__prev-page {
  float: left; 
}
.search_template .content .hs-search-results__next-page {
  float: right;
}

/* ======================================================================================= */
/* =================================== Other ============================================= */
/* ======================================================================================= */
/*------search page------*/
.search-form_input {
  color: #4e54c8;
}
.search-frame h4 a:hover {
  color: #4e54c8;
}
.search-frame .search_list .match {
  color: #4e54c8;
}
.search-frame .search_list li:before {
  color: #4e54c8;
}
.search-frame .search_list li + li {
  border-top: 3px solid #4e54c8;
}
.search-frame .search {
  color: #4e54c8;
}
/*------404 page------*/
.page-container .title {
  font-size: 250px;
  line-height: 1;
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .page-container .title {
    font-size: 200px;
  }
}
@media screen and (max-width: 991px) {
  .page-container .title {
    font-size: 125px;
  }
}
@media screen and (max-width: 767px) {
  .page-container .title {
    font-size: 75px;
  }
}
/*------coming soon------*/
.coming-soon .social-links li {
  display: inline-block;
  font-size: 22px;
  margin-right: 30px;
}
.coming-soon .social-links li:last-child {
  margin-right: 0;
}
.coming-soon .social-links li a {
  color: #fff;
}
.coming-soon .social-links li a:hover {
  color: rgba(255, 255, 255, 0.65);
}
/* count down */
ul.countdown li {
  border-right: 1px solid #c5c5c5;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
}
ul.countdown li:last-child {
  border: medium none;
  padding-right: 0;
}
ul.countdown li span {
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}
ul.countdown li span::before {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .coming-soon .social-links li {
    margin-right: 15px;
    font-size: 16px;
  }
  ul.countdown li {
    padding: 0 8px;
  }
  .social-links li {
    margin-right: 15px;
  }
  ul.countdown li span {
    font-size: 22px;
  }
}


/********************************************************************************************************
* KILI CUSTOM STYLE
* ********************************************************************************************************/


/*-------------------------------------------------------------------------
* MEGAMENU
* -----------------------------------------------------------------------*/
/*------------
* General styles
* ------------*/
.megamenu { position:fixed; top:0px; background:#fff; z-index:1000; }
.megamenu.container-fluid .row { margin-left:0px; margin-right:0px; }
.megamenu .collapse.show { border:none; background:none; }
.megamenu_mobile { display:none; }

/*---Shadow on scroll---*/
.megamenu.shadowHeader { -webkit-box-shadow: 0px 6px 14px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 14px -8px rgba(0,0,0,0.75); box-shadow: 0px 6px 14px -8px rgba(0,0,0,0.75); }
.megamenu.shadowHeader .menu .main_logo a img { max-height:30px; width:auto; transition:all .2s ease-out; }
.megamenu.shadowHeader .menu .main_nav a { padding:7px 0px; }
.megamenu.shadowHeader .menu .main_nav div.has-children:after { top:7px; }

/*------------
* Menu styles
* ------------*/
.megamenu .menu { padding:10px 20px; display:flex; justify-content:space-between; align-items:center; }
.megamenu .menu .main_logo a img { max-height:40px; width:auto; transition:all .2s ease-out; }
.megamenu .menu .main_logo a:hover img { opacity:.6; }
.megamenu .menu .main_nav div { display:inline-block; }
.megamenu .menu .main_nav a { margin-left:18px; color:#616161; transition:all .2s ease-out; display:inline-block; padding:10px 0px; }
.megamenu .menu .main_nav a:hover { color:#84235C; font-weight:900; }
.megamenu .menu .main_nav a:after { display:block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; }
.megamenu .menu .main_nav a.active_link { font-weight:900; color:#84235C; }
.megamenu .menu .main_nav div.has-children { position:relative; }
.megamenu .menu .main_nav div.has-children:after { content:"+"; position:absolute; right:-9px; top:9px; }
.megamenu .menu .main_nav div.has-children:hover:after { color:#84235C; }
.megamenu .menu .main_nav div.has-children.active:after { content:"-"; }

/*-------------
* Bandeau principal
* -------------*/
/*Left cta image*/
.megamenu .bandeau_principal{ padding:15px 0px; background:#370F27;} /* vraie couleur : #370F27*/
.megamenu .bandeau_principal a .left_bg_image { height:350px; width:100%; background-repeat:no-repeat; background-size:contain; background-position:center; }
/*Subnav*/
.megamenu .bandeau_principal .item { border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:10px; opacity:.9; transition:all .2s ease-out; width:75%; }
.megamenu .bandeau_principal .item:hover { opacity:1; }
.megamenu .bandeau_principal .item:last-child { margin-bottom:0px; border-bottom:0px; }
.megamenu .bandeau_principal .item:hover .sub_nav .title { text-decoration:underline; }
.megamenu .bandeau_principal .item .sub_nav .title,
.megamenu .bandeau_principal .item .sub_nav .desc { color:#fff; }
.megamenu .bandeau_principal .item .sub_nav .title { font-size:16px; font-weight:bold; position:relative; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item .sub_nav .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav .title:after { display:inline-block; }
.megamenu .bandeau_principal .item .sub_nav .desc { font-size:14px; }
.megamenu .bandeau_principal .item.current { opacity:1; }
.megamenu .bandeau_principal .item.current .sub_nav .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav .title { text-decoration:underline; }

/*Purple arrow*/
.megamenu .bandeau_principal .item .sub_nav.sub_item_1 .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_purple.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav.sub_item_1 .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav.sub_item_1 .title:after { display:inline-block; }
/*Blue arrow*/
.megamenu .bandeau_principal .item .sub_nav.sub_item_2 .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_blue.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav.sub_item_2 .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav.sub_item_2 .title:after { display:inline-block; }
/*Green arrow*/
.megamenu .bandeau_principal .item .sub_nav.sub_item_3 .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav.sub_item_3 .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav.sub_item_3 .title:after { display:inline-block; }
/*Orange arrow*/
.megamenu .bandeau_principal .item .sub_nav.sub_item_4 .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_orange.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav.sub_item_4 .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav.sub_item_4 .title:after { display:inline-block; }

/*Menus*/
.megamenu .bandeau_principal .flex_display { display:flex; align-items:center; }
.megamenu .bandeau_principal .menus { padding:20px 0px; }
.megamenu .bandeau_principal .menus .title { font-size:20px; font-weight:600; color:#fff; }
.megamenu .bandeau_principal .menus .menus_col { margin-bottom:40px; }
.megamenu .bandeau_principal .menus .menu_container ul { margin-top:0px; margin-bottom:0px; display:block; }
.megamenu .bandeau_principal .menus .menu_container ul li { padding:5px 0px 5px 0px; display:block; width:100%; margin-left:0px; }
.megamenu .bandeau_principal .menus .menu_container ul li a { padding:0px; color:#fff; text-transform:capitalize; opacity:.7; transition:all .2s ease-out;   }
.megamenu .bandeau_principal .menus .menu_container ul li a:hover { opacity:1; text-decoration:underline!important;  }
.megamenu .bandeau_principal .menus .menu_container ul li a:after { position:absolute; opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .menus .menu_container ul li a:hover:after { opacity:1;  }

/*Arrows color Menus Purple*/
.megamenu .bandeau_principal .menus.menu_1 .menu_container ul li a:after { position:absolute; opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_purple.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .menus.menu_1 .menu_container ul li a:hover:after { opacity:1;  }
/*Arrows color Menus Blue*/
.megamenu .bandeau_principal .menus.menu_2 .menu_container ul li a:after { position:absolute; opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_blue.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .menus.menu_2 .menu_container ul li a:hover:after { opacity:1;  }
/*Arrows color Menus Green*/
.megamenu .bandeau_principal .menus.menu_3 .menu_container ul li a:after { position:absolute; opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .menus.menu_3 .menu_container ul li a:hover:after { opacity:1;  }
/*Arrows color Menus Orange*/
.megamenu .bandeau_principal .menus.menu_4 .menu_container ul li a:after { position:absolute; opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_orange.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .menus.menu_4 .menu_container ul li a:hover:after { opacity:1;  }

/*-------------
* Bandeau cta
* -------------*/
.megamenu .bandeau_cta.purple { background:#84235C; }
.megamenu .bandeau_cta .cloud_cta_container { display:flex; align-items:center; justify-content:flex-end; padding:10px 20px;  }
.megamenu .bandeau_cta .cloud_cta_container a { position:relative; color:#fff; margin-bottom:0px; font-size:16px!important; display:inline-block;  }
.megamenu .bandeau_cta .cloud_cta_container a p { margin-bottom:0px; font-size:16px!important; display:inline-block; }
.megamenu .bandeau_cta .cloud_cta_container a i { color:#fff; margin-right:10px; font-size:20px; }
.megamenu .bandeau_cta .cloud_cta_container a:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); transition:all .2s ease-out; }
.megamenu .bandeau_cta .cloud_cta_container a:hover:after { margin-left:20px; }

/*-------------
* Bandeau principal Industries
* -------------*/
.megamenu .bandeau_principal .sector_menu p { color:#fff; font-size:20px; text-transform:capitalize; }
.megamenu .bandeau_principal .sector_menu .simple_menu_content ul li { margin-left:0px; width:30%; }
.megamenu .bandeau_principal .sector_menu .simple_menu_content ul li a { color:#fff; padding:12px 0px; text-transform:capitalize; font-size:16px; }
.megamenu .bandeau_principal .sector_menu .simple_menu_content ul li a:after { position:absolute; display:none; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_purple.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .sector_menu .simple_menu_content ul li a:hover { text-decoration:underline!important; }
.megamenu .bandeau_principal .sector_menu .simple_menu_content ul li a:hover:after { display:inline-block; }

/*-------------
* Bandeau principal Societe + Wiki support
* -------------*/
.megamenu .bandeau_principal .wiki_societe_menu a { text-decoration:none; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item { padding-bottom:20px; margin-bottom:20px; opacity:.9; transition:all .2s ease-out; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item.no_padding { padding-bottom:0px; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item.no_margin { margin-bottom:0px; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item:hover { opacity:1; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item:hover .title_column { text-decoration:underline; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item .title_column, 
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item .description_column { color:#fff; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item .title_column { font-size:16px; font-weight:600;  }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item .description_column { font-size:14px; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item .title_column:after { opacity:0; margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button_purple.svg); transition:all .2s ease-out; }
.megamenu .bandeau_principal .wiki_societe_menu a .menu_item:hover .title_column:after { opacity:1;  }


/*-------------------
* @MEDIA QUERIES DESKTOP
* -------------------*/
@media screen and (max-width:992px) {
  .megamenu .bandeau_principal .menus { width:100%; }
  .megamenu .menu .main_nav a { margin-left:20px; font-size:15px; }
  .megamenu .bandeau_principal .menus .menus_col { margin-bottom:30px; }
  .megamenu .bandeau_principal .sector_menu .simple_menu_content ul li a { padding:7px 0px; }
  .megamenu .bandeau_cta .cloud_cta_container { padding:10 20px; }
  .megamenu .bandeau_cta .cloud_cta_container a { font-size:16px!important; }
  /*Default Kili settings*/
  .megamenu .bandeau_principal .menus .menu_container ul { background:none; box-shadow:none; display:block; position:relative; top:initial; left:initial;  }
  .megamenu .bandeau_principal .menus .menu_container ul li { border-top:none; }
  .megamenu .bandeau_principal .sector_menu .simple_menu_content ul { display:flex; -webkit-display:flex; flex-wrap:wrap; background:none; box-shadow:none; display:block; position:relative; top:initial; left:initial; }
  .megamenu .bandeau_principal .sector_menu .simple_menu_content ul li { width:32%; border-top:none; }
}

@media screen and (max-width:768px) {
  .megamenu { display:none!important; }
  .megamenu_mobile { display:block!important; z-index:1000; position:relative; }
  .megamenu_mobile .container-fluid .row { margin-left:0px; margin-right:0px; }

  /*---Kili Mobile menu surcharge temporaire----*/
  .megamenu_mobile .hs-menu-wrapper > ul { background:#F7FAFF; box-shadow:none; padding:10px 0px; }
  .megamenu_mobile .hs-menu-wrapper > ul:after { position:absolute; width:100%; min-height:80vh; content:""; left:0px; top:0px; background:#F7FAFF;z-index:-1; }
  .megamenu_mobile .hs-menu-wrapper > ul li { border-top:0px; border-bottom:1px solid #616161; }
  .megamenu_mobile .hs-menu-wrapper > ul li:last-child { border-bottom:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li > a { font-weight:600; padding:20px 20px; font-size:15px; text-transform:capitalize; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger { border-left:0px;  top:5px; bottom:initial; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger { border-left:0px;  bottom:5px; top:initial; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul { border:0px; background:#F7FAFF;  }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li { border-bottom:.3px solid #f0f0f0; }

  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li:last-child { border-bottom:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul ul li:hover { background:#F7FAFF!important; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul { margin-bottom:15px; background:#F7FAFF!important; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px solid #e3e3e3; border-radius:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul li { border:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul ul { background:#370F27!important; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul ul li a { color:#fff; padding:13px 55px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul:before { z-index:2; content: ""; position: absolute; top: 0px; width: 100%; left: 0px; opacity: 0.1; height: 15px; background: transparent linear-gradient(0,#FFFFFF00 0%,#370d27 100%) 0% 0% no-repeat padding-box; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul:after { z-index:2; content: ""; position: absolute; bottom: 0px; width: 100%; left: 0px; opacity: 0.1; height: 15px; background: transparent linear-gradient(to bottom, #FFFFFF00 0%, #370D27 100%) 0% 0% no-repeat padding-box; }

  .megamenu_mobile .hs-menu-wrapper > ul > li > a { font-weight:700; color:#0B0B0B; font-size:14px; }
  .megamenu_mobile .hs-menu-wrapper > ul li.hs-item-has-children > ul > li.hs-item-has-children > ul > li > a { font-weight:500; padding:18px 45px; }
  .megamenu_mobile .navbar ul ul li a { padding:18px 30px; }

  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after { height:3px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i:after, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i:after { background-color:#B73080; height:2px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > ul > li .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > ul > li .child-trigger i:after { background-color:#370f27; height:1px; }

}

/*****************************************/
/* Footer Main */
/*****************************************/

section.exo-footer { padding-top:90px; padding-bottom:0px; }
section.exo-footer .grey-border-top { border-top:1px solid #D9D9D9; width:85%; margin:0 auto; padding-bottom:30px; }
section.exo-footer .container-fluid .row { margin-left:0px; margin-right:0px; }
section.exo-footer .container-fluid .row .no_padding { padding:0px; }
/*-----Logo container style-----*/
section.exo-footer .logo-container { padding-right:10px; }
section.exo-footer .logo-container img{ max-width:130px; width:100%;  }
/*-----Contact container style-----*/
section.exo-footer .contact-container p { font-size:18px; font-weight:600; color:#3080B0; }
section.exo-footer .contact-container .contact-countries { display:flex; flex-wrap:wrap; justify-content:space-between;  }
section.exo-footer .contact-container .contact-countries .contact-item { padding-right:30px; margin-bottom:15px; width:25%; }
section.exo-footer .contact-container .contact-countries .contact-item p { color:#616161; margin-bottom:5px; font-size:16px; font-weight:400; }
section.exo-footer .contact-container .contact-countries .contact-item p.heading { font-weight:600; }
section.exo-footer .contact-container .contact-countries .contact-item p.email { text-decoration:underline; }
/*-----Footer menu style-----*/
section.exo-footer .test-col { display:flex; align-items:flex-end;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a { display:block; font-size:18px; font-weight:600; color:#3080B0;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a:last-child { margin-bottom:0px; }
/*-----Bottom bar style-----*/
section.exo-footer .bottom-blue { background:#3080B0; margin-top:30px; padding:15px 0px; text-align:center;  }
section.exo-footer .bottom-blue p { margin-bottom:0px; color:#fff; }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.exo-footer { padding:0px 0px; }
  section.exo-footer .main { padding:0px 20px; }
  section.exo-footer .logo-container { margin-bottom:30px; }
}
@media screen and (max-width:992px) {
  section.exo-footer .contact-container .contact-countries .contact-item { min-width:230px;  margin-bottom:15px;}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
  section.exo-footer .contact-container p { text-align:center; }
  section.exo-footer .logo-container { text-align:center; }
  section.exo-footer .contact-container .contact-countries { justify-content:center; }
  section.exo-footer .contact-container .contact-countries .contact-item { padding-right:0px; }
  section.exo-footer .bottom-blue p { font-size:10px; }
  section.exo-footer .test-col .footer-menu { text-align:center; margin:0 auto; padding-top:30px; }
}

/*****************************************/
/* Footer Main Metiers */
/*****************************************/

section.exo-footer { padding-top:90px; padding-bottom:0px; }
section.exo-footer .grey-border-top { border-top:1px solid #D9D9D9; width:85%; margin:0 auto; padding-bottom:30px; }
section.exo-footer .container-fluid .row { margin-left:0px; margin-right:0px; }
section.exo-footer .container-fluid .row .no_padding { padding:0px; }
/*-----Logo container style-----*/
section.exo-footer .logo-container { padding-right:10px; }
section.exo-footer .logo-container img{ max-width:130px; width:100%;  }
/*-----Contact container style-----*/
section.exo-footer .contact-container p { font-size:18px; font-weight:600; color:#3080B0; }
section.exo-footer .contact-container .contact-countries { display:flex; flex-wrap:wrap; justify-content:space-between;  }
section.exo-footer .contact-container .contact-countries .contact-item { padding-right:30px; margin-bottom:15px; width:25%; }
section.exo-footer .contact-container .contact-countries .contact-item p { color:#616161; margin-bottom:5px; font-size:16px; font-weight:400; }
section.exo-footer .contact-container .contact-countries .contact-item p.heading { font-weight:600; }
section.exo-footer .contact-container .contact-countries .contact-item p.email { text-decoration:underline; }
/*-----Footer menu style-----*/
section.exo-footer .test-col { display:flex; align-items:flex-end;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a { display:block; font-size:18px; font-weight:600; color:#3080B0;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a:last-child { margin-bottom:0px; }
/*-----Bottom bar style-----*/
section.exo-footer .bottom-blue { background:#3080B0; margin-top:30px; padding:15px 0px; text-align:center;  }
section.exo-footer .bottom-blue p { margin-bottom:0px; color:#fff; }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.exo-footer { padding:0px 0px; }
  section.exo-footer .main { padding:0px 20px; }
  section.exo-footer .logo-container { margin-bottom:30px; }
}
@media screen and (max-width:992px) {
  section.exo-footer .contact-container .contact-countries .contact-item { min-width:230px;  margin-bottom:15px;}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
  section.exo-footer .contact-container p { text-align:center; }
  section.exo-footer .logo-container { text-align:center; }
  section.exo-footer .contact-container .contact-countries { justify-content:center; }
  section.exo-footer .contact-container .contact-countries .contact-item { padding-right:0px; }
  section.exo-footer .bottom-blue p { font-size:10px; }
  section.exo-footer .test-col .footer-menu { text-align:center; margin:0 auto; padding-top:30px; }
}

/*****************************************/
/* Footer Main OPS */
/*****************************************/

section.exo-footer { padding-top:90px; padding-bottom:0px; }
section.exo-footer .grey-border-top { border-top:1px solid #D9D9D9; width:85%; margin:0 auto; padding-bottom:30px; }
/*-----Logo container style-----*/
section.exo-footer .logo-container { padding-right:10px; }
section.exo-footer .logo-container img{ max-width:130px; width:100%;  }
/*-----Contact container style-----*/
section.exo-footer .contact-container p { font-size:18px; font-weight:600; color:#3080B0; }
section.exo-footer .contact-container .contact-countries { display:flex; flex-wrap:wrap; justify-content:space-between;  }
section.exo-footer .contact-container .contact-countries .contact-item { padding-right:30px; margin-bottom:15px; width:25%; }
section.exo-footer .contact-container .contact-countries .contact-item p { color:#616161; margin-bottom:5px; font-size:16px; font-weight:400; }
section.exo-footer .contact-container .contact-countries .contact-item p.heading { font-weight:600; }
section.exo-footer .contact-container .contact-countries .contact-item p.email { text-decoration:underline; }
/*-----Footer menu style-----*/
section.exo-footer .test-col { display:flex; align-items:flex-end;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a { display:block; font-size:18px; font-weight:600; color:#3080B0;  margin-bottom:20px; }
section.exo-footer .test-col .footer-menu a:last-child { margin-bottom:0px; }
/*-----Bottom bar style-----*/
section.exo-footer .bottom-blue { background:#3080B0; margin-top:30px; padding:15px 0px; text-align:center;  }
section.exo-footer .bottom-blue p { margin-bottom:0px; color:#fff; }

/*------Media queries-----*/
@media screen and (max-width:1200px) {
  section.exo-footer { padding:0px 0px; }
  section.exo-footer .main { padding:0px 20px; }
  section.exo-footer .logo-container { margin-bottom:30px; }
}
@media screen and (max-width:992px) {
  section.exo-footer .contact-container .contact-countries .contact-item { min-width:230px;  margin-bottom:15px;}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
  section.exo-footer .contact-container p { text-align:center; }
  section.exo-footer .logo-container { text-align:center; }
  section.exo-footer .contact-container .contact-countries { justify-content:center; }
  section.exo-footer .contact-container .contact-countries .contact-item { padding-right:0px; }
  section.exo-footer .bottom-blue p { font-size:10px; }
  section.exo-footer .test-col .footer-menu { text-align:center; margin:0 auto; padding-top:30px; }
}

/*****************************************/
/* Footer DB */
/*****************************************/

/*-------------------------------------------------
* ---------------
* POST STYLE
* ---------------
* -------------------------------------------------*/

/*------------------------
* HERO BANNER POST STYLE
* ------------------------*/
.hero-post-formation { background:#2D89C1; padding:200px 0px; position:relative; }
.hero-post-formation .content { text-align:center; }
.hero-post-formation .content .top-text, 
.hero-post-formation .content h1 { color:#fff; position:relative; z-index:10;}
.hero-post-formation .content .top-text { font-size:28px; text-transform:uppercase; margin-bottom:10px; }
.hero-post-formation .content h1 {  font-family:neo-sans, sans-serif; font-size:42px; font-weight:700; }

/*-----Color circles-----*/
.hero-post-formation .green-circle1 { position:absolute; z-index:10; background:#BBEA26; width:30px; height:30px; border-radius:50%; bottom:100px; left:30%; }
.hero-post-formation .green-circle2 { position:absolute; z-index:10; background:#BBEA26; width:20px; height:20px; border-radius:50%; bottom:90px; right:25%; }
.hero-post-formation .orange-circle { position:absolute; z-index:10; background:#FF8900; width:30px; height:30px; border-radius:50%; bottom:180px; right: 28%;}
.hero-post-formation .purple-circle { position:absolute; z-index:10; background:#84235C; width:18px; height:18px; border-radius:50%; bottom:70px; left:26%; }
.hero-post-formation .white-circle { position:absolute; z-index:10; background:#F7FAFF; width:12px ; height:12px; border-radius:50%; bottom:130px; left:27%; }
.hero-post-formation .white-circle2 { position:absolute; z-index:10; background:#F7FAFF; width:10px ; height:10px; border-radius:50%; bottom:260px; right:27%; }

/*-----Pictures style section-----*/
.hero-post-formation .pics img { width:70%; }
.hero-post-formation .fst_pic { position:absolute; bottom:-10px; left:4%;  z-index:6; }
.hero-post-formation .scd_pic { position:absolute; bottom:-2px; left:13%; z-index:5; }
.hero-post-formation .thd_pic { position:absolute; bottom:-5px; right:6%;  z-index:6; }
.hero-post-formation .fth_pic { position:absolute; bottom:-5px; right:-20px; z-index:5; }

/*-----Breadcrumbs section-----*/
.hero-post-formation ul.banner-breadcrumbs {  margin-bottom: 40px;  margin-top: 0;  text-align: left; background:#0B0B0B; position:absolute; top:60px; z-index:5; padding:25px 40px 25px 130px; display: -webkit-flex; display: flex;}
.hero-post-formation ul.banner-breadcrumbs li:last-child a {  color: #fff;  font-weight: 600;}
.hero-post-formation ul.banner-breadcrumbs li:after {  content: '/';  font-weight: 700;  vertical-align: middle;  color: #B73080;  font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
.hero-post-formation ul.banner-breadcrumbs li:last-child:after {  content: none;}
.hero-post-formation ul.banner-breadcrumbs li:last-child a { text-decoration:underline; }
.hero-post-formation ul.banner-breadcrumbs li a { color: #fff;  font-size: 14px;  font-weight: 500;}

/*------------------------
* END HERO BANNER
* ------------------------*/

/*------------------------
* POST CONTENT STYLE
* ------------------------*/
.formation-post-content { position:relative; padding:30px 0px; overflow:visible; }
.formation-post-content .container-fluid .row  { margin:0; }
.formation-post-content .back-btn { margin-bottom:30px; }
.formation-post-content .back-btn a { color:#616161; text-decoration:underline; display:block; transition:all .2s ease-out; }
.formation-post-content .back-btn a i { color:#3080B0; margin-right:10px; }
.formation-post-content .back-btn a:hover { transform:translateX(-5px); }

.formation-post-content .intro-content { margin-bottom:40px; }
.formation-post-content .intro-content p { font-style:italic; }
.formation-post-content .intro-content ul { margin-left:30px; }
.formation-post-content .intro-content ul li { padding-left:30px; position:relative; font-style:italic; }
.formation-post-content .intro-content ul li:not(:last-child) { margin-bottom:8px; }
.formation-post-content .intro-content ul li:before{ content: ''; position: absolute; left: 4px; top: 8px; width: 8px; height: 8px; background:#3080B0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 2; }
.formation-post-content .intro-content ul li:after{ content: ''; position: absolute; left: 0px; top: 4px; width: 16px; height: 16px; background:#3080B059; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 1; }

.formation-post-content .info-content { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:40px; }
.formation-post-content .info-content .info-card { background:#F7FAFF; padding:35px 40px; width:48%; }
.formation-post-content .info-content .info-card .title { color:#3080B0; font-size:17px; font-weight:600; margin-bottom:15px; }
.formation-post-content .info-content .info-card ul li { padding-left:30px; position:relative; }
.formation-post-content .info-content .info-card ul li:before { left:0px; position:absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; color:#B73080;}

.formation-post-content .desc-content { counter-reset: list; }
.formation-post-content .desc-content h2 { font-size:28px; color:#3080B0; margin-bottom:20px; margin-top:40px; }
.formation-post-content .desc-content h3 { background:#F7FAFF; padding:19px 22px 19px 22px; font-size:20px;   margin-top:20px; margin-bottom:20px; }
.formation-post-content .desc-content h3:before { counter-increment: list; content: counter(list); display: inline-block; color:#B73080; margin-right:15px;}
.formation-post-content .desc-content ul { margin-left:30px; }
.formation-post-content .desc-content ul li { padding-left:30px; position:relative; }
.formation-post-content .desc-content ul li:not(:last-child) { margin-bottom:8px; }
.formation-post-content .desc-content ul li:before{ content: ''; position: absolute; left: 4px; top: 8px; width: 8px; height: 8px; background:#3080B0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 2; }
.formation-post-content .desc-content ul li:after{ content: ''; position: absolute; left: 0px; top: 4px; width: 16px; height: 16px; background:#3080B059; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 1; }

.formation-post-content .card-sidebar { position:sticky; top:70px; box-shadow: 6px 6px 6px #61616129; }
.formation-post-content .card-sidebar .card-heading { background:#B73080; color:#fff; text-align:center; padding:18px; font-size:20px; }
.formation-post-content .card-sidebar .card-content { background:#F7FAFF; padding:30px 35px 50px 35px; }
.formation-post-content .card-sidebar .card-content .sidebar-info .info { display:flex; align-items:flex-start; margin-bottom:30px; }
.formation-post-content .card-sidebar .card-content .sidebar-info .info:not(:last-child) { margin-bottom:30px; }
.formation-post-content .card-sidebar .card-content .sidebar-info .info .heading { color:#0B0B0B; text-transform:uppercase; font-weight:600; min-width:180px; font-size:14px }
.formation-post-content .card-sidebar .card-content .sidebar-info .info .info-text { font-size:14px; }
.formation-post-content .card-sidebar .card-content .sidebar-info .info .heading i { color:#B73080; margin-right:10px;width:15px; }
.formation-post-content .card-sidebar .card-content .side-anchor { text-align:center; margin-top:60px; }
.formation-post-content .card-sidebar .card-content .side-anchor a { background:#3080B0; color:#fff; border-radius:42px; font-size:28px; padding:20px 80px; border:1px solid #3080B0; transition:all .2s ease-out;}
.formation-post-content .card-sidebar .card-content .side-anchor a:hover { background:transparent; color:#3080B0; }

.formation-post-content .card-sidebar .card-content .more-info { display:flex; justify-content:space-between; align-items:center; }
.formation-post-content .card-sidebar .card-content .more-info .separator { height:16px; width:2px; background:#B73080; }

.formation-post-content .bottom-form { margin-top:100px; }
.formation-post-content .bottom-form h2 {font-size:28px; color:#3080B0; margin-bottom:20px; }
.formation-post-content .bottom-form h2 span { color:#000; font-size:20px; }



/*------------------------
* END POST CONTENT
* ------------------------*/

/*--------------------
* Media queries POST
* --------------------*/
@media screen and (max-width:1200px) {
  .hero-post-formation .pics img { width:50%; }
  .hero-post-formation .fst_pic { left:-3%; }
  .hero-post-formation .scd_pic { left:5%; }
  .hero-post-formation .fth_pic { right:-15%; }
  .hero-post-formation .thd_pic { right:-6%; }
}
@media screen and (max-width:992px) {
  .hero-post-formation ul.banner-breadcrumbs { padding:25px 40px 25px 25px; }
  .formation-post-content { padding:25px; }
  .formation-post-content .mobile-switch { flex-direction:column-reverse; }
  .formation-post-content .card-sidebar .card-content { margin-bottom:40px; }
  .formation-post-content .card-sidebar { position:relative; }
}
@media screen and (max-width:768px) {
  .hero-post-formation .fst_pic,
  .hero-post-formation .scd_pic,
  .hero-post-formation .fth_pic,
  .hero-post-formation .thd_pic { display:none; }
  .formation-post-content .info-content { flex-direction:column;  }
  .formation-post-content .info-content .info-card { width:100%; margin-bottom:30px;}
  .formation-post-content .card-sidebar .card-content .side-anchor a { font-size:18px; padding:15px 40px; }
  .formation-post-content .card-sidebar .card-content .more-info { flex-direction:column; }
  .formation-post-content .card-sidebar .card-content .more-info .separator { display:none; }
}


/*-------------------------------------------------
* ---------------
* LISTING STYLE
* ---------------
* -------------------------------------------------*/

.formation-list .container-fluid .row,
.hero-formation .container-fluid .row  { margin:0; }

/*------------------------
* HERO BANNER LIST STYLE
* ------------------------*/
/*---Section style---*/
.hero-formation { padding:90px 0px 0px 0px; margin-bottom:0px; }
.hero-formation .no-padding { padding:0; }
.hero-formation .flex-col { display:flex; flex-direction:column; justify-content:center; }

/*---Content col style---*/
.hero-formation .content-col h1 { color:#3080B0; font-size:60px; text-transform:uppercase; font-weight:500; font-family:neo-sans, sans-serif; line-height:70px; margin-bottom:40px; }

/*---Search style---*/
.hero-formation .hs-search-field form { margin-bottom:15px; }
.hero-formation .hs-search-field form > i { right:3px; left:initial; color:#3080B0; }
.hero-formation .hs-search-field form input { padding:3px; border-top:0px; border-right:0px; border-left:0px; border-bottom:2px solid #949494; }
.hero-formation .hs-search-field form input:focus { border-bottom:3px solid #3080B0; outline:none; }

/*---Filters style---*/
.hero-formation .filters-row { display:flex; align-items:center; justify-content:space-between; }
.hero-formation .filters-row select:focus{ border-bottom:3px solid #3080B0; outline:none;}
.hero-formation .filters-row select { padding:3px; width:48%!important; background:transparent; border-radius:0px!important; border-bottom:2px solid #949494; border-top:0px; border-right:0px; border-left:0px; min-height:30px; height:auto; -moz-appearance:none; -webkit-appearance:none; appearance:none;background-repeat:no-repeat; background-size:6%; background-position:right center; background-image:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/dropdown.svg);}

/*-----Breadcrumbs section-----*/
.hero-formation ul.banner-breadcrumbs {  margin-bottom: 40px;  margin-top: 0;  text-align: left; background:#0B0B0B; position:absolute; top:120px; z-index:5; padding:25px 40px 25px 130px; display: -webkit-flex; display: flex;}
.hero-formation ul.banner-breadcrumbs li:last-child a {  color: #fff;  font-weight: 600;}
.hero-formation ul.banner-breadcrumbs li:after {  content: '/';  font-weight: 700;  vertical-align: middle;  color: #B73080;  font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
.hero-formation ul.banner-breadcrumbs li:last-child:after {  content: none;}
.hero-formation ul.banner-breadcrumbs li:last-child a { text-decoration:underline; }
.hero-formation ul.banner-breadcrumbs li a { color: #fff;  font-size: 14px;  font-weight: 500;}

.hero-formation .nb_formation{ margin:10px 0; font-style:italic; color:#b73080; font-size:12px; }

/*------------------------
* END HERO BANNER LIST
* ------------------------*/

/*------------------------
* LISTING SECTION STYLE
* ------------------------*/
.formation-list { padding:0px 0px 50px 0px; overflow:visible; }
.formation-list .formation-card { background:#F7FAFF; box-shadow: 6px 6px 6px #61616129; transition:all .2s ease-out;  }
.formation-list .formation-card:not(:last-child) { margin-bottom:35px; }
.formation-list .formation-card .card-content { padding:70px 30px 70px 70px;  position:relative; }
.formation-list .formation-card .card-content .new-encart { position:absolute; top:0; left:0; background:#B73080; color:#fff; padding:8px 20px; }
.formation-list .formation-card .card-content .top-content { display:flex;  margin-bottom:20px; }
.formation-list .formation-card .card-content .top-content .left,
.formation-list .formation-card .card-content .top-content .right { width:50%; }
.formation-list .formation-card .card-content .top-content .left { padding-right:20px; }
.formation-list .formation-card .card-content .top-content .left span { font-size:17px; color:#616161; text-transform:uppercase; }
.formation-list .formation-card .card-content .top-content .left h2 { color:#0B0B0B; font-size:28px; font-weight:700; }
.formation-list .formation-card .card-content .top-content .right { display:flex; flex-wrap:wrap; }
.formation-list .formation-card .card-content .top-content .right .info-content { width:50%; color:#0B0B0B; margin-bottom:10px; display:flex; align-items:flex-start;word-break: break-word; }
.formation-list .formation-card .card-content .top-content .right .info-content i { margin-right:15px; margin-top:6px; }
.formation-list .formation-card .card-content .description { width:70%; }
.formation-list .formation-card .card-content .description p { color:#0B0B0B; font-size:16px; }
.formation-list .formation-card .card-content .description p a { padding:0; font-size:16px; text-decoration:underline; text-transform:initial; color:#370f27; font-weight:600;  }
.formation-list .formation-card .card-content .cta { margin-top:25px;  }
.formation-list .formation-card .card-content .cta a { font-size:25px; color:#3080B0; padding:7px 40px; border:2px solid #3080B0; border-radius:42px; width:fit-content; transition:all .2s ease-out; }
.formation-list .formation-card:hover { transform:translateY(-5px); }
.formation-list .formation-card .card-content .cta a:hover { color:#fff; background:#3080B0; }

.formation-list .sticky_side { position:sticky; top:65px; }
.formation-list .sticky_side .top-bar { background:#0B0B0B; display:flex; padding:20px 70px; align-items:center; }
.formation-list .sticky_side .top-bar .text { color:#fff; font-size:28px; text-transform:capitalize; margin-right:30px; }
.formation-list .sticky_side .top-bar img { width:18%; }
.formation-list .sticky_side .top-bar img:not(:last-child) { margin-right:25px; }
.formation-list .sticky_side .bottom-bar { padding:20px 70px; }
.formation-list .sticky_side .bottom-bar .text { color:#3080B0; font-size:28px; text-transform:capitalize; }
.formation-list .sticky_side .bottom-bar .ref-list { display:flex; flex-wrap:wrap; }
.formation-list .sticky_side .bottom-bar .ref-list .ref-content { width:12%; margin-bottom:10px; }
.formation-list .sticky_side .bottom-bar .ref-list .ref-img { max-height:45px; width:auto; }

/*----Pagination style---*/
.hubdb__pagination { margin-top:40px; }
.hubdb__pagination nav a.previous__page,
.hubdb__pagination nav a.next__page { color:#b73080; font-size:20px; margin:0px 8px;  }
.hubdb__pagination nav span { color:#3080b0; font-size:18px; margin:0px 5px; transition:all .2s ease-out; }
.hubdb__pagination nav span:hover { font-weight:600; }
.hubdb__pagination nav span.active { color:#b73080; font-size:18px; font-weight:600; }
/*------------------------
* END LISTING SECTION
* ------------------------*/

/*--------------------
* Media queries LIST
* --------------------*/
@media screen and (max-width:1200px) {
  .hero-formation { padding:150px 0px 20px 0px; }
  .formation-list .formation-card .card-content .top-content { flex-direction:column; }
  .formation-list .formation-card .card-content .top-content .left, .formation-list .formation-card .card-content .top-content .right { width:100%; }
  .formation-list .formation-card .card-content .top-content .left { margin-bottom:20px; }
  .formation-list .formation-card .card-content .description { width:100%; }
}
@media screen and (max-width:992px) {
  .hero-formation { margin-bottom:40px; }
  .formation-list { padding:30px; }
  .hero-formation .mobile-switch { flex-direction:column-reverse; }
  .hero-formation .mobile-center { text-align:center; }
  .hero-formation .mobile-center img { width:70%; }
  .hero-formation ul.banner-breadcrumbs { padding:25px 40px 25px 25px; }
  .formation-list .mobile-margin { margin-bottom:80px; }
}
@media screen and (max-width:768px) {
  .formation-list .sticky_side .top-bar,
  .formation-list .sticky_side .bottom-bar { padding:20px 30px; }
  .hero-formation .mobile-center img { width:90%; }
  .hero-formation .content-col h1 { font-size:45px; }
  .formation-list .formation-card .card-content .cta { font-size:18px; }
}
@media screen and (max-width:576px) {
  .formation-list .formation-card .card-content { padding:55px 25px; }
  .formation-list .formation-card .card-content .top-content .right .info-content { width:100%; }
  .formation-list .formation-card .card-content .top-content .right,
  .hero-formation .filters-row { flex-direction:column; }
  .hero-formation .filters-row select { width:100%!important; }
  .hero-formation .filters-row select:not(:last-child) { margin-bottom:20px; }
  .formation-list .sticky_side .bottom-bar .ref-list .ref-content { width:25%; }
  .formation-list .sticky_side .top-bar img { width:14%; }
}

/*****************************************/
/* Ressources List HubDB */
/*****************************************/

/*---------------------------
* Hero Banner style
* -------------------------*/
.herodb { padding:70px 0px; background:#370F27; }
.herodb__heading h1 { color:#fff; font-size:50px; font-family: neo-sans, sans-serif; margin-bottom:10px; }
.herodb__description p { color:#fff; font-size:14px; margin-bottom:0px; }

/*----Filters style----*/
.herodb__filters { padding-left:20px; }
/*Type*/
.herodb__filter label { color:#FFFFFF; font-size:16px; text-transform:uppercase; display:block; margin-bottom:12px; }
.herodb__filter.type { margin-bottom:40px; }
.herodb__filter.type a { display:block; margin-bottom:10px; font-weight:600; font-size:16px; color:#fff; border:2px solid #fff; padding:7px 40px; border-radius:42px; transition:all .2s ease-out; }
.herodb__filter.type a:not(:last-child) { margin-right:10px; }
.herodb__filter.type a:hover,
.herodb__filter.type a.selected { background:#fff; color:#370F27; }

.filter__list { display:flex; flex-wrap:wrap; }
/*Twice*/
.herodb__filter.twice { display:flex; flex-wrap:wrap; }
.herodb__filter.twice .filter { flex:0 0 50%; }
.herodb__filter.twice .filter select { color:#fff; transition:all .2s ease-out; padding:7px 25px; width:80%!important; background:transparent; border-radius:42px!important; border:2px solid #fff; min-height:30px; height:auto; -moz-appearance:none; -webkit-appearance:none; appearance:none;background-repeat:no-repeat; background-size:8%; background-position:94% center; background-image:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/Samples/dwnChevron.png);}
.herodb__filter.twice .filter select:hover { cursor:pointer; }
.herodb__filter.twice .filter select:focus { outline:none; }
.herodb__filter.twice .filter select option { color:#000; }

/*---------------------------
* Ress list style
* -------------------------*/
.ressdb { padding-bottom:20px; }
.ressdb__list { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; }
.ressdb__list-item { text-decoration:none; flex:0 0 30%; padding:10px; }
.ressdb__list-item .ressource_item { background:#F7FAFF; margin-bottom:55px; padding:0px 30px 20px 30px; transition:all .2s ease-out; }
.ressdb__list-item .ressource_item .top_img,
.ressdb__list-item .ressource_item .card_title, 
.ressdb__list-item .ressource_item .link_item { text-align:center; }
.ressdb__list-item .ressource_item .top_img {  position:relative; padding-bottom:25px; margin-bottom:25px; background-image: linear-gradient(to right, #B73080 33%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 7px 2px; background-repeat: repeat-x; }
.ressdb__list-item .ressource_item .top_img:before { position:absolute; content:""; background:#fff; border-radius:50%; width:30px; height:30px; bottom:-15px; left:-65px; }
.ressdb__list-item .ressource_item .top_img:after { position:absolute; content:""; background:#fff; border-radius:50%; width:30px; height:30px; bottom:-15px; right:-65px; }
.ressdb__list-item .ressource_item .top_img img { margin-top:-30px; max-height:175px; width:auto; transition:all .2s ease-out; }
.ressdb__list-item .ressource_item .card_title { margin-bottom:20px; }
.ressdb__list-item .ressource_item .card_title h3 { color:#370F27; line-height:1.5; font-size:20px; font-family:neo-sans, sans-serif; }
.ressdb__list-item .ressource_item .link_item { font-size:14px; color:#B73080; border:3px solid #B73080; border-radius:42px; padding:4px 0px; width:90%; margin:0 auto; transition:all .2s ease-out; }
/*Hover style*/
.ressdb__list-item:hover .ressource_item { transform:translateY(-3px); box-shadow: 2px 2px 8px #00000029;}
.ressdb__list-item:hover .ressource_item .top_img img { transform:translateY(-6px); }
.ressdb__list-item:hover .ressource_item .link_item { color:#fff; background:#B73080; }

.ressdb__list-item.blue .ressource_item .top_img { background-image: linear-gradient(to right,#3080b5 33%,rgba(255,255,255,0) 0%); }
.ressdb__list-item.blue .ressource_item .link_item { font-size:14px; color:#3080b5; border:3px solid #3080b5; border-radius:42px; padding:4px 0px; width:90%; margin:0 auto; transition:all .2s ease-out; }
.ressdb__list-item.blue:hover .ressource_item .link_item { color:#fff; background:#3080b5; }

.ressdb__list-item.green .ressource_item .top_img { background-image: linear-gradient(to right,#80b530 33%,rgba(255,255,255,0) 0%); }
.ressdb__list-item.green .ressource_item .link_item { font-size:14px; color:#80b530; border:3px solid #80b530; border-radius:42px; padding:4px 0px; width:90%; margin:0 auto; transition:all .2s ease-out; }
.ressdb__list-item.green:hover .ressource_item .link_item { color:#fff; background:#80b530; }

.ressdb__list-item.orange .ressource_item .top_img { background-image: linear-gradient(to right,#FF8900 33%,rgba(255,255,255,0) 0%); }
.ressdb__list-item.orange .ressource_item .link_item { font-size:14px; color:#FF8900; border:3px solid #FF8900; border-radius:42px; padding:4px 0px; width:90%; margin:0 auto; transition:all .2s ease-out; }
.ressdb__list-item.orange:hover .ressource_item .link_item { color:#fff; background:#FF8900; }

/*-----Paginations style-------*/
.hubdb__pagination span { font-size:18px; border:1px solid #370F27; padding:2px 8px; border-radius:5px; }
.hubdb__pagination span:not(:last-child) { margin-right:4px; }


/*---------------------------
* Media queries all
* -------------------------*/
@media screen and (max-width:1200px) {
  .ressdb__list-item { flex:0 0 50%; }
}
@media screen and (max-width:992px) {
  .herodb { padding:90px 30px 50px 30px; }
  .herodb__heading { margin-bottom:40px; }
  .herodb__filters { padding-left:0px; }
}
@media screen and (max-width:768px) {
  .herodb__filter.twice .filter { flex:0 0 100%; }
  .herodb__filter.twice .filter:not(:last-child) { margin-bottom:20px; }
  .herodb__filter.twice .filter select { width:100%!important; }
}
@media screen and (max-width:576px) {
  .herodb__filter.type a { display:block; }
  .herodb__filter.type a:not(:last-child) { margin-bottom:15px; }
  .ressdb__list-item { flex:0 0 100%; }
}

/*--------------------------
 * WISTIA EMBED
 * --------------------------------*/
.wistia_embed { width:60%; margin:50px auto; }

@media screen and (max-width:992px) {
  .wistia_embed { width:80%; height:300px!important; }
}
@media screen and (max-width:768px) {
  .wistia_embed { width:90%; }
}
  
/*********************************************************************************
***************************************** Header **********************************
*********************************************************************************/
 
 
 
 



 

 
 


 


/* pink */





/* blue */





/* green */





/* orange */





/* generic */








/* icon */



/* a intégrer */
.dropdown_show,
.dropdown_block:hover { display: block; padding: 30px 0; }
.dropdown_hide { display: none; }
.dropdown_block { z-index: 111; position: absolute; width: 100%; left: 0; min-height: 50vh; }
.hard_show { display: block !important; }
.hard_hide { display: none !important; }
.cursor_default { cursor: default; }
.dropdown_block.dropdown_1 { background: #B73080; }
.dropdown_block.dropdown_1 ul.list li a:hover,
.dropdown_block.dropdown_1 ul.list li.active > a,
.dropdown_block.dropdown_1 ul.list li ul.list_dropdown { background: #84235C; }
.dropdown_block.dropdown_1 ul.list li ul.list_dropdown li a:hover { background: #691345; }
/*.dropdown_block.dropdown_1 ul.list li a:hover:after,*/
.dropdown_block.dropdown_1 ul.list li.arrow > a:after,
.dropdown_block.dropdown_1 ul.list li ul.list_dropdown li a:hover:after { color: #BBEA26; }
.dropdown_block.dropdown_1 ul.list li ul.list_dropdown li.img { background: #f4dfec; }

.dropdown_block.dropdown_2 { background: #3080B0; }
.dropdown_block.dropdown_2 ul.list li a:hover,
.dropdown_block.dropdown_2 ul.list li.active > a,
.dropdown_block.dropdown_2 ul.list li ul.list_dropdown { background: #156493; }
.dropdown_block.dropdown_2 ul.list li ul.list_dropdown li a:hover { background: #0A4D76; }
/*.dropdown_block.dropdown_2 ul.list li a:hover:after,*/
.dropdown_block.dropdown_2 ul.list li.arrow > a:after,
.dropdown_block.dropdown_2 ul.list li ul.list_dropdown li a:hover:after { color: #BBEA26; }
.dropdown_block.dropdown_2 ul.list li ul.list_dropdown li.img { background: #dbe8f0; }

.dropdown_block.dropdown_3 { background: #7AA23F; }
.dropdown_block.dropdown_3 ul.list li a:hover,
.dropdown_block.dropdown_3 ul.list li.active > a,
.dropdown_block.dropdown_3 ul.list li ul.list_dropdown { background: #528900; }
.dropdown_block.dropdown_3 ul.list li ul.list_dropdown li a:hover { background: #3C7200; }
/*.dropdown_block.dropdown_3 ul.list li a:hover:after,*/
.dropdown_block.dropdown_3 ul.list li.arrow > a:after,
.dropdown_block.dropdown_3 ul.list li ul.list_dropdown li a:hover:after { color: #BBEA26; }
.dropdown_block.dropdown_3 ul.list li ul.list_dropdown li.img { background: #e5ecd8; }

.dropdown_block.dropdown_4 { background: #FC7F2A; }
.dropdown_block.dropdown_4 ul.list li a:hover,
.dropdown_block.dropdown_4 ul.list li.active > a,
.dropdown_block.dropdown_4 ul.list li ul.list_dropdown { background: #ED730B; }
.dropdown_block.dropdown_4 ul.list li ul.list_dropdown li a:hover { background: #E05C01; }
/*.dropdown_block.dropdown_4 ul.list li a:hover:after,*/
.dropdown_block.dropdown_4 ul.list li.arrow > a:after,
.dropdown_block.dropdown_4 ul.list li ul.list_dropdown li a:hover:after { color: #BBEA26; }
.dropdown_block.dropdown_4 ul.list li ul.list_dropdown li.img { background: #fcebda; }

.dropdown_block.dropdown_5,
.dropdown_block.dropdown_6,
.dropdown_block.dropdown_7 { background: #f7faff; }
.dropdown_block.dropdown_5 ul.list li a,
.dropdown_block.dropdown_6 ul.list li a,
.dropdown_block.dropdown_7 ul.list li a { color: #141313; }
.dropdown_block.dropdown_5 ul.list li a:hover,
.dropdown_block.dropdown_6 ul.list li a:hover,
.dropdown_block.dropdown_7 ul.list li a:hover { background: #e8ebf0; border-right: solid 1px #e8ebf0; }
.dropdown_block.dropdown_5 ul.list li a:hover,
.dropdown_block.dropdown_6 ul.list li a:hover,
.dropdown_block.dropdown_7 ul.list li a:hover,
.dropdown_block.dropdown_5 ul.list li.active > a,
.dropdown_block.dropdown_6 ul.list li.active > a,
.dropdown_block.dropdown_7 ul.list li.active > a,
.dropdown_block.dropdown_5 ul.list li ul.list_dropdown,
.dropdown_block.dropdown_6 ul.list li ul.list_dropdown,
.dropdown_block.dropdown_7 ul.list li ul.list_dropdown { background: #e8ebf0; }
.dropdown_block.dropdown_5 ul.list li ul.list_dropdown li a:hover,
.dropdown_block.dropdown_6 ul.list li ul.list_dropdown li a:hover,
.dropdown_block.dropdown_7 ul.list li ul.list_dropdown li a:hover { background: #cfd2d7; color: #FFF; }
.dropdown_block.dropdown_5 ul.list li ul.list_dropdown li a:hover,
.dropdown_block.dropdown_6 ul.list li ul.list_dropdown li a:hover,
.dropdown_block.dropdown_7 ul.list li ul.list_dropdown li a:hover { color: #141313; }
/*.dropdown_block.dropdown_5 ul.list li a:hover:after,
.dropdown_block.dropdown_6 ul.list li a:hover:after,
.dropdown_block.dropdown_7 ul.list li a:hover:after,*/
.dropdown_block.dropdown_5 ul.list li.arrow > a:after,
.dropdown_block.dropdown_6 ul.list li.arrow > a:after,
.dropdown_block.dropdown_7 ul.list li.arrow > a:after,
.dropdown_block.dropdown_5 ul.list li ul.list_dropdown li a:hover:after,
.dropdown_block.dropdown_6 ul.list li ul.list_dropdown li a:hover:after,
.dropdown_block.dropdown_7 ul.list li ul.list_dropdown li a:hover:after { color: #B73080; }
.dropdown_block.dropdown_5 ul.list li ul.list_dropdown li.img,
.dropdown_block.dropdown_6 ul.list li ul.list_dropdown li.img,
.dropdown_block.dropdown_7 ul.list li ul.list_dropdown li.img { background: #fefefe; }

.dropdown_block ul.list { width: 35%; }
.dropdown_block ul.list li { position: initial; display: flex; width: 100%; justify-content: space-between; }
.dropdown_block ul.list li a { font-size: 20px; color: #FFF; width: 100%; padding: 10px 0; text-align: center; }
.dropdown_block ul.list li.active > a,
.dropdown_block ul.list li a:hover { font-weight: bold; }
.dropdown_block ul.list li ul.list_dropdown { width: 200%; left: auto !important; right: -200%; padding: 30px 0; }
.dropdown_block ul.list li ul.list_dropdown li { width: 40%; }
.dropdown_block ul.list li ul.list_dropdown li.img { position: absolute; width: 40%; right: 20%; height: 100%; top: 0; }
.dropdown_block ul.list li ul.list_dropdown li.img > div { background-size: cover; background-position: center; background-repeat: no-repeat; height: 35vh; width: 35vh; top: 0; right: 0; border-radius: 253px; left: 0; bottom: 0; margin: auto; }
.dropdown_block ul.list li ul.list_dropdown li a {  }
.dropdown_block ul.list li ul.list_dropdown li a:hover { font-weight: normal; text-decoration: underline !important; }
.dropdown_block ul.list li.arrow > a:after,
/*.dropdown_block ul.list li a:hover:after,*/
.dropdown_block ul.list li ul.list_dropdown li a:hover:after { font-family: "Font Awesome 5 Free"; content: "\f054"; padding-left: 5px; display: inline-block; vertical-align: middle; font-weight: 900; }

/***************************************** Desktop ****************************/
.mega_menu_progress { top: 98px; }
.mega_menu_progress.visible { top: 90px; }
.menuV2 { position: fixed; top: 0; left: 0; padding-top: 36px; border-bottom: solid 1px #707070; background:#FFF; z-index: 99999; width: 100%; display: flex; align-items: center; justify-content: space-around; }
.menuV2 .logo { display: flex; align-items: center; height: auto; padding: 0; }
.menuV2 .logo ul.list li.dropdown a { padding: 15px; text-align: center; display: flex; flex-flow: column; align-items: center; }
.menuV2 .logo ul.list li.dropdown a:after { padding-top: 5px; }
/* Global */
.menuV2 ul { list-style: none; padding: 0; margin: 0; }
.menuV2 ul li {}
.menuV2 ul li a { text-decoration: none; padding: 5px; position: relative; transition: all .2s ease-in; }
.menuV2 a:hover { text-decoration: none; }
/* menuV2V2 */
.menuV2 ul.list { z-index: 4444; display: flex; flex-flow: wrap; justify-content: center; position: relative; }
.menuV2 ul.list li.link {}
.menuV2 ul.list li.link a { font-family: Open Sans, sans-serif; color: ; font-size: 15px; }
/* Dropdown */
.menuV2 ul.list li.dropdown {}
.menuV2 ul.list li.dropdown a { background: ; display: block; }
.menuV2 ul.list li.dropdown ul.list_dropdown { display: none; z-index: 1; position: absolute; left: 0; min-height: 50vh; }
.menuV2 ul.list li.dropdown ul.list_dropdown:hover { display: block; }
.menuV2 ul.list li.dropdown ul.list_dropdown li { }
.menuV2 ul.list li.dropdown ul.list_dropdown li a { text-transform: inherit; font-family: Open Sans, sans-serif; color: ; background: ; font-size: 14px; }
.menuV2 ul.list li.dropdown ul.list_dropdown li a:before { position: absolute; content: ''; height: 8px; width: 4px; left: -4px; top: 0; bottom: 0; margin: auto 0; background: ; }
/* Responsive Icon */
.menuV2 .resp_icon { display: none; }
.menuV2 .resp_icon a {}
.menuV2 .resp_icon a i {}

/***************************************** Top Header ****************************/
.menuV2 .top_menu { z-index: 10000; position: absolute; top: 0; display: flex; justify-content: flex-end; width: 100%; background: #b73080; padding-right: 60px; }
.menuV2 .top_menu ul.list { display: flex;  justify-content: end; align-items: center; margin: 5px 0; }
.menuV2 .top_menu ul.list li.link {}
.menuV2 .top_menu ul.list li.link a { font-size: 14px; color: #FFF; padding: 0 20px; border-right: solid 2px #FFF; }
.menuV2 .top_menu ul.list li.link a:after { padding-left: 20px; }
.menuV2 .top_menu ul.list li.link:last-child a { background: ; padding: 5px; display: block; }
.menuV2 .top_menu ul.list span.separator { color: ; padding: 0 15px; }
/* lang switcher */
.menuV2 .top_menu ul.list li.language_switcher > span { display: flex; }
.menuV2 .top_menu ul.list div.globe_class { width: 65px; position: relative; }
.menuV2 .top_menu ul.list li.language_switcher ul.lang_list_class { top: 100%; }
.menuV2 .top_menu ul.list li.language_switcher ul.lang_list_class:after { display: none; }
.menuV2 .top_menu ul.list li.language_switcher ul.lang_list_class li { margin: 0; padding: 5px 10px; border: solid 1px  }
.menuV2 .top_menu ul.list li.language_switcher ul.lang_list_class li a { width: 100%; padding: 0; }
/* search */
.menuV2 .top_menu ul.list li.search { width: 130px; }
.menuV2 .top_menu ul.list li.search form { display: flex; align-items: baseline; padding-left: 15px; }
.menuV2 .top_menu ul.list li.search form i { color: ; }
.menuV2 .top_menu ul.list li.search form input[type="text"] { background: transparent; height: 25px; padding-right: 0; }
.menuV2 .top_menu ul.list li.search form input[type="text"]::placeholder { color: ; font-family: Open Sans, sans-serif; font-size: 12px; }



/***************************************** Main Header ****************************/
.main_menu { }
.main_menu > ul.list:first-child li.link a { margin: 0 1px; color: #141313; font-size: 17px; border-bottom: solid 9px; padding: 19px 20px; }
.main_menu > ul.list:first-child li.link a.active,
.main_menu > ul.list:first-child li.link a:hover { color: #FFF; }
.main_menu > ul.list:first-child li.link:nth-child(1) a { border-color: #B73080; }
.main_menu > ul.list:first-child li.link:nth-child(1) a.active,
.main_menu > ul.list:first-child li.link:nth-child(1) a:hover { background: #B73080; }
.main_menu > ul.list:first-child li.link:nth-child(2) a { border-color: #156493; }
.main_menu > ul.list:first-child li.link:nth-child(2) a.active,
.main_menu > ul.list:first-child li.link:nth-child(2) a:hover { background: #156493; }
.main_menu > ul.list:first-child li.link:nth-child(3) a { border-color: #528900; }
.main_menu > ul.list:first-child li.link:nth-child(3) a.active,
.main_menu > ul.list:first-child li.link:nth-child(3) a:hover { background: #528900; }
.main_menu > ul.list:first-child li.link:nth-child(4) a { border-color: #ED730B; }
.main_menu > ul.list:first-child li.link:nth-child(4) a.active,
.main_menu > ul.list:first-child li.link:nth-child(4) a:hover { background: #ED730B; }
.main_menu > ul.list:first-child li.link:nth-child(5) a,
.main_menu > ul.list:first-child li.link:nth-child(6) a,
.main_menu > ul.list:first-child li.link:nth-child(7) a{ border-color: transparent; }
.main_menu > ul.list:first-child li.link:nth-child(5) a.active,
.main_menu > ul.list:first-child li.link:nth-child(6) a.active,
.main_menu > ul.list:first-child li.link:nth-child(7) a.active,
.main_menu > ul.list:first-child li.link:nth-child(5) a:hover,
.main_menu > ul.list:first-child li.link:nth-child(6) a:hover,
.main_menu > ul.list:first-child li.link:nth-child(7) a:hover { color: #141313; background: #f7faff; }


/***************************************** Mobile ****************************/
.menuV2.responsive { flex-flow: column-reverse; align-items: flex-start; padding: 50px 0 0 0; }
.menuV2.responsive .logo { width: 100%; position: absolute; top: 10px; left: 20px; }
.menuV2.responsive .logo img { width: 90px !important; margin-bottom: 20px; }
.menuV2.responsive .logo ul.list li.dropdown a { flex-flow: row; }
.menuV2.responsive .logo ul.list li.dropdown a:after { padding-top: 0; padding-left: 5px; }
/* Global */
.menuV2.responsive ul { width: 100%; }
.menuV2.responsive ul li {}
.menuV2.responsive ul li.language_switcher { position: absolute; top: 0; left: 0; }
.menuV2.responsive ul li a { font-size: 12px !important; padding: 20px 15px; }
/* Menu */
.menuV2.responsive .main_menu ul.list { display: block; width: 100%; }
.menuV2.responsive ul.list li.link {}
.menuV2.responsive ul.list li.link a { border: 0; }
/* Dropdown */
.menuV2.responsive ul.list li.dropdown {}
.menuV2.responsive ul.list li.dropdown.active > ul.list_dropdown { display: block; }
.menuV2.responsive ul.list li.dropdown ul.list_dropdown { position: relative; padding: 5px 10px;}
.menuV2.responsive ul.list li.dropdown ul.list_dropdown li {}
.menuV2.responsive ul.list li.dropdown ul.list_dropdown li a {}
/* Responsive Icon */
.menuV2.responsive .resp_icon {}
.menuV2.responsive .resp_icon a {}
.menuV2.responsive .resp_icon a i {}
/***************************************** Mobile ****************************/
.menuV2.responsive .top_menu { justify-content: center; position: initial; width: 100%; padding: 0; text-align: center; }
.menuV2.responsive .top_menu ul.list { display: flex; flex-flow: column-reverse; padding: 30px; }
.menuV2.responsive .top_menu ul.list li.link { margin: 10px 0; }


/* stop hover */
.menuV2.responsive .main_menu > ul.list:first-child li.link:nth-child(1) a:hover { color: initial; background: transparent; }

/*********************************************************************************
***************************************** Hover **********************************
*********************************************************************************/

@media screen and (min-width: 1040px) {
  .menuV2 ul.list li.dropdown:hover > ul.list_dropdown { display: block; }
  .main_menu > ul.list:first-child li.link ul.list { display: none; }
  .menuV2.scrolled .logo img { max-height: 50px; width: auto !important; }
  .menuV2.scrolled .main_menu > ul.list:first-child li.link a { padding: 10px 20px; }
}

/*********************************************************************************
***************************************** Responsive *****************************
*********************************************************************************/
@media screen and (max-width: 1261px) {
  .main_menu > ul.list:first-child li.link a { font-size: 14px; padding: 21px 20px; }
}
@media screen and (max-width: 1130px) {
  .main_menu > ul.list:first-child li.link a { font-size: 12px; padding: 22px 20px; }
}

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

  /***************************************** Desktop ****************************/
  .menuV2 .top_menu ul.list { display: none; }
  .menuV2 .main_menu ul.list { display: none; }

  /***************************************** Mobile ****************************/
  .menuV2 { padding: 10px 20px; border-bottom: none; }
  .menuV2 .logo { width: 100%; }
  .menuV2 .logo img { width: 90px !important; }
  .menuV2 .resp_icon { display: block; position: absolute; top: 10px; right: 30px; }
  .menuV2 .resp_icon a i { color: #0B0B0B; font-size: 24px; }
  .mega_menu_progress { top: 43px; }
  .mega_menu_progress.visible { top: 52px; }
  .top_menu ul.list span.separator { display: none; }


  .main_menu { width: 100%; background: #f7faff; }
  .main_menu ul.list li.link {  }
  .main_menu ul.list li.link a { border-bottom: solid 1px #616161 !important; margin: 0 30px !important; }
  .main_menu ul.list li.link.active { box-shadow: inset 0px -7px 7px #dbd7de; width: 104%; margin-left: -2%; }
  .main_menu ul.list li.link.active > a { border-bottom: none !important; }
  .main_menu ul.list li.link.active ul.list { display: block; }
  .main_menu ul.list li.link.active ul.list li {  }
  .main_menu ul.list li.link.active ul.list li a { font-weight: normal; }
  .main_menu ul.list li.link.active ul.list li:last-child a { border-bottom: none !important; }
  .main_menu ul.list li.link.active ul.list li:first-child { box-shadow: inset 0px 7px 7px #dbd7de; }
  .main_menu ul.list li.link ul.list { display: none; }
  .main_menu > ul.list:first-child li.link a { color: #0B0B0B; font-weight: bold; }

  .main_menu > ul.list:first-child > li.link:after { z-index: 99999999999999; position: absolute; right: 0; top: 0px; padding: 18px 24px; font-family: "Font Awesome 5 Free"; content: "\f067"; display: inline-block; vertical-align: middle; font-weight: 900;  }
  .main_menu > ul.list:first-child > li.link.active:after { content: "\f068"; padding: 18px 34px; }
  .main_menu > ul.list:first-child > li.link:nth-child(1):after { color: #B73080; }
  .main_menu > ul.list:first-child > li.link:nth-child(2):after { color: #3080B0; }
  .main_menu > ul.list:first-child > li.link:nth-child(3):after { color: #7AA23F; }
  .main_menu > ul.list:first-child > li.link:nth-child(4):after { color: #FC7F2A; }
  .main_menu > ul.list:first-child > li.link:nth-child(5):after,
  .main_menu > ul.list:first-child > li.link:nth-child(6):after,
  .main_menu > ul.list:first-child > li.link:nth-child(7):after { color: #370F27; }

}