@charset "UTF-8";
/* CSS Document */

body * {
  overflow-x: clip;
}

body {
  background: #f4f6fb;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 23px;
  font-weight: 200;
  line-height: 1.3;
  color: #555149;
  letter-spacing: .04em;
}

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%; color: #1e7abd;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

h1, h2, h3, h4, h5, h6 {
  font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	padding: 0 0 23px;
	margin: 0;
	line-height: 1;
  letter-spacing: .06em;
}

p {
  margin: 0;
  padding: 0 0 13px;
}

.blog-items .blog-item {
  border: 1px solid #ddd;
  padding: 1vw;
  border-radius: 23px;
  box-shadow: 0 0 67px rgba(0,0,0,.05);
}

a {
  color: #4b6bc2;
  text-decoration: none;
}

a:hover {
  color: #172a3c;
  text-decoration: underline;
}




/*** structural **********************************************************************************/

body {
  background: #f5f5f5;
}

body .container-header {
  background: none;
  z-index: 3;
}

body .container-header .grid-child {
  padding: 0;
}

body .container-topbar {
  display: flex;
  flex-direction: row;
  background: #000;
  z-index: 2;
}

body .container-topbar div.topbar {
  font-size: 23px;
  font-weight: 700;
}

body.wrapper-fluid header > .grid-child, 
body.wrapper-fluid footer > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

body .container-below-top {
  background: transparent url(../images/header-bg.png) repeat-x;
  background-size: auto 47%;
}

body .container-below-top img {
  transform: translatey(-57px);
}

body .logo {
  width: 100%;
  margin: 0;
  padding: 0;
}

body #logoshrink {
  max-width: 13vw;
  height: auto;
  transition: all .5s ease-in-out;
}

body .main-menu {
  width: 50%;
}

body .contact-search {
  width: 50%;
  padding: 13px 23px;
}

body .container-banner {
  margin: 0;
  z-index: 1;
}

body .homepage-slider {
  padding: 0;
  margin: 0;
  z-index: 1;
  position: relative;
}

body .container-component > :first-child, 
body .container-sidebar-left > :first-child, 
body .container-sidebar-right > :first-child, 
body .container-component > * + *, 
body .container-sidebar-left > * + *,
body .container-sidebar-right > * + * {
  margin-top: 0;
}





/*** scrolled ***/

body.scrolled #logoshrink {
  max-width: 5vw;
}



/*** top menu  **********************************************************************************/

body .container-header nav {
  margin-top: 0;
  padding: 0;
}

body .metismenu.mod-menu .metismenu-item {
  padding: 0;
  line-height: 1;
}

body .metismenu.mod-menu .metismenu-item a {
  background: none;
  padding: 17px 23px;
  font-size: 129%;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
}

body .metismenu.mod-menu .metismenu-item.active a,
body .metismenu.mod-menu .metismenu-item a:hover {
  background: #175e92;
}



/*** homepage **********************************************************************************/







/*** footer ***/

body .footer {
  margin-top: 0;
  background: none;
  color: #172a3c;
  width: 100%;
}

body.wrapper-fluid footer > .grid-child {
  padding: 0;
}

body .footer .sppb-container-inner {
  padding: 0 31px;
}

body .footer a:not(.btn) {
  color: #4b6bc2;
  text-decoration: none;
}

body .footer a:not(.btn):hover {
  color: #172a3c;
  text-decoration: underline;
}





/*** back to top ***/

body .back-to-top-link {
  color: #4b6bc2;
  pointer-events: all;
  background-color: rgba(255,255,255,.5);
  border: 1px solid rgba(255,255,255,.7);
  transition: opacity .5s ease-in;
}

body .back-to-top-link:hover {
  z-index: 10000;
  color: #fff;
  pointer-events: all;
  background-color: #4b6bc2;
  border: 1px solid rgba(255,255,255,.7);
}





@media only screen and (max-width: 1199px) {
  
  body .advantages .sppb-addon-content p {
   text-align: center !important;
  }
  
}




@media only screen and (max-width: 767px) {
  
body {
  font-size: 3vw;
}
  body .universal-features {
    text-align: center !important;
  }
  
  body .universal-features img {
    float: none !important;
    margin: none !important;
  }
  
  body .mod-sppagebuilder .sppb-section:not(:first-child) .sppb-column {
    padding-top: 53px !important;
  }
  
  body .mod-sppagebuilder .sppb-section .sppb-column p {
    text-align: center !important;
  }
  
}