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






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



 
 
 
 


 


/* ------------------------------------ 
----------- HEADERS STYLES----------------
------------------------------------ */
h1,h2,h3,h4,h5,h6{
  margin:0 0 20px;
  padding:0;
  letter-spacing:0;
  font-weight:600;
  font-family:'Montserrat', sans-serif;
  line-height:normal;
}
h1{
  font-size:42px;
  color:#000;
}
h2{
  font-size:34px;
  color:#000;
}
h3{
  font-size:32px;
  color:#000;
}
h4{
  font-size:30px;
  color:#000;
}
h5{
  font-size:26px;
  color:#000;
}
h6{
  font-size:22px;
  color:#000;
}

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

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  font-family:'Montserrat', sans-serif;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  font-size:15px;
  color:#6f6f6f;
  font-weight:400;
  line-height:26px;
}
body,html{
  -moz-osx-font-smoothing:grayscale
}
.container-fluid .row-fluid > .container {
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding:30px;
}
.body-container.container-fluid{ 
  padding:0; 
}
.footer-container.container-fluid{ 
  padding:0; 
}
.row-fluid [class*="span"]{ min-height:auto; }
section{
  padding:90px 0;
  overflow:hidden;
  background:#fff
}
a,a:active,a:focus{
  color:#51A7F9;
  text-decoration:none;
  transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
  -moz-transition-timing-function:ease-in-out;
  -webkit-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  transition-duration:.2s;
  -ms-transition-duration:.2s;
  -moz-transition-duration:.2s;
  -webkit-transition-duration:.2s;
  -o-transition-duration:.2s;
}
a:hover,a:active{
  color:#0DB2BA;
  text-decoration:none;
}
a:focus,a:active,button:focus,button:active,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
  outline:none;
}
i{ 
  color:#125BFF;
}
img{
  max-width:100%;
  height:auto;
}
input,select, select option{
  font-size:14px;
  border-top:0px; 
  border-left:0px;
  border-right:0px;
  border-bottom:1px solid #fff;
  padding:8px 15px;
  width:100% !important;
  margin:0 0 25px 0;
  max-width:100%;
  resize:none;
  height:35px;
  border-radius:0px;
  color:#FFF;
  background-color:#1E1E1E;
}
label {
  color:#fff;
  font-size:17px; 
  font-weight:700;
  margin-bottom:0px;
}
textarea{
  border:1px solid #d1d1d1;
  font-size:14px;
  padding:8px 15px;
  width:100% !important;
  margin:0 0 15px 0;
  max-width:100%;
  resize:none;
  border-radius: 10px;
  height:200px;
}

input[type=checkbox], input[type=radio]{
  height:auto;  
  width:auto !important;
  margin-right:5px;
}
input[type="button"],input[type="text"],input[type="email"],input[type="search"],input[type="password"],textarea,input[type="submit"]{
  -webkit-appearance:none;
  outline:none;
  width:100%;
}
input[type="submit"]{
  background: #7731FF;
  background: -webkit-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: -moz-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: -o-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: linear-gradient(-45deg, #7731FF, #0DB2BA);
  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:#EB7F00;
  outline:none;
}
input[type="button"]:focus{
  outline:none;
}

article section {
  padding-top:0px;
  padding-left:170px;
  padding-right:0px;
}
@media screen and (max-width:1200px) {
  article section { padding-left:70px; }
}
@media screen and (max-width:992px) {
  article section { padding-left:40px; }
}
@media screen and (max-width:768px) {
  article section { padding-left:30px; padding-right:30px; }
}


.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;
}
form div.actions {
  text-align:right;
}
form .hs-button {
  text-align:right;
  background:#EB7F00;
  color:#fff;
  padding:12px 48px;
  border:1px solid #EB7F00;
  transition:all .2s ease-out;
}
form .hs-button:hover {
  background:#fff;
  color:#EB7F00;
}
iframe{
  border:0;
}
p{
  margin:0 0 20px;
  word-spacing:1px;
}
b,strong{
  font-weight:600;
}
.last-paragraph-no-margin p:last-of-type{
  margin-bottom:0;
}
.alt-font strong{
  font-weight:700;
}
.valign{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
}
ul,ol,dl{
  list-style-position:outside;
}
ul li{
  list-style:none;
}
::selection{
  color:#000;
  background:#dbdbdb;
}
::-moz-selection{
  color:#000;
  background:#dbdbdb;
}
::-webkit-input-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
}
::-moz-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
  opacity:1;
}
:-ms-input-placeholder{
  color:#6f6f6f;
  text-overflow:ellipsis;
  opacity:1;
}
.alt-font{
  font-family:'Poppins', sans-serif;
  font-weight:500;
}
.main-font{
  font-family:'Open Sans', sans-serif;
}

@media (max-width: 1199px){
  h1,h2,h3,h4,h5,h6{
    margin:0 0 18px;
    padding:0;
    letter-spacing:0
  }
  h1{
    font-size:38px
  }
  h2{
    font-size:33px
  }
  h3{
    font-size:27px
  }
  h4{
    font-size:23px
  }
  h5{
    font-size:19px
  }
  h6{
    font-size:16px
  }
  section{
    padding:70px 50px;
  }
}
@media (max-width: 1050px){
  .parallax{
    background-attachment:inherit
  }
}
@media (max-width: 991px){
  h1,h2,h3,h4,h5,h6{
    margin:0 0 16px;
    padding:0;
    letter-spacing:0
  }
  p{
    margin:0 0 20px
  }
  section{
    padding:30px 
  }
}
@media (max-width: 767px){
  body{
    font-size:14px
  }
  .xs-height-auto{
    height:auto
  }
  h1,h2,h3,h4,h5,h6{
    margin:0 0 14px;
    padding:0;
    letter-spacing:0
  }
  h1{
    font-size:28px
  }
  h2{
    font-size:26px
  }
  h3{
    font-size:23px
  }
  h4{
    font-size:20px
  }
  h5{
    font-size:18px
  }
  h6{
    font-size:16px
  }
}
/* ------------------------------------------------------------------------------- 
-------------------------------   THEME COLORS     -------------------------------
------------------------------------------------------------------------------- */
.theme-overlay[data-overlay-dark]:before {
  background:#1E1E1E;
}
.theme-overlay[data-overlay-blue]:before {
  background:#51A7F9;
}
.text-theme-color {
  color: #6f6f6f;
}
.text-content-big p {
  font-weight: 400;
  line-height: 200%;
  margin-bottom: 25px;
  font-size: 15px;
}
.cursor-pointer {
  cursor: pointer;
}
.text-white{
  color:#fff
}
.bg-theme {
  background: #7731FF;
  background: -webkit-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: -moz-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: -o-linear-gradient(-45deg, #7731FF, #0DB2BA);
  background: linear-gradient(-45deg, #7731FF, #0DB2BA);
}
.bg-theme-light {
  background: #f5fafe;
}
.bg-theme-white{
  background:#fff;
}
.bg-theme-grey{
  background: #f5f5f5;
}


/* ======================================================================================= */
/* =================================== ABSOLUTE CTAs ====================================== */
/* ======================================================================================= */

/*---Transparent white button-----*/
.transparent_white { font-size:22px; color:#fff; background:transparent; border:2px solid #fff; text-transform:uppercase; padding:24px 75px; transition:all .2s ease-out; display:inline-block;}
.transparent_white:hover { color:#51A7F9; background:#fff; }

/*---Transparent blue button-----*/
.transparent_blue { font-size:22px; color:#51A7F9; background:transparent; border:2px solid #51A7F9; text-transform:uppercase; padding:24px 75px; transition:all .2s ease-out; display:inline-block;}
.transparent_blue:hover { color:#fff; background:#51A7F9; }

/*---Solid orange button-----*/
.solid_orange { font-size:17px; color:#fff; background:#EB7F00; border:2px solid #EB7F00; padding:17px 47px; transition:all .2s ease-out; display:inline-block;}
.solid_orange:hover { color:#fff; background:transparent; }

/*---Solid blue button-----*/
.solid_blue { font-size:17px; color:#fff; background:#51A7F9; border:2px solid #51A7F9; padding:17px 47px; transition:all .2s ease-out; display:inline-block;}
.solid_blue:hover { color:#51A7F9; background:transparent; }

/*---Media queries---*/
@media screen and (max-width:768px) { 
  .transparent_white { font-size:18px; padding:20px 15px; }
  .transparent_blue { font-size:18px; padding:20px 15px; }
  .solid_orange { padding:17px 25px; }
  .solid_blue { padding:17px 25px; }
}


/* ======================================================================================= */
/* =================================== HEADER / NAV ====================================== */
/* ======================================================================================= */

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

/* =================================== 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:55px;
  transition-duration:0.5s;
  width:auto!important;
}
.navbar-header-custom{
  padding:17px 0 15px 0;
}
.navbar-default{
  transition:all 0.5s ease 0s;
}
.navbar-default .container,
.navbar-default .container-fluid{
  position:relative;
}

.navbar-default-sept-2020{
  transition:all 0.5s ease 0s;
  background-color: rgba(0, 0, 0, 0.5);
}
.navbar-default-sept-2020 .container,
.navbar-default-sept-2020 .container-fluid{
  position:relative;
}

.menu_area{
  position:relative;
  z-index:2;
}

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

.menu_area .navbar-header > a{
  transition:all 0.5s ease 0s;
}
.hs-menu-wrapper > ul li{
  list-style:none;
  -webkit-transition:background .3s ease;
  -ms-transition:background .3s ease;
  transition:background .3s ease;
}
.hs-menu-wrapper > ul li.hs-item-has-children > a{
  position:relative;
}
.hs-menu-wrapper > ul li.hs-item-has-children a:hover{
  color:#232323;
}
.hs-menu-wrapper > ul li a{
  display:block;
  color:#6f6f6f;
  font-size:13px;
}
.hs-menu-wrapper > ul>li{
  margin-left:35px;
  float:left;
  position:relative; 
}
.hs-menu-wrapper > ul>li:after {
  position:absolute;
  opacity:0;
  content:"";
  background:#EB7F00;
  height:9px;
  width:100%; 
  bottom:0px;
  transition:all .2s ease-out;
}
.hs-menu-wrapper > ul>li:hover:after {
  opacity:1;
}
.hs-menu-wrapper > ul>li.hs-item-has-children{
  padding-right:13px;
}
.hs-menu-wrapper > ul>li>a{
  position:relative;
  display:block;
  font-size:16px;
  font-weight:500;
  padding:20px 0.5rem;
  color:#fff;
  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.hs-item-has-children>a:hover{
  color:rgba(255, 255, 255, .8);
}
.navbar ul>li.hs-item-has-children:hover:after{
  border-color:transparent #000 #000 transparent;
}

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

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

.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger{
  display: block !important; /* Hide button on Desktop */
  cursor: pointer; /* Mouse pointer type on hover */
  position: absolute;
  top: 50%;
  right: 0px; 
  padding: 0 !important;
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger:hover{
  text-decoration: none;
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i{
  position: relative;
  top: 50%; /* Centers icon inside button */
  margin: 0 auto !important;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  position: absolute;
  content: '';
}
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i, 
.hs-menu-wrapper > ul > li.hs-item-has-children > .child-trigger i:after{
  width: 10px; /* Icon line width */
  height: 1px; /* Icon line height */
  background-color:#FFF; /* 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;
  display:none;
}
.attr-nav .dropdown-toggle:after{
  content:none
}
.attr-nav>ul{
  padding:0;
  margin:0 0 -5px 0;
  list-style:none;
  display:inline-block;
}
.attr-nav>ul>li{
  float:left;
  display:block;
}
.attr-nav>ul>li>a{
  display:block;
  padding:21px 15px;
  position:relative;
}

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

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

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

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

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

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

  .header-container{ padding-left:0; padding-right:0; height:80px; }

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

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

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

  header.scrollHeader .navbar-default-sept-2020  i{ 
    background-color:#232323!important;
  }

  header.scrollHeader .navbar-default  i:after{ 
    background-color:#232323!important;
  }

  header.scrollHeader .navbar-default-sept-2020  i:after{ 
    background-color:#232323!important;
  }

  .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-default-sept-2020 {
    position:fixed;
    top:0;
    z-index:99;
    width:100%;
    background:#fff;
    left:0;
    transition:all 0.2s ease 0s;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 3px rgba(0,0,0,0.2);
    box-shadow:0 0 3px rgba(0,0,0,0.2);
  }

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

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


  .wrapper-boxed .scrollHeader .navbar-default {
    left:0;
    margin:0 auto;
    max-width:1200px;
    right:0;
  }

    .wrapper-boxed .scrollHeader .navbar-default-sept-20202019_ {
    left:0;
    margin:0 auto;
    max-width:1200px;
    right:0;
  }

  .scrollHeader .navbar-header > a img{
    max-height:35px;
    transition-duration:0.5s;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}


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

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

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

}

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

/* ------------------------------------------------------------------------------- 
------------------------------------ PILAR PAGE   -------------------------------
------------------------------------------------------------------------------- */
section.hero-pp { padding: 100px 20px; }
section.hero-pp .section-heading { text-align:left; margin:0; color:#fff; }
section.hero-pp .section-heading h1 { color:#fff;  }
section.hero-pp .section-heading .infos .reading_time{ display:inline-block; color:#fff;  } 
section.hero-pp .section-heading .infos .tag{ display:inline-block; color:#fff;  } 
section.hero-pp .section-heading .infos span{ margin:0 10px; color:#fff; }
section.hero-pp .section-heading .desc, section.hero-pp .section-heading .desc p, section.hero-pp .section-heading .desc span{ color:#fff;  }

section.content-pp { padding:50px 0px; position:relative; overflow:inherit;  }
section.content-pp .scd-summary { position:sticky; top:100px;  }
section.content-pp .scd-summary .title{ margin-bottom:10px; font-size:20px;  }
section.content-pp .scd-summary .summary-item { margin-bottom:10px; display:flex;  }
section.content-pp .scd-summary .summary-item a {  display:block; font-weight:600;  }
section.content-pp .scd-summary .summary-item span { font-weight:600;  }

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

}
@media screen and (max-width:992px) {
  section.content-pp .pilar-content .item-content img { margin-left:10px; }
  section.content-pp .pilar-content .item-content span.pre { font-size:13px; }
}
@media screen and (max-width:768px) {
  section.hero-pp{ padding:50px 20px; }
  section.content-pp{ padding:30px 0; }
  section.content-pp .scd-summary{ padding:20px; }
  section.content-pp .pilar-content .item-content { padding:20px; }
  section.content-pp .pilar-content .item-content h2 { text-align:left; }
}
@media screen and (max-width:576px) {

}


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

/* project single */
.project-carousel h4:after {
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-content{
  margin-top:30px;
}
.project-single-text h2 {
  color:#232323;
}
.project-single-text h4:after {
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-text p {
  font-weight: 400;
  line-height: 1.8;
}
.project-single-text h5 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px;
}
.project-single-text h5:after {
  display: block;
  width: 70px;
  margin-top: 8px;
  content: " ";
  background: #4e54c8;
  height: 2px;
}
.project-single-text ul li {
  color: #232323;
  font-size: 15px;
  font-weight: 500;
}
.project-single-text ul li i {
  color: #4e54c8;
  font-weight: 500;
  font-size: 15px;
  padding-right: 10px;
}
.project-single-info {
  border: 1px solid #ececec;
  display: block;
  width: 100%;
  padding: 0 20px;
}
.project-single-info ul li {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ececec;
  padding: 12px 0;
}
.project-single-info ul li:last-child {
  border-bottom: none;
}
.project-single-info ul li span {
  display: inline-block;
  color: #232323;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  width: 70px;
  max-width: 100%;
}
.project-single-info ul li .value {
  width: auto;
  margin-right: 0;
  color: #6f6f6f;
}
.project-single-img {
  text-align: center;
}
.project-single-img img {
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}
/*============================== Media queries ================================== */
@media screen and (max-width: 992px) {
  .project-single {
    margin-bottom:30px;
  }
}
/* ------------------------------------------------------------------------------- 
------------------------------------ SCROLLL TOP . -------------------------------
------------------------------------------------------------------------------- */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.scroll-to-top i {
  color: #fff;
}
.scroll-to-top:hover {
  color: #232323;
  background: #fff;
}
.scroll-to-top:hover i {
  color: #232323;
}
.scroll-to-top:visited {
  color: #232323;
  text-decoration: none;
}
/* ------------------------------------------------------------------------------- 
------------------------------------ BUTTONS .     -------------------------------
------------------------------------------------------------------------------- */
.butn {
  background: none;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border:1px solid #fff;
  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;
  width:100%;
}
.butn:hover {
  background: #fff;
  color:#51A7F9;
}
a.butn:hover, a.butn:active {
  color: #51A7F9;
}
.butn:before {
  background:#fff;
}
.butn:hover:before, .butn:focus:before, .butn:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.butn.white {
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  color: #4e54c8;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 100ms;
  transition: all linear 100ms;
  border: none;
}
.butn.white:hover {
  color: #fff;
  background: #4e54c8;
}
a.butn.white:hover, a.butn.white:active {
  color: #fff;
  background: #4e54c8;
}
.butn.white:before, .butn.white:hover:before, .butn.white:focus:before, .butn.white:active:before {
  content: none;
}
/* ------------------------------------------------------------------------------- 
------------------------------------ INPUT CONTACT FORM  -------------------------
------------------------------------------------------------------------------- */
.center-col{
  float:none;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.big-input,.big-textarea,.big-select select{
  padding:18px 25px;
  font-size:14px;
  border-radius:0
}
.medium-input,.medium-textarea,.medium-select select{
  padding:12px 20px;
  font-size:14px;
  line-height:normal;
  border-radius:0
}
.small-input,.small-textarea{
  padding:12px 15px;
  font-size:11px;
  line-height:normal
}
.small-select select{
  padding:15px 15px;
  line-height:normal
}
.medium-input-light,.medium-textarea-light,.medium-select-light select{
  padding:12px 25px;
  font-size:12px;
  line-height:normal
}
.required-error{
  border:1px solid #ee2323 !important
}
.input-border-bottom.required-error{
  border-width:0 !important;
  border-bottom-width:1px !important;
  border-bottom-color:#ee2323 !important
}
#success-contact-form{
  clear:both;
  margin:0 15px 15px;
  text-align:center;
  border:1px solid #1a940a;
  color:#1a940a;
  padding:2px 0;
  display:none;
  font-size:11px
}
/* ------------------------------------------------------------------------------- 
------------------------------------ BACKGROUND OVERLAY --------------------------
------------------------------------------------------------------------------- */
[data-overlay-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:#7731FF;
}
[data-overlay-light]:before{
  background:#fff
}
[data-overlay-dark="0"]:before,[data-overlay-light="0"]:before{
  opacity:0
}
[data-overlay-dark="1"]:before,[data-overlay-light="1"]:before{
  opacity:0.1
}
[data-overlay-dark="2"]:before,[data-overlay-light="2"]:before{
  opacity:0.2
}
[data-overlay-dark="3"]:before,[data-overlay-light="3"]:before{
  opacity:0.3
}
[data-overlay-dark="4"]:before,[data-overlay-light="4"]:before{
  opacity:0.4
}
[data-overlay-dark="5"]:before,[data-overlay-light="5"]:before{
  opacity:0.5
}
[data-overlay-dark="6"]:before,[data-overlay-light="6"]:before{
  opacity:0.6
}
[data-overlay-dark="7"]:before,[data-overlay-light="7"]:before{
  opacity:0.7
}
[data-overlay-dark="8"]:before,[data-overlay-light="8"]:before{
  opacity:0.8
}
[data-overlay-dark="9"]:before,[data-overlay-light="9"]:before{
  opacity:0.9
}
[data-overlay-dark="10"]:before,[data-overlay-light="10"]:before{
  opacity:1
}
/* ------------------------------------------------------------------------------- 
------------------------------------ LOGO CAROUSEL       -------------------------
------------------------------------------------------------------------------- */
.section-clients {
  padding: 50px 0;
}
.section-clients .clients img {
  opacity: 0.6;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.section-clients .clients img:hover {
  opacity: 1;
}
/* =================================== 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%; } 
}
/* ------------------------------------------------------------------------------- 
------------------------------------ BACKGROUND POSITION -------------------------
------------------------------------------------------------------------------- */
.parallax{
  position:relative;
  background-size:cover;
  overflow:hidden;
  background-attachment:fixed
}
.parallax h2, .parallax p {
  color:#fff;
}
.fix-background{
  position:relative;
  background-size:cover;
  animation-duration:0s;
  animation-fill-mode:none;
  -webkit-animation-duration:0s;
  -webkit-animation-fill-mode:none;
  -moz-animation-duration:0s;
  -moz-animation-fill-mode:none;
  -ms-animation-duration:0s;
  -ms-animation-fill-mode:none;
  -o-animation-fill-mode:none;
  overflow:hidden;
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
.cover-background{
  position:relative !important;
  background-size:cover !important;
  overflow:hidden !important;
  background-position:center !important;
  background-repeat:no-repeat !important
}
.up-down-ani{
  display:table;
  position:relative;
  -webkit-animation-name:up-down-animation;
  -webkit-animation-duration:.7s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-delay:.7s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  -moz-animation-name:up-down-animation;
  -moz-animation-duration:.7s;
  -moz-animation-timing-function:linear;
  -moz-animation-delay:.7s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:up-down-animation;
  -ms-animation-duration:.7s;
  -ms-animation-timing-function:linear;
  -ms-animation-delay:.7s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:alternate;
  -o-animation-direction:alternate;
  -o-animation-name:up-down-animation;
  -o-animation-duration:.7s;
  -o-animation-timing-function:linear;
  -o-animation-delay:.7s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:alternate;
  animation-direction:alternate;
  animation-name:up-down-animation;
  animation-duration:.7s;
  animation-timing-function:linear;
  animation-delay:.7s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  margin:0 auto
}

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

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

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

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

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

/* =================================================================================================== */
/* ======================================= IMAGE AND TEXT         ==================================== */
/* =================================================================================================== */
section.img-text .container h2 {
  font-size:32px;
}
section.img-text .container h3 {
  color: #000;
  font-size:30px;
}
section.img-text .container p span, section.img-text .container p em{
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  padding: 10px 0 0 0;
}
/* ================ Layout style choice left or right ===================== */
section.img-text .container .padding-left {
  padding-left:50px;
}
section.img-text .container .padding-right {
  padding-right:50px;
}

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

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

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

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

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

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




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

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

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

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

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

/* =================================================================================================== */
/* ======================================= Counter         =========================================== */
/* =================================================================================================== */
.counter .col > h2{
  text-align:center;  
  margin-bottom:50px;
  font-size:34px;
}
.counter-box span i {
  font-size: 38px;
  display:block;
}
.counter-box h3, .counter-box h4 {
  display: inline-block;
  font-weight: 600;
  padding-top:10px;
}
.counter-box {
  position: relative;
  text-align: center;
  padding-top:40px;
}
.counter-box h3:after {
  content: '+';
}
.counter-box h4 {
  font-size: 28px;
  line-height: normal;
  margin: 0;
}
.counter-box h4:after {
  content: '+';
}
.counter-box h3 {
  font-size: 45px;
}
.counter-box p{
  color:#272B3F;
}
/* =================================== Media queries ======================================= */
@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px;
  }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px;
  }
  .counter-box h4 {
    font-size: 22px;
  }
}
/* =================================================================================================== */
/* ======================================= Accordion style =========================================== */
/* =================================================================================================== */
.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: #efefef;
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  color: #6f6f6f;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 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: "+";
  right: 15px;
  left: inherit;
  font-size: 18px;
  line-height: 20px;
  height: 25px;
  transform: none;
  width: 25px;
  top: 15px;
  text-align: center;
  padding-left: 0;
  letter-spacing: -1px;
}
.accordion-style .btn-link:after {
  background: none;
  border: 1px solid #4e54c8;
  border-radius: 50%;
  content: "-";
  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: #efefef;
  text-decoration:none;
  color:#6f6f6f;
}
section.bg-theme-grey .accordion-style .btn-link {
  background: #7731FF;
  color: #fff;
  text-decoration:none;
}
section.bg-theme-light .accordion-style .btn-link {
  background: #7731FF;
  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;
  }
}

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

.services1 .service-block2 {  position: relative;  text-align: center;  padding: 40px;  background: #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:#6f6f6f; }
.services1 .service-block2 .item-icon span {  display: inline-block;  background: #F1F1F1;  width: 90px;  height: 90px;  line-height: 90px;  color: #125BFF;  font-size: 40px;  border: 1px solid #125BFF;  border-radius: 50%;  text-align: center;}
.services1 .service-block2:hover {  background: #7731FF;  background: -webkit-linear-gradient(129deg, #125BFF, #0DB2BA);  background: -moz-linear-gradient(129deg, #125BFF, #0DB2BA);  background: -o-linear-gradient(129deg, #125BFF, #0DB2BA);  background: linear-gradient(129deg, #125BFF, #0DB2BA);  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  margin-top: -10px;}
.services1 .service-block2:hover h3, .services1 .service-block2:hover p {  color: #fff;}

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

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

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

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

/* ======================================================================================= */
/* =================================== FULL WITH TEXT ==================================== */
/* ======================================================================================= */
section.full-width-section .full-widht-content h2 {
  line-height:2;
}
section.full-width-section .full-widht-content p {
  width:50vw;
  margin:0 auto;
}
/* =================================== Media queries ============================================= */
@media screen and (max-width: 992px) {
  section.full-width-section .full-widht-content p {
    width:80vw;
  }
}
@media screen and (max-width: 768px) {
  section.full-width-section .full-widht-content h2 {
    line-height:1.3;
  }
}

/* ======================================================================================= */
/* =================================== 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 {
  margin-top:-87px;
  padding: 125px 0 125px;
  text-align: center;
}

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

/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG POST HERO BANNER    ---------------------
------------------------------------------------------------------------------- */
.page-title-section {
  padding: 125px 0 125px;
  text-align: center;
  margin-top:-87px;
}
.page-title-section h1 {
  font-size: 53px;
  text-transform:uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
  font-weight:900;
  text-align:left;
  max-width:80%;
}
.page-title-section ul {
  margin-bottom: 15px;
  text-align: left;
}
.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 h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media screen and (max-width: 991px) {
  .page-title-section h1 {
    font-size: 30px;
    line-height: 40px;
    max-width:100%;
  }
  .page-title-section ul {
    margin-top: 5px;
  }
  .page-title-section ul li a {
    font-size: 12px;
  }
}

/* ------------------------------------------------------------------------------- 
---------------------------------   LAST POSTS    -------------------------------
------------------------------------------------------------------------------- */
.section__last_blog  {
  background:#1E1E1E;
}
.section__last_blog .blog-grid-img{ 
  height:200px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end; 
  justify-content:center;
}
.section__last_blog h3{
  font-size:20px;
  margin:0;
  min-height:50px;
}
.section__last_blog .blog-grid { height:500px; position:relative; }
.section__last_blog .blog-grid:before { position:absolute; content:""; top:0; bottom:0; left:0; right:0; background:rgba(235, 127, 0, .8); z-index:1; }

.section__last_blog .section-heading h2 { color:#fff; text-transform:uppercase; font-size:40px; }

@media screen and (max-width:768px) {
  .section__last_blog .section-heading h2 { font-size:35px; }
}
@media screen and (max-width:576px) {
  .section__last_blog .section-heading h2 { font-size:30px; }
}
/* ------------------------------------------------------------------------------- 
---------------------------------   BLOG GRIS    -------------------------------
------------------------------------------------------------------------------- */
.margin_bottom {
  margin-bottom:30px;
}
.blog-grid {
  position: relative;
  height:500px;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.blog-grid:before { position:absolute; content:""; top:0; bottom:0; left:0; right:0; background:rgba(235, 127, 0, .8); z-index:1; }
.blog-grid:hover {
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  transform: translateY(-0.25em);
}
.blog-grid img {
  width: 100%;
}
.blog-grid .blog-grid-img{
  height:100%;   
  background-size:cover;
  background-position:center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.data-box-grid {
  display: inline-block;
  z-index:3;
  left: 0;
  top: -1px;
  padding: 5px 20px;
  font-size: 18px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  background:#1E1E1E;
}
.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:20px;
  z-index:3;
  text-align:center;
}
.blog-grid-text > span {
  color: #4e54c8;
  font-size: 13px;
  padding-right: 5px;
}
.blog-grid-text h2 {
  font-size: 22px;
  line-height: normal;
  margin-bottom: 0;
  min-height: 50px;
}
.blog-grid-text h2 a {
  color:#fff;
  text-transform:uppercase;
}
.blog-grid-text h3 a { 
  color:#fff;
  font-size:22px;
  text-transform:uppercase;
}
.blog-grid-text .preview p{
  color:#fff;
}
.blog-grid-text ul li {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 25px 10px 0;
}
.blog-grid-text ul li i {
  color: #4e54c8;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
}
.blog-grid-text p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 125%;
  padding: 10px 0 0 0;
}
.blog-list-left-heading:after, .blog-title-box:after {
  content: '';
  height: 2px;
}
.blog-grid-simple-content a:hover {
  color: #232323;
}
.blog-grid-simple-content a:hover:after {
  color: #232323;
}
.blog-list-simple {
  margin: 0 0 30px 0;
  padding-bottom: 30px;
}
.blog-list-simple:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.blog-list-simple-text {
  color: #999;
}
.blog-list-simple-text h2 {
  padding-top:10px;
}
.blog-list-simple-text > span {
  color: #4e54c8;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
}
.blog-list-simple-text p {
  border-top: 1px solid #ececec;
  color: #999;
  font-size: 15px;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 0;
  padding: 15px 0;
}
.blog-list-simple-text .meta {
  margin: 0 0 5px 0;
}
.blog-list-simple-text li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px;
}
.blog-list-simple-text h4 {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
  margin: 5px 0;
  line-height: normal;
}
.blog-list-simple-text ul {
  margin: 10px 0;
}
.blog-list-simple-text ul li {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0;
}
.blog-list-simple-text ul li i {
  color: #125BFF;
  margin-right: 5px;
  font-size: 14px;
}
.no_padding_right { 
  padding-right:0px; 
}
.blogs .post {
  margin-bottom: 50px;
}
.blogs .post .post-img { display:none; }
.blogs .post .content {
  padding: 30px;
  color:#1E1E1E;
}

.blogs .post .content h2{
  font-size:34px; 
  line-height:1.5; 
  color:#1E1E1E; 
  text-transform:uppercase; 
  font-weight:900;
}
.blogs .post .content h3{
  font-size:23px; 
  line-height:1.4;
  color:#51A7F9;
  font-weight:900;
}
.blogs .post .content h4{
  font-size:28px; 
  line-height:1.2;
}

.blogs .post .content .post-title h5 {
  font-size: 26px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 0;
}
.blogs .post .content .post-title h5 a {
  color: #232323;
}
.blogs .post .content .post-title h5 a:hover {
  color: #f24259;
}
.blogs .post .content .meta {
  margin-bottom: 70px;
}
.blogs .post .content .meta li {
  display: inline-block;
  font-size: 12px;
  color:#125BFF;
  margin-right:15px;
}
.blogs .post .content .meta li i{
  margin-right:5px;
  color:#EB7F00;
  font-size:17px;
}
.blogs .post .content .meta li a {
  color:#1E1E1E;
  font-size:17px;
}
.blogs .post .content .post-cont ul li:before { 
  content:none; 
}
.blogs .post .content .post-cont ul li:after {
  background:none; 
  border:2px solid #EB7F00;
}
.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px;
}
.blogs .post .content .btn {
  border-color: #6f6f6f;
  color: #6f6f6f;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px;
}
.blogs .post .content .btn:hover {
  color: #fff;
  border-color: #f24259;
}
.blogs .post .content ul{
  list-style:none;
}
.blogs .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items:center;
}
.blogs .post .share-post span {
  font-weight: 700;
  margin-right:10px;
}

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

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

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

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #4e54c8;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px;
}
.blockquote p {
  font-size: 15px;
  font-weight: 500;
  line-height: 190%;
  color: #232323;
  letter-spacing: 0.5px;
}
.blockquote h4 {
  font-size: 20px;
  font-weight: 400;
  color: #232323;
  letter-spacing: 0.5px;
}
.side-bar {
  background:#1E1E1E;
  padding:110px 38px 110px 38px;
}
.side-bar .block {
  margin-bottom:30px;
}
.side-bar .block h3 {
  position: relative;
  padding-bottom: 5px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color:#fff;
  text-transform:uppercase;
}
.side-bar .block ul li {
  position: relative;
  padding: 0 0 0 0px;
  margin: 0 0 9px 0;
  color: #6f6f6f;
}
.side-bar .block ul li a { 
  color:#fff;
  transition:all .2s ease-out;
}
.side-bar .block ul li a:hover {
  text-decoration:underline!important;
}
.side-bar .block ul li:last-child {
  margin: 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 #d1d1d1;
  background: #f7f7f7;
}
.side-bar .hs-search-field form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0;
}
.side-bar .hs-search-field form button:hover:before {
  border-radius: 0;
  padding: 0;
}

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

/*------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 {
  border: 3px solid #EB7F00;
  color:#EB7F00;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}
.social-icon-style1 li a:hover {
  color: #fff;
  background:#EB7F00;
}
.social-icon-style1 li a i{
  color:#FFF;
}
.social-icon-style1 li a svg{
  fill:#EB7F00;
}

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

.social-icon-style2 li {
  display: inline-block;
  margin-right: 30px;
}
.social-icon-style2 li:last-child {
  margin-right: 0;
}
.social-icon-style2 li a {
  font-size: 22px;
  display:block;
}
.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:#EB7F00;
}

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

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

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

}
.blogs .comments-area .comment-box:nth-child(odd) {
  margin-left: 0px;
}
.author-thumb img.avatar {
  width: 85%;
  border-radius: 50%!important;
}
.blog-comment ul.children {
  margin-left: 80px;
}
@media screen and (max-width: 992px) {
  .blog-comment ul.children {
    margin-left: 20px;
  }
}
.blogs .comment-box .comment-info h6 {
  display: inline-block;
  font-size: 16px;
  text-transform: capitalize;
  margin-right: 5px;
}
.blog-date {
  margin-left: 5px;
}
p.form-submit {
  margin-bottom: 0px;
}
body.page-template-blog .col-lg-9  .blog-list-simple:nth-child(6){
  margin-bottom: 0px;
  padding-bottom: 0px;
}
body.logged-in.page-template-template-home header {
  top: 32px;
}
body.logged-in.page-template-template-home2 header {
  top: 32px;
}
div.wpcf7-validation-errors {
  display: none !important;
}
div.wpcf7 .ajax-loader {
  display: none;
}
.pagination li {
  display: inline-block;
}
.pagination .page-numbers.current {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #dbdbdb;
  border-left-width: 1px;
  background-color: #f7f7f7;
  color: #999;
  cursor: default;
}
.pagination a {
  border-left-width: 1px;
}
/* ======================================================================================= */
/* =================================== Footer ============================================ */
/* ======================================================================================= */
footer {
  padding:0px;
  background:#000000;
  color: #fff;
}
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:#EB7F00;
  margin: 12px auto 0 auto;
}
footer .social-icon-style2 li a {
  border: 3px solid #EB7F00;
  color: #EB7F00;
  border-radius: 35px;
  height: 60px;
  width: 60px;
  line-height: 35px;
  display:flex;
  align-items:center;
  justify-content:center;
}
footer .social-icon-style2 li a svg {
  width:20px; 
  max-height:20px;
}
footer .social-icon-style2 li a svg path {
  fill:#fff;
}
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: #000;
  color: #fff;
}
.footer-bar span {
  color: #4e54c8;
  font-size: 15px;
  font-weight: 400;
}
.footer-list {
  margin: 0;
}
.footer-list li {
  list-style-type: none;
  color: #232323;
  padding: 6px 0;
}
.footer-list li:first-child {
  padding-top: 0;
}
.footer-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #232323;
}
.footer-list li a:before {
  content: '\f105';
  font-weight: 700;
  vertical-align: bottom;
  font-family: Font Awesome\ 5 Free;
  color: #232323;
  padding-right: 8px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-list li a:hover {
  color: #4e54c8;
}
.footer-list li a:hover:before {
  color: #4e54c8;
}
.footer-social-icons ul {
  margin-bottom: 0;
}
.footer-social-icons ul li {
  display: inline-block;
  border: 1px solid #4e54c8;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 5px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.footer-social-icons ul li a {
  color: #4e54c8;
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  width: 35px;
}
}
.footer-social-icons ul li a i{
  color:#FFF; 
}
.footer-social-icons ul li:hover {
  background: #4e54c8;
  background: -webkit-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -moz-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: -o-linear-gradient(-45deg, #4e54c8, #8089ff);
  background: linear-gradient(-45deg, #4e54c8, #8089ff);
}
.footer-social-icons ul li:hover i {
  color: #fff;
}
/*footer style2*/
footer h3.footer-title-style2 {
  margin-bottom: 28px;
}
h3.footer-title-style2:after {
  width: 100%;
  height: 1px;
  background: #4e54c8;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px;
  }
  footer h3 {
    font-size: 16px;
  }
  footer h3.footer-title-style2 {
    margin-bottom: 20px;
  }
  h3.footer-title-style {
    margin-bottom: 15px;
  }
  .footer-bar {
    margin-top: 30px;
  }
  .footer-bar p {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px){
  footer {
    padding-top: 50px;
  }
  .footer-bar {
    margin-top: 50px;
  }
}
.resp-tab-content h5 {
  font-size: 22px;
}
@media (max-width: 991px){
  .sm-margin-50px-bottom {
    margin-bottom: 90px !important;
  }
}

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

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

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

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