/* ------------------------------------ 
----------- FONT          ------------- 
------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,600;0,700;0,800;1,100;1,300;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');





/* ------------------------------------ 
----------- COLOURS ----------------
------------------------------------ */
:root {
  --primaryTxtColor: #041E42;
  --secondaryBckColor: #3A61F7;
  --greenHard: #1ADC77;
  --titleH1Color: #041E42;
  --white: #FFF;
  --dark_1: #1D1B1D;
  --linkColor: #125BFF;
  --linkColorHover: #99a3fa;
  --greenHard: #1ADC77;
  --blueHard: #3A61F7;
  --primaryAccentColor: #ff6357;
  --primaryBkgColor: #041E42;
  --primaryIconColor: #1ADC77;
  
}


 
 
 
 



 
 
 
 


 
 

/*----InfoLegale Colors-----*/
 

 
 
 

/* Light colors */









/* Dark colors */














/* ----------------------------------- 
-----------  Colors -----------------
------------------------------------ */

.primaryColor { color: #041E42; }
.color_white { color: #FFF; }
.color_dark { color: #041E42; }

/* ----------------------------------- 
----------- Background Colors ------
------------------------------------ */

.bg_primaryColor { background-color: #041E42; }
.bg_secondaryColor { background-color: #3A61F7; }
.bg_white { background-color: #FFF; }
.bg_light { background-color: #F5F7FA; }
.bg_grey { background-color: #f5f5f5; }
.bg_light_blue { background-color: #F5F7FA; }
.bg_dark { background-color: #041E42; }
.bg_transparent { background-color: transparent; }

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

h1,h2,h3,h4,h5,h6{
  margin:0 0 20px;
  padding:0;
  letter-spacing:0;
  font-family:'Montserrat', sans-serif;
  line-height:normal;
}
h1{
  font-size:39px;
  color:#041E42;
  font-weight:700;
}

h2{
  font-size:30px;
  color:#041E42;
  font-weight:700;
}
h3{
  font-size:28px;
  color:#041E42;
}
h4{
  font-size:22px;
  color:#041E42;
}
h5{
  font-size:18px;
  color:#041E42;
}
h6{
  font-size:16px;
  color:#041E42;
}

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

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 
  width: 100%;
}

body{
  font-family:'Montserrat', sans-serif;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  font-size:15px;
  color:#041E42;
  font-weight:400;
  line-height:26px;
}
body,html{
  -moz-osx-font-smoothing:grayscale
}

.text_center { text-align: center; text-align: -webkit-center; }

.container-fluid .row-fluid > .container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding:30px;
}
.body-container.container-fluid{ 
  padding:0; 
}
.footer-container.container-fluid{ 
  padding:0; 
}
.row-fluid [class*="span"]{ min-height:auto; }
section{
  padding:50px 0;
  overflow:hidden;
  background:#fff
}
a,a:active,a:focus{
  color:#125BFF;
  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:#99a3fa;
  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:#1ADC77;
}
img{
  max-width:100%;
  height:auto;
  pointer-events:none;
}
input,select, select option{
  border:1px solid #CECECE;
  font-size:14px;
  padding:10px 35px;
  width:100% !important;
  margin:0 0 15px 0;
  max-width:100%;
  resize:none;
  border-radius: 3px;
  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: #3A61F7;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 3px;
  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;
  height: fit-content;
  margin-bottom: 0px;
}
input[type="submit"]:hover {
  color:#fff; 
  box-shadow: 0px 4px 12px #00000033!important;
}
input:focus,textarea:focus{
  border:2px solid #041E42;
  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 10px;
  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:#000;
  text-overflow:ellipsis;
}
::-moz-placeholder{
  color:#000;
  text-overflow:ellipsis;
  opacity:1;
}
:-ms-input-placeholder{
  color:#000;
  text-overflow:ellipsis;
  opacity:1;
}
.alt-font{
  font-family: 'PT Serif', 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:30px 
  }
}
@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
  }
}
/* ------------------------------------------------------------------------------- 
-------------------------------   THEME COLORS     -------------------------------
------------------------------------------------------------------------------- */
.theme-overlay[data-overlay-dark]:before {
  background: #041E42;
}
.text-theme-color {
  color: #041E42;
}
.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px;
}
.cursor-pointer {
  cursor: pointer;
}
.text-white{
  color:#fff
}
.text-black {
  color: #1f1f1f
}

.bg-theme {
  background: #041E42;
  background: -webkit-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -moz-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -o-linear-gradient(-45deg, #041E42, #3A61F7);
  background: linear-gradient(-45deg, #041E42, #3A61F7);
}
.bg-theme-light {
  background:#F5F7FA;
}
.bg-theme-white{
  background:#fff;
}
.bg-theme-grey{
  background: #f5f5f5;
}
.bg-theme-transparent{
  background:transparent;
}
.bg-theme-dark{
  background:#041E42;
}
/*.sticky-position { position:sticky; top:120px; }*/

.bg-theme-dark .section-heading h2,
.bg-theme-dark .section-heading .alt-font { 
  color:#fff; 
}

/* ----------------------------------- 
----------- Overlay ----------------
------------------------------------ */
.overlay_primary[data-overlay-dark]:before {
  background: #041E42;
}
.overlay_secondary[data-overlay-dark]:before {
  background: #3A61F7;
}
.overlay_light[data-overlay-dark]:before {
  background: #F5F7FA;
}
.overlay_dark[data-overlay-dark]:before {
  background: #041E42;
}
/* ------------------------------------------------------------------------------- 
------------------------------------ CTAs -------------------------------
------------------------------------------------------------------------------- */
.cta_container { margin: 10px 0; }

.btn-solid-blue { display:inline-block; background:#3A61F7; border:2px solid #3A61F7; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-blue:hover { border:2px solid #2551FA; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-solid-red { display:inline-block; background:#F44D79; border:2px solid #F44D79; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-red:hover { border:2px solid #F02A5E; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-solid-light { display:inline-block; background:#99A3FA; border:2px solid #99A3FA; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-light:hover { border:2px solid #828FFD; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-solid-green { display:inline-block; background:#1ADC77; border:2px solid #1ADC77; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-green:hover { border:2px solid #26EB6C; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-solid-orange { display:inline-block; background:#FF8E06; border:2px solid #FF8E06; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-orange:hover, { border:2px solid #F77A03; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-solid-purple { display:inline-block; background:#99A3FA; border:2px solid #99A3FA; font-size:18px; color:#fff !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-solid-purple:hover, { border:2px solid #99A3FA; color:#fff; box-shadow: 0px 4px 12px #00000033; }

.btn-trans-blue { display:inline-block; background:transparent; border:2px solid #3A61F7; font-size:18px; color:#3A61F7 !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-trans-blue:hover { border:2px solid #2551FA; background:#3A61F7; color:#FFF !important; box-shadow: 0px 4px 12px #00000033; }

.btn-trans-purple { display:inline-block; background:transparent; border:2px solid #99A3FA; font-size:18px; color:#99A3FA !important; padding:14px 20px; border-radius:3px; box-shadow: 0px 2px 6px #00000029; transition:all .2s ease-out; }
.btn-trans-purple:hover { border:2px solid #99A3FA; background:#99A3FA; color:#FFF !important; box-shadow: 0px 4px 12px #00000033; }

.btn-trans-blue-blog-list { font-size: 16px; font-weight: 600; padding: 8px 12px; }

@media screen and (max-width:768px ) {
  .btn-solid-blue,
  .btn-solid-red,
  .btn-solid-light,
  .btn-solid-green,
  .btn-solid-orange,
  .btn-trans-blue { font-size:16px; text-align:center; }
}


/* ======================================================================================= */
/* =================================== 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:#FFF;
  background-color: #fff;
}

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

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

.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:#041E42; padding:5px; } 
.index-header .hs-menu-wrapper.hs-menu-flow-vertical > ul > li.active > a{ color:#125BFF; } 

/* =================================== 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; 
  justify-content:space-between!important;
}
.navbar-default .language-switcher-icon { position:absolute; right:80px; }
.navbar-header > a img{
  max-height:100px;
  transition:all .2s ease-out;
  width: auto!important;
  height: 58px!important;
}

@media (max-width: 425px) {
  .navbar-header > a img{
    width: auto!important;
    height: 50px!important;
  }
}

.navbar-header-custom{
  padding:17px 0 15px 0;
}
.navbar-default{
  transition:all 0.5s ease 0s;
  background:#041E42;
}
.navbar-default .container,
.navbar-default .container-fluid{
  position:relative;
}
.navbar-default .container-fluid {
  max-width:1800px;
}
.navbar-default .butn { margin: 8px; }
.navbar-default .butn .cta_button { color: #fff; }

.desk__nav ul { margin:0; }
.mobile__nav { display:none; }
.link2__inner a { color:#fff; font-size:15px; font-weight:300; position:relative; }
.link2__inner a:after { content:""; position:absolute; left:0px; width:100%; height:1px; background:#1ADC77; bottom:-5px; opacity:0; }
.link2__inner a:hover { color:#fff; opacity:.7; }
.link2__inner a:hover:after { opacity:1; }
.link2__inner .sep { color:#1ADC77; font-weight:bold; margin-left:3px; margin-right:3px; }
.navbar-default .desk-cta a { font-size:16px; font-weight:600; padding:8px 12px; }

.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:15px;
}
.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:16px;
  font-weight:500;
  padding:30px 0.5rem;
  color:#fff;
  letter-spacing:0.5px;
  -webkit-transition-duration:500ms;
  -o-transition-duration:500ms;
  transition-duration:500ms;
}
.hs-menu-wrapper > ul>li>a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #1adc77;
  bottom: 30px;
  opacity: 0;
}

.hs-menu-wrapper > ul>li:hover>a, .hs-menu-wrapper > ul>li.active>a{
  opacity:0.65;

}
.hs-menu-wrapper > ul>li:hover>a:after, .hs-menu-wrapper > ul>li.active>a:after{
  opacity:1;
}

.hs-menu-wrapper > ul li.current>a{
  color:#000;
}

.hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
  color:#fff;
  opacity:.8;
}
.navbar ul>li.hs-item-has-children:hover:after{
  border-color:transparent #fff #fff transparent;
}

.navbar ul>li.current>a:after{
  border-color:transparent #fff #fff 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:hover {
  background:#F5F7FA;
}
.navbar ul ul li:hover a {
  font-weight:600;
}
.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:8px 0;
  margin:0 0 0 10px;
  background:#fff;
  min-width:175px;
  -webkit-box-shadow:3px 3px 6px rgba(221, 229, 237, .5);
  -ms-box-shadow:3px 3px 6px rgba(221, 229, 237, .5);
  -moz-box-shadow:3px 3px 6px rgba(221, 229, 237, .5);
  box-shadow: 3px 3px 6px rgba(221, 229, 237, .5);
}
.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: 36%;
  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;
  font-size:12px;
  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; 
height: 1px; 
background-color:#fff; 
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;
}

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;
  right:20px;
  font-size:22px;
}

.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  background:#FFF;
  padding: 30px 0;
}
.hs-search-field__suggestions li {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  text-align:left;
}
.hs-search-field__suggestions li a{
  color:#272b3f; 
  display:inline;
}
.hs-search-field__suggestions li a:after{
  display:inline; 
}
.hs-search-field__suggestions .result_container {
  padding: 30px;
  width: 90%;
}

.hs-search-field__suggestions .hs-search-highlight,
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions #results-for {
  color: #3A61F7 !important;
}
.hs-search-field__suggestions li:#results-for:after{
  content:none; 
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: table !important;
  font-size:16px;
  width: -webkit-fit-content;
  width: fit-content;
  color: #041E42;
  position: relative;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  outline: none;
}
.hs-search-field__suggestions a:hover:before,
.hs-search-field__suggestions a:focus:before {
  content: ''; 
  background: #1ADC77; 
  position: absolute; 
  left: 0; 
  bottom: 0;
  width: 100%; 
  height: 2px;
}
.hs-search-field__suggestions p {
  font-size:14px;
  line-height: normal;
  margin: 0;
  padding-top: 10px;
}
.hs-search-field__suggestions .result_img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100px;
  width: 200px;
  position: relative;
}

.hs-search-field__suggestions .result_img > span {
  background: #041E42;
  border-radius: 0 5px 0 0;
  padding: 3px 9px 0px 20px;
  color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
}
.hs-search-field__suggestions .result_img > span span.point {
  color: #1ADC77;
  bottom: 8px;
  left: 8px;
  font-size: 22px;
  position: absolute;
}
.hs-search-field__suggestions .result_img > span span.day {
  padding-right: 5px;
}

@media screen and (max-width:576px) {
  .hs-search-field__suggestions li { flex-flow: column; }
}
@media screen and (max-width:1200px) {
  .link2__inner a { font-size:10px; }
  .desk-cta a { font-size:10px!important; padding:10px 16px; }
}

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

  header.scrollHeader .navbar-default{
    position:fixed;
    top:0;
    z-index:99;
    width:100%;
    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;
  width:auto!important;
  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{
    opacity:0.65;
    color:#125BFF;
  }
  .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:#fff;
  }
  .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:#fff;
  }
}
@media screen and (min-width: 992px) and (max-width: 1255px){
  .hs-menu-wrapper > ul>li>a{
    padding:21px 0.4rem;
    font-size: 11px;
  }
  .hs-menu-wrapper > ul>li>a:after { 
    bottom: 20px;
  }
  .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger {
    top: 30%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .hs-menu-wrapper > ul>li{
    margin-left:5px;
  }

  .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;
  }
  .hs-menu-wrapper>ul>li.hs-item-has-children>.child-trigger { top: 30%;  }
}
@media screen and (max-width: 991px){
  .navbar-default .cta-desktop { 
    display: none; 
  }
  .desk-cta,
  .link2,
  .desk__nav { 
    display:none; 
  }
  .mobile__nav { 
    display:block; 
  }
  .mobile__nav .hs-menu-wrapper>ul>li.hs-item-has-children>.child-trigger i,
  .mobile__nav .hs-menu-wrapper>ul>li.hs-item-has-children>.child-trigger i:after { 
    background-color:transparent; 
  }
  .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:4px 0 8px;
  }
  .menu_area .navbar-header > a{
    margin-top:6px;
  }
  .navbar ul li a{
    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:10px 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;
  }
  .hs-menu-wrapper>ul>li>a:after{ background: transparent; }
  .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:8px 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: 100% !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted #000;
  }
  .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: absolute;
    top: 40%; /* Centers icon inside button */
    /*left:38%;*/
    right:4%;
    font-size:16px;
    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; 
  height: 1px; 
  background-color:#fff; 
  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);
  }
  .hs-menu-wrapper > ul > li.cta-mobile { 
    background: -webkit-linear-gradient(-45deg, #041E42, #3A61F7); 
    background: -moz-linear-gradient(-45deg, #041E42, #3A61F7);
    background: -o-linear-gradient(-45deg, #041E42, #3A61F7); 
    background: linear-gradient(-45deg, #041E42, #3A61F7); 
    padding: 10px 20px; 
    letter-spacing: 0.5px; 
    text-transform: uppercase;
  }
  .hs-menu-wrapper > ul > li.cta-mobile a { color: #fff; }

  .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 (min-width: 992px){
  .hs-menu-wrapper > ul > li.cta-mobile { display: none; }
}
@media screen and (max-width: 550px){
  .global-header-complex .right{ margin-right:0; }
  .menu_area .hs-search-field__bar input{ width:50px !important; }
}

/* ------------------------------------ 
--------------- SCROLL DOWNS --------
------------------------------------ */

@keyframes scroll{ 
  0%{opacity:0;}
  10%{transform:translateY(0);opacity:1;}
  100%{transform:translateY(15px);opacity:0;}
}
.scroll_downs { z-index: 4; margin: 40px auto 0; height: 110px; width: 110px; border-radius: 60px; display: block; text-align: center;  }
.mousey { cursor: pointer; position: absolute; margin: 60px auto; left: 0; right: 0; top: 0; bottom: 0; padding: 4px 6px; height: 50px; width: 20px; border: 3px solid #041E42; border-radius: 25px; box-sizing: content-box; display: inline-block; }
.scroller { position: absolute; margin: auto; top: 10px; left: 0; right: 0; width: 4px; height: 16px; border-radius: 30px; background-color: #041E42; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }
@media (max-width: 1199px){
  .scroll_downs { display: none; }
}
.scroll_downs_absolute { position: absolute; margin: auto; left: 0; right: 0; bottom: 0; }
.scroll_downs_bg { -webkit-box-shadow: 0px 3px 6px 0px #000029; -moz-box-shadow: 0px 3px 6px 0px #000029; box-shadow: 0px 3px 6px 0px #000029; background: #FFF; }

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 1    ----------------------------
------------------------------------------------------------------------------- */
/*TODO: Inutile */
.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: #041E42;
  background: -webkit-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -moz-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -o-linear-gradient(-45deg, #041E42, #3A61F7);
  background: linear-gradient(-45deg, #041E42, #3A61F7);
}
.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: #041E42;
  background: -webkit-linear-gradient(284deg, #041E42, #3A61F7);
  background: -moz-linear-gradient(284deg, #041E42, #3A61F7);
  background: -o-linear-gradient(284deg, #041E42, #3A61F7);
  background: linear-gradient(284deg, #041E42, #3A61F7);
  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:#041E42;
}
.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 3    ----------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.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: #041E42;
  margin: auto;
  display: inline-block;
  border: 2px solid #041E42;
  -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:#041E42;
}
.hero3-section .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
  color:#041E42;
}

.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;
  }
}

/* ------------------------------------------------------------------------------- 
--------------------------------    HERO BANNER Model ----------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.hero-model { padding: 0; }
.hero-model .row { padding: 50px 0; }
.hero-model h1 { animation-delay: 0.1s; letter-spacing: 1px;  line-height: 1; margin-bottom: 0; display: inline-block; padding-bottom: 5px; position: relative; }
.hero-model p { animation-delay: 0.1s; }
.hero-model ul { margin-top: 0; animation-delay: 0.1s; }
.hero-model ul li { display: inline-block;}
.hero-model ul li:last-child a {  font-weight: 600;}
.hero-model ul li:after {  content: '\f105';  font-weight: 700; font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
.hero-model ul li:last-child:after {  content: none;}
.hero-model ul li a { font-weight: 500;}
.hero-model .active a, .hero2-jc li.active:last-child a {  color: #FFF;}

/* =================================== Choice ======================================== */

.hero-model h1.f-s-small{ font-size:40px; }
.hero-model h1.f-s-medium{ font-size:42px; }
.hero-model h1.f-s-big{ font-size:44px; }

.hero-model p.f-s-small{ font-size:12px; }
.hero-model p.f-s-medium{ font-size:14px; }
.hero-model p.f-s-big{ font-size:16px; }

.hero-model .cta-container { padding: 0; }

.hero-model .txt-spacing-small{ margin-bottom: 20px; }
.hero-model .txt-spacing-medium{ margin-bottom: 25px; }
.hero-model .txt-spacing-big{ margin-bottom: 30px; }

/* =================================== Media queries ======================================== */

@media screen and (max-width: 1199px) {
  .hero-model h1.f-s-small{ font-size:36px; }
  .hero-model h1.f-s-medium{ font-size:38px; }
  .hero-model h1.f-s-big{ font-size:40px; }

  .hero-model .txt-spacing-small{ margin-bottom: 5px; }
  .hero-model .txt-spacing-medium{ margin-bottom: 10px; }
  .hero-model .txt-spacing-big{ margin-bottom: 15px; }
}
@media screen and (max-width: 991px) {
  .hero-model h1 { line-height: 40px; }
  .hero-model ul { margin-top: 5px;}
  .hero-model ul li a { font-size: 12px;}
}
@media (max-width: 767px){
  .hero-model h1.f-s-small{ font-size:26px; }
  .hero-model h1.f-s-medium{ font-size:28px; }
  .hero-model h1.f-s-big{ font-size:30px; }

  .hero-model .txt-spacing-small{ margin-bottom: 0px; }
  .hero-model .txt-spacing-medium{ margin-bottom: 3px; }
  .hero-model .txt-spacing-big{ margin-bottom: 6px; }
}

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 4   -----------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.hero-4 h1.color-white, .hero-4 ul.color-white, .hero-4 ul li a.color-white, .hero-4 p.color-white { color: #fff; border-color: #fff; }
.hero-4 h1.color-black, .hero-4 ul.color-black, .hero-4 ul li a.color-black, .hero-4 p.color-black { color: #1f1f1f; border-color: #1f1f1f; }
.hero-4 h1.color-theme-primary, .hero-4 ul.color-theme-primary, .hero-4 ul li a.color-theme-primary, .hero-4 p.color-theme-primary { color: #041E42; border-color: ; }

.hero-4 .cta { margin-top: 10px; }

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 5   -----------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.hero-5 { display: flex; align-items: center; }
.hero-5 h1 { color: #FFF; letter-spacing: 1px;  line-height: 1; display: inline-block; padding-bottom: 5px; position: relative; }
.hero-5 ul { margin-top: 0; }
.hero-5 ul li { color: #FFF; display: inline-block; }
.hero-5 ul li:last-child a {  font-weight: 600;}
.hero-5 ul li:after {  content: '\f105';  font-weight: 700; color: #FFF; font-family: Font Awesome\ 5 Free;  padding: 0 5px 0 10px;}
.hero-5 ul li:last-child:after {  content: none;}
.hero-5 ul li a { color: #FFF; font-weight: 500; }
.hero-5 p { color: #FFF; }
.hero-5 .bg-video { position: absolute; right: 0; top: 0px; left: 0; bottom: 0; min-width: 100%; min-height: 100%; }

/* ------------------------------------------------------------------------------- 
---------------------------------    HERO BANNER 6   -----------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.hero-6 .color-white { color: #fff; border-color: #fff; }
.hero-6 .color-black { color: #1f1f1f; border-color: #1f1f1f; }
.hero-6 .color-theme-primary { color: #041E42; border-color: ; }

/* =================================================================================================== */
/* ====================================== MAIN BANNER LP 2        ==================================== */
/* =================================================================================================== */
/* TODO: Inutile ?*/
.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:li; }

/* =================================================================================================== */
/* ====================================== SECTION FORM            ==================================== */
/* =================================================================================================== */
.section-form{ padding:50px; }
/* ------------------------------------------------------------------------------- 
---------------------------------    LISTINGS .    -------------------------------
------------------------------------------------------------------------------- */
.collapse li,
.list-style li,
.lpcontent2 ul li,
.hs_cos_wrapper_type_rich_text ul 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;
}
.collapse li:last-child,
.list-style li:last-child ,
.lpcontent2 ul li:last-child,
.hs_cos_wrapper_type_rich_text ul li:last-child{
  margin-bottom: 0;
}
.collapse li:before,
.list-style li:before,
.lpcontent2 ul li:before,
.hs_cos_wrapper_type_rich_text ul li:before{
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #3A61F7;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.collapse li:after,
.list-style li:after ,
.lpcontent2 ul li:after,
.hs_cos_wrapper_type_rich_text ul li:after{
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  background:transparent;
  z-index: 1;
}

.hs_cos_wrapper_type_rich_text ol{ padding-left:0; list-style: none; counter-reset: li; }
.hs_cos_wrapper_type_rich_text ol li{ padding-left:30px; counter-increment: li; margin-bottom:10px;}
.hs_cos_wrapper_type_rich_text ol li::before { content: counter(li); color: #3a61f7; display: inline-block; width: 30px;  margin-left: -30px; font-size:15px; font-weight:bold;}

/* ------------------------------------------------------------------------------- 
------------------------------------ PILAR PAGE   -------------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
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 .scd-summary { position:sticky; top:100px;  }
section.content-pp .scd-summary .title{ margin-bottom:10px; font-size:20px;  }
section.content-pp .scd-summary .summary-item { margin-bottom:10px; display:flex;  }
section.content-pp .scd-summary .summary-item a {  display:block; font-weight:600;  }
section.content-pp .scd-summary .summary-item span { font-weight:600;  }

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 #4e54c8;  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 (max-width:1200px) {

}
@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) {
  section.hero-pp{ padding: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 .filtering .active {
  border-color: #125BFF;
  color: #125BFF;
}

/* ------------------------------------------------------------------------------- 
------------------------------------ SCROLLL TOP . -------------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.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 .     -------------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.butn {
  background: #041E42;
  background: -webkit-linear-gradient(129deg, #041E42, #3A61F7);
  background: -moz-linear-gradient(129deg, #041E42, #3A61F7);
  background: -o-linear-gradient(129deg, #041E42, #3A61F7);
  background: linear-gradient(129deg, #041E42, #3A61F7);
  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;
}
.butn:hover {
  color: #fff;
}
a.butn:hover, a.butn:active {
  color: #fff;
}
.butn:before {
  background: #041E42;
  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  -------------------------
------------------------------------------------------------------------------- */
/* TODO: Inutile ?*/
.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 --------------------------
------------------------------------------------------------------------------- */
/* Utilisé sur bcp de pages avec différents modules */
[data-overlay-dark],[data-overlay-light]{
  position:relative
}
[data-overlay-dark] .position-unset,[data-overlay-light] .position-unset{
  position:unset !important
}
[data-overlay-dark] .container,[data-overlay-light] .container{
  position:relative;
  z-index:2
}
[data-overlay-dark]:before,[data-overlay-light]:before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:1
}
[data-overlay-dark]:before{
  background:#041E42;
}
[data-overlay-light]:before{
  background:#fff
}
[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{
  opacity:0
}
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{
  opacity:0.1
}
[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{
  opacity:0.2
}
[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{
  opacity:0.3
}
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{
  opacity:0.4
}
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{
  opacity:0.5
}
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{
  opacity:0.6
}
[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{
  opacity:0.7
}
[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{
  opacity:0.8
}
[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before{
  opacity:0.9
}
[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{
  opacity:1
}
/* ========================================================================================== */
/* =================================== SECTION HEADING ====================================== */
/* ========================================================================================== */
/* Utilisé par pls composants */
.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;
  position: relative;
  line-height: 140%;
}
.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 ====================================== */
/* ========================================================================================== */
/* TODO: Inutile ?*/
.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 2         =================================== */
/* =================================================================================================== */
/*TODO: inutile ?*/
.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: #1ADC77;
}
.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;
  }
}

/* =================================================================================================== */
/* ======================================= IMAGE AND MEDIA       ==================================== */
/* =================================================================================================== */
/* TODO: Inutile ?*/
section.img_text_video { position: relative; }
section.img_text_video .img_container { height: 350px; }
section.img_text_video .text_container { position: relative; padding-top: 45px; }
section.img_text_video .second_container { position: absolute; height: 200px; width: 340px; bottom: -88px; right: -33%; box-shadow: 0px 3px 6px 0px #f5f5f5; border-radius: 10px; }
section.img_text_video .second_img_container { height: 200px; border-radius: 10px; }
section.img_text_video .video_container { height: 100%; }
section.img_text_video .layer_container { position: absolute; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top; background-size: contain; }

@media screen and (min-width: 991px) and (max-width: 1099px) {
  section.img_text_video .second_container { right: -40%; }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  section.img_text_video .second_container { right: -3%; bottom: -10%; }
}
@media screen and (max-width: 576px){
  section.img_text_video .img_container { height: 150px; margin: 0 50px 0 0; }
  section.img_text_video .img_container { height: 150px; margin: 0 50px 0 30px; }
  section.img_text_video .text_container { padding-top: 70px; }
  section.img_text_video .second_container { height: 80px; width: 140px; bottom: -30%; right: 8%; }
  section.img_text_video .second_img_container { height: 80px; }
}

/* =================================== Team member ======================================= */
/* TODO: Inutile ?*/
.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;
  transform: scale(2);
  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:#041E42;
  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-member-img > img {
  filter: blur(4px) grayscale(4%);
}
.team-style:hover .team-description {
  opacity: 1;
}

/* =================================================================================================== */
/* ======================================= TESTIMONIALS V2        ==================================== */
/* =================================================================================================== */
/*TODO: Inutile ?*/
.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: #041E42;
  background: -webkit-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -moz-linear-gradient(-45deg, #041E42, #3A61F7);
  background: -o-linear-gradient(-45deg, #041E42, #3A61F7);
  background: linear-gradient(-45deg, #041E42, #3A61F7);
  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;}
}

/* ======================================================================================= */
/* =================================== Services2 ========================================= */
/* ======================================================================================= */
/*TODO: Inutile ?*/
.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; font-weight:700; margin-bottom:7px; }
.services2 .row .item p { color: #6f6f6f; }
.services2 .row .item .icon i{  font-size:42px;}
.services2 .row .item img { 
  height: auto;
  width: 100%;
  max-width: 60px;
  min-width: 42px;
  object-fit: contain;
  object-position: center;
}
.services2.bg-theme-dark .section-heading h2,
.services2.bg-theme-dark .section-heading .alt-font,
.services2.bg-theme-dark .row .item h3, 
.services2.bg-theme-dark .row .item p { 
  color:#fff; 
}

/*================ 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%; }
}
/* ======================================================================================= */
/* =================================== Map ========================================= */
/* ======================================================================================= */
/*TODO: Inutile ?*/
section.banner_map { min-height: 270px; margin-bottom: -260px; display: flex; padding-bottom: 20px; align-items: flex-end; }
section.banner_map.overlay_primary[data-overlay-dark]:before,
section.banner_map.overlay_secondary[data-overlay-dark]:before,
section.banner_map.overlay_third[data-overlay-dark]:before { z-index: 0; }
section.module_map { display: block; }
section.module_map .iframe_container { text-align: right; }
section.module_map iframe { height: 450px; }
section.module_map ul.contact_address { margin-top: 106px; }
section.module_map_global iframe { box-shadow: 0 3px 8px #D2D2D2; -webkit-box-shadow: 0 3px 8px #D2D2D2; -moz-box-shadow: 0 3px 8px #D2D2D2; }
section.module_map_global ul.contact_address li { display: flex; border-bottom: .3px solid #041E42; padding: 15px 0; }
section.module_map_global ul.contact_address li:last-child { border-color: transparent; }
section.module_map_global ul.contact_address li .contact_info { padding-left: 20px; }
section.module_map_global ul.contact_address li,
section.module_map_global ul.contact_address li a { color: #041E42; }
section.module_map_global ul.contact_address li a:hover { color: ; text-decoration: underline !important; }
section.module_map_global ul.contact_address li .svg_icon svg { fill: #041E42; width: auto; height: 30px; }
section.module_map_mobile { display: none; }

@media screen and (min-width: 1992px) {
  section.banner_map h2 { left: -50px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  section.banner_map { margin-bottom: -235px; }
}
@media screen and (max-width: 991px) {
  section.module_map,
  section.banner_map h2 { display: none; }
  section.module_map_mobile { display: block; padding: 30px; }
  section.module_map_mobile iframe { height: 230px; }
  section.module_map_mobile ul.contact_address { padding: 20px; }
  section.module_map_mobile ul.contact_address li .svg_icon svg { height: 15px; }
}

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

/* ======================================================================================= */
/* =================================== Blog ============================================== */
/* ======================================================================================= */
/*TODO: Inutile ?*/
.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: 60px 0 60px;
  text-align: center;
}
.bloglist-hero .breadcrumbs {
  margin-bottom:20px;
}
.bloglist-hero .hero__filters {
  display:flex;
  justify-content:space-around;
}
.bloglist-hero .hero__filters .tag__filter {
  flex: 0 0 48%;
}
.bloglist-hero .hero__filters .tag__filter select:hover { 
  cursor:pointer; 
}
.bloglist-hero .hero__filters .tag__filter select { 
  background:#fff;  
  -moz-appearance:none; 
  -webkit-appearance:none; 
  appearance:none;
  background-repeat:no-repeat; 
  background-size:3%; 
  background-position:96% center; 
  background-image:url(https://2248873.fs1.hubspotusercontent-na1.net/hubfs/2248873/Icon%20ionic-ios-arrow-down.svg);
}
.bloglist-hero .hero__filters .tag__filter select:focus {
  border:2px solid #041E42;
  outline:none;
}
.bloglist-hero .search-filter {
  flex: 0 0 48%;
}
.bloglist-hero h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 40px;
}
.bloglist-hero p {
  color: #fff;
}
.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;
  text-decoration:underline;
  text-decoration-color:#1ADC77;
}
.bloglist-hero ul li:after {
  content: '\f105';
  font-weight: 700;
  vertical-align: middle;
  color: #1ADC77;
  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;
}
.bloglist-hero { position:relative; }
.bloglist-hero .bkgimage { position:absolute; z-index:2; }
.bloglist-hero .bkgimage.one { bottom:60px; left:-40px; }
.bloglist-hero .bkgimage.two { bottom:180px; right:-40px; }

.page-title-section { position:relative; }
.page-title-section .bkgimage { position:absolute; z-index:2; }
.page-title-section .bkgimage.one { bottom:60px; left:-40px; }
.page-title-section .bkgimage.two { bottom:140px; right:-40px; }

@media screen and (max-width:768px) {
  .bloglist-hero .bkgimage { display:none; }
  .bloglist-hero .hero__filters { flex-wrap:wrap; }
  .bloglist-hero .hero__filters .tag__filter,
  .bloglist-hero .search-filter { flex:0 0 100%; }
  .hs-search-field form>i { font-size:12px!important; right:12px; }
  .hs-search-field__input { padding-left:35px; }
}


/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG FILTER CUSTOM    ---------------------
------------------------------------------------------------------------------- */
/*TODO: Inutile ?*/
div.blog_filter .none { display: none !important; }

div.blog_filter { position: relative; background: #FFF; box-shadow: 0 6px 13px #DDE5EDA6; -webkit-box-shadow: 0 6px 13px #DDE5EDA6; -moz-box-shadow: 0 6px 13px #DDE5EDA6; -o-box-shadow: 0 6px 13px #DDE5EDA6; box-shadow: 0 6px 13px #DDE5EDA6; }
div.blog_filter .container .row .col.list_container { padding: 18px 0; display: flex; justify-content: space-around; flex-flow: wrap; }
div.blog_filter a.item { padding-bottom: 3px; position: relative; color: #041E42; text-transform: uppercase; display: block; font-weight: bold; font-size: 14px; }
div.blog_filter a.item:hover,
div.blog_filter a.item.actif { color: #3A61F7; }
div.blog_filter a.item.actif:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #3A61F7; }
div.blog_filter a.search { cursor: pointer; width: 15%; text-align: right; }
div.blog_filter a.search i { color: #041E42; }

div.blog_filter .container .row .col.search_container { padding: 18px 0; }
div.blog_filter .hs-search-field form > i { position: relative; color: #041E42; font-size: 20px; padding: 10px; right: 0; }
div.blog_filter .hs-search-field form > i:last-child { cursor: pointer; }
div.blog_filter .hs-search-field form > input,
div.blog_filter .hs-search-field form > input:focus { padding: 0; font-weight: 600; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-width: 1px; }
div.blog_filter .hs-search-field form > input::placeholder { color: #cecece; opacity: 1; }
div.blog_filter .hs-search-field form > input:-ms-input-placeholder { color: #cecece; }
div.blog_filter .hs-search-field form > input::-ms-input-placeholder { color: #cecece; }


@media screen and (max-width: 576px) {
  div.blog_filter .container .row .col.list_container { flex-flow: column; text-align: center; }
  div.blog_filter a.search { width: 100%; text-align: center; }
}

/* ------------------------------------------------------------------------------- 
---------------------------------   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;
}
.section__last_blog h3 a {
  color:#041E42;
}


.section__last_blog.bg-theme-dark .section-heading h2 {
  color:#fff;
}
/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG GRIS    -------------------------------
------------------------------------------------------------------------------- */
.blog-list-grid .margin-col {
  margin-bottom:30px;
}
.blog-grid {
  position: relative;
  background: #fff;
  height:100%;
  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 .grid-btn {
  position:absolute; 
  left:30px; 
  bottom:20px;
}
.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: #041E42;
}
.data-box-grid .day {
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 0px;
  color: #fff;
  font-size: 20px;
  position:relative;
}
.data-box-grid .day:before {
  position:absolute;
  content:"";
  height:4px;
  width:4px;
  border-radius:50%;
  background:#1ADC77;
  left:-10px;
  top:calc(50% - 2px);
}
.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 80px 30px;
  height:calc(100% - 150px);
}
.blog-grid-text .desc {
  margin-bottom:35px;
  margin-top:10px;
}
.blog-grid-text > span {
  color: #4e54c8;
  font-size: 13px;
  padding-right: 5px;
}
.blog-grid-text h2 {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 0;
  min-height: 50px;
}
.blog-grid-text h2 a {
  color:#232323;
}
.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: #272B3F;
  font-size: 15px;
  font-weight: 300;
  line-height: 170%;
  padding: 10px 0 0 0;
}
.blog-grid-text .blog-grid-btn {
  position:absolute;
  bottom:25px; 
  left:30px;
}
.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 30px 0;
  padding-bottom: 30px;
}
.blog-list-simple:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-list-simple-text {
  color: #999;
}
.blog-list-simple-text h2 {
  padding-top:10px;
}
.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: #999;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0;
}
.blog-list-simple-text ul li i {
  color: #041E42;
  margin-right: 5px;
  font-size: 14px;
}
.blog-list-simple-text ul li a {
  color:#272B3F;
  font-weight:300;
}
.blogs .post {
  margin-bottom: 50px;
}
.blogs .post .content {
  padding: 30px;
  background: transparent;
}

.blogs .post .content h2 {
  font-size:30px; line-height:1.2; font-weight:600; margin-top:40px;
}
.blogs .post .content h3 {
  font-size:25px; line-height:1.2; margin-top:40px;
}
.blogs .post .content h4{
  font-size:28px; line-height:1.2;
}
.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: 15px;
}
.blogs .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color:#041E42;
  margin-right:10px;
}
.blogs .post .content .meta li:not(:last-child):after {
  content:"//";
  color:#1ADC77;
  margin-left:5px;
}
.blogs .post .content .meta li i{
  margin-right:5px;
  color:#041E42;
}
.blogs .post .content .meta li a {
  color:#041E42;
}
.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}
.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{
  padding-left:0px; 
  list-style:none;
}
.blogs .post .content .post-cont p a {
  text-decoration:underline;
  font-weight:600;
}

.blogs .post .content .post-cont a.cta_button{
  display:block;
}


.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{   
  background:transparent;
  border: 1px solid #3A61F7;
  background:#3A61F7;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
  text-align:center;
}

.blogs .post .share-post .socials a:hover {
  background: #3A61F7;
  color: #fff;
}
.blogs .post .share-post .socials a i{
  color:#fff;
}
.blogs .post .share-post .socials a svg{
  fill:#3A61F7;
  width:20px; 
  max-height:20px;
}

.blogs .post .post-img img {
  width: 100%;
}
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}
.blogs .comment-form {
  padding: 0 30px;
}
.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----*/
.blog-pagination { font-size:14px;   margin: 0 auto ; flex:0 0 100%; text-align:center; }
.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 span.pg li.active { border-color: #1ADC77; }
.blog-pagination ul li.hide {    visibility: hidden;}
.blog-pagination ul li a { padding: 5px 8px !important; color:;   text-decoration: none;    line-height:38px; }
.blog-pagination ul li:hover,
.blog-pagination ul li.active {  }
.blog-pagination ul li:hover a,
.blog-pagination ul li.active a { font-weight: bold; }
.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;
}
.side-bar .block {
  margin-bottom:30px;
}
.side-bar .block h3 {
  position: relative;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.side-bar .block h3:after {
  content: '';
  width: 30px;
  height: 2px;
  background: #DDE5ED;
  position: absolute;
  bottom: 0;
  left: 0;
}
.side-bar .block ul li {
  position: relative;
  padding: 0 0 0 12px;
  margin: 0 0 9px 0;
  color: #6f6f6f;
}
.side-bar .block ul li:last-child {
  margin: 0;
}
.side-bar .block ul li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius:50%;
  background-color:#23DC77;
  position: absolute;
  top: 10px;
  left: 0;
}
.side-bar .block ul li a {
  color:#272B3F;
  transition:all .2s ease-out;
}
.side-bar .block ul li a:hover {
  text-decoration:underline!important;
  text-decoration-color:#1ADC77!important;
}
.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: transparent;
}
.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%;
}



/*------Media queries Blog-------*/
@media screen and (max-width: 1199px) {
  .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 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:0px;
  }
  .section__last_blog .mobile-margin {
    margin-bottom:30px;
  }
}
@media screen and (max-width: 767px) {
  .side-bar {
    margin-top:50px;
    padding-left:15px;
  }
  .blog-grid-text h4 {
    font-size: 16px;
  }
  .blog-grid-text p {
    font-size: 14px;
  }
  .blog-list-simple {
    margin-bottom: 20px;
    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: 12px;
  }
  .blogs .post .content .post-title h5 {
    font-size: 20px;
  }
  .blogs .post .content .special {
    font-size: 14px;
  }
  .blogs .posts .title-g h3 {
    font-size: 18px;
  }
}
/* =================================== 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:transparent;
  border: 1px solid #3A61F7;
  color: #3A61F7;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}
.social-icon-style1 li a:hover {
  background: #3A61F7;
  color: #fff;
}
.social-icon-style1 li a i{
  color:#3A61F7;
}
.social-icon-style1 li a svg{
  fill:#3A61F7;
  width:20px; 
  max-height:20px;
}

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

.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;
  border: 1px solid #3A61F7;
  border-radius:50%;
  background:#3A61F7;
  height: 35px;
  width: 35px;
  line-height: 35px;
}
.social-icon-style2 li a:hover {
  color: #fff;
}

.social-icon-style2 li a svg{
  width:20px; 
  max-height:20px;
  margin-top:-3px;
}

.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;
}
.comment-respond .hs_recaptcha.hs-recaptcha.field.hs-form-field {
  margin-bottom: 30px;
}
.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: #041E42;
  color: #939393;
}
footer p,
footer a,
footer a:hover {
  margin-bottom: 0;
  color:#fff;
  font-weight:300;
}
footer h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1;
  position: relative;
}
footer h3:after {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  background: #1ADC77;
  margin: 5px auto 0 auto;
}

footer .container .row{
  padding:15px 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: #041E42;
  color: #939393;
}
.footer-bar .content {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.footer-bar .content a {
  color:#fff;
}
.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: 991px) {
  footer .container .row > div { margin-bottom: 20px; } 
  h3.footer-title-style {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px;
  }
  footer h3 {
    font-size: 16px;
  }
  footer h3.footer-title-style2 {
    margin-bottom: 20px;
  }
  .footer-bar {
    margin-top: 30px;
  }
  .footer-bar p {
    font-size: 13px;
  }
  footer .mob-margin {
    margin-bottom:20px!important;
  }
}
@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 ============================================ */
/* =================================================================================================== */
.section-clients .owl-theme .owl-dots {
  margin-top:15px!important;
}
.custom-dot {
  display: inline-block;
  z-index: 1;
}
.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 5px 0 5px;
  background: none;
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  background:#DDE5ED;
  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:#1ADC77;
  -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;
  display: flex;
}
.search_template .content .hs-search-results__container {
  display: flex;
  flex-flow: wrap;
  padding-left: 25px;
  width: 80%
}
.search_template .content .hs-search-results__listing li a{
  color:#041E42;
  font-size:18px;
  position: relative;
}
.search_template .content .hs-search-results__listing li a:hover:before {
  content: ''; 
  background: #1ADC77; 
  position: absolute; 
  left: 0; 
  bottom: 0;
  width: 100%; 
  height: 2px;
}
.search_template .content .hs-search-results__img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  min-height: 160px;
  max-width: 200px;
}
.search_template .content .hs-search-results__description {
  padding-top: 10px;
}
.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;
}

@media screen and (max-width: 991px) {
  .search_template .content .hs-search-results__listing li {
    flex-flow: column;
  }
  .search_template .content .hs-search-results__listing li a {
    padding-top: 25px;
  }
  .search_template .content .hs-search-results__container {
    padding-left: 0;
  }
  .search_template .content .hs-search-results__img {
    max-width: initial;
  }
}
/* ======================================================================================= */
/* =================================== 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;
  }
}