/* body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 25s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.app-window::before {
    --offset: 50px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(107, 107, 107, 0.72);
}
*/


@font-face {
  font-family: 'Vovier Sans';
  src: local('Ubuntu Thin'), local('Ubuntu-Thin'),
  url('typography/Vovier-Sans-Thin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
  url('typography/Vovier-Sans-Light.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
  url('typography/Vovier-Sans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vovier Sans';
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
  url('typography/Vovier-Sans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body, html {
  font-family: Vovier Sans;
}
body, input, textarea, select, button {
  font-synthesis: none;
  -moz-font-feature-settings: 'kern';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  text-align: left;
}

.h-25 {height: 25% !important;}
.h-50 {height: 50% !important;}
.h-75 {height: 75% !important;}
.h-100 {height: 100% !important;}
.h-auto {height: auto !important;}
.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}
.min-vw-100 {min-width: 100vw !important;}
.min-vh-100 {min-height: 100vh !important;}
.min-vh-80 {min-height: 80vh !important;}
.vw-100 {width: 100vw !important;}
.vh-100 {height: 100vh !important;}

/*
 * Custom translucent site header
 */

 .site-header-overlap {
  margin-top: 0px;
}


.site-header-trnsprnt {
  background-color: transparent !important;
  -webkit-backdrop-filter: none!important;
  backdrop-filter: none!important;
}
.site-header-trnsprnt a {
  opacity: .7 !important;
  color: #fff !important;
}
}
.site-header-trnsprnt-scroll {
  background-color: inherit; !important;
  -webkit-backdrop-filter: inherit!important;
  backdrop-filter: inherit!important;
}



.sg-siteheader-overlap-cards {
  margin-bottom: -0.25rem !important;
}
.hero-section-h-overlap {
  padding-top: 2rem !important;
}

.vovier-global-header-translucent {
  background-color: transparent !important;
  -webkit-backdrop-filter: none!important;
  backdrop-filter: none!important;
}
.hero-section-overlap {
  padding-top: 20rem;
  padding-bottom: 1rem;
}
.site-header {
  z-index: 9999999;
  height: 48px;
  background-color: rgba(255,255,255,0.72);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 0;
}
.site-header a {
    font-weight: 400;
    font-size: 15px;
    color: #000;
    opacity: .6;
    margin-top: -5px;
    height: 51px;
    vertical-align: middle;
    transition: ease-in .5s;
    text-decoration: none;
    padding: 17px 8px !important;
}
.site-header-link:hover {
  color: #BD1218;
  text-decoration: none;
  border-bottom:0px solid;
  opacity: 1;
  transition: ease-in-out .3s;
}
.site-header-logo {
  opacity: 1!important;
  margin-top: -4px !important;
  height: 52px !important;
}
.site-header-logo a:hover{
  text-decoration: none;
  border-bottom:0px !important;
}
.site-header a.active {
  border-bottom:2px solid;
}
.btn-primary-blur{
  background-color: rgba(0, 112, 201, .7);
  color: #fff;
  backdrop-filter: blur(20px);
  border:none;
}

.site-header-top-bar {
  z-index: 999999;
  height: 30px;
  background-color: rgba(68, 68, 68, 0.9);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header-top-bar a {
  font-weight: 300;
  font-size: 13px;
  color: #fff;
  margin-top: -6px;
  height: 30px;
  vertical-align: middle;
  transition: ease-in-out color .15s;
}
.site-header-top-bar a.active {
  background: #7d7d7d;
}
.btn-light-blur {
  background-color: rgba(255, 255, 255, 0.48);
  color: #000;
  backdrop-filter: blur(20px);
  border: none
}
.sg-font-headings {
  font-family: Vovier Sans;
}





html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #fff;
  opacity: .8;
}

.nav-underline .nav-link:hover {
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
}
a.nav-link:last-child {
  padding-right: 0;
}
.nav-underline .branding {
  font-weight: 600;
  color: #fff;
  padding: 10px 9px;
  opacity: 1 !important;
  font-size: 1rem;
}

.text-white-50 { color: rgba(255, 255, 255, .5); }





@media (min-width: 1200px){
  .container-fluid {
    max-width:1210px;
  }
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1000px;
  }
}
@media (min-width: 768px) {
  .site-header-overlap {
    margin-top: -48px !important;
  }
  .vovier-hero-display-1 {
    font-family: Vovier Sans;
    font-size: 4rem !important;
    font-weight: 300 !important;
    line-height: 1.1 !important;
    letter-spacing: -.22rem;
  }
  .sg-card-subtitle{
    font-size: 16px !important;
    font-weight: 700;
    font-family: 'Vovier Sans', sans-serif;
  }
  .btn-text-no-wrap{
    padding-left: 11px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 768px){
  .sg-card-title {
    font-family: Vovier Sans;
    font-size: 1.7rem !important;
  }
  .sg-card-text {
    font-size: 15px !important;
  }
  .vovier-hero-display-1 {
    font-size: 2.5rem !important;
    font-weight: 300 !important;
    line-height: 1.2;
    font-family: Vovier Sans;
  }
  .display-4 {
    font-family: Vovier Sans;
    font-size: 2.5rem !important;
    font-weight: 300;
  }
}




.vovier-hero-display-1 {
  font-size: 2.5rem;
  font-weight: 200;
  line-height: 1.2;
}
.sg-card-h {
  height:590px !important;
}
.sg-card-title {
  font-family: Vovier Sans;
  font-size: 2.7rem;
  line-height: 1.15;
  font-weight: 400;
  letter-spacing:-0.15rem;
}
.sg-card-subtitle{
  font-size: 15px;
  font-weight: 500;
  font-family: 'Vovier Sans', sans-serif;
}
.sg-card-text {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: -0.02rem;
  font-weight: 400;
}

.vovier-card-title {
  margin-bottom: 0.5rem;
  letter-spacing: -0.06rem;
}
.vovier-card-body{
  background: #bd1118;
  color: #fff;
  margin: 10px;
  margin-top: -60px;
  padding: 1.22rem;
  transition: ease-in .2s;
}
.vovier-card-body:hover {
  background: #bd1118;
  color: #fff;
  margin: 10px;
  margin-top: -70px;
}

.border-0 {
  border:0;
  border-radius: 0;
}


.sg-background-dark {
  background-color: #1D1D1F;
  color:#fff;
}
.sg-background-light {
  background-color: #f7f7f7;
  color:#333;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: transparent;
  border-top: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0 !important;
}
.sg-card-footer-mrgn {
  margin: 8px;
  border-radius: 3px !important;
  box-shadow:rgba(72, 76, 89, 0.28) 0px 16px 32px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.btn {
  border-radius:100px;
  padding-left: 20px;
  padding-right: 20px;
}


.sg-hero-section-cards-primer-branding {
  background-position: 65% 77%;
  background-color: #e0e0e0 !important;
  background-size: 160%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/vestindo-divas-cartao-de-visitas-feito-pela-agencia-vovier.jpeg);
}
.sg-hero-section-cards-primer-social-media {
  background-position: 5% 60%;
  background-color: #e0e0e0 !important;
  background-size: 120%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(https://image.freepik.com/free-photo/teenagers-using-mobile-phones_144627-26238.jpg);
}

.sg-hero-section-cards-seconds-google-ads {
  background-position: 30% 1%;
  background-color: #dee4f0 !important;
  background-size: 150%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/siqueiragomes-cria-e-gerencia-links-patrocinados-com-google-e-bing.jpg);
}

.sg-hero-section-cards-seconds-ecommerces {
  background-position: 80% 10%;
  background-color: #dee4f0 !important;
  background-size: 180%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/vovier-desenvolve-loja-online-e-plataformas-marketplace.jpg);
}

.sg-hero-section-cards-thirds-cloud-host {
  background-position: top;
  background-size: 108%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/vovier-hospedagem-cloud-mockup.jpg);

}
.sg-hero-section-cards-thirds-email-host {
  background-position: center -100%;
  background-color: #FFF !important;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/email-hosting-para-hospedar-emails-profissionais-sua-empresa.jpg);
}
.sg-hero-section-cards-thirds-mobile-development {
  background-position: left 28%;
  background-color: #FFF !important;
  background-size: 95%;
  background-repeat: no-repeat;
  transition: ease-in .2s;
  background-image: url(./img/vovier-desenvolvimento-mobile-aplicativos-nativos-ios-e-android-ou-com-frameworks-poderosas.jpg);

}

@media (max-width: 768px){
  .sg-hero-section-cards-primer-branding {
    background-size: 280%;
  }
  .sg-hero-section-cards-primer-social-media {
    background-size: 221%;
  }
  .sg-hero-section-cards-seconds-google-ads {
    background-size: 240%;
  }
  .sg-hero-section-cards-seconds-ecommerces {
    background-position: 70% 10%;
    background-size: 280%;
  }
  .sg-hero-section-cards-thirds-email-host {
    background-position: center -122%;
  }
  .sg-hero-section-cards-thirds-mobile-development {
    background-position: left -122%;
    background-color: #FFF !important;
    background-size: 104%;
  }
}



.sg-hero-section-instagram-filters {
  background-position: top;
  background-size: 108%;
  height: 900px;
  background-repeat: no-repeat;
  background-image: url(file:///Users/wgsiq/Downloads/siqueiragomes%20NEW/cdn/img/siqueiragomes-cria-filtros-para-instagram-marcas.jpg);
}



.hero-section-overlap {
  padding-top: 20rem;
  padding-bottom: 1rem;
}

.sg-text-gradient-light-colors {
  background: -webkit-linear-gradient(20deg, #8983ba 0%, #8983ba 10%, #9e98cc 30%, #c29abe 40%, #e197b0 50%, #ff9a7d 75%, #ffb467 85%, #ffda8e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}





.body-color-dark {
  background-color: #000;
}
.vovier-bg-red {
  background-color: #BD1218;
}
.body-color-light {
  background-color: #F5F5F7;
}


.sg-hero-menu-link {
  border-bottom: 1px solid #e6e6e6;
  padding: .7rem 0 .6rem!important;
  font-size: 24px;
  font-weight: 400;
  color: #636569;
}
.sg-hero-menu-link:after {
  margin: 0 .4rem 0 .1rem;
  content: '';
  float: right;
  width: 3px;
  height: 2px;
  opacity: .8;
  vertical-align: middle;
  border-width: 0;
  padding: 7px;
  box-shadow: -1px 1px 0 0 #fff inset;
  -webkit-box-shadow: -1px 1px 0 0 #b4b4b4 inset;
  -webkit-transform: rotate(45deg);
  margin-top: 11px;
}
.text-light a:not(.btn), .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6, .text-light .display-1, .text-light .display-2, .text-light .display-3, .text-light .display-4 {
  color: #fff;
}
section .nav-link:not(.active):not(.disabled):not(:hover), footer .nav-link:not(.active):not(.disabled):not(:hover) {
  opacity: .7;
}
section .nav-link, footer .nav-link {
  transition: opacity .2s linear;
}
a {
  color: #bd1118;
  text-decoration: none;
  opacity: .9;
  background-color: transparent;
}
a:hover {
  color: #bd1118;
  opacity: 1;
  text-decoration: underline;
}



.sg-bg-blur-light {
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  background-color: rgba(245,245,247,0.7);
}
.sg-bg-blur-dark {
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  background-color: rgba(0,0,0,0.7);
}




/* Vovier Bottom Nav */

@media(max-width:768px) {
    .mobile-bottom-nav {
        display: flex;
    }
}

@media(min-width:769px) {
    .mobile-bottom-nav {
        display: none;
    }
}

.mobile-bottom-nav {
    position: fixed;
    padding: 8px 0 20px;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 999999;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-top: 1px solid rgb(0 0 0 / .2);
    height: 70px;
    background-color: rgb(247 247 247 / .8);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}

.mobile-bottom-nav__item {
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    color: #656565;
}

.mobile-bottom-nav__item--active {
    color: #fff;
    opacity: 1
}

.mobile-bottom-nav__item-content {
    display: flex;
    flex-direction: column
}

@media(max-width:768px) {
    .mobile-bottom-local-nav {
        display: flex
    }
}

@media(min-width:769px) {
    .mobile-bottom-local-nav {
        display: none
    }
}

.mobile-bottom-local-nav {
    position: fixed;
    padding: 11px 0 10px;
    bottom: 70px;
    left: 0;
    right: 0;
    z-index: 999999;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 40px;
    background-color: rgba(0, 0, 0, .59);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px)
}

.mobile-bottom-local-nav__item-content,
.mobile-bottom-local-nav__item,
.mobile-bottom-nav__item-content,
.mobile-bottom-nav__item-content a {
    color: rgb(30, 30, 30);
    font-weight: inherit;
}
/* End of Vovier Bottom Nav */



.text-nowrap {
    white-space: nowrap!important;
}
.pb-7, .py-7 {
    padding-bottom: 6rem;
}

.opacity-50 {
opacity:.5;
}



.display-4 {
  font-family: Vovier Sans;
  font-size: 3.1rem;
  font-weight: 300;
  letter-spacing: -0.15rem;
}

.sg-container-fluid-no-paddings {
  width: 100%;
  padding-right: 0rem;
  padding-left: 0rem;
}



.sg-card-text-float {
  height: 530px !important;
  padding: 15px;
  border-radius: 0px;
}
.sg-background-dark-2 {
  background-color: rgb(0 0 0 / 98%);
  color: #fff;
  backdrop-filter: blur(20px) saturate(200%);
  box-shadow: -14px 4px 60px -20px rgb(21 21 21 / 16%), -19px 20px 20px -30px rgba(0,0,0,.03), inset 0 -2px 6px 0 rgba(10,37,64,.35);
}

.sg-card-float-right {
  margin-left: -130px;
  margin-top: 50px;
}
.sg-card-float-left {
  margin-right: -130px;
  margin-top: 50px;
  z-index: 2;
}





.vovier-text-color {
  color: #BD1218;
}





.b-radius-18 {
  border-radius: 18px;
}
.b-radius-10 {
  border-radius: 10px;
}
.no-underline-hover {
  text-decoration: none !important;
}







.border-bottom-nav {
  border-bottom: 1px solid #ececec;
  margin: 0 auto;
  width: 0%;
  margin-top: -1px;
  transition: width .2s ease-in-out;
}
.border-bottom-nav-full{
  width: 100%;
  transition: width .4s ease-in-out;
}



.site-footer__top {
  background: #dc3545;
  background: -moz-linear-gradient(left,#fd0 0%,#ff8200 100%);
  background: -webkit-gradient(left top,right top,color-stop(0%,#fd0),color-stop(100%,#ff8200));
  background: -webkit-linear-gradient(left,#bd1118 0%,#ff8200 100%);
  background: -o-linear-gradient(left,#fd0 0%,#ff8200 100%);
  background: -ms-linear-gradient(left,#fd0 0%,#ff8200 100%);
  background: linear-gradient(to right,#bd1118 0%,#ff8200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd00',endColorstr='#ff8200',GradientType=1);
  height: 3px;
}














.data-scrim-bottom:before {
  position: absolute;
  opacity: 0.6;
  content: "";
  width: 100%;
  height: 20%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #252525 100%);
  bottom: 0;
  left: 0;
  border-radius: inherit;
  z-index: -1;
  backface-visibility: hidden;
}
.data-scrim-top:before {
  position: absolute;
  opacity: 0.7;
  content: "";
  width: 100%;
  height: 50%;
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #fff));
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -o-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #252525 100%);
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: inherit;
  backface-visibility: hidden;
}
.data-scrim-top-light:before {
  position: absolute;
  opacity: 0.9;
  content: "";
  width: 100%;
  height: 90%;
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #fff));
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  top: 0;
  left: 0;
  z-index: 1;
  backface-visibility: hidden;
}
.data-scrim-bottom-light:before {
  position: absolute;
  opacity: 0.8;
  content: "";
  width: 100%;
  height: 80%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #ffffff 100%);
  bottom: 0;
  left: 0;
  z-index: 1;
  backface-visibility: hidden;
}




.breadcrumb-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: auto;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}



.vovier-cards-variable {
      height: 600px;
}
.vovier-cards-shadows {
  box-shadow: 6px 6px 20px -15px rgba(0,0,0,.16);
}
.vovier-blog-card {
  box-shadow: 0px 5px 30px rgba(3, 27, 78, 0.015);
  border-radius: 10px;
  transition: ease-in-out .3s;
}
.vovier-blog-card:hover {
  box-shadow: 0px 5px 30px rgba(3, 27, 78, 0.15) !important;
  cursor: pointer;
}
.vovier-blog-card-body{
  padding:28px;
}
@media (max-width: 768px){
  .vovier-blog-card-img-top {
    border-radius: 10px 10px 0px 0px;
    min-height: 350px !important;
    max-height: 350px !important;
  }
}
.vovier-blog-card-img-top {
  border-radius: 10px 10px 0px 0px;
  min-height: 330px;
  max-height: 330px;
  background-size: cover;
  background-position: center;
}
.vovier-blog-card-img-right-side{
  border-radius: 0px 10px 10px 0px;
  min-height: 230px;
  max-height: 230px;
  background-size: cover;
  background-position: center;
}
.vovier-blog-card-img-top, .vovier-blog-card-img-right-side {
  background-color: #e9ecef;
}
.vovier-text-truncate {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vovier-blog-card-title {
  margin-bottom: 0.5rem;
  letter-spacing: -0.095rem;
  font-weight: 300;
}
.vovier-blog-card-hero-title {
  margin-bottom: 0.5rem;
  letter-spacing: -0.095rem;
  font-weight: 300 !important;
  font-size: 230%;
}
.vovier-blog-card-fetured-hero {
  margin-top: -48px;
  padding-top: 80px !important;
  padding-bottom: 70px !important;
}
.vovier-blog-card-text {
  letter-spacing: -0.02rem;
  font-weight: 300;
  font-size: 110%;
  line-height: 1.4;
}

.vovier-blog-card-hero-title-img {
  background-position: center right !important;
}


.vovier-blog-card-body-top-storie-text {
  background-color: #FFF;
  padding:20px;
  margin:10px;
  height: 94%;
}
.vovier-blog-card-body-top-storie {
  height: 390px;
}

.margin-left-negative {
  margin-left: -200px;
}
.margin-top-negative {
  margin-top:-50px;
}

.vovier-blog-card-body-featured-stories {
  height: 520px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: ease-in-out .3s;
}
.vovier-blog-card-body-featured-stories:hover {
  transform: scale(1.015);
  box-shadow: 0px 5px 15px rgba(3, 27, 78, 0.15) !important;
  cursor: pointer;
}
.vovier-blog-card-body-featured-stories-text {
  background-color: #FFF;
  padding: 12px 16px;
  margin: 6px;
  position: absolute;
  height: auto;
  bottom: 0;
  border-radius: 7px;
}
.vovier-blog-card-body-featured-stories-title {
  font-size: 155%;
  font-weight: 300;
  letter-spacing: -0.04rem;
}
.vovier-blog-card-body-featured-stories-category {
  font-weight: 300;
  letter-spacing: -0.04rem;
  margin-top: 50px;
  margin-bottom: 18px;
  color: #BD1218;
}



.vovier-footer-bg-color-light {
  background-color: #F7F7F7;

}
.vovier-underfooter-bg-color-light {
  background-color: #F5F5F5;
}
.vovier-subfooter-bg-color-light {
  background-color: #EBEAEB;
}



.modal-close {
  border-radius: 50%;
  padding: 0;
  background-color: #ced7df;
  height: 19px;
  width: 19px;
  float: right;
  margin: -10px;
  line-height: 1;
  cursor: pointer;
  border: 1px solid transparent;
}
.modal-close:before {
  display: inline-block;
  content: "";
  height: 13px;
  width: 1px;
  margin-left: 0;
  margin-top: 2px;
  background-color: #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1;
}
.modal-close:after {
  display: inline-block;
  content: "";
  height: 13px;
  width: 1px;
  margin-left: -1px;
  background-color: #fff;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 2;
}



.vovier-footer-titles:before {
  border-top: 1px solid #ccc;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.vovier-footer-titles-h6 {
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.vovier-footer-titles-span {
  background: #F7F7F7;
  padding: 0 15px 0 0;
  font-weight: 400;
  font-stretch: normal;
}


.font-size-13 {
  font-size: 13px;
  font-weight: 400;
}
.v-btn-secondary {
  color: #BD1218;
  background-color: #f2f2f2;
}





@media (min-width: 768px){
.pr-md-6 {
    padding-right: 3.5rem !important;
}
.pr-md-7 {
    padding-right: 5rem !important;
}
.pr-md-8 {
    padding-right: 6.5rem !important;
}
.pr-md-9 {
    padding-right: 7rem !important;
}
.pr-md-10 {
    padding-right: 9.5rem !important;
}
}


.btn-secondary-blur{
  background-color: rgba(255, 255, 255, .7);
  color: #131313;
  backdrop-filter: blur(20px);
  border:none;
}