/* ------------------------------------ 
----------- FONT ---------------------- 
------------------------------------ */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto:300,400,500,700');





/* ------------------------------------ 
----------- SUMMARY   -----------------

1. Set your Colors
2. Colors
3. Background Colors
4. Overlay
5. Global
6. Headers
7. Button / CTA
8. Icon
9. Image / Video / SVG
10.Form
11.List
12.Selector (: and ::) 
13.Language Switcher
14.Scroll Downs
15.Menu
16.Hero Modal
17.Hero Banner 1
18.Hero Banner 2
19.Hero Banner 3
20.Hero Banner 4
21.Hero Banner 5
22.Hero Banner 6
23.Hero Banner 7
24.Hero Banner 8
25.LP Banner 1
26.LP Banner 2
27.Pilar Page
28.Portfolio
29.Scroll Top
30.Carousel
31.Section Heading
32.Banner Creative
33.Pricing Table 1
34.Pricing Table 2
35.Title Tabs
36.Accordion
37.Image And Text
38.Global Team
39.Testimonials V1
40.Testimonials V2
41.Counter
42.Services 1
43.Services 2
44.Full With Text
45.Blog
46.Search Page
47.Footer
48.Images Gallery
49.Image And Text 2
50.Megamenu
51.Map
52.Text Media

END. Kili Class
------------------------------------ */

/* ----------------------------------- 
----------- 1.SET YOUR COLORS --------
------------------------------------ */

/* Theme colors  */

 /* Purple */
/* Declination 
* /!\ If you have no variation for this color, copy paste the hexadecimal code of your PRIMARY color, here #7731FF */



 /* Blue */
/* Declination 
* /!\ If you have no variation for this color, copy paste the hexadecimal code of your SECONDARY color, here #125BFF */
 /* Module = Pricing Table 2 */
 /* Module = Blog post */
 /* Module = Pilar Page */
 /* Module = Megamenu */

 /* Turquoise */
/* Declination 
* /!\ If you have no variation for this color, copy paste the hexadecimal code of your THIRD color, here #955250 */


/* Light colors */










/* Dark colors */














/* System colors */




/* ----------------------------------- 
----------- 2.COLORS -----------------
------------------------------------ */

.primaryColor { color: #955250; }
.primaryColor_1 { color: #4E54C8; }
.secondaryColor { color: #955250; }
.secondaryColor_1 { color: #8089ff; }
.secondaryColor_2 { color: #34517D; }
.secondaryColor_3 { color: #1E1E5A; }
.thirthColor { color: #955250; }

.color_white { color: #FFF; }
.color_dark { color: #272B3F; }

/* ----------------------------------- 
----------- 3.BACKGROUND COLORS ------
------------------------------------ */

.bg_primaryColor { background-color: #955250; }
.bg_primaryColor_1 { background-color: #4E54C8; }
.bg_secondaryColor { background-color: #955250; }
.bg_secondaryColor_1 { background-color: #8089ff; }
.bg_secondaryColor_2 { background-color: #34517D; }
.bg_secondaryColor_3 { background-color: #1E1E5A; }
.bg_thirthColor { background-color: #955250; }

.bg_white { background-color: #FFF; }
.bg_light { background-color: #F5F5F5; }
.bg_light_blue { background-color: #F4F6Fc; }
.bg_dark { background-color: #272B3F; }
.bg_transparent { background-color: transparent; }

/* ----------------------------------- 
----------- 4.OVERLAY ----------------
------------------------------------ */

.overlay_primary_secondary[data-overlay-dark]:before {
  background: #955250;
  background: -webkit-linear-gradient(90deg, #955250, #955250);
  background: -moz-linear-gradient(90deg, #955250, #955250);
  background: -o-linear-gradient(90deg, #955250, #955250);
  background: linear-gradient(90deg, #955250, #955250);
}
.overlay_secondary_primary[data-overlay-dark]:before {
  background: #955250;
  background: -webkit-linear-gradient(90deg, #955250, #955250);
  background: -moz-linear-gradient(90deg, #955250, #955250);
  background: -o-linear-gradient(90deg, #955250, #955250);
  background: linear-gradient(90deg, #955250, #955250);
}
.overlay_primary_third[data-overlay-dark]:before {
  background: #955250;
  background: -webkit-linear-gradient(90deg, #955250, #955250);
  background: -moz-linear-gradient(90deg, #955250, #955250);
  background: -o-linear-gradient(90deg, #955250, #955250);
  background: linear-gradient(90deg, #955250, #955250);
}
.overlay_third_primary[data-overlay-dark]:before {
  background: #955250;
  background: -webkit-linear-gradient(90deg, #955250, #955250);
  background: -moz-linear-gradient(90deg, #955250, #955250);
  background: -o-linear-gradient(90deg, #955250, #955250);
  background: linear-gradient(90deg, #955250, #955250);
}
.overlay_primary[data-overlay-dark]:before {
  background: #955250;
}
.overlay_secondary[data-overlay-dark]:before {
  background: #955250;
}
.overlay_third[data-overlay-dark]:before {
  background: #955250;
}
.overlay_light[data-overlay-dark]:before {
  background: #F5F5F5;
}
.overlay_dark[data-overlay-dark]:before {
  background: #272B3F;
}

[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:#272B3F;
}
[data-overlay-light]:before{
  background:#F5F5F5;
}
[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
}

/* ----------------------------------- 
----------- 5.GLOBAL ----------------
------------------------------------ */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  font-family:'Lato', sans-serif;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  font-size:15px;
  color:#616161;
  font-weight:400;
  line-height:26px;
}
body,html{
  -moz-osx-font-smoothing:grayscale
}
section{
  padding:90px 0;
  overflow:hidden;
  background:#FFF
}
.container-fluid .row-fluid > .container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding:30px;
}
.marg-b { 
  margin-bottom:30px;
}
.body-container.container-fluid{ 
  padding:0; 
}
.footer-container.container-fluid{ 
  padding:0; 
}
.row-fluid [class*="span"] { min-height:auto; }
iframe{
  border:0;
}
p{
  margin:0 0 20px;
  word-spacing:1px;
}
b,strong{
  font-weight:600;
}
@media (max-width: 991px){
  p{
    margin:0 0 20px
  }
  section{
    padding:50px 
  }
}

@media (max-width: 767px){
  body{
    font-size:14px
  }
  section{
    padding:40px 30px 
  }
  .xs-height-auto{
    height:auto
  }
}
/* ------------------------------------ 
----------- 6.HEADERS -----------------
------------------------------------ */

h1,h2,h3,h4,h5,h6{
  margin:0 0 20px;
  padding:0;
  letter-spacing:0;
  font-weight:600;
  font-family:'Lato', sans-serif;
  line-height:normal;
}
h1{
  font-size:42px;
  color:#955250;
}
h2{
  font-size:34px;
  color:#955250;
}
h3{
  font-size:32px;
  color:#272B3F;
}
h4{
  font-size:30px;
  color:#272B3F;
}
h5{
  font-size:26px;
  color:#272B3F;
}
h6{
  font-size:22px;
  color:#272B3F;
}
@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
  }
}
@media (max-width: 991px){
  h1,h2,h3,h4,h5,h6{
    margin:0 0 16px;
    padding:0;
    letter-spacing:0
  }
}
@media (max-width: 767px){
  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
  }
}
/* ------------------------------------ 
----------- 7.BUTTON / CTA ------------
------------------------------------ */

a,a:active,a:focus{
  color:#955250;
  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:#955250;
  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;
}

a.cta_button { display: inline-block; background: #955250; color: #FFF; padding: 8px 22px; border-radius: 30px; font-weight: bold; border:solid 2px transparent; }
a.cta_button:hover { background: #FFF; color: #955250; border:solid 2px #955250; }
.hs-menu-wrapper > ul > li a.cta_button { background: #955250; border-color: #955250; letter-spacing: 0.5px; text-transform: uppercase; }

.cta_container { margin: 10px 0; }
.cta_secondary a.cta_button { display: block; background: #955250; color: #FFF; padding: 8px 22px; border-radius: 30px; font-weight: bold; border:solid 2px transparent; }
.cta_secondary a.cta_button:hover { background: #FFF; color: #955250; border:solid 2px #955250; }
.cta_butn a.cta_button { 
  border: none;
  background: #955250;
}
.cta_butn a.cta_button:hover { color: #FFF; }
@media screen and (min-width: 992px){
  .cta_mobile { display: none; }
}
@media screen and (max-width: 991px){
  .cta_desktop { display: none; }
}

@media screen and (max-width: 767px) {
  .butn {
    padding: 12px 24px;
    font-size: 12px;
    line-height: 16px;
  }
}
.butn {
  background: #955250;
  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: #955250;
  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;
}

/* ------------------------------------ 
--------------- 8.ICON ----------------
------------------------------------ */

i{ 
  color:#955250;
}

/* ------------------------------------ 
--------- 9.IMAGE / VIDEO / SVG -------
------------------------------------ */

img{
  max-width:100%;
  height:auto;
}
.parallax{
  position:relative;
  background-size:cover;
  overflow:hidden;
  background-attachment:fixed
}
.parallax h2, .parallax p {
  color:#FFF;
}
.fix-background{
  position:relative;
  background-size:cover;
  animation-duration:0s;
  animation-fill-mode:none;
  -webkit-animation-duration:0s;
  -webkit-animation-fill-mode:none;
  -moz-animation-duration:0s;
  -moz-animation-fill-mode:none;
  -ms-animation-duration:0s;
  -ms-animation-fill-mode:none;
  -o-animation-fill-mode:none;
  overflow:hidden;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.cover-background{
  position:relative !important;
  background-size:cover !important;
  overflow:hidden !important;
  background-position:center !important;
  background-repeat:no-repeat !important
}
.story-video {
  height: 100%;
}
.bg-video {
  position: absolute;
  right: 0;
  top: 0px;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

@media (max-width: 1050px){
  .parallax{
    background-attachment:inherit
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
  .parallax{
    background-attachment:inherit;
    background-position:center
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
  .parallax{
    background-attachment:inherit;
    background-position:center
  }
}

.primaryFill { fill: #955250; }
.primaryFill_1 { fill: #4E54C8; }
.secondaryFill { fill: #955250; }
.secondaryFill_1 { fill: #8089ff; }
.secondaryFill_2 { fill: #34517D; }
.secondaryFill_3 { fill: #1E1E5A; }
.thirthFill { fill: #955250; }

.fill_white { fill: #FFF; }
.fill_dark { fill: #272B3F; }
.fill_light_blue { fill: #F4F6Fc; }
.fill_light { fill: #F5F5F5; }

/* ------------------------------------ 
--------------- 10.Form ---------------
------------------------------------ */

input,select, select option{
  border:1px solid #1D1B1D;
  font-size:14px;
  padding:8px 15px;
  width:100% !important;
  margin:0 0 15px 0 !important;
  max-width:100%;
  resize:none;
  border-radius: 100px;
  height:45px;
}
textarea{
  border:1px solid #1D1B1D;
  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: #955250;
  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 !important;
  margin-bottom: 0px;
}
input:focus,textarea:focus{
  border-color:#616161;
  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;
}
.hubspot-link__container.sproket { 
  display: none !important; 
}
.section-form { 
  padding:50px; 
}
.section-form h2 { 
  margin-bottom:50px;
}
.section-form.bg_dark h2 {
  color:#FFF;
}
.section-form form fieldset{ 
  max-width:100%; 
  margin-bottom:30px; 
}
.section-form input[type="email"] { 
  position: relative; 
}
.section-form input.hs-input.invalid.error[type="email"]:before { 
  content: '';
  background-image: url(https://7482495.fs1.hubspotusercontent-na1.net/hubfs/7482495/Form/001-error.svg);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 45px;
}
.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
}

/* ------------------------------------ 
--------------- 11.List ---------------
------------------------------------ */

ul,ol,dl{
  list-style-position:outside;
}
ol li, ul li{
  list-style:none;
}
.list-style li {
  line-height: 24px;
  margin: 0 0 10px 20px;
  position: relative;
  padding-left: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.list-style li:last-child {
  margin-bottom: 0;
}
.list-style li:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #955250;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 2;
}
.list-style li:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  background: #95525059;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 1;
}
.list-style li:hover {
  padding-left: 40px;
}

/* ------------------------------------ 
--------------- 12.SELECTOR -----------
------------------------------------ */

::selection{
  color:#000;
  background:#DBDBDB;
}
::-moz-selection{
  color:#000;
  background:#DBDBDB;
}
::-webkit-input-placeholder{
  color:#616161;
  text-overflow:ellipsis;
}
::-moz-placeholder{
  color:#616161;
  text-overflow:ellipsis;
  opacity:1;
}
:-ms-input-placeholder{
  color:#616161;
  text-overflow:ellipsis;
  opacity:1;
}

/* ------------------------------------ 
-------- 13.LANGUAGE SWITCHER ---------
------------------------------------ */

nav div.right_content { display: flex; margin: 1rem 0 0 0; }
nav div.right_content div { padding-left: 10px; }
li#language-switcher { list-style: none; }
.lang_switcher_class .globe_class { width: 40px; }

/* ------------------------------------ 
--------------- 14.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; height: 110px; width: 110px; border-radius: 60px; display: block; text-align: center;  }
.mousey { cursor: pointer; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; padding: 4px 6px; height: 50px; width: 20px; border: 3px solid #707070; 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: #707070; 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; }

/* ----------------------------------- 
--------------- 15.MENU --------------
------------------------------------ */

/* =================================== HEADER COMPLEX ====================================== */
.global-header-complex .navbar-top{
  background:#955250;
}
.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; text-transform:uppercase; font-weight:bold;}

.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: #1D1B1D;
}

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

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

.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;
    border:0px;
    background:transparent;
  }
  .index-header .global-header-complex .navbar-bottom .hs-menu-wrapper > ul >li>a {
    color:#1D1B1D;
  }

  .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:#1D1B1D;
    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;
  }
  .navbar-bottom #language-switcher { display:none; }
  .index-header .global-header-complex .navbar-top .hs-menu-wrapper > ul >li>a { background:transparent; color: #FFF; border:0px;}
}
/* =================================== 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:#616161; padding:5px; } 
.index-header .hs-menu-wrapper.hs-menu-flow-vertical > ul > li.active > a{ color:#955250; } 

/* =================================== 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-around;
}
.navbar-header > a img{
  max-height:90px;
  transition-duration:0.5s;
}
.navbar-header > a {
  position:relative;
}
.navbar-header > a:after {
  content: "";
  width:fit-content;
  display:block; 
  padding-left:8px;
  color: #3D4449;
  font-weight: 600;
  font-size:10px;
  line-height:1;
}
.navbar-header-custom{
  padding:10px 0 10px 0;
}
.navbar-white,
.navbar-white .top-search,
.navbar-white .container,
.navbar-white .container-fluid { background: #FFF; }

.navbar-default{
  transition:all 0.5s ease 0s;
}
.navbar-default .container,
.navbar-default .container-fluid{
  position:relative;
}
.menu_area{
  position:relative;
  z-index:2;
}

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

.menu_area .navbar-header > a{
  transition:all 0.5s ease 0s;
}
.hs-menu-wrapper > ul li{
  list-style:none;
  -webkit-transition:background .3s ease;
  -ms-transition:background .3s ease;
  transition:background .3s ease;
}
.hs-menu-wrapper > ul li.hs-item-has-children > a{
  position:relative;
}
.hs-menu-wrapper > ul li.hs-item-has-children a:hover{
  color:#262626;
}
.hs-menu-wrapper > ul li a{
  display:block;
  color:#616161;
  font-size:13px;
}
.hs-menu-wrapper > ul>li{
  margin-left:10px;
  float:left;
  position:relative; 
}
.hs-menu-wrapper > ul>li:last-child {
  padding:10px .5rem;
}
.hs-menu-wrapper > ul>li:last-child a {
  color:#FFF;
  background:#955250;
  border:2px solid #955250;
  border-radius:20px;
  padding:5px 15px;
  transition:all .2s ease-out;
}
.hs-menu-wrapper > ul>li:last-child:hover a {
  background:#FFF;
  color:#955250;
}
.hs-menu-wrapper > ul>li.hs-item-has-children{
  padding-right:13px;
}
.hs-menu-wrapper > ul>li>a{
  position:relative;
  display:block;
  font-size:12px;
  font-weight:500;
  padding:15px 0.5rem 15px 0;
  color:#262626;
  letter-spacing:0.5px;
  text-transform:uppercase;
  -webkit-transition-duration:500ms;
  -o-transition-duration:500ms;
  transition-duration:500ms;
}
.hs-menu-wrapper > ul>li>a:hover{
  opacity:0.65;
}
.hs-menu-wrapper > ul li.current>a{
  color:#000;
}
.hs-menu-wrapper > ul>li.active>a{
  color:#000;
}
.hs-menu-wrapper > ul > li:last-child.active>a{
  color:#FFF;
}
.hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
  color:#000;
}
.navbar ul>li.hs-item-has-children:hover:after{
  border-color:transparent #000 #000 transparent;
}

.navbar ul>li.current>a:after{
  border-color:transparent #000 #000 transparent;
}
.hs-menu-wrapper > ul ul{
  position:absolute;
  left:-9999px;
}
.navbar ul ul li{
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all .25s ease;
  padding:5px 10px;
  border-bottom:1px solid #000029;
}
.navbar ul ul li:last-child{
  margin-bottom:0;
  border-bottom:0px;
}
.navbar ul ul li:hover {
  background:#955250;
}
.navbar ul ul li.active>a{
  color:#000;
}
.navbar ul ul>li:hover>a {
  color:#FFF!important;
}
.hs-menu-wrapper > ul li>ul{
  display:block;
  padding:0px 0;
  background:#FFF;
  border:1px solid #939393;
  border-radius:0px!important;
  min-width:215px;
  -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  -ms-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.2);
  box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}
.hs-menu-wrapper > ul li:hover>ul{
  left:auto;
}
.hs-menu-wrapper > ul>li.hs-item-has-children>ul{
  opacity:0;
  -webkit-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  transition:all .5s ease;
}
.hs-menu-wrapper > ul>li.hs-item-has-children:hover>ul{
  opacity:1;
}
/*
.hs-menu-wrapper > ul>li.hs-item-has-children:last-child:hover ul{
left:inherit;
right:0;
}
*/
.navbar li>ul ul{
  margin-top:-38px;
  margin-left:200px;
  min-width:215px;
}
.navbar li>ul ul ul{
  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:#616161;
  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:#616161;
  content:'';
  -webkit-transition:all .25s ease;
  -ms-transition:all .25s ease;
  transition:all 0.25s ease;
}
.hs-menu-wrapper > ul ul li.hs-item-has-children:hover > a:before{
  top:17px;
  height:0
}

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

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

.attr-nav{
  position:absolute;
  right:0;
  margin-left:11px;
  margin-right:-15px;
}
.attr-nav .dropdown-toggle:after{
  content:none
}
.attr-nav>ul{
  display: flex;
  align-items: center;
  padding:0;
  margin:0 0 -5px 0;
  list-style:none;
}
.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:#F5F5F5;
  opacity:1;
}
.top-search input.form-control::-ms-input-placeholder,.top-search input.form-control::-moz-input-placeholder{
  color:#F5F5F5;
}
.top-search .input-group-addon{
  background-color:transparent;
  border:none;
  color:#FFF;
  padding-left:0;
  padding-right:0;
  line-height:36px;
  font-size:16px;
}
.top-search .input-group-addon.close-search{
  cursor:pointer;
}

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

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

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

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

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

  header.scrollHeader .navbar-default{
    position:fixed;
    top:0;
    z-index:99;
    width:100%;
    left:0;
    background:#fff;
    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:#262626;
  }

  .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{

  }


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

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

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

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

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

  .index-header .hs-menu-wrapper > ul>li.current>a, .index-header .hs-menu-wrapper > ul>li.active>a{
    opacity:0.65;
    color:#955250;
  }
  .index-header .hs-menu-wrapper > ul>li:last-child.current>a, .index-header .hs-menu-wrapper > ul>li:last-child.active>a{
    opacity:1;
    color:#FFF;
  }
  .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:#262626;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li:last-child a {
    color:#FFF;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li:last-child:hover a {
    color:#955250;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li.active>a,.index-header .scrollHeader .hs-menu-wrapper > ul>li.current>a{
    opacity:1;
    color:#000;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li:last-child.active>a,.index-header .scrollHeader .hs-menu-wrapper > ul>li:last-child.current>a{
    opacity:1;
    color:#FFF;
  }
  .index-header .scrollHeader .navbar ul>li.hs-item-has-children>a:after{
    border-color:transparent #262626 #262626 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:#262626;
  }
  .index-header .scrollHeader .hs-menu-wrapper > ul>li.hs-item-has-children>a:hover{
    color:#262626;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .navbar { 
    justify-content:space-between;
  }
  .navbar-header>a:after {
    font-size:9px;
    right:-70px;
  }
  .hs-menu-wrapper > ul>li{
    margin-left:5px;
  }
  .hs-menu-wrapper > ul>li>a{
    padding:15px 0.4rem;
    font-size:7px;
  }
  .attr-nav>ul>li>a{
    padding:15px 8px;
  }
  .scrollHeader .attr-nav>ul>li>a{
    padding:15px 8px;
  }
}
@media screen and (max-width: 991px){
  .navbar {
    justify-content:space-between;
  }
  .navbar ul ul>li:hover>a {
    color:#616161!important;
  }
  .hs-menu-wrapper>ul>li:last-child { background: #955250;}
  .hs-menu-wrapper>ul>li:last-child a {
    width:fit-content!important;
    padding:8px 20px;
  }
  .navbar-default {
    height:60px;
  }
  .onepage-header{
    background:#262626;
    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:#262626;
    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:#262626;
  }
  .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{
    width:100%;
    border-bottom:0;
  }
  .hs-menu-wrapper > ul li>ul{
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  .hs-menu-wrapper > ul>li.hs-item-has-children>ul{
    display:none;
    opacity:1;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-transition:all 0s ease;
    -ms-transition:all 0s ease;
    -moz-transition:all 0s ease;
    -o-transition:all 0s ease;
    transition:all 0s ease;
    border-radius:unset;
  }
  .navbar li>ul ul{
    margin:0;
    min-width:auto;
  }
  .hs-menu-wrapper > ul>li.hs-item-has-children{
    padding-right:0;
  }
  .hs-menu-wrapper > ul>li>a{
    padding:10px 20px;
    color:#262626;
    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:#262626;
  }

  .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:#262626;
  }
  .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;
    border: none;
  }
  .navbar-toggler:after{
    position:absolute;
    top:22px;
    right:15px;
    display:block;
    height:8px;
    width:20px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    content:"";
  }
  .navbar-toggler:before{
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    position:absolute;
    top:16px;
    right:15px;
    display:block;
    height:2px;
    width:20px;
    background:#000;
    content:"";
  }
  .navbar-toggler.menu-opened:after{
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    top:23px;
    border:0;
    height:2px;
    width:19px;
    background:#000;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .navbar-toggler.menu-opened:before{
    top:23px;
    background:#000;
    width:19px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
  .hs-menu-wrapper > ul .submenu-button{
    position:absolute;
    z-index:99;
    right:0;
    top:0;
    display:block;
    height:44px;
    width:100%;
    cursor:pointer;
  }

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

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

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

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

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

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

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

/* ----------------------------------- 
-------------- 16.HERO MODAL----------
------------------------------------ */

.hero-model { padding: 125px 0 125px; display: flex; align-items: center; }
.hero-model h1 { letter-spacing: 1px;  line-height: 1; display: inline-block; padding-bottom: 5px; position: relative; }
.hero-model ul { margin-top: 0; }
.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; color: #FFF; 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
.hero-model .active a, .hero-model li.active:last-child a { color: #FFF;}

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

@media screen and (min-width: 991px) {
  .hero-model { min-height: auto; }
}
@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 screen and (max-width: 576px) {
  .hero-model { min-height: auto; }
}
/* ----------------------------------- 
----------- 17.HERO BANNER 1 ---------
------------------------------------ */

.hero-1 {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.hero-1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 3;
}

.hero-1 .right-bg {
  float: right;
  width: 100%;
  right: 1px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100vh;
}
.hero-1 .right-bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.hero-1 .overlay_primary.right-bg:before {
  background: #955250;
}
.hero-1 .overlay_secondary.right-bg:before {
  background: #955250;
}
.hero-1 .overlay_third.right-bg:before {
  background: #955250;
}
.hero-1 .overlay_dark.right-bg:before {
  background: #272B3F;
}

.hero-1 .header-shape-bg {
  position: absolute !important;
  top: 0px;
  height: 100vh;
  z-index: 2;
  width: 100%;
}
.hero-1 .header-text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  z-index: 4;
}
.hero-1 .header-text h1{
  letter-spacing: 1.4px;
  margin-bottom: 25px;
}
.hero-1 .header-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.hero-1 .header-text .email-box {
  width: 85%;
  position: relative;
  background: none;
  overflow: hidden;
}
.hero-1 .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;
}
.hero-1 .header-text .email-box input[type='submit'] {
  background: #955250;
  background: -webkit-linear-gradient(284deg, #955250, #955250);
  background: -moz-linear-gradient(284deg, #955250, #955250);
  background: -o-linear-gradient(284deg, #955250, #955250);
  background: linear-gradient(284deg, #955250, #955250);
  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: 20px;  
  -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;
}
.hero-1 .header-text .email-box input[type='submit']:hover{
  background:#955250;
}
.hero-1 .header-text .email-box .butn:hover:before, 
.hero-1 .header-text .email-box .butn:focus:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-1 .header-text .email-box .input .butn:active:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.hero-1 .header-text .email-box span {
  display: block;
  font-size: 13px;
}
.hero-1 .header-text .email-box .hs-form-field > label{
  display:none;
}
.hero-1 .play-button-wrapper {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: perspective(1px) translateY(-45%);
  z-index: 4;
  width: 55.5%;
  right: 0px;
}
.hero-1 .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;
}
.hero-1 .play-button-wrapper .btn-play:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #FFF;
  opacity: 0.5;
  z-index: 1;
}
.hero-1 .play-button-wrapper .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
}
/* =================================== Media queries ======================================= */
@media screen and (max-width: 1199px) {
  .hero-1 .right-bg {
    right: 0;
  }
  .hero-1 .header-text {
    top: 70%;
    transform: perspective(1px) translateY(-70%);
  }
  .hero-1 .header-text .email-box {
    width: 100%;
  }
  .hero-1 .header-text .email-box input[type='submit'] { top: 18px; }

}
@media screen and (max-width: 991px) {
  .hero-1 .right-bg {
    width: 100%;
    height: 100%;
    min-height: 500px;
  }
  .hero-1 .right-bg:before {
    opacity: 0.8;
  }
  .hero-1 .header-shape-bg {
    display: none;
  }
  .hero-1 .header-text {
    top: 50%;
    transform: perspective(1px) translateY(-50%);
  }
  .hero-1 .header-text h1 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #FFF;
    text-align: center;
    width: 100%;
  }
  .hero-1 .header-text p {
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 14px;
  }
  .hero-1 .header-text .email-box {
    width: 100%;
  }
  .hero-1 .header-text .email-box span {
    color: #FFF;
    text-align: center;
  }
  .hero-1 .play-button-wrapper {
    display: none;
  }
  .hero-1 .header-text .email-box input[type='submit'] { top: 14px; right: -1px; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hero-1 .header-text .email-box input[type='submit'] { top: 16px; }
}
@media screen and (max-width: 767px) {
  .hero-1 .right-bg img {
    width: auto;
    max-width: 144%;
  }
}
@media screen and (max-width: 400px) {
  .hero-1 .right-bg {
    min-height: 600px;
  }
}

/* ----------------------------------- 
----------- 18.HERO BANNER 2 ---------
------------------------------------ */
.hero-2 h1 {  
  letter-spacing: 1px; 
  line-height: 1; 
  color: #FFF; 
  margin-bottom: 20px; 
}
.hero-2 .container { 
  margin: 40px auto; 
}
.hero-2 .detail { 
  color: #FFF; 
  margin-bottom: 40px; 
}
.hero-2 ul {  
  margin-bottom: 20px;  
  margin-top: 0; 
  text-align: center;
}
.hero-2 ul li {  
  display: inline-block;
}
.hero-2 ul li:last-child a {  
  color: #FFF; 
  font-weight: 600;
}
.hero-2 ul li:after { 
  content: '\f105';  
  font-weight: 700; 
  vertical-align: middle; 
  color: #FFF; 
  font-family: Font Awesome\ 5 Free; 
  padding: 0 5px 0 10px;
}
.hero-2 ul li:last-child:after { 
  content: none;
}
.hero-2 ul li a { 
  color: #FFF; 
  font-size: 14px; 
  font-weight: 500;
}
.hero-2 .active a, 
.hero-2 li.active:last-child a { 
  color: #FFF; 
}

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

/* ----------------------------------- 
----------- 19.HERO BANNER 3 ---------
------------------------------------ */

.hero-3 {
  position: relative;
  background: #F4F6Fc;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.hero-3 .banner-img  {
  height: 50vh;
  margin-top: 15px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 6px 0px #b7b7b7;
  -moz-box-shadow: 0px 3px 6px 0px #b7b7b7;
  box-shadow: 0px 3px 6px 0px #b7b7b7;
}
.hero-3 .banner-img:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .5;
  background: #272B3F;
}
.hero-3 .header-text {
  margin-top: 20%;
  padding-bottom: 10%;
}
.hero-3 .btn-play {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 80px;
  height: 80px;
  line-height: 88px;
  text-align: center;
  font-size: 18px;
  margin: auto;
  display: inline-block;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  z-index: 3;
}
.hero-3 .btn-play:hover { transform: scale(1.2); }
.hero-3 .btn-play:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.19;
  z-index: 1;
}
.hero-3 .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2;
  color:#FFF;
  font-size: 30px;
}
.hero-3 .scroll_downs { top: auto; bottom: auto; }
.hero-3 .header-shape-bg { background: #FFF; margin-top: -40px; }
/* =================================== Media queries ======================================== */
@media screen and (max-width: 991px) {
  .hero-3 .header-text {
    margin: 0;
    padding: 50px 0px;
  }
}
@media screen and (max-width: 767px) {
  .hero-3 .row { flex-flow: column-reverse; }
}
@media screen and (max-width: 576px) {
  .hero-3 { flex-flow: column-reverse; padding-right: 0; padding-left: 0; }
}
/* ----------------------------------- 
----------- 20.HERO BANNER 4 ---------
------------------------------------ */

.hero-4 { width: 70%; border-radius: 0 0 200px; }
@media (max-width: 991px){
  .hero-4 { width: 80%; }
}
@media (max-width: 767px){
  .hero-4 { width: 100%; }
}

/* ----------------------------------- 
----------- 21.HERO BANNER 5 ---------
------------------------------------ */

/* ----------------------------------- 
----------- 22.HERO BANNER 6 ---------
------------------------------------ */
.hero-6 { 
  position: relative; 
  padding: 0; 
}
.hero-6 .row,
.hero-6 .img-container { 
  padding: 0;
}
.hero-6 .text-container { 
  padding:90px; 
}
.hero-6 .bg-img { 
  height: 450px; 
}
.hero-6 .scroll_downs { 
  bottom: 20px; 
}
.hero-6 ul li:after {
  color: #272B3F; 
}

/*----media queries-----*/
@media (max-width: 767px){
  .hero-6 .text-container { 
    padding:30px; 
  }                      
  .hero-6 .bg-img { 
    height:400px; 
  }
  .hero-6 .global-row { 
    flex-flow: column-reverse!important; 
  }
}

/* ----------------------------------- 
----------- 23.HERO BANNER 7 ---------
------------------------------------ */
.hero-7 { min-height: 60vh; }
.hero-7-carousel.owl-carousel .owl-nav { margin-top: 0; }
.hero-7-carousel.owl-carousel .owl-nav .owl-prev,
.hero-7-carousel.owl-carousel .owl-nav .owl-next { position: absolute; background: #1D1B1D !important; bottom: 0; margin: auto 5px; top: 0; right: 0; opacity: .8; border-radius: 30px; box-shadow: none; }
.hero-7-carousel.owl-carousel .owl-dots { position: absolute; bottom: 0; left: 0; right: 0; }
.hero-7-carousel.owl-carousel .owl-dots .custom-dot { margin: 10px 0; }
.hero-7-carousel.owl-carousel .owl-dots .custom-dot span { border-color: #FFF; }
.hero-7-carousel.owl-carousel .owl-dots .custom-dot.active span { background: #FFF; }
.hero-7 h1 { padding: 0; margin: 0 !important; }
@media screen and (max-width: 767px) {
  .hero-7-carousel.owl-carousel .owl-nav { display: none; }
}

/* ----------------------------------- 
----------- 24.HERO BANNER 8 ---------
------------------------------------ */
.hero-8 > .container-fluid {
  position:relative; 
  z-index:3;
}
.hero-8 .row { 
  margin-bottom: 40px; 
  position: relative; 
  z-index: 5; }
.hero-8 .active a, 
.hero-8 li.active:last-child a {  
  color: #FFF; 
}
.hero-8 .scroll_downs .mousey { 
  border-color: #FFF; 
}
.hero-8 .scroll_downs .scroller { 
  background: #FFF; 
}
.hero-8[data-overlay-dark]:before { 
  z-index: 0; 
}
.hero-8 .detail { 
  width: 50%; 
  margin:0 auto;
}
.hero-8 .layer_bottom { 
  height: 100%; 
  background-repeat: no-repeat; 
  background-position: bottom; 
  width: 100%; 
  z-index: 1; 
  position: absolute; 
  bottom: 0; 
  background-size: contain; 
}

/*-----Media queries-----*/
@media screen and (min-width: 1440px) {
  .hero-8 .row { margin-bottom: 120px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-8 .row { margin-bottom: 80px; }
}
@media screen and (max-width: 768px) {
  .hero-8 .detail { width: 75%; }
}
@media screen and (max-width: 575px) {
  .hero-8 .detail { width: 100%; }
}


/* ----------------------------------- 
------- 25.LANDING PAGE BANNER 1 -----
------------------------------------ */
.main-banner-lp { padding:120px 20px 100px;  background-size:cover !important; background-position:center !important; position:relative; }
.main-banner-lp.svg{ min-height:100vh; padding:150px 50px 300px;  }
.main-banner-lp > svg{ position:absolute; bottom:0; left:0; width:100%; height:auto; }
.main-banner-lp .detail ul { padding-left:20px; }
.main-banner-lp .detail ul li{ list-style:circle; }
.main-banner-lp form fieldset .input { border-radius:100px!important; }
.main-banner-lp form fieldset .input select { border-radius:100px!important; background:#FFF; }
.main-banner-lp form fieldset .input select:focus { outline:none; }


/* ----------------------------------- 
------- 26.LANDING PAGE BANNER 2 -----
------------------------------------ */

.main-banner-lp2 { padding:100px 50px;  background-size:cover !important; position:relative; }
.main-banner-lp2.svg{ padding:100px 50px 300px;  }
.main-banner-lp2 > svg{ position:absolute; bottom:0; left:0; width:100%; height:auto; }
.main-banner-lp2 .detail ul { padding-left:20px; }
.main-banner-lp2 .detail ul li{ list-style:circle; }


/* ----------------------------------- 
------------- 27.PILAR PAGE ----------
------------------------------------ */

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.intro-pp { padding:50px 0px; position:relative;} 
section.intro-pp .summary-container {}
section.intro-pp .summary-container .summary-item { border-bottom: 1px solid #78F0C8; margin-bottom:20px; }
section.intro-pp .summary-container .summary-item a { color: #616161; text-decoration:underline; display:block; padding:15px 0px; }
section.intro-pp .summary-container .summary-item span { color:#78F0C8; font-size:24px; font-weight:600; }
section.intro-pp .intro-container {  }
section.intro-pp .intro-container .time-reading { color:#78F0C8; font-weight:600; font-size:24px;}
section.intro-pp .intro-container .update-text { padding:8px 0px;   }
section.intro-pp .intro-container .tag-pp { margin-top:35px; font-weight:600; font-size:24px; }
section.intro-pp .intro-container .intro-text { margin-top:35px; font-size:24px; font-weight:300; line-height:1.3; }

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 { color: #616161; 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:#955250; 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: #955250; -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:; }
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:#1D1B1D; 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: #F5F5F5;  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: #1D1B1D;  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: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.intro-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; }
}

/* ----------------------------------- 
------------- 28.PORTFOLIO -----------
------------------------------------ */

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

/* project single */
.project-carousel h4:after {
  content: " ";
  background: #4E54C8;
  height: 2px;
}
.project-single-content{
  margin-top:30px;
}
.project-single-text h2 {
  color:#1D1B1D;
}
.project-single-text h4:after {
  content: " ";
  background: #4E54C8;
  height: 2px;
}
.project-single-text p {
  font-weight: 400;
  line-height: 1.8;
}
.project-single-text h5 {
  color: #1D1B1D;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px;
}
.project-single-text h5:after {
  display: block;
  width: 70px;
  margin-top: 8px;
  content: " ";
  background: #4E54C8;
  height: 2px;
}
.project-single-text ul li {
  color: #1D1B1D;
  font-size: 15px;
  font-weight: 500;
}
.project-single-text ul li i {
  color: #4E54C8;
  font-weight: 500;
  font-size: 15px;
  padding-right: 10px;
}
.project-single-info {
  border: 1px solid #EEEEEE;
  display: block;
  width: 100%;
  padding: 0 20px;
}
.project-single-info ul li {
  color: #707070;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #EEEEEE;
  padding: 12px 0;
}
.project-single-info ul li:last-child {
  border-bottom: none;
}
.project-single-info ul li span {
  display: inline-block;
  color: #1D1B1D;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  width: 70px;
  max-width: 100%;
}
.project-single-info ul li .value {
  width: auto;
  margin-right: 0;
  color: #616161;
}
.project-single-img {
  text-align: center;
}
.project-single-img img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}
/*============================== Media queries ================================== */
@media screen and (max-width: 992px) {
  .project-single {
    margin-bottom:30px;
  }
}

/* ----------------------------------- 
------------- 29.SCROLL TOP ----------
------------------------------------ */

.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #262626;
  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: #1D1B1D;
  background: #FFF;
}
.scroll-to-top:hover i {
  color: #1D1B1D;
}
.scroll-to-top:visited {
  color: #1D1B1D;
  text-decoration: none;
}

/* ----------------------------------- 
------------- 30.CAROUSEL ------------
------------------------------------ */

/* ---- Owl ----- */

.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}
.custom-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 5px 0 5px;
  background: none;
  cursor: pointer;
  display: block;
  border: 1px solid #707070;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.custom-dot span:hover {
  background: #b7b7b7;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}
.custom-dot.active span {
  width: 12px;
  height: 12px;
  background:#955250;
  border-color: #955250;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.owl-nav i {
  color: #FFF;
  font-size: 30px;
  padding: 1px 0 0 2px;
}
.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);
}

.section-clients { padding: 50px 0; }
.section-clients .clients .item { position: relative ; overflow: hidden ; background-size: contain; background-position: center; background-repeat: no-repeat; }
.section-clients .clients .item,
.section-clients .clients .item:before { min-height: 150px; max-height: 70vh; }
.section-clients .clients .item { padding: 0 50px; display: flex; text-align: center; justify-content: center; align-items: center; }
.section-clients .clients .item .header-carousel { z-index: 2; } 
.section-clients .clients .item p { color: #FFF; }
/* =================================== Media queries ====================================== */
@media screen and (max-width: 991px) {
  .section-clients {
    padding: 30px 0;
  }
  .section-clients .item {
    text-align: center;
    width: 100%;
  }
  .section-clients .owl-carousel .owl-item img {
    max-width: 75%;
    display: inline-block;
  }
}

@media(max-width:550px){
  .section-clients .owl-carousel .owl-item img{ max-width:100%; width:100%; } 
  .section-clients .clients .item { padding: 0 20px; }
}

/* ----------------------------------- 
---------- 31.SECTION HEADING --------
------------------------------------ */

.section-heading {
  margin-bottom: 50px;
  text-align: center;
}
.section-heading.half {
  margin-bottom: 30px;
}
.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
  position: relative;
  margin-bottom: 0;
  font-weight: 600;
  position: relative;
  line-height: 140%;
}
.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;
  }
}

/* ----------------------------------- 
--------- 32.BANNER CREATIVE ---------
------------------------------------ */

.banner-creative {
  background: #F4F6Fc;
  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;
  }
}

/* ----------------------------------- 
--------- 33.PRICING TABLE 1 ---------
------------------------------------ */
.pricing-table .single-plan {
  position: relative;
  z-index: 99;
  border: 1px solid #EEEEEE;
  margin-bottom:30px;
  background:#FFF;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}
.pricing-table .single-plan .head-plan {
  background: #272B3F;
}
.pricing-table .single-plan .head-plan h3 {
  padding: 20px;
  margin: 0;
  color: #FFF;
  font-weight: 600;
}
.pricing-table .single-plan .body-plan .price-plan {
  padding: 32px 0 43px;
  position: relative;
  background: #F5F5F5;
  font-weight: bold;
  border-bottom: 1px solid #E6E6E6;
}
.pricing-table .single-plan .body-plan .price-plan > div {
  margin: 0;
  z-index: 11;
  position: relative;
  font-weight: bold;
  color: #272B3F;
  font-size:32px;
}
.pricing-table .single-plan .body-plan .price-plan h3 sup {
  font-size: 18px;
  top: -15px;
  font-weight: bold;
  margin-right: 2px;
}
.pricing-table .single-plan .body-plan .price-plan span {
  text-transform: uppercase;
  font-size: 12px;
  z-index: 11;
  position: relative;
  color:#272B3F;
}
.pricing-table .single-plan .feat-plan {
  margin: 56px 0 33px;
}
.pricing-table .single-plan .feat-plan ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-table .single-plan .feat-plan ul li {
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 15px;
}
.pricing-table .single-plan .feat-plan ul li:last-child {
  margin: 0;
}
.pricing-table .single-plan .feat-plan ul li i {
  margin-right: 10px;
}
.pricing-table .single-plan .body-plan .price-plan i {
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left:calc(50% - 25px);
  z-index: 99;
  background: #955250;
}
.pricing-table .footer-plan {
  display: flex;
  justify-content: center;
  padding-bottom:30px;
}

/*---Background variation---*/
.pricing-table .section-heading h2 {
  color:#FFF;
}
/* =================================== Media queries ====================================== */
@media screen and (max-width: 1200px) {
  .pricing-table .single-plan .body-plan i {
    left:44.5%;
  }
  .pricing-table .single-plan{
    margin-top:20px;
  }
}

/* ----------------------------------- 
--------- 34.PRICING TABLE 2 ---------
------------------------------------ */

.pricing-table2 .item {
  padding: 0 0 30px 0;
  background: #FFF;
  transition: all 0.3s;
  margin-bottom:30px;
}
.pricing-table2 .item:hover {
  box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2);
}
.pricing-table2 .type {
  padding: 15px 0;
  background: #272B3F;
}
.pricing-table2 .type h3 {
  color: #FFF;
  margin-bottom: 0;
}
.pricing-table2 .value {
  padding: 30px 0 15px 0;
  position: relative;
}
.pricing-table2 .value > div {
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  line-height:1.2;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
  color: #272B3F;
}
.pricing-table2 .value h3 span {
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 0;
}
.pricing-table2 .value .per {
  font-size: 13px;
  color: #955250;
}
.pricing-table2 .features li {
  margin: 15px 0;
  color: #707070;
}
.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;
  }
}

/* ----------------------------------- 
------------ 35.TITLE TABS -----------
------------------------------------ */

/*---MAJ 01/20---*/
.title-tab .flex-align {
  display:flex; 
  flex-direction:column; 
  justify-content:center;
}
.title_tabs .headings {
  margin-bottom:50px;
}
.title_tabs .headings .section-heading {
  margin-bottom:15px;
}
.title_tabs .headings .section-desc { 
  text-align:center; 
}
.resp-tab-content .flex-align {
  display:flex; 
  flex-direction:column; 
  justify-content:center;
}
/*---END MAJ 01/20---*/

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

/* ------------------------------------ 
------------ 36. ACCORDION ------------
------------------------------------ */

/*---Background choice----*/
.bg_light .accordion-style .btn-link,
.bg_light_blue .accordion-style .btn-link {
  background:#272B3F;
  color:#FFF;
}
.accordion.bg_dark .section-heading h2,
.accordion.bg_dark .section-heading p,
.title-tab.bg_dark .headings h2,
.title-tab.bg_dark .headings p,
.bg_dark .accordion-style .card-body p {
  color:#FFF;
}

.accordion .headings { 
  margin-bottom:50px; 
}
.accordion .headings .section-heading {
  margin-bottom:15px;
}
.accordion .headings .section-desc { 
  text-align:center; 
}
/*-------------------*/
/*---END MAJ 01/20---*/
/*-------------------*/

.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
  margin-bottom:10px;
}
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
}
.accordion-style .btn-link {
  background: #EEEEEE;
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  color: #616161;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 50px 15px 15px;
  text-decoration: none;
  font-size: 15px;
}
.accordion-style .btn-link:hover {
  border: none;
  text-decoration: none;
}
.accordion-style .btn-link.collapsed {
  box-shadow: none;
}
.accordion-style .btn-link.collapsed:after {
  background: none;
  border: 1px solid #4E54C8;
  border-radius: 50%;
  content: "+";
  padding: 0;
  right: 15px;
  left: inherit;
  font-size: 18px;
  line-height: 20px;
  height: 25px;
  transform: none;
  width: 25px;
  top: 15px;
  text-align: center;
  letter-spacing: -1px;
}
.accordion-style .btn-link:after {
  background: none;
  border: 1px solid #4E54C8;
  border-radius: 50%;
  content: "-";
  padding-top: 0;
  right: 15px;
  left: inherit;
  font-size: 20px;
  height: 25px;
  line-height: 18px;
  transform: none;
  width: 25px;
  top: 15px;
  position: absolute;
  color: #4E54C8;
  text-align: center;
  padding-left: 0px;
  letter-spacing: 0px;
}
.accordion-style .card-body {
  padding: 20px;
  line-height: 24px;
  text-align: left;
}
/*------Accordion style Background Layout------*/
section.bg-theme-white .accordion-style .btn-link {
  background: #EEEEEE;
  text-decoration:none;
  color:#616161;
}
section.bg-theme-grey .accordion-style .btn-link {
  background: #955250;
  color: #FFF;
  text-decoration:none;
}
section.bg-theme-light .accordion-style .btn-link {
  background: #955250;
  color: #FFF;
  text-decoration:none;
}
section.bg-theme-grey .accordion-style .btn-link.collapsed:after {
  border: 1px solid #FFF;
  color:#FFF;
}
section.bg-theme-grey .accordion-style .btn-link:after {
  border: 1px solid #FFF;
  color:#FFF;
}
section.bg-theme-light .accordion-style .btn-link.collapsed:after {
  border: 1px solid #FFF;
  color:#FFF;
}
section.bg-theme-light .accordion-style .btn-link:after {
  border: 1px solid #FFF;
  color:#FFF;
}
/*-------Media queries Accordion style------*/
@media screen and (max-width: 767px) {
  .accordion-style .btn-link {
    font-size: 14px;
    padding: 12px 50px 12px 15px;
  }
}

/* ------------------------------------ 
--------- 37. IMAGE AND TEXT ----------
------------------------------------ */
section.img-text .container img { 
  max-height:300px; 
  width:auto;
}
section.img-text .container h2 {
  font-size:32px;
}
section.img-text .container h3 {
  color: #000;
  font-size:30px;
}
section.img-text .container p span, section.img-text .container p em{
  color: #939393;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  padding: 10px 0 0 0;
}
section.img-text ol { list-style-type: none; }
section.img-text li { line-height: 24px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 30px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
section.img-text li:hover { padding-left: 40px;
}
section.img-text li:before { content: '';
  position: absolute;
  left: 4px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: #955250;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 2;
}
section.img-text li:after {content: '';
  position: absolute;
  left: 0px;
  top: 6px;
  width: 16px;
  height: 16px;
  opacity: .3;
  background: #955250;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 1;
}
/* ================ Layout style choice left or right ===================== */
section.img-text .container .padding-left {
  padding-left:50px;
}
section.img-text .container .padding-right {
  padding-right:50px;
}

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

/* ================ Background color variation ===================== */
section.img-text.bg_dark h2,
section.img-text.bg_dark h3, 
section.img-text.bg_dark .detail p {
  color:#FFF;
}

/*-----Media queries-----*/
@media screen and (max-width:768px) {
  section.img-text .container img {
    margin-bottom:30px;
  }
}
/* ------------------------------------ 
----------- 38. GLOBAL TEAM -----------
------------------------------------ */

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

/* =================================== Team member ======================================= */
.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: ;
  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:#955250;
  display: block;
}
.team-style:hover .social-links {
  transition-delay: 100ms, 100ms;
  opacity: 1;
  transform: translateY(0);
} 
.team-style:hover .social-links a {
  display: block;
  width: fit-content;
  margin: auto;
  padding: 6px;
}
.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;
}

/* ------------------------------------ 
-------- 39. TESTIMONIALS V1 ----------
------------------------------------ */

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

/* ------------------------------------ 
-------- 40. TESTIMONIALS V2 ----------
------------------------------------ */

.testimonial-v2{
  padding:0;
}

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

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

.testimonial-v2 .owl-dots{
  position:absolute;
  left: 370px;
  bottom: 10px;
}
.testimonial-v2 .box-circle-large {
  left: 0;
  bottom: 100px;
  width:300px;
  height:300px;
  background: #955250;
  background: -webkit-linear-gradient(-45deg, #955250, #955250);
  background: -moz-linear-gradient(-45deg, #955250, #955250);
  background: -o-linear-gradient(-45deg, #955250, #955250);
  background: linear-gradient(-45deg, #955250, #955250);
  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;}
}

/* ------------------------------------ 
------------- 41. COUNTER -------------
------------------------------------ */

.counter .col > h2{
  text-align:center;
  margin-bottom:35px;
  font-size:34px;
}
.counter-box span i {
  font-size: 38px;
  display:block;
}
.counter-box h3, .counter-box h4 {
  display: inline-block;
  font-weight: 600;
  padding-top:10px;
}
.counter-box {
  position: relative;
  text-align: center;
  padding-top:30px;
}
.counter-box h3:after {
  content: '+';
}
.counter-box h4 {
  font-size: 28px;
  line-height: normal;
  margin: 0;
}
.counter-box h4:after {
  content: '+';
}
.counter-box h3 {
  font-size: 45px;
}
.counter-box p{
  color:#272B3F;
}
/* =================================== Media queries ======================================= */
@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px;
  }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box h4 {
    font-size: 22px;
  }
}

/* ------------------------------------ 
----------- 42. SERVICES 1 ------------
------------------------------------ */

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

.services1 .service-block2 {  position: relative;  text-align: center;  padding: 40px;  background: #FFF;  border-radius: 7px;  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  transition: all .4s ease-out;  margin-bottom:30px;}
.services1 .service-block2 h3 {  font-size:28px;  padding-top:10px;}
.services1 .service-block2 p {  margin-bottom: 0; color:#616161; }
.services1 .service-block2 .item-icon span {  display: inline-block;  background: #F5F5F5;  width: 90px;  height: 90px;  line-height: 90px;  color: #955250;  font-size: 40px;  border: 1px solid #955250;  border-radius: 50%;  text-align: center;}
.services1 .service-block2:hover {  background: #955250;  background: -webkit-linear-gradient(129deg, #955250, #955250);  background: -moz-linear-gradient(129deg, #955250, #955250);  background: -o-linear-gradient(129deg, #955250, #955250);  background: linear-gradient(129deg, #955250, #955250);  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  margin-top: -10px;}
.services1 .service-block2:hover h3, .services1 .service-block2:hover p {  color: #FFF;}

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

/* ------------------------------------ 
------------ 43. SERVICES 2 -----------
------------------------------------ */
.services2 .row .item { 
  margin-top:20px;
}
.services2 .row .item-center { 
  text-align:center; 
}
.services2 .row .item > div > div{  
  font-size:22px; 
  font-weight:bold;
}
.services2 .row .item h3 {  
  padding-top:20px;  
  font-size:22px;
}
.services2 .row .item p { 
  color: #616161; 
}
.services2 .row .item .icon i{  
  font-size:42px;
}

/*----background variations----*/
.services2.bg_dark .item i,
.services2.bg_dark .item h3,
.services2.bg_dark .item p,
.services2.bg_dark .section-heading h2, 
.services2.bg_dark .section-heading .alt-font { 
  color:#FFF;
}

/*================ Media queries ================*/
@media screen and (max-width: 767px) {
  .services2 .item{ 
    text-align:center;
  }
}

/* ------------------------------------ 
--------- 44. FULL WITH TEXT ----------
------------------------------------ */
section.full-width-section .full-widht-content h2 {
  line-height:2;
}

/*--Background variations--*/
section.full-width-section.bg_dark .full-widht-content h2,
section.full-width-section.bg_dark .full-widht-content p {
  color:#FFF;
}

/*-----Media queries-----*/
@media screen and (max-width: 768px) {
  section.full-width-section .full-widht-content h2 {
    line-height:1.3;
  }
}

/* ------------------------------------ 
--------------- 45. BLOG --------------
------------------------------------ */

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

.bloglist-hero {
  padding: 125px 0 125px;
  text-align: center;
}
.bloglist-hero .hero__filters {
  display:flex;
  -webkit-display:flex;
  justify-content:space-between;
  margin-top:40px;
}
.bloglist-hero .hero__filters .tag__filter select:focus {
  outline:none;
}
.bloglist-hero .hero__filters .tag__filter select:hover {
  cursor:pointer;
}
.bloglist-hero .hero__filters .tag__filter,
.bloglist-hero .hero__filters .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: 0;
}
.bloglist-hero ul.breadcrumbs {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}
.bloglist-hero ul.breadcrumbs li {
  display: inline-block;
}
.bloglist-hero ul.breadcrumbs li:last-child a {
  color: #FFF;
  font-weight: 600;
}
.bloglist-hero ul.breadcrumbs li:after {
  content: '\f105';
  font-weight: 700;
  vertical-align: middle;
  color: #FFF;
  font-family: Font Awesome\ 5 Free;
  padding: 0 5px 0 10px;
}
.bloglist-hero ul.breadcrumbs li:last-child:after {
  content: none;
}
.bloglist-hero ul.breadcrumbs li a {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.bloglist-hero .active a, .bloglist-hero li.active:last-child a {
  color: #FFF;
}

/*----Blog Post Hero Banner----*/

.page-title-section {
  padding: 125px 0 125px;
  text-align: center;
}
.page-title-section h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #FFF;
  margin-bottom: 0;
}
.page-title-section ul {
  margin-bottom: 0;
  margin-top: 15px;
  text-align: center;
}
.page-title-section ul li {
  display: inline-block;
}
.page-title-section ul li:last-child a {
  color: #FFF;
  font-weight: 600;
}
.page-title-section ul li:after {
  content: '\f105';
  font-weight: 700;
  vertical-align: middle;
  color: #FFF;
  font-family: Font Awesome\ 5 Free;
  padding: 0 5px 0 10px;
}
.page-title-section ul li:last-child:after {
  content: none;
}
.page-title-section ul li a {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.page-title-section .active a, .page-title-section li.active:last-child a {
  color: #FFF;
}
/* =================================== Media queries ======================================== */
@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 85px 0;
  }
  .page-title-section h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media screen and (max-width: 991px) {
  .bloglist-hero .hero__filters {
    flex-wrap:wrap;
  }
  .bloglist-hero .hero__filters .tag__filter,
  .bloglist-hero .hero__filters .search-filter {
    flex:0 0 100%;
  }
  .page-title-section {
    padding: 60px 0;
  }
  .page-title-section h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .page-title-section ul {
    margin-top: 5px;
  }
  .page-title-section ul li a {
    font-size: 12px;
  }
}

/*----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.bg_dark .section-heading h2 {
  color:#FFF;
}

/*----Blog Grid ----*/

.blog-grid {
  position: relative;
  background: #FFF;
  overflow: hidden;
  height:100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blog-grid:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  transform: translateY(-0.25em);
}
.blog-grid img {
  width: 100%;
}
.blog-grid .blog-grid-img{
  background: #955250;
  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: #955250;
}
.data-box-grid .day {
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 8px;
  color: #FFF;
  font-size: 20px;
}
.blog-grid .data-box-grid .month {
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #FFF;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.blog-grid-text {
  position: relative;
  padding:30px 30px 70px 30px;
  height:calc(100% - 150px);
}
.blog-grid-text section { padding: 0; }
.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 ul li {
  display: inline-block;
  color: #939393;
  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: #939393;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  padding: 10px 0 0 0;
}
.blog-grid-text a.butn {
  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: #1D1B1D;
}
.blog-grid-simple-content a:hover:after {
  color: #1D1B1D;
}
.blog-list-simple-img { background: #955250; }
.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: #939393;
}
.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 #EEEEEE;
  color: #939393;
  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: #707070;
  margin: 5px;
}
.blog-list-simple-text h4 {
  color: #1D1B1D;
  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: #939393;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0;
}
.blog-list-simple-text ul li i {
  color: #955250;
  margin-right: 5px;
  font-size: 14px;
}
.blogs .post {
  margin-bottom: 50px;
}
.blogs .post .content {
  padding: 30px;
  background: #F5F5F5;
}

.blogs .post .content h2{
  font-size:34px; line-height:1.2;
}
.blogs .post .content h3{
  font-size:23px; line-height:1.2;
}
.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: #1D1B1D;
}
.blogs .post .content .post-title h5 a:hover {
  color: ;
}
.blogs .post .content .meta {
  margin-bottom: 15px;
}
.blogs .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color:#955250;
  margin-right:10px;
}
.blogs .post .content .meta li i{
  margin-right:5px;
}
.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #000;
  background: #F5F5F5;
  font-size: 16px;
}
.blogs .post .content .btn {
  border-color: #616161;
  color: #616161;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px;
}
.blogs .post .content .btn:hover {
  color: #FFF;
  border-color: ;
}
.blogs .post .content ul{
  padding-left:30px; 
  list-style:none;
}

.blogs .post .post-img img {
  width: 100%;
}
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}
.blogs .comment-form .new-comments .comment {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #E6E6E6;
}
.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 #E6E6E6e;  background-color: #FFFfff;  }
.blog-pagination ul li.hide {    visibility: hidden;}
.blog-pagination ul li a { padding: 5px 8px !important; color:;   text-decoration: none;    line-height:38px; }
.blog-pagination ul li:hover,
.blog-pagination ul li.active {  }
.blog-pagination ul li:hover a,
.blog-pagination ul li.active a {    color: ;}
.blog-pagination .next-posts-link {    float: none; }
.blog-pagination .btn {  border-radius: 6px; border:solid 1px #DBDBDB; 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:#1E1E5A; }

.blockquote {
  background: #F5F5F5;
  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: #1D1B1D;
  letter-spacing: 0.5px;
}
.blockquote h4 {
  font-size: 20px;
  font-weight: 400;
  color: #1D1B1D;
  letter-spacing: 0.5px;
}
.side-bar .block {
  margin-bottom:30px;
}
.side-bar .block h3 {
  position: relative;
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.side-bar .block h3:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #955250;
  position: absolute;
  bottom: 0;
  left: 0;
}
.side-bar .block ul li {
  position: relative;
  padding: 0 0 0 12px;
  margin: 0 0 9px 0;
  color: #616161;
}
.side-bar .block ul li:last-child {
  margin: 0;
}
.side-bar .block ul li:after {
  content: "";
  width: 5px;
  height: 1px;
  background-color: #616161;
  position: absolute;
  top: 12px;
  left: 0;
}
.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 #D2D2D2;
  background: #F5F5F5;
}
.side-bar .hs-search-field form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0;
}
.side-bar .hs-search-field form button:hover:before {
  border-radius: 0;
  padding: 0;
}

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

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

@media screen and (max-width: 1199px) {
  .bloglist-hero {
    padding: 85px 0;
  }
  .bloglist-hero h1 {
    font-size: 36px;
    line-height: 42px;
  }

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

  .blog-grid {
    margin-bottom:20px;
  }
}
@media screen and (max-width: 767px) {
  .side-bar {
    margin-top:50px;
    padding-left:15px;
  }
  .blog-grid-text {
    padding: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: #955250;
  border: 1px solid #955250;
  color: #FFF;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}
.social-icon-style1 li a:hover {
  background: #FFF;
  color: #4E54C8;
}
.social-icon-style1 li a i{
  color:#FFF;
}
.social-icon-style1 li a svg{
  fill:#FFF;
}

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

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

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

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

@media screen and (max-width: 767px) {
  .social-icon-style2 li a {
    font-size: 18px;
  }
}

/*------newsletter------*/

.newsletter {
  position: relative;
  background: none;
  overflow: hidden;
}
.newsletter input {
  width: 99%;
  height: 45px;
  margin-bottom: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid rgba(78, 78, 84, 0.2);
  outline: none;
  padding-left: 20px;
  padding-right: 120px;
  z-index: 1;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.67px;
}
.newsletter .butn {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 2;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  outline: none;
  cursor: pointer;
  padding: 13px 18px;
  border-top-left-radius: 0;
  box-shadow: none;
  border-bottom-left-radius: 0;
}
.newsletter .butn:hover:before, .newsletter .butn:focus:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.newsletter .input .butn:active:before {
  padding: 14px 18px 14px 18px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*------contact detail------*/

#map {
  height: 400px;
  width: 100%;
}
.form-submit input.submit{
  background: #4E54C8;
  background: -webkit-linear-gradient(-45deg, #4E54C8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4E54C8, #8089ff);
  background: -o-linear-gradient(-45deg, #4E54C8, #8089ff);
  background: linear-gradient(-45deg, #4E54C8, #8089ff);
  cursor: pointer;
  font-weight: 600;
  color: #FFF;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
  transition: all linear 400ms;
  border: none;
  width: auto;
  margin-bottom: 0px;
}
.form-submit input.submit:hover {
  color: #FFF;
}
.screen-reader-text{
  text-decoration: none;
}

/*------add------- */

.alignright{
  float:right;
}
.alignleft{
  float:left;
}
.post-text table{ 
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #D2D2D2;
}
.post-text table td{
  border: 1px solid #D2D2D2;
  padding: 7px;
} 
.post-text table th{
  border: 1px solid #D2D2D2;
  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 #D2D2D2;
}
.blog-comment-area  table td{
  border: 1px solid #D2D2D2;
  padding: 7px;
} 
.blog-comment-area  table th{
  border: 1px solid #D2D2D2;
  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: #707070;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
}
.search-custom form {
  width: 70% !important;
  margin-top: 50px;
}
.search-custom form.search-form:after {
  top: 20px;
}
.wp-caption-text , .gallery-caption , .bypostauthor , .sticky{
  text-decoration: none;
}
form.post-password-form input[type=submit] {
  width: auto !important;
  background: #262626053;
  border-color: #262626053;
  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: #262626 !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: #939393;
}

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: #272B3F;
}
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: #1D1B1D;
}
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: #F5F5F5;
  color: #939393;
  cursor: default;
}
.pagination a {
  border-left-width: 1px;
}

/* ------------------------------------ 
----------- 46. 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 #DBDBDB;
}
.search_template .content .hs-search-results__listing li a{
  color:#616161;
  font-size:18px;
}
.search_template .content .hs-search-highlight {
  font-weight: bold; 
}
.search_template .content .hs-search-results__prev-page {
  float: left; 
}
.search_template .content .hs-search-results__next-page {
  float: right;
}

/*------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 #C1C1C1;
  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;
  }
}

/* ------------------------------------ 
------------- 47. FOOTER --------------
------------------------------------ */

footer {
  padding: 50px 0 0;
  background: #1D1B1D;
  color: #939393;
}
footer p {
  margin-bottom: 0;
}
footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  position: relative;
}
footer h3:after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  background: #955250;
  margin: 12px auto 0 auto;
}

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

/* ----------------------------------- 
----------- 48.IMAGES GALLERY --------
------------------------------------ */

section.img_gallery .img_container { cursor: pointer; }
section.img_gallery .img_container:before { transition: .5s ease; background: transparent; }
section.img_gallery .img_container:hover .img_content { opacity: 1; }
section.img_gallery .img_container.primary:hover:before { background: #955250; }
section.img_gallery .img_container.secondary:hover:before { background: #955250; }
section.img_gallery .img_container.third:hover:before { background: #955250; }
section.img_gallery .img_container .img_content {
  transition: .5s ease;
  width: 100%;
  z-index: 1;
  opacity: 0;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
section.img_gallery .img_container .img_content .img_icon svg { height: 34px; }
section.img_gallery .img_container .img_content .img_description { margin: 20px 40px; font-size: 18px; }
section.img_gallery .modal_full {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999999999999999999999;
  display: none;
}
section.img_gallery .modal-content {
  background-color: transparent;
  border: none;
}
section.img_gallery .modal-content .modal_header {
  display: flex;
  justify-content: center;
  background-color: rgba(39, 43, 63, .6);
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px;
}
section.img_gallery .modal-content .modal_header .btn_modal { display: flex; flex-flow: row; }
section.img_gallery .modal-content .btn_next, section.img_gallery .modal-content .btn_prev { 
  font-size: 1rem;
  cursor: pointer;
  padding: 2px 10px;
  margin: 5px;
  border-radius: 30px;
}
section.img_gallery .modal-content .btn_next, section.img_gallery .modal-content .btn_prev {
  border: 2px solid #955250;
}
section.img_gallery .modal-content .btn_next.unabled, section.img_gallery .modal-content .btn_prev.unabled {
  border-color: #707070;
  pointer-events:none;
}
section.img_gallery .modal-content .btn_next.unabled i, section.img_gallery .modal-content .btn_prev.unabled i {
  color: #707070;
}
section.img_gallery .modal-content .btn_next i, section.img_gallery .modal-content .btn_prev i {
  color: #FFF;
}
section.img_gallery .modal-content .close_modal {
  display: flex;
  background: #955250;
  width: 45px;
  height: 45px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  border-radius: 30px;
  font-size: 38px;
  font-weight: bold;
  margin: 10px;
  padding-bottom: 7px;
  cursor: pointer;
}
section.img_gallery .modal-content .modal_img_container {
  height: 100vh;
  background-color: rgba(39, 43, 63, .95);
  display: flex;
  justify-content: center;
}
section.img_gallery .modal-content .modal_img {
  width: 100%;
  position: relative;
  background-size: contain;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}
section.img_gallery .modal-content .modal_header .modal_img_description { font-weight: bold; text-align: center; }

/* ----------------------------------- 
------------- 49.IMAGE TEXT 2 --------
------------------------------------ */

section.img-text-2 { padding: 0; }
section.img-text-2 .content { padding: 90px 50px; }
section.img-text-2 .content.dark { color: #FFF; }
section.img-text-2 .layer { height: 100%; background-repeat: no-repeat; z-index: 1; position: relative; background-size: contain; }
section.img-text-2 .layer.default  { background-image: url('https://www.ideagency.fr/hubfs/KILIMANDJARO/Assets-Kili/Layer_img_text_default.svg'); }
section.img-text-2 .layer.dark { background-image: url('https://www.ideagency.fr/hubfs/KILIMANDJARO/Assets-Kili/Layer_img_text_dark.svg'); transform: rotate(180deg); background-position: right; }
section.img-text-2 .layer.reverse.default { transform: rotate(180deg); }
section.img-text-2 .layer.reverse.dark { transform: rotate(0); }

@media screen and (max-width: 992px) {
  section.img-text-2 .img_container { height: 400px }
  section.img-text-2 .layer { transform: rotate(180deg); background-position: bottom !important; }
  section.img-text-2 .layer.default  { background-image: url('https://www.ideagency.fr/hubfs/KILIMANDJARO/Assets-Kili/Layer_img_text_default_mobile.svg'); }
  section.img-text-2 .layer.dark  { background-image: url('https://www.ideagency.fr/hubfs/KILIMANDJARO/Assets-Kili/Layer_img_text_dark_mobile.svg'); }
}
@media screen and (max-width:768px) {
  section.img-text-2 .content { padding:30px; }
}
/* ----------------------------------- 
--------------- 50.MEGAMENU ----------
------------------------------------ */

/*------------
* General styles
* ------------*/
.megamenu { position:fixed; top:0px; left: -18px; width: 100vw !important; background:#FFF; z-index:1000; padding: 0 !important; }
.megamenu.container-fluid .row { margin-left:0px; margin-right:0px; }
.megamenu .collapse.show { border:none; background: #955250;
  background: -webkit-linear-gradient(-45deg, #955250, #955250);
  background: -moz-linear-gradient(-45deg, #955250, #955250);
  background: -o-linear-gradient(-45deg, #955250, #955250);
  background: linear-gradient(-45deg, #955250, #955250); }
.megamenu .collapse.show .container-fluid:first-child { padding: 0; }
.megamenu_mobile { display:none; }

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

/*------------
* Menu styles
* ------------*/
.megamenu .top-search { background: linear-gradient(90deg, #955250 0%, rgba(13,178,186,.1) 100%); }
.megamenu .top-search .hs-search-field__bar form input { border-color: #FFF; }
.megamenu .search a { margin-left: 25px; }
.megamenu .lang_switcher_class { vertical-align: middle; margin-left: 50px; }
.megamenu .lang_switcher_class .globe_class { width: 40px; }
.megamenu .lang_switcher_class .globe_class ul li a { margin: 0; border-bottom: 1px solid #707070; }
.megamenu .menu { padding:20px; display:flex; align-items:center; justify-content: space-between; }
.megamenu .menu .main_logo a img { height:40px; width:auto; transition:all .2s ease-out; }
.megamenu .menu .main_logo a:hover img { opacity:.6; }
.megamenu .menu .main_nav div { display:inline-block; }
.megamenu .menu .main_nav a { padding-bottom: 12px; margin-bottom: 6px; font-size: 19px;cursor: pointer; margin-left:50px; color:#616161; transition:all .2s ease-out; display:inline-block; padding:10px 0px; }
.megamenu .menu .main_nav a.actived_link { font-weight:600; color:#955250; }
.megamenu .menu .main_nav div.has-children { position:relative; }
.megamenu .menu .main_nav div.has-children:after { font-family: "Font Awesome 5 Free"; content: "\f054"; display: inline-block; font-weight: 600; font-size: 11px; position:absolute; right:-15px; top:18px; }
.megamenu .menu .main_nav div.has-children.actived:after { content:"\f078"; color:#955250; }

/*-------------
* Bandeau principal
* -------------*/

.megamenu .bandeau_principal { text-align: center; height: 100%; }
.megamenu .collapse.show .column-1,
.megamenu .collapse.show .column-2,
.megamenu .collapse.show .column-3 { padding: 60px 15px; }
.megamenu .bandeau_principal .megamenu_title { color: #F5F5F5; padding-bottom: 25px; margin-bottom: 10px; font-size: 25px; text-transform: uppercase; border-bottom: solid 1px #F5F5F5; }
.megamenu .bandeau_principal .megamenu_list { display: flex; flex-flow: column; }
.megamenu .bandeau_principal .megamenu_link { padding: 5px 0; transition: all .2s ease-in-out; text-align: center; color: #F5F5F5; }
.megamenu .bandeau_principal .megamenu_link:hover { transform: translateX(5px); text-align: center; color: #FFF; font-weight: 400; }
.megamenu .bandeau_principal .cta-container { height: 100%; padding: 60px; }
.megamenu .bandeau_principal .cta-container.theme-overlay[data-overlay-dark]:before { z-index: auto; background: #262B3E !important; }
.megamenu .bandeau_principal .col-cta { padding: 0; }
.megamenu .bandeau_principal .column-cta { align-self: center; }
.megamenu .bandeau_principal .cta-title { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; color: #F5F5F5; }
.megamenu .bandeau_principal .cta-mega-menu { border-radius: 30px; padding: 8px 22px; background: transparent; color: #F5F5F5; border: solid 2px #F5F5F5; }
.megamenu .bandeau_principal .cta-mega-menu:hover { background: #FFF; color: #272B3F; }

/*Subnav*/
.megamenu .bandeau_principal .item { border-bottom:1px solid #FFF; margin-bottom:20px; padding-bottom:20px; opacity:.9; transition:all .2s ease-out; width:75%; }
.megamenu .bandeau_principal .item:hover { opacity:1; }
.megamenu .bandeau_principal .item:last-child { margin-bottom:0px; border-bottom:0px; }
.megamenu .bandeau_principal .item:hover .sub_nav .title { text-decoration:underline; }
.megamenu .bandeau_principal .item .sub_nav .title,
.megamenu .bandeau_principal .item .sub_nav .desc { color:#FFF; }
.megamenu .bandeau_principal .item .sub_nav .title { font-size:16px; font-weight:bold; position:relative; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item .sub_nav .title:after { margin-left:10px; content:url(https://www.exodata.fr/hubfs/0%20-%202019_Files/illustrations/Go-button.svg); display:none; transition:all .2s ease-out; }
.megamenu .bandeau_principal .item:hover .sub_nav .title:after { display:inline-block; }
.megamenu .bandeau_principal .item .sub_nav .desc { font-size:14px; }
.megamenu .bandeau_principal .item.current { opacity:1; }
.megamenu .bandeau_principal .item.current .sub_nav .title:after { display:inline-block; }
.megamenu .bandeau_principal .item.current .sub_nav .title { text-decoration:underline; }


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


/*-------------------
* @MEDIA QUERIES DESKTOP
* -------------------*/


@media screen and (max-width:991px) {
  .navbar.navbar-expand-lg.navbar-light { justify-content: initial; }
  .megamenu { display:none!important; }
  .megamenu_mobile { display:block!important; z-index:1000; position:relative; }
  .megamenu_mobile .container-fluid .row { margin-left:0px; margin-right:0px; }
  .megamenu_mobile .search { position: absolute; right: 30px; }
  .megamenu_mobile #language-switcher { position: absolute; top: 13px; right: 60px; }

  /*---Kili Mobile menu surcharge temporaire----*/
  .megamenu_mobile .hs-menu-wrapper > ul { background: #F5F5F5; left: -50px; top: 46px; width: 100vw; }
  .megamenu_mobile .hs-menu-wrapper > ul:after { position:absolute; width:100%; content:""; left:0px; top:0px; background:#F4F6Fc;z-index:-1; }
  .megamenu_mobile .hs-menu-wrapper > ul li { border-top:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul li > ul { border: none; }
  /*.megamenu_mobile .hs-menu-wrapper > ul li:nth-child(2) { background: #F5F5F5; padding-left: 0; }*/
  .megamenu_mobile .hs-menu-wrapper > ul li:not(:first-child) { background: #F5F5F5; padding-left: 0; }
  .megamenu_mobile .hs-menu-wrapper > ul li:not(:first-child) a { background: transparent !important; border: none; }
  .megamenu_mobile .hs-menu-wrapper > ul li.actived:nth-child(2) a { color: #0b0b0b; }
  .megamenu_mobile .hs-menu-wrapper > ul li.megamenu_title { background: #F5F5F5; font-size: 18px; padding: 5px 15px;
    border-bottom: 1px solid;
    border-image: linear-gradient(45deg,#0b0b0b,#955250) 1;
  }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button { background: #955250;
    background: -webkit-linear-gradient(-45deg, #955250, #955250);
    background: -moz-linear-gradient(-45deg, #955250, #955250);
    background: -o-linear-gradient(-45deg, #955250, #955250);
    background: linear-gradient(-45deg, #955250, #955250);
  }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button a {background: transparent; color: #FFF !important; padding: 0; border-radius: 0; font-weight: bold; border: solid 2px transparent; }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button a:hover,
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button.clicked a { background: #955250; border: none; border-radius: 0; }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button.clicked { background: #955250 !important; }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button span { color: #FFF; }
  .megamenu_mobile .hs-menu-wrapper > ul li.cta_button span { font-size: 14px; font-weight: bold; }
  .megamenu_mobile .hs-menu-wrapper > ul li:last-child { border-bottom:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li > a { font-weight: bold; padding:20px 20px; font-size:15px; text-transform:capitalize; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger { border-left:0px; top:10px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger { border-left:0px;  bottom:5px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul { border:0px; background:#F4F6Fc;  }

  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li:last-child { border-bottom:0px; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul { background:#F5F5F5!important; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul li { }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul ul { background:#370F27!important; }
  .megamenu_mobile .hs-menu-wrapper > ul ul ul ul li a { color:#FFF; padding:13px 55px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul:before { z-index:2; content: ""; position: absolute; top: 0px; width: 100%; left: 0px; opacity: 0.1; height: 15px; background: transparent linear-gradient(0,#FFF 0%,#370F27 100%) 0% 0% no-repeat padding-box; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul:after { z-index:2; content: ""; position: absolute; bottom: 0px; width: 100%; left: 0px; opacity: 0.1; height: 15px; background: transparent linear-gradient(to bottom, #FFF 0%, #370F27 100%) 0% 0% no-repeat padding-box; }
  .megamenu_mobile .hs-menu-wrapper > ul > li:last-child { padding: 0; border: none !important; }
  .megamenu_mobile .hs-menu-wrapper > ul > li:last-child a { padding: 20px; }
  .megamenu_mobile .hs-menu-wrapper > ul > li:last-child:hover a { color: #0b0b0b; }
  .megamenu_mobile .hs-menu-wrapper > ul > li > a { color:#0b0b0b; font-size:14px; }
  .megamenu_mobile .hs-menu-wrapper > ul li.hs-item-has-children > ul > li.hs-item-has-children > ul > li > a { font-weight:500; padding:18px 45px; }


  .megamenu_mobile .navbar ul ul li a { padding:18px 30px !important; color: #0b0b0b; font-weight: bold; }


  .megamenu_mobile .navbar .navbar-header-custom { padding:8px 0; }
  .megamenu_mobile .navbar .navbar-header>a img { height: 30px; }
  .megamenu_mobile .navbar .navbar-toggler { border: none; background: transparent !important; top: 0; right: -20px; }
  .megamenu_mobile .navbar .navbar-toggler:before { background: #955250; }
  .megamenu_mobile .navbar .navbar-toggler:after { border-color: #000; }
  .megamenu_mobile .navbar .navbar-toggler.menu-opened:after { background: #000; }

  .hs-menu-item.hs-menu-depth-1.hs-item-has-children.active>a,
  .megamenu_title.hs-item-has-children.active>a { color: #955250 !important; }

  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children { border-bottom: 3px solid; border-image: linear-gradient(45deg,#955250, #0b0b0b) 1; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children .child-trigger i:after { height:3px; background:#000; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i:after, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i, 
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li .child-trigger i:after { background-color:#0b0b0b; height:2px; z-index: 1; }
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > ul > li .child-trigger i,
  .megamenu_mobile .hs-menu-wrapper > ul > li.hs-item-has-children > ul > li.hs-item-has-children > ul > li .child-trigger i:after { background-color:#370F27; height:1px; }
  .megamenu .bandeau_principal li.cta-title a { border-radius: 0; }
  .megamenu .bandeau_principal li.cta-button a.clicked { background: transparent; border-radius: 0; }
}

/* ----------------------------------- 
----------------- 51.MAP -------------
------------------------------------ */

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: 80px; }
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 #707070; 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: #272B3F; }
section.module_map_global ul.contact_address li a:hover { color: #955250; text-decoration: underline !important; }
section.module_map_global ul.contact_address li .svg_icon svg { fill: #707070; 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; }
}

/* ----------------------------------- 
------------- 51.TEXT MEDIA ----------
------------------------------------ */

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 #707070; 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; }
}


/* ------------------------------------ 
----------- END. KILI CLASS -----------
------------------------------------ */

.sticky-element { position:sticky; position: -webkit-sticky; top:30px; }

.last-paragraph-no-margin p:last-of-type{
  margin-bottom:0;
}
.main-font{
  font-family:'Open Sans', sans-serif;
}
.alt-font{
  font-family:'Poppins', sans-serif;
  font-weight:500;
}
.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;
}
.up-down-ani{
  display:table;
  position:relative;
  -webkit-animation-name:up-down-animation;
  -webkit-animation-duration:.7s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:.7s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  -moz-animation-name:up-down-animation;
  -moz-animation-duration:.7s;
  -moz-animation-timing-function:linear;
  -moz-animation-delay:.7s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:up-down-animation;
  -ms-animation-duration:.7s;
  -ms-animation-timing-function:linear;
  -ms-animation-delay:.7s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:alternate;
  -o-animation-direction:alternate;
  -o-animation-name:up-down-animation;
  -o-animation-duration:.7s;
  -o-animation-timing-function:linear;
  -o-animation-delay:.7s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:alternate;
  animation-direction:alternate;
  animation-name:up-down-animation;
  animation-duration:.7s;
  animation-timing-function:linear;
  animation-delay:.7s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  margin:0 auto
}
.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px;
}
.cursor-pointer {
  cursor: pointer;
}

.absolute_center { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }

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


/* =============================================================================================== */
/* =================================== 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;
}
*/