@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');


/*@font-face {*/
/*  font-family: 'Avenirnextltpro';*/
/*  src: url('../fonts/AvenirNextLTPro-Light.otf') format('opentype');*/
/*  font-weight: 300;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/


/*@font-face {*/
/*  font-family: 'Avenirnextltpro';*/
/*  src: url('../fonts/AvenirNextLTPro-Regular.otf') format('opentype');*/
/*  font-weight: 400;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/


/*@font-face {*/
/*  font-family: 'Avenirnextltpro';*/
/*  src: url('../fonts/AvenirNextLTPro-Medium.otf') format('opentype');*/
/*  font-weight: 500;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/

/*@font-face {*/
/*  font-family: 'Avenirnextltpro';*/
/*  src: url('../fonts/AvenirNextLTPro-Demi.otf') format('opentype');*/
/*  font-weight: 600;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/



/** BREAK LONG WORDS IN HEADINGS **/

[lang="de"] .hero-content h1,
[lang="de"] .hero-content h2,
[lang="de"] .hero-content h3,
[lang="de"] .section h2,
.break-text,
.break-text-all {
  
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  
}

@media (max-width: 768px){
  
  .break-text-mobile {
    
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
  
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    
  }
  
}




body {
  /*font-family: Avenirnextltpro, sans-serif;*/
  font-family: 'Inter', sans-serif;
  color: #2B2F32;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  
  /*font-family: Avenirnextltpro, sans-serif;*/
  font-family: 'Inter', sans-serif;

}

h1, .h1 {
  /*font-size: 46px;*/
  /*font-size: 50px;*/
  /*font-size: 48px;*/
  font-size: 64px;
  /*line-height: 1.08;*/
  /*line-height: 1.0833;*/
  line-height: 1.125; /* 72px */
  font-weight: 600;
}

h2, .h2 {
  /*font-size: 42px;*/
  /*line-height: 50px;*/
  /*font-size: 36px;*/
  /*line-height: 48px;*/
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
}

h3, .h3 {
  /*font-size: 30px;*/
  font-size: 34px;
  /*line-height: 48px;*/
  line-height: 1.411;
  font-weight: 600;
  margin-bottom: 20px;
}

h4,
.h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  /*font-size: 28px;*/
  font-size: 24px;
  /*line-height: 1.4;*/
  line-height: 1.583;
  font-weight: 600;
}

h5,
.h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  /*font-size: 21px;*/
  font-size: 20px;
  /*line-height: 1.5;*/
  /*line-height: 1.222;*/
  line-height: 1.2;
  line-height: calc(24/20);
  font-weight: 600;
}

h6,
.h6 {
  font-size: 16px;
  line-height: 1.125;
  line-height: calc(18/16);
}

@media screen and (max-width: 767px){
  
  h1, .h1 {
    font-size: 50px;
  }
  
  h2, .h2 {
    font-size: 42px;
  }
  
}

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

  .section:not(.hero) {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  
  .section.big-pad {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  
  .section.medium-pad {
    padding-top: 64px;
    padding-bottom: 64px;
  }

}

.section.small-pad {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.intro-section {
  font-size: initial;
}

.intro-text {
  /*font-size: 20px;*/
  font-size: 18px;
  /*line-height: 28px;*/
  /*line-height: 1.555;*/
  /*line-height: 24px;*/
  line-height: 26px;
  line-height: 1.444;
}


.intro-text.big,
.intro-col,
.stat-number {
  /*font-family: Avenirnextltpro, sans-serif;*/
  font-family: 'Inter', sans-serif;
}


/*****/

.page {
  max-width: 1680px; /*1440px*/
}

.page > .header-section .navbar { /* prvi header */
  z-index: 1001;
}

.locomotive-sections {
  position: relative;
}

.header-section.sticky {
  top: 0;
  z-index: 990;
}

/*.locomotive-sections .header-section.sticky {*/
/*    z-index: 980;*/
/*}*/

.contained-column {
  width: calc(100% - (100% - 940px + 20px));
}

.w-col-6 .contained-column {
  width: calc((100% - (100% - 940px - 20px))/2);
}

@media screen and (min-width: 1205px) {
  
    .contained-column { /* za 1680px */
      /*width: 70%;*/
    }
    
    .contained-column {
      width: calc(100% - (100% - 1170px - 20px));
    }
    
    .w-col-6 .contained-column {
      width: calc((100% - (100% - 1170px - 20px))/2);
    }
   
    .w-container:not(.no-large) {
      max-width: 1170px;
    }
    
    .w-col-large-10 {
      width: 83.33333333%;
    }
    
    .w-col-large-8 {
      width: 66.66666667%;
    }
    
    .w-col-large-2 {
      width: 16.66666667%;
    }
    
    .w-col-large-1 {
      width: 8.33333333%;
    }

}

@media screen and (max-width: 991px){
  .contained-column {
    width: calc(100% - (100% - 728px - 20px));
  }
  
  .w-col-6 .contained-column {
    width: calc((100% - (100% - 728px - 20px))/2);
  }
}

@media screen and (max-width: 767px){
  .contained-column,
  .w-col-6 .contained-column {
    width: 100%;
  }
}

/*@media screen and (max-width: 991px) { */
/*    .w-container {*/
/*        max-width: 767px;*/
/*    }*/
/*}*/


.w-container {
	width: 100%;
}

/* BREAKOUT SECTION */

.breakout {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin: 100px -50vw;
}


.breakout {
  width: calc(100vw - 15px);
  /* margin-right: -50vw; */
  margin-right: calc(-50vw + 7px);
  /* margin-left: -50vw; */
  margin-left: calc(-50vw + 7px);
}

@media screen and (min-width: 1695px) {
  .breakout {
    margin: 0;
    width: 1680px;
    left: calc(-1*(1680px - 1170px) / 2);
  }
}

@media screen and (min-width: 992px) {
  
  .breakout-small {
    margin-left: -60px;
    margin-right: -60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .breakout-small {
    margin-left: calc(-1*(100vw - 728px) / 2);
    margin-right: calc(-1*(100vw - 728px) / 2);
  }
}

/****/

.rich-text ul, 
.rich-text ol {
  margin-left: 20px;  
}

ul {
  list-style: none;
}
ul li::before {
  content: "\2022";
  content: "\25A0";
  color: #df1f3d;
  font-weight: bold;
  display: inline-block; 
  /*width: 1em;*/
  /*margin-left: -1em;*/
  width: 20px;
  margin-left: -20px;
  /*width: 1em;*/
  /*margin-left: -1em;*/
  font-family: Arial;
  /*font-size: 14px;*/
  font-size: 0.8em;
}

.checklist ul {
  margin-top: 0;
  /*padding-left: 30px;*/
  /*padding-left: 44px;*/
  padding-left: 33px;
}

.checklist.small ul li::before {
  /*content: "\2714";*/
  content: "";
  position: relative;
  top: 4px;
  background: url(../images/checkbox-black-small.svg) no-repeat;

  /*background-color: rgba(2, 187, 234, 0.2);*/
  /*width: 24px;*/
  width: 15px;
  height: 15px;
  /*margin-right: 5px;*/
  /*margin-left: -29px;*/
  /*margin-right: 19px;*/
  /*margin-left: -43px;*/
  margin-right: 13px;
  margin-left: -33px;
  /*text-indent: 5px;*/
  /*border-radius: 24px;*/
  
}

.checklist.small li {
  font-size: 14px;
  margin-bottom: 3px;
}

.checklist ul li::before {
  /*content: "\2714";*/
  content: "";
  position: relative;
  top: 4px;
  /*background: url(../images/checkbox-gray.svg) no-repeat;*/
  background: url(../images/checkmark.svg) no-repeat;

  /*background-color: rgba(2, 187, 234, 0.2);*/
  /*width: 24px;*/
  width: 20px;
  height: 20px;
  /*margin-right: 5px;*/
  /*margin-left: -29px;*/
  /*margin-right: 19px;*/
  /*margin-left: -43px;*/
  margin-right: 13px;
  margin-left: -33px;
  /*text-indent: 5px;*/
  /*border-radius: 24px;*/
  
}

.c-white .checklist ul li::before,
.checklist.white ul li::before {
  background: url(../images/checkmark-white.svg) no-repeat;
}

.checklist.red ul li::before {
  background: url(../images/checkmark-red.svg) no-repeat;
}

.checklist.compact li {
  margin-bottom: 0;
}

.checklist.compact ul li::before {
  width: 15px;
  height: 15px;
  top: 2px;
  margin-right: 10px;
}


.arrow-list ul li::before {
  content: "";
  position: relative;
  top: -1px;
  width: 15px;
  height: 10px;
  background: url(../images/bullet-pic-2x.png) no-repeat;
  background-size: contain;
  margin-right: 15px;
}


.modules-section .checklist ul {
  margin: 30px 0 0 10px;
}


.modules-section p {
  margin-bottom: 25px;
}


.list-style-alpha ol {
  list-style: lower-alpha;
}

.list-style-alpha li::marker {
  font-weight: bold;
  margin-right: 10px;
}

.list-style-alpha li {
  padding-left: 10px;
}


/*ol {*/
/*  list-style: none;*/
/*  counter-reset: my-ol-counter;*/
/*}*/
/*ol li {*/
/*  counter-increment: my-ol-counter;*/
/*}*/
/*ol li::before {*/
/*  content: counter(my-ol-counter) ". ";*/
/*  font-weight: bold;*/
/*  display: inline-block; */
/*  width: 20px;*/
/*  margin-left: -20px;*/
/*}*/



/*p {*/
/*  line-height: 1.8;*/
/*}*/

.rich-text h1 {
  font-size: 42px;
}

.rich-text h2 {
  font-size: 36px;
}

.rich-text h3 {
  font-size: 30px;
}

.rich-text h4 {
  font-size: 24px;
}

.rich-text h5 {
  /*font-size: 11px;*/
  font-size: 16px;
}

.rich-text h6 {
  font-size: 18px;
}

.rich-text a {
  text-decoration-color: #DF1F3D;
  text-underline-offset: 1px;
  text-decoration-thickness: 2px;
}

.rich-text p {
  margin-bottom: 30px;
  /*font-size: 18px;*/
  /*line-height: 1.75;*/
  /*line-height: 1.8125;*/
  font-size: 20px;
  line-height: 1.7;
}

.rich-text p a {
  display: inline;
}

.rich-text div {
  /*font-size: 18px;*/
}

/*.article-content */ .rich-text ul, 
/*.article-content */ .rich-text ol {
  /*font-size: 18px;*/
  font-size: 20px;
}

/*.article-content */
.rich-text blockquote {
  /*margin: 40px 0;*/
  /*margin-left: -35px;*/
  border-left: 0;
  padding: 40px 20px;
  /*padding: 40px 0;*/
  /*padding-left: 35px;*/
  line-height: 32px;
  font-size: 20px;
  font-weight: 500;
  
  background-image: url(../images/quote-2x.png);
  background-position: 0% 50%;
  /*background-position: 0% 25px;*/
  background-repeat: no-repeat;
  background-size: 150px;
}


/*.article-content */
.rich-text blockquote p {
  font-size: 27px;
  font-style: italic;
  font-weight: 400;
}

/*.article-content */
.rich-text blockquote cite {
  font-style: normal;
}


.rich-text td, 
.rich-text th {
  /*padding: 10px;*/
  /*padding: 10px 20px;*/
  padding: 20px;
  border: 1px solid silver;
  vertical-align: top;
}

@media screen and (max-width: 479px){
  .rich-text td, 
  .rich-text th {
    padding: 10px !important;
  }
}

.rich-text td ul, 
.rich-text td ol {
  margin-left: 0;
  padding-left: 20px;
  font-size: 15px;
}

.rich-text table {
  margin-top: 40px;
  margin-bottom: 40px;
}

.rich-text table {
  box-shadow: 0 8px 29px rgba(0,0,0,0.26);
}

.rich-text th {
  border-top-width: 0;
}

.rich-text td:first-child,
.rich-text th:first-child {
  border-left-width: 0;
}

.rich-text td:last-child, 
.rich-text th:last-child {
  border-right-width: 0;
}

.rich-text tr:last-child td {
  border-bottom-width: 0;
}



.rich-text .oa > table {
  box-shadow: none;
}

.rich-text .oa td, 
.rich-text .oa th {
  min-width: 165px;
}

.rich-text > .oa th {
  border-top-width: 1px;
}

.rich-text > .oa td:first-child,
.rich-text > .oa th:first-child {
  border-left-width: 1px;
}

.rich-text > .oa td:last-child, 
.rich-text > .oa th:last-child {
  border-right-width: 1px;
}

.rich-text > .oa tr:last-child td {
  border-bottom-width: 1px;
}

.cc-btn {
  text-decoration: none;
}


.rich-text td ul li::before, 
.rich-text td ol li::before {
  /*font-size: 13px;*/
}


/*****  DASHED TABLE / NEW STYLE  ******/

.dashed-table td, .dashed-table th {
  padding: 13px;
}

.dashed-table th {
  border-right: 1px dashed silver;
  border-bottom: 1px dashed silver;
}

.dashed-table td {
  /*border-bottom: 1px solid silver;*/
  border-right: 1px dashed silver;
}

.dashed-table tr:not(:last-child) td {
  border-bottom: 1px solid silver;
}

.dashed-table th:not(:first-child),
.dashed-table td:not(:first-child) {
  border-right-width: 0;
}



/** TOP BAR SECTION **/

.top-bar {
  position: relative;
  z-index: 1002;
  background-color: #fff;
  font-size:12px;
  font-weight: 600;
  border: 1px solid #eaeaea; 
  border-width: 0 0 1px;
}

.top-bar.dark {
  background-color: #141c32;
  color: #fff;
}

.top-link {
  position: relative;
  display: inline-block;
  max-height: 36px;
  margin-right: 40px; /*3%*/
  padding-top: 10px;
  padding-bottom: 10px;
}

.top-link:last-of-type {
	margin-right: 0;
}

.top-link.active:after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  border: solid;
  border-color: #141c32 transparent #141c32 transparent;
  border-width: 9px 0px 0 15px;
}

.top-bar.dark .top-bar-dropdown-toggle,
.top-bar.dark .w-dropdown-toggle {
  padding-top: 9px;
  padding-bottom: 9px;
  color: #fff;
}

@media screen and (max-width: 767px){
  /*.top-bar .w-container {
  	padding-left: 10px;
    padding-right: 10px;
  }*/
  .top-link {
  	margin-right: 10px;
    margin-left: 10px;
  }
}

.top-contact {
  display: inline-block;
  padding: 7px 0;
}

.top-contact,
.lang-drop .w-dropdown-toggle {
  color: #666;
}

.lang-drop .w-dropdown-toggle {
  padding: 7px 40px 7px 0;
}

.lang-drop .dropdown-list {
  min-width: 220px; /*160%;*/ /* +6 zastavic */
}

/*html[lang="en"] .lang-drop .dropdown-list {*/
  /*min-width:100%;*/
  /*min-width: 200px;*/ /*140%;*/ /* +5 zastavic */
/*}*/

.lang-drop .dropdown-link span {
  display: inline-block;
  min-width: 18px;
}
 

.w-dropdown-link.w--current,
.w-dropdown-link.current {
  color: #df1f3d;
}

@media screen and (min-width: 992px){
  
  .sticky .dropdown-content {
    height: 100vh;
  }
  
}

/*.nav-menu-list-item.w--current,*/
/*.nav-menu-list-item.current {*/
/*  color: #0082f3;*/
/*}*/

.sticky .w-nav-overlay .w--nav-menu-open {
    overflow: auto;
    max-height: calc(100vh - 68px);
}

.nav-link {
  vertical-align: middle;
  max-height: 68px;
}

.nav-link.button {
  min-width: 130px;
  padding: 9px 12px 9px;
  font-size: 11px;
  line-height: 20px;
}

.dropdown-list {
  min-width: 250px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 8px 10px 0 rgba(0,0,0,.15);
}
@media screen and (max-width: 991px){
  .dropdown-list {
    box-shadow: none;
  }
  
  .mb40-on-mobile-menu {
    margin-bottom: 40px;
  }
  
}
.dropdown-content {
  pointer-events: none;
}
.dropdown-content * {
  pointer-events: auto;
}


.dropdown-list2 {
  min-width: 500px;
  padding: 10px 30px;
  padding-bottom: 49px;
  background-color: #fff;
}

.dropdown-list2 .dropdown-link {
  padding-left: 0;
  padding-right: 0;
  padding-top: 31px;
  border-bottom: 1px solid #EAEAEA;
  color: #141C32;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.dropdown-list2 .dropdown-link img {
  max-height: 16px;
  float: right;
  /* vertical-align: bottom; */
  margin-top: 3px;
}

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

  .dropdown-list2 .dropdown-link img {
    display: none;
  }
  
}


/*** MEGA MENU ***/

.dropdown-content  .dropdown-link.w-col { /* za mega meni */
    /*margin: 30px 0;*/
    margin: 10px 0;
    padding: 20px 10px;
}

.dropdown-content  .dropdown-link.w-col:hover { /* za mega meni */
    background-color: #fff;
    border-radius: 10px;
}

.dropdown-content  .dropdown-link.w-col.w--current {
  background-color: transparent;
  border: 1px solid silver;
  border-radius: 10px;
  z-index: 1;
}


/* focus one on hover */

.dropdown-content .menu-pad {
    pointer-events: none;
}

/*.dropdown-content .menu-pad:hover .dropdown-link.w-col:not(:hover) {*/
/*  opacity: 0.4;*/
/*}*/

.dropdown-link.w-col {
    pointer-events: auto;
    /*transition: opacity 300ms;*/
}

.specialMenuCol.w-col {
  padding: 15px 0 0; 
  border-left: 1px solid #000;
}

.specialMenuCol a {
  padding: 5px 10px !important;
}

@media screen and (max-width: 991px){
  .specialMenuCol.w-col {
    border-left: 0;
    border-top: 1px solid #000;
  }
}


/****** HERO  ******/

.hero .pre-image {
  position: absolute;
  padding: 10px 20px;
  left: 0;
  background-color: #fff;
  padding-left: calc((100% - 940px)/2);
}

.pre-image-placehold {
  padding: 10px 0;
}

@media screen and (min-width: 1205px){
  .hero .pre-image {
    padding-left: calc((100% - 1170px)/2);
  }
}

@media screen and (max-width: 991px){
  .hero .pre-image {
    padding-left: calc((100% - 728px)/2);
  }
}

@media screen and (max-width: 767px){
  .hero .pre-image {
    padding-left: 20px;
  }
}


/*** HERO STAT BLOCK **/

.stat-item {
  position: relative;
}

.circle {
  width: 115px;
  height: 115px;
  border-radius: 50%;
}

.circle.big {
  width: 160px;
  height: 160px;
  padding-top: 30px;
}

.circle.large {
    width: 226px;
    height: 226px;
    padding-top: 50px;
    padding-left: 33px;
    padding-right: 33px;
}

/*.stat-item .circle {*/
/*  position: absolute;*/
/*  left: calc(50% - 57.5px);*/
/*  top:-5px;*/
/*}*/

.stat-item .h1 {
  font-size: 58px;
}

/**/



.breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 3px;
}

.breadcrumb li.crumb {
  padding-left: 14px;
}

.breadcrumb li.crumb:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 1px;
  width: 4px;
  height: 4px;
  border: 1px solid #000;
  border: 1px solid currentColor;
  border-width: 1px 1px 0 0;
  transform: rotateZ(45deg);
}

.breadcrumb.white li.crumb:before {
  border-color: #fff;
}

.button {
  display: inline-block;
  cursor: pointer;
  /*padding-top: 15px;*/
  /*padding-bottom: 13px;*/
  padding: 15px 29px 13px;
  min-width: 212px;
  font-weight: 600;
}
.button.with-icon {
	white-space: nowrap;
}
.button-icon {
	vertical-align: top;
}

.button.secondary {
  /*padding: 13px 20px 12px;*/
  padding: 15px 40px 13px;
  font-size: 12px;
  white-space: nowrap;
  border: 1px solid #df1f3d;
}

.button.primary.secondary {
  font-size: 16px;
}

.button.outline {
    background-color: transparent;
    color: #000;
    border-color: #000;
}

.bg-dark .button.outline,
.bg-dark-custom .button.outline,
.bg-dark-blue .button.outline,
.bg-dark-gradient .button.outline, 
.bg-dark-gradient-reverse .button.outline {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.bg-dark .button:not(.primary),
.bg-dark-blue .button:not(.primary) {
  color: #c0c3c4;
  border-color: #c0c3c4;
}

.bg-dark,
.hero-shadow {
  /*background-image: linear-gradient(135deg,#00799e,#df1f3d);*/
  background-color: #353f41;
}

.sticky .circle-cta {
  margin-right: 48px;
  margin-right: 2.9%;
  top: 0;
  transition: top 0.3s ease;
  pointer-events: auto;
}

.sticky.move-down .circle-cta {
    top: 40px;
    
}

[data-locomotive-section-type="hero"] + [data-locomotive-section-type="sticky_cta"] .sticky {
    margin-top: -95px;
    padding-bottom: 95px;
}

[data-locomotive-section-type="hero2"] + [data-locomotive-section-type="sticky_cta"] .sticky {
    margin-top: -65px;
    padding-bottom: 65px;
}



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

  .feature {
    margin-left: 0;
    max-height: 140px;
    overflow: hidden;
  }
  
  .feature:hover {
    max-height: 10000px;
  }
  
  .feature:after {
    content:'';
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    background-image: linear-gradient(0deg,#fff,rgba(255,255,255,0));
  }

}


.left-full-width {
  width: 85%;
  width: calc(100% - calc((100% - 940px)/2));
  padding-left: calc((100% - 940px)/2);
}

.left-full-width .move-right {
  right: calc(-1*((100vw) - 940px)/2  + 45px);
}

.testimonial-content {
  padding-left: calc(100% - 940px);
}

.over-section.over-xl {
  margin: -9vw 0;
}

@media screen and (max-width: 991px) {
  .left-full-width {
    width: calc(100% - calc((100% - 728px)/2) + 10px);
    padding-left: calc((100% - 728px)/2);
  }
  
  .left-full-width .move-right {
    right: calc(-1*((100vw) - 728px)/2  + 45px);
  }
  
  .right-full-width {
    width: calc(100% - calc((100% - 728px)/2) + 10px);
  }
}

@media screen and (min-width: 1205px) {
  .left-full-width {
    width: calc(100% - calc((100% - 1170px)/2) + 10px);
    padding-left: calc((100% - 1170px)/2);
  }
  
  .left-full-width .move-right {
    right: calc(-1*(min(1680px,100vw) - 1170px)/2  + 45px);
  }
  
  .right-full-width {
    width: calc(100% - calc((100% - 1170px)/2) + 10px);
  }
}

@media screen and (max-width: 991px){
  /*.w-container {
      max-width: 728px;
  }*/
  /*.left-full-width {*/
  /*  width: calc(100% - calc((100% - 728px)/2));*/
  /*}*/
  .testimonial-content {
    padding-left: calc(100% - 728px);
  }
}
@media screen and (max-width: 767px) {
  .dropdown-list {
    box-shadow: none;
  }
  
  .sticky .button.primary.circle-cta {
    margin-right: 10px;
  }
  
  .left-full-width,
  .right-full-width {
    width: 100%;
    width: calc(100% - 40px);
    /*float: none;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
  }
  
  .left-full-width .move-right {
    right: auto;
  }
  
  .testimonial-content {
    padding-left: 0;
  }
  .over-section {
     margin-top: 20px !important; 
     margin-bottom: 20px !important; 
  }
}
@media screen and (max-width: 479px) {
  .left-full-width {
    width: 100%;
  }
  /*.contained-column {*/
  /*  padding-right: 20px;*/
  /*  padding-left: 20px;*/
  /*}*/
}
.w-slider-dot {
	width: 75px;
  height: 5px;
  /*padding: 10px 0;*/
}
.tab-link {
  position: relative;
  padding: 9px 30px;
  text-decoration: none;
	vertical-align: bottom;
}
.article-item.flex .article-item-image {
  height: 100%;
}
.hover .onhover {
	opacity: 0;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.hover:hover  .onhover {
  opacity: 1;
} 

.w-slide.w-col-3 {
  float: none;
  width: 25%;
  /*height: auto;*/
}

@media screen and (max-width: 767px) {
  .w-slide.w-col-small-6 {
    width: 50%;
  }
}

/*.fourcol-slider-section .caroufredsel_wrapper {*/
/*    overflow: visible !important;*/
/*}*/



/******/

.section.image-section.map-img {
    max-height: 620px;
}


/*** CARD (OPREMA SLIDER)****/

.fourcol-slider-section .slider { /* center cards before slider inits */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fourcol-slider-section .caroufredsel_wrapper .slider { /* reset centering after slider inits */
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.card {
  position: relative;
}

.card.with-overlay .card-text {
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

.card.with-overlay:hover .card-text {
  opacity: 0;
}

.card.with-overlay .card-image {
  -webkit-transition: -webkit-filter 100ms ease;
  transition: filter 100ms ease;
}

.card.with-overlay:hover .card-image {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}


/** THREECOL BOXES - SPEECH BUBBLE **/

.speech-bubble {
  position: relative;
}
.speech-bubble::after {
  content:'';
  position: absolute;
  width: 40px;
  height: 30px;
  bottom: -30px;
  /*left: 100px;*/
  right: 25%;
  clip-path: polygon(0 0, 100% 100%, 90% 0);
}
.speech-bubble.bg-light-primary::after{
  background-color: #f7f8fa;
}

.allhours .speech-bubble.bg-light-primary::after{
  background-color: #EBFAFE;
}

.w-col:nth-child(2n+2) .speech-bubble::after {
  right: auto;
  left: 25%;
  clip-path: polygon(10% 0, 0 100%, 100% 0);
}

/**  IMAGE ITEM **/

.box .pre-image {
  position: absolute;
  padding: 10px 20px;
  top: 18px;
  left: 0;
  background-color: #fff;
  min-width: 140px;
  text-align: right;
  /*padding-left: calc((100% - 940px)/2);*/
}

/** SOLUTION ITEM **/

.solution-box .checklist ul {
  padding-top: 10px;
  border-top: 1px solid #000;
  font-size: 14px;
  line-height: 24px;
}

.solution-box {
  border-top: 7px solid #df1f3d;
}

.solution-box.allhours {
  border-color: #02bbea;
}

.solution-box.myhours {
  border-color: #2DB680;
}

.solution-box.doorcloud {
  border-color: #005073;
}

/** CONTACT SECTION - STEP ITEMS/BLOCKS **/

/* COUNTER */

.counter {
  counter-reset: child-counter;
}

.counted {
  counter-increment: child-counter;
  position: relative;
}

.counted:before {
  content: counter(child-counter);
  /*font-family: Verdana;*/
  /*font-size: 148px;*/
  font-size: 230px;
  font-weight: 800;
  font-weight: bold;
  line-height: 0.8;
  /*color: rgba(0,0,0,0.11);*/
  color: rgba(2, 187, 234, 0.10); /*rgba(234, 234, 234, 0.55);*/
  
  position: absolute;
  right: 0.1em;
  bottom: 0;
  
  text-align: right;
}

.numbered:before {
  content: attr(data-number);
  /*font-family: Verdana;*/
  /*font-size: 148px;*/
  font-size: 230px;
  font-weight: 800;
  font-weight: bold;
  line-height: 0.8;
  /*color: rgba(0,0,0,0.11);*/
  color: rgba(2, 187, 234, 0.10); /*rgba(234, 234, 234, 0.55);*/
  
  position: absolute;
  right: 0.1em;
  top: 0.2em;
  
  text-align: right;
}

/** THREE COL -  BOXES SECTION Step item  **/

.step-item.counted:before {
  font-size: 110px;
  color: #f7f8fa;
}


/* ARROW LINK HOVER ANIMATION (READ MORE LINK) */
  
a.arrow-link:hover img,
a:hover .arrow-link img,
.hover-master:hover .arrow-link img,
.hover-master:hover .arrow-link .arrow-right-long {
  -webkit-animation: moveArrow .6s ease-in-out alternate infinite;
  animation: moveArrow .6s ease-in-out alternate infinite;
}
  
@-webkit-keyframes moveArrow {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
  }

  to {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

  
@keyframes moveArrow {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
  }

  to {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

/******* SECTIONS INDEX SECTION ************/

@media screen and (min-width: 1310px) {
  
  .sections-index-section {
    position: sticky;
    /*top: 90px;*/
    top: -1px;
    z-index: 100;
  }
  
}

.sections-index {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

@media screen and (min-width: 1310px) {
  
  .sections-index-section.is-pinned {
    max-width: 300px;
  }
  
  .is-pinned .sections-index {
    top: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    max-width: 300px;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 18px 29px rgb(0 0 0 / 6%);
  }
  
}

.sections-index ul {
  padding-left: 45px;
}

.sections-index a {
  text-decoration: none;
}

.sections-index .active {
  position: relative;
  font-weight: 600;
}



.sections-index li::before {
  display: none;
}

.sections-index .active::before,
.arrow-right-long,
.arrow-right-short {
  content: '';
  position: absolute;
  width: 30px;
  height: 11px;
  margin-left: -45px;
  border: solid #df1f3d;
  border-width: 0 0 2px 0;
}



.arrow-right-long,
.arrow-right-short {
  position: relative;
  height: 10px;
  margin-left: 0;
  margin-bottom: 8px;
}

.sections-index .active > div::before,
.arrow-right-long::after,
.arrow-right-short::after {
  content: '';
  position: absolute;
  top: 8px;
  width: 6px;
  height: 6px;
  margin-left: -22px;
  border: solid #df1f3d;
  border-width: 0 2px 2px 0;
  transform: rotateZ(-45deg);
}

.arrow-right-long::after,
.arrow-right-short::after {
  margin-left: 0;
  right: 0;
  top: 5px;
}

.arrow-right-short {
  width: 14px;
}

/******** CHAPTER SECTION  *******/

.chapter-section .rich-text [style="text-align:justify;"] {
    background-color: #f7f3fa;
    padding: 10px 20px 20px;
    text-align: left !important;
}


/******** CASE SLIDER SECTION *********/

.case-slider .w-slider-mask {
  padding-bottom: 110px;
}

.case-slider .w-slide {
  margin-top: 80px;
  border-radius: 0 100px 0 100px;
}

.case-slider .case-content {
  padding: 80px 8.5% 0;
}

.case-slider .quote-img {
  position: absolute;
  top:-48px;
  max-height: 100px;
}

.case-slider .logo-wrap {
  position: absolute;
  top:-70px;
  right:100px;
  max-width:165px;
  max-height: 150px;
}

.case-slider blockquote {
  border:0
}

.case-slider blockquote .h4 {
  line-height: 32px;
}

blockquote .fs22 {
  line-height: calc(36/22);
}

.case-slider blockquote.has-image img {
  /*float:left;*/
  margin-bottom: 10px;
  max-width:100px;
  padding:5px;
  border: 1px solid #02BBEA;
  border-radius:50%;
}

@media (min-width: 480px) {
  
  .case-slider blockquote.has-image img {
    float:left;
    margin-bottom: 0;
    margin-right: 20px;
  }
  
  .case-slider blockquote.has-image div {
    max-width: calc(100% - 120px);
  }
}

.case-slider .button {
  /*position: absolute;*/
  /*right: 8.5%;*/
  /*bottom: 40px;*/
  min-width: 250px;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: transparent;
  border: solid #df1f3d;
  color: #fff;
  border-radius: 25px;
}

@media (min-width: 992px) {
  .case-slider .button {
    float: right;
  }
}

.fact-boxes {
  margin-bottom: -90px;
}

.fact-box {
  width: 175px;
  padding: 25px;
  margin-right: 20px;
  margin-bottom: 20px;
  /*margin-top: -20px;*/
  position: relative;
  /*top: 90px;*/
}

.ov {
  overflow: visible;
}

.case-slider .w-slider-nav {
  width: 30%;
  left: 50%;
  top: 88%;
}

.case-slider .w-slider-dot {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #979797;
  background-color: #afafaf;
}

.case-slider .w-slider-dot.w-active {
  background-color: #DF1F3D;
  border: 0;
}



/* RESOURCES LIST */

.nav-menu-head-icon {
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}

.w--open > .nav-menu-head-icon {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.nav-menu-list-item {
  padding: 9px 0;
  margin-bottom: 0;
}

.nav-menu-list {
  margin-top: 7px;
}

/** FORM **/



/*** STYLED CHECKBOX AND RADIO ***/

.checkbox input,
.radio input {
  position: absolute;
  opacity: 0;
  width: 19px;
  height: 19px;
  vertical-align: text-top;
}
.checkbox input + span,
.radio input + span {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}
/* Box */
.checkbox input + span:before,
.radio input + span:before {
  content: '';
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  background: white;
  border: 1px solid silver;
  border-radius: 2px;
}
.radio input + span:before {
  border-radius: 8px;
}
 /* Box hover */
.checkbox input:hover + span:before,
.radio input:hover + span:before {
  background: #df1f3d;
}
.checkbox input:focus + span:before,
.radio input:focus + span:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.checkbox input:checked + span:before,
.radio input:checked + span:before {
  background: #df1f3d;
}
.checkbox input:disabled + span,
.radio input:disabled + span {
  color: #b8b8b8;
  cursor: auto;
}
/* Disabled state label */
.checkbox input:disabled + span:before,
.radio input:disabled + span:before {
  box-shadow: none;
  background: #ddd;
}
/* Checkmark */
.checkbox input:checked + span:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 2px;
  /* background: #fff; */
  width: 4px;
  height: 9px;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.radio input:checked + span:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
}

/** PAGINATION **/

.pagination .page-link {
  display: inline-block;
  vertical-align: top;
  /*padding: 5px 13px;*/
  padding: 2px 6px;
  /*min-width: 40px;*/
  min-width: 30px;
  /* background-color: #eee; */
  /*border: 1px solid silver;*/
  border: 1px solid #c2d1d9;
  border-width: 2px 1px;
  color: #c2d1d9;
  /*border-radius: 3px;*/
  text-decoration: none;
}

.pagination .page-link.current,
.pagination .page-link:hover {
  /*background-color: #eee;*/
  /*background-color: #df1f3d;*/
  /*color: #fff;*/
  color: #424b5a;
  /*border-color: transparent;*/
}


.pagination .page-link:first-child {
  border-radius: 4px 0 0 4px;
  border-width: 2px 1px 2px 2px;
}

.pagination .page-link:last-child {
  border-radius: 0 4px 4px 0;
  border-width: 2px 2px 2px 1px;
}


.w-icon-arrow-left:before,
.w-icon-arrow-right:before {
    content: "\e603";
}

.w-icon-arrow-left {
  line-height: 24px;
  transform: rotateZ(90deg);
}

.w-icon-arrow-right {
  line-height: 24px;
  transform: rotateZ(-90deg);
}


/** ICONS */

.arrow-left,
.arrow-right,
.check-mark {
  display: inline-block;
  border: solid currentColor;
  border-width: 0 0 3px 3px;
  width: 32px;
  height: 32px;
  /*transform-origin: center;*/
  transform-origin: 0% 0%;
  transform: rotateZ(45deg);
  transition: border-color 500ms ease;
  pointer-events: none;
}
.arrow-right {
  border-width: 3px 3px 0 0;
}
.right-icon:hover .arrow-right {
  border-color: currentColor;
}




.check-mark {
  width: 13px;
  height: 32px;
  border-width: 0 2px 2px 0;
  transform-origin: 13px 16px;
  margin-left: 10px;
  margin-right: 12px;
}

.check-mark.small {
  height: 19px;
  width: 10px;
  transform-origin: 10px 10px;
}


.x-mark {
  position: relative;
  width: 32px;
  height: 17px;
  margin-bottom: 15px;
  border: solid silver;
  border-color: currentColor;
  border-width: 0 0 2px 0;
  transform-origin: center;
  transform-origin: 16px 16px;
  transform: rotateZ(45deg);
}
.x-mark:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 32px;
  border: solid currentColor;
  border-width: 0 2px 0 0;
}
@media (min-width: 768px) and (min-height: 300px) {
  .check-mark {
    width: 20px;
    height: 50px;
    border-width: 0 3px 3px 0;
    transform-origin: 20px 25px;
    margin-left: 15px;
    margin-right: 20px;
  }
  .x-mark {
    width: 50px;
    height: 27px;
    margin-bottom: 23px;
    border-width: 0 0 3px 0;
    transform-origin: 25px 25px;
  }
  .x-mark:before {
    width: 24px;
    height: 50px;
    border-width: 0 3px 0 0;
  }
}

/*** TESTIMONIALS 2 ***/

.quote-bg {
  background-image: url(../images/qoute-bg.png);
  background-position: 9% 19%;
  background-position: 15% 26%;
  background-size: auto;
  background-repeat: no-repeat;
}

.quote-author-image {
  display: inline-block;
  overflow: hidden;
  /*width: 132px;*/
  /*height: 132px;*/
  width: 250px;
  height: 250px;
  border-radius: 50%;
}

.quote.fs20 {
    color: #505d68;
}

.tabs-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #c2d1d9;
}

.tab-link-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
}

.tab-link-2.w--current {
  background-color: transparent;
}

.tab-link-2.w--current:before {
  content:'';
  position:absolute;
  top: -42px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #c2d1d9;
  border-width: 1px 0 0 1px;
  transform-origin: bottom left;
  transform: rotate(45deg);
}

/** VIDEO SECTION **/

.video-section iframe {
  min-height: 360px;
}

.video-screen {
  border-radius: 16px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 50%), 0 7px 42px rgb(0 0 0 / 35%);
}

.play-button {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #df1f3d;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.play-button:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  margin-left: -7px;
  border-style: solid;
  border-width: 10px 0px 10px 20px;
  border-color: transparent transparent transparent #fff; /*#de1c68;*/
  z-index: 1;
}

/*.play-icon.white {*/
/*  border-left-color: #fff;*/
/*}*/

.play-button-outline {
  position: absolute;
  /* width: 70px; */
  /* height: 70px; */
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  background-color: #df1f3d;
  opacity: 0.21; /*0.4*/
  border-radius: 50%;
  z-index: 0;
}

.allhours .play-button,
.allhours .play-button-outline,
.doorcloud .play-button,
.doorcloud .play-button-outline {
  background-color: #02BBEA;
}

.myhours .play-button,
.myhours .play-button-outline {
  background-color: #2DB680;
}

/** RESPONSIVE VIDEO ***/

.video-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrap iframe,
.video-wrap embed
.video-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/** TAGS (POSTS, RESOURCES...) **/

.tag {
    margin: 3px 1px;
    padding: 5px 10px;
    background-color: #eee;

    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
}

.tag:hover,
.tag.active {
  background-color: #df1f3d;
  color: #fff;
}


/* BLOG POST SIDEBAR STICKY PLUS POP-UP */

#sidebar {
  position: sticky;
  top: 5vh;
}

.pop-up#sidebar {
    position: fixed;
    /* position: static; */
    /* position: sticky; */
    width: auto;
    max-width: 600px;
    z-index: 1000;
    max-height: 90vh;
    top: 10vh;
    left: 0;
    right: 0;
    margin: auto;
    
    box-shadow: 0 10px 30px -15px #000;
    background-color: #f7f8fa;
    
    overflow: auto;
}

/*.pop-up#sidebar:before {*/
/*    content: '';*/
/*    position: fixed;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*    z-index: 999;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/

.show-on-pop-up {
  display: none;
}

.pop-up .show-on-pop-up {
  display: block;
  /*float: right;*/
  /*padding: 6px 13px;*/
  /*cursor: pointer;*/
  /*font-weight: bold;*/
  /*border: 1px solid silver;*/
  /*border-radius: 50%;*/
}

.pop-up .box-pad.bs2 {
    box-shadow: none;
}

/* BLOG POST SOCIAL ICONS */

.article-social-col {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    z-index: 10;
    padding-top: 40px;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .article-social-col {
    position: relative;
    width: auto;
    /*padding-top: 0px;*/
    /*float: left;*/
    float: none;
    /*margin-bottom: 0;*/
    top: 0;
  }
  
  .article-social-col > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 685px;
    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-flex-wrap: wrap;*/
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
  }
  
  .article-social-col .social-link {
    margin-right: 20px;
  }
  
  .article-content-col {
    float: none;
  }
}


.article-content .text-col {
  margin-left: auto;
  margin-right: auto;
  max-width: 685px;
}

/* BLOG POST ARTICLE INDEX (TABLE OF CONTENTS) */

.article-index {
  margin-top: 64px;
  margin-bottom: 64px;
}

.article-index ul {
  list-style: none;
  margin-top: 25px;
  margin-left: 0;
  padding-left: 0;
}
  
.article-index li {
  /*margin-bottom: 15px;*/
  padding-left: 20px;
  
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

  
.article-index li::before {
  margin-left: -20px;
  content: "\e603";
  height: 1em;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 0.09rem;
  top: 6px;
  color: #de1c68;
  
  -webkit-transform: rotateZ(270deg);
  -moz-transform: rotateZ(270deg);
  transform: rotateZ(270deg);
  
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  vertical-align: top;
  font-size: 15px;
}  


/** BLOG POST CTAs **/


.cta {
  padding: 3% 3.5%;
  justify-content: space-between;
  align-items: center;
}

.cta .left-col {
  padding-right: 30px;
}

.cta ul,
.cta ol {
  margin-left: 0;
}

@media screen and (max-width: 650px){
  
  .rich-text .cta h4 {
    font-size: 20px;
  }
  
}

@media screen and (max-width: 479px){
  
  .cta {
    padding: 5%;
    text-align: center;
  }
  
  .cta .left-col {
    padding-right: 0;
  }
  
}

/* BANNER CTA (Big Image Right with Bg) */
.banner {
  border-radius: 12px;
}

.banner .fs12 > p {
  margin-bottom: 10px;
}

.banner img.w100p.h100p {
  object-fit: cover;
}


/** NEWSLETTER FORM SECTION (INSERT IN BLOG POST with KEYWORD **NEWSLETTER**) **/

.fs30 {
  font-size: 30px;
}

.fs29 {
  font-size: 29px;
}

.fs26 {
  font-size: 26px;
}

.fs24 {
  font-size: 24px;
}

.fs22 {
  font-size: 22px;
}

/*.fw500 {*/
/*  font-weight: 500;*/
/*}*/

/*.fw600 {*/
/*  font-weight: 600;*/
/*}*/

.wa {
  width: auto;
}

.move-right {
  position: relative;
  right: -60px;
}

.move-down-30 {
  position: relative;
  bottom: -30px;
  z-index: 1;
}

.move-down-m {
  position: relative;
  bottom: -60px;
  z-index: 1;
}

.w50p {
  width: 50%;
}

.move-up {
  position: relative;
  top: -40px;
  z-index: 1;
}

.banner-shadow {
  position: absolute;
  left: 13%;
  top: 6%;
  right: -50px;
  bottom: -50px;
  background-color: #00799e;
}

.mr50 {
  margin-right: 50px;
}

.rotate90 {
  position: relative;
  left: 25px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.right-top-tooltip {
  position: absolute;
  /*top: -80%;*/
  /*right: -80%;*/
  top: -30px;
  right: 19%;
}

.newsletter-form-wrap {
  position: relative;
  margin-right: 50px;
}

.input2,
.newsletter-form-wrap ._form input[type="text"] {
  height: 48px !important;
  border-style: solid;
  border-width: 2px !important;
  border-color: #e7e7e7 !important;
  border-radius: 8px !important;
  background-color: #f3f3f3 !important;
}


.newsletter-form-wrap em {
  font-style: normal;
  text-decoration-line: underline;
  text-decoration-color: rgba(223, 31, 61, 0.5);
  text-decoration-thickness: 5px;
  /*text-underline-offset: -6px;*/ /* ne dela tako, kot si je zamislil v dizajnu, ker se skrije za crkami */
}


/* inline form style overrides */

.newsletter-form-wrap ._form ._form-content {
  padding-right: 100px;
}

.newsletter-form-wrap ._form ._form_element._inline-style {
  display: inline-block;
  width: 58%;
  margin-right: 5px;
}

.newsletter-form-wrap ._form ._form_element._inline-style input[type="text"] {
  width: 100% !important;
  /*margin-right: 5px;*/
}

.newsletter-form-wrap ._form ._button-wrapper._inline-style {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

@media (min-width: 480px) and (max-width: 667px) {
  
  .newsletter-form-wrap ._form ._form-content {
    padding-right: 120px;
  }
  
  .newsletter-form-wrap ._form ._form_element._inline-style {
    margin-right: 0;
    width: 100%;
  }
 
}

@media screen and (max-width: 479px) {
  
  .newsletter-form-wrap ._form ._form-content {
    padding-right: 20px;
  }
  
}
 
/* full width ne rabim vec overridat v inline, ker so prestavili na inline style v activehosted.com, ampak vseeno pustim */
.newsletter-form-wrap ._form_element._full_width {
  display: inline-block !important;
  width: 50% !important;
}

.newsletter-form-wrap ._form input[type="text"] {
  margin-bottom: 0;
}

.newsletter-form-wrap ._form-label,
.newsletter-form-wrap ._form_element._field24._full_width, /* hidden field row */
.newsletter-form-wrap ._form_element._clear {
  display: none !important;
}

.newsletter-form-wrap ._button-wrapper._full_width,
.newsletter-form-wrap ._button-wrapper._full_width button {
  display: inline-block;
  width: auto !important;
}

.newsletter-form-wrap ._form ._button-wrapper._full_width button._submit {
  padding-left: 6% !important;
  padding-right: 6% !important;
  font-weight: 700 !important;
}


@media screen and (max-width: 767px) {
  
  .banner-shadow {
    right: -40px;
    bottom: -40px;
  }

  .newsletter-form-wrap {
    margin-right: 40px;
  }
  
}

@media screen and (max-width: 479px) {
  
  .move-right {
    right: -20px;
    padding-right: 20px !important;
  }

  .banner-shadow {
    right: -30px;
    bottom: -30px;
  }

  .newsletter-form-wrap {
    position: relative;
    margin-right: 20px;
  }
  
}


/*** HERO SECTION ACTIVEHOSTED INLINE FORM ****/
 
.inline-form._form, /*** HEADER SECTION ACTIVEHOSTED INLINE FORM ****/
.hero-content ._form,
.heroForm ._form {
  background-color: transparent !important;
}

.inline-form._form ._form-content,
.hero-content ._form-content
.heroForm ._form-content {
  position: relative;
  color: #333 !important;
}

.inline-form._form ._form_element input[type="text"] {
  margin-bottom: 0;
  min-height: 40px;
  /*min-width: 310px;*/
  border-radius: 30px !important;
}

/*.hero-content ._form ._form_element input[type="text"],*/
.heroForm._form ._form_element input[type="text"] {
    border-radius: 30px !important;
    padding: 10px 20px !important;
    height: 55px !important;
    border: 0;
}

.inline-form._form ._button-wrapper ._submit {
    padding: 8px !important;
    font-size: 11px !important;
    line-height: 20px;
}

 /*#_form_397_submit,*/ /* zal drugace ne povozi.. */
/*.hero-content ._form ._button-wrapper ._submit,*/
.heroForm._form ._button-wrapper ._submit{
  padding: 11px 20px !important;
  border-radius: 30px !important;
  height: 55px !important;
}

@media all and (min-width:350px) {
    
    .inline-form._form ._form_element input[type="text"] {
      /*padding-right: 140px;*/
      padding-right: 120px;
      max-width: 260px;
    }
    
    /*.hero-content ._form ._form_element .inline-form-field,*/
    .heroForm ._form ._form_element .inline-form-field {
        padding-right: 180px !important;
    }
    
    .inline-btn-form._form ._button-wrapper,
    /*.hero-content .hero-trial-form ._form ._button-wrapper,*/
    .heroForm ._form ._button-wrapper,
    .hero-trial-form ._form ._button-wrapper {
        width: auto !important;
        position: absolute;
        right: 0;
        top: 0;
    }
    
}

.heroForm ._form,
.hero-trial-box-form ._form {
  margin-top: 0 !important;
  max-width: unset !important;
}


/***** NEWS BAR SECTION *****/

[data-locomotive-section-type="hero"] + [data-locomotive-section-type="news_bar"],
[data-locomotive-section-type="sticky_cta"] + [data-locomotive-section-type="news_bar"] {
  /*margin-top: -40px;*/
  margin-top: -30px;
}

.news-bar {
  position: absolute;
  width: 100%;
}

.news-bar-title {
  float: left;
  width: calc((100% - 940px)/2 + 150px);
  
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  
  /*margin-left: -46px;*/
  padding-left: 17px;
  padding-right: 17px;
  border-radius: 7px 0 0 7px;
}
.news-bar-title div {
  float: right;
  width: 150px;
  text-transform: uppercase;
  font-weight: 800;
}
.news-bar-slider {
  display: inline-block;
  background-color: transparent; 
  height:auto; 
  width: calc(100% - (100% - 940px + 150px));
  /*width: calc(100% - (100% - 940px + 104px));*/
  
  min-height: 61px;
  border-radius: 0 4px 4px 0;
}
.news-bar-slider .w-slider-mask {
  padding-right: 70px;
}
.news-bar-slider .w-slide {
  padding: 10px 25px;
  /*color: #fff;*/
  text-decoration: none;
}
.news-bar-slider .w-slider-arrow-left,
.news-bar-slider .w-slider-arrow-right {
  /*font-size: 20px;*/
  font-size: 11px;
  width: 24px;
  color: #df1f3d;
}
.news-bar-slider .w-slider-arrow-left {
  left: auto;
  right: 42px;
}
.news-bar-slider .w-slider-arrow-right {
  right: 10px;
}

.news-bar-slider .w-icon-slider-left,
.news-bar-slider .w-icon-slider-right {
  /*width: 21px;*/
  /*height: 22px;*/
  width: 24px;
  height: 24px;
  /* padding: 8px; */
  /*border: 1px solid rgba(255,255,255,0.7);*/
  /* padding: 9px 0; */
  /*border-radius: 3px;*/
  padding-top: 5px;
  
  background-color: #F7F8FA;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 900;
}

.news-bar-slider .w-slider-arrow-left:hover .w-icon-slider-left,
.news-bar-slider .w-slider-arrow-right:hover .w-icon-slider-right {
  /*background-color: #fff;*/
  background-color: #d5dbe7;
  color: #1f2433;
}

@media screen and (min-width: 1205px) {
  .news-bar-title {
    width: calc((100% - 1170px)/2 + 150px);
  }
  
  .news-bar-slider {
    width: calc(100% - (100% - 1170px + 150px)); 
    /*width: calc(100% - (100% - 1170px + 104px)); */
  }
}

@media screen and (max-width: 991px) {
  .news-bar-title {
    width: calc((100% - 728px)/2 + 150px);
    margin-left: 0;
  }
  
  .news-bar-slider {
    width: calc(100% - (100% - 728px + 150px)); 
  }
}

@media screen and (max-width: 767px) {
  
  .news-bar {
    position: relative;
  }
  
  .news-bar-title {
    width: 150px;
    padding-left: 20px;
  }
  
  .news-bar-slider {
    width: calc(100% - 150px); 
  }
}

@media screen and (min-width: 480px) and (max-width: 560px){
  .news-bar-image {
    display: none;
  }
}

@media screen and (max-width: 412px){
  .news-bar-image {
    display: none;
  }
}

@media screen and (max-width: 479px){
  
  .news-bar-title {
    float: none;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    
    border-radius: 7px 7px 0 0;
  }
  .news-bar-title div {
    float: none;
    width: auto;
  }
  .news-bar-slider {
    width: 100%;
    
    border-radius: 0 0 4px 4px;
  }
}




/** RELATED LINKS (POSTS) **/

.related-links .link {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}

.related-links .link:hover {
  text-decoration: underline;
}


/***** MODAL POPUP ********/

.modal .w-lightbox-content {
  /*height: 90vh;*/
  height: auto;
  margin-top: 5vh;
  margin-bottom: 5vh;
}


.modal {
  opacity:1;
  font-family: inherit;
  color:inherit;
  font-size: 16px;
  line-height: 1.8;
  text-align: inherit;
  background-color: rgba(0, 0, 0, 0.7);
  /*pointer-events:none*/
}

.modal-content {
  /*max-width: 830px;*/
  /*max-width: 960px;*/
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 100%;
  /*overflow: auto;*/
  top: 0;
  border-radius: 6px;
  /*pointer-events: none;*/
}



/***** SIDEBARS *****/

.sidebar {
    display:none;
    position: fixed;
    z-index: 1100;
    top: 0;
    /*top:68px;*/
    right: 0;
    /*width: 360px;*/
    width: 20%;
    min-width: 320px;
    /*height: 100%;*/
    height: 100vh;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
}

/*** MODULES SECTION ICON ITEMS ***/

.icon-items {
  margin-top: 30px;
}

.icon-items .icon-item.icon-box {
  display: inline-block;
  /*min-width: 150px;*/
  min-width: 240px;
  background-color: #fff;
  padding: 15px;
  margin-right: 30px !important;
  box-shadow: 0 19px 29px rgb(0 0 0 / 6%);
  border-radius: 8px;
  
  font-weight: 500;
}


/** PAGE NOTICE SECTION **/

.page-notice {
  padding-top: 12px;
  padding-bottom: 10px;
  
}

.page-notice.bg-gradient,
.page-notice.bg-gradient a,
.page-notice.bg-primary,
.page-notice.bg-primary a {
  color: #fff;
}



/**** .ACCORDION  *****/

.accordion-item {
  white-space: normal;
  display: block;
  padding-left: 0;
  padding-right: 50px;
  border-bottom: 2px solid rgba(194, 209, 217, 0.3);
  font-weight: 600;
}

.accordion-item-content {
  position: static;
  padding-top: 25px;
  /*padding-right: 40px;*/
  padding-bottom: 10px;
  background-color: transparent;
  font-size: 18px; /* 14px */
  /*line-height: 1.75;*/
}

.accordion-item .w-icon-dropdown-toggle,
.accordion-item .w-icon-dropdown-toggle2 {
  transition: transform 0.3s ease-in-out;
}

.accordion-item.w--open .w-icon-dropdown-toggle,
.accordion-item.w--open .w-icon-dropdown-toggle2 {
  transform: rotateZ(180deg);
}

.allhours .accordion-item .w-icon-dropdown-toggle {
  color: #02bbea;
}

.accordion-item.w--open .w-icon-dropdown-toggle {
  color: #ccc;
}

.accordion-item .w-icon-dropdown-toggle,
.accordion-item.w--open h5 {
  color: #0078A0;
}


/**** ACTIVEHOSTED FORMS ****/

._form {
    padding: 0 !important;
    width: 100% !important;
    /*font-family: Montserrat, sans-serif !important;*/
    font-family: 'Inter', sans-serif !important;
}

._form.wa {
  width: auto !important;
}

._form-wrapper ._form {
  width: 300px !important;
  padding: 20px !important;
}

._form input[type="text"], 
._form textarea,
._form select {
    /*height: 38px;*/
    min-height: 43px;
    margin-bottom: 25px;
    font-size: 14px;
    color: #33475b !important;
    border-color: #c2d1d9 !important;
    border-radius: 2px;
    
}


._form label {
  color: #505d68;
  font-size: 14px ;
  font-weight: 500;
}

/*input, select, .input {*/
/*  min-height: 43px;*/
/*  margin-bottom: 25px;*/
/*  border-style: solid;*/
/*  border-width: 1px;*/
/*  border-color: #c2d1d9;*/
/*  border-radius: 2px;*/
/*  background-color: #fff;*/
/*}*/

._form ._submit {
    width: 100%;
    padding: 13px 6% 12px !important;
    background-color: #df1f3d;
    color: #fff;
    font-size: 14px !important;
    line-height: 1.75;
    font-weight: 500;
    position: relative;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
    border: 2px solid #df1f3d;
    /*border-radius: 22.5px;*/
    border-radius: 4px !important;
    -webkit-transition: color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
    transition: color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    /*font-family: Montserrat, sans-serif !important;*/
    font-family: 'Inter', sans-serif !important;
}

._form textarea {
  min-height: 200px;
}


._row._checkbox-radio input {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}

._row._checkbox-radio label {
  display: inline-block;
  width: 90%;
  font-size: 11px !important;
}


/***** FORMS DARK BG ******/
.signup-section label, .signup-section p, .signup-section a {
    color: #fff;
}
.signup-section label._form-label {
    visibility: hidden;
    margin-top: -40px;
}

/* PRICE CALCULATOR SECTION NEW VERSION */

.priceCalcResult strong {
  font-size: 3em;
}
.priceCalcResult div {
  /*font-size: 22px;*/
  font-size: 18px;
}

.priceCalcResult em {
  font-size: 14px;
  color: #DF1F3D;
  font-style: normal;
  text-transform: uppercase;
}

.price-calculator-section .checklist > p {
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}

.price-calculator-section .checklist > ul + p {
  margin-top: 20px;
}


/** PRICING CALCULATOR SLIDER    **/

.slider-bar {
  -webkit-appearance: none;
  width: 100%;
  /*height: 15px;*/
  height: 30px;
  border-radius: 5px;
  background: #fafafa; /*#d3d3d3*/
  outline: none;
  opacity:0.9; /*0.7*/
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}
.slider-bar:hover {
  opacity:1;
}
.slider-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px; /*25px;*/
  height: 25px;
  border-radius: 25px; /*50%;*/
  background: #0078A0; /*#4CAF50;*/
  cursor: pointer;
}
.slider-bar::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border: 0;
  border-radius: 25px;
  background: #0078A0;
  cursor: pointer;
}


/*** TOGGLE SWITCH - narejen z INPUT CHECKBOX ***/

.toggleSwitch {
  display: inline-block;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  color: #444;
  font-weight: 400;
  border-radius: 4px;
  user-select: none;
  box-shadow: inset 0px 2px 1.5px 0.5px rgba(0, 0, 0, 0.25);;
}

.toggleSwitch input:focus~a,
.toggleSwitch input:focus+label {
  outline: none;
}

.toggleSwitch input {
  position:absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: 0;
}

.toggleSwitch>span {
  position: relative;
  white-space: nowrap;
}

.toggleSwitch>span span {
  line-height: 48px;
  padding: 0 30px;
}

.toggleSwitch a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background-color: #0078A0;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35), inset 0px -2px 4px rgba(0, 0, 0, 0.15);
  
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.toggleSwitch input:checked~a {
  left: 50%;
}

.toggleSwitch input:not(:checked)~span span:first-of-type,
.toggleSwitch input:checked~span span:last-of-type {
  color: #fff;
  font-weight: 600;
}

/** vecje velikosti **/

.toggleSwitch.large>span span {
  font-size: 1.1em;
}
.toggleSwitch.xlarge>span span {
  font-size: 1.4em;
}


/******* BRANDS SLIDER ******/

.brands-slider .border-right:nth-child(6) {
  border-right: 0;
}

.client-logo {
  /*width: calc(940px / 6);*/
  text-align: center;
}

.brands-slider .client-logo {
  width: calc(940px / 6);
}

.client-logo img {
  max-width: 130px;
  /*max-height: 30px;*/
  /*opacity: 0.3;*/
  /*-webkit-filter: contrast(1.4) saturate(0);*/
  /*filter: contrast(1.4) saturate(0);*/
  /*-webkit-transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;*/
  /*transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;*/
}

.client-logo:hover img {
  /*opacity: 1;*/
  /*-webkit-filter: contrast(1) saturate(1);*/
  /*filter: contrast(1) saturate(1);*/
}

@media screen and (min-width: 1205px){
  
  .brands-slider .client-logo {
    width: calc(1170px / 6);
    /*text-align: center;*/
  }
  
}

@media screen and (max-width: 991px){
  
  .brands-slider .border-right:nth-child(3) {
    border-right: 0;
  }
}

@media screen and (max-width: 585px){
  
  .brands-slider .border-right:nth-child(2) {
    border-right: 0;
  }
}



/*** SIMPLE 2 COL SECTION ****/

.simple-section-2col h5 {
  margin-bottom: 0;
}

.simple-section-2col p {
  margin-bottom: 30px;
}

.simple-section-2col ul {
  margin-top: 0;
  margin-bottom: 40px;
}


.move-up-l {
  position: relative;
  z-index: 1;
  margin-top: -160px;
}

.move-up-xl {
  position: relative;
  z-index: 1;
  margin-top:-300px;
}

.make-room-down-xl {
  padding-bottom: 300px !important;
}

@media screen and (max-width: 767px) {
  
  .move-up-l {
    margin-top: -120px;
  }

}

@media screen and (max-width: 479px) {
  
  .move-up-xl {
    margin-top:-200px;
  }
  
  .make-room-down-xl {
    padding-bottom: 200px ;
  }
  
}

.contain-text {
  max-width: 76ch;
  margin-left: auto;
  margin-right: auto;
}

.contain-text-s {
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto;
}

.contain-text-xs {
  max-width: 37ch;
  margin-left: auto;
  margin-right: auto;
}


.contain-text-m {
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
}

.contain-text-l {
  /*max-width: 90ch;*/
  max-width: 97ch;
  margin-left: auto;
  margin-right: auto;
}

.contain-text-xl {
  max-width: 110ch;
  margin-left: auto;
  margin-right: auto;
}


/*** SECTION TABS SECTION **/

.section-tab-link {
  font-size: 22px;
  font-weight: 600;
  color: #141C32;
  padding: 15px 30px;
}

.section-tab-link.w--current {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom-width: 2px;
}


/***** INFO FORM 2COL SECTION *****/

.info-form-2col ul {
    margin-left: 0;
    font-weight: 600;
}

.big-circle {
  position: absolute;
  width:1200px;
  height:1200px;
  left:-10%;
  border-radius: 50%;
}

.colBg {
  position: absolute;
  width: 45%;
  height: 60%;
  border-radius: 0 18px 18px 0;
}

@media screen and (max-width: 767px) {
  
  .colBg { 
    display: none;
  }
  
}

.colBg.right {
  right: 0;
  border-radius: 18px 0 0 18px;
}

.widget-section-2col .widgetForm {
  border-radius: 6px;
  padding: 7%;
}

.widget-section-2col .widgetForm ._form._inline-form {
    max-width: 1600px !important; /* da ga ponastavim na sirse kot 500px */
} 

._x14742661._full_width {
  width: 48% !important;
  float: left;
  margin-right: 4% !important;
  margin-bottom: 0 !important;
}

._x27990000._full_width {
  width: 48% !important;
  float: left;
  margin-bottom: 0 !important;
}

._x22655513._full_width {
  clear: both;
}

.widget-section-2col #_form_397_submit {
  border-radius: 20px !important;
}

._form-thank-you {
    color: #333;
    text-align: left !important;
}

.image-section ._form-thank-you {
  color: #fff;
  text-align: center !important;
}

/* TARGET & FIX SPECIFIC FORM (ON BLOG POST SHOW) - subscribe email */

.over-section ._form._form_221 {
  margin-top: 0 !important;
}

.over-section ._form._form_221 ._form-content {
  display: flex !important;
  align-items: center;
}

.over-section ._form._form_221 ._button-wrapper {
  margin-top: -20px !important;
}

/**** CTA SECTION ****/

.cta-section h2 {
  font-size: 40px;
}


/******/


.pre-title {
  text-transform: uppercase;
  /*color: #757D83;*/
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 30px;
}

.bg-dark-custom {
  background-image: url('../images/Hero-BG.svg') !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.cta-section .bg-dark-custom {
  background-position: 50% 22% !important;
}


.bg-shapes {
  background-image: url('../images/shapes-bg.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-circles {
  background-image: url('../images/bg-circles-2x.png');
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: 90%;
}

.bg-circles.bg-gradient.o80 {
  background-image: url('../images/bg-circles-2x.png'), linear-gradient(135deg, rgba(0, 121, 158, 0.8), rgba(223, 31, 61, 0.8));
  background-size: 90%, 100%;
}

.bg-circles.bg-gradient.o80 .button.primary {
  background-color: #141C32;
  border-color: #141C32;
}

.bg-arcs {
  background-image: url('../images/bg-arc-left-2x.png'), url('../images/bg-arc-right-2x.png');
  background-position: 0% 20%, 100% 40%;
  background-repeat: no-repeat;
  /*background-size: 15%, 15%;*/
  background-size: 140px, 190px;
}

.bg-arcs-2 {
  background-image: url('../images/bg-arcs-2-red.svg');
  background-position: 20% 70%;
  background-repeat: no-repeat;
  /*background-size: 100%;*/
}

.allhours .bg-arcs-2 {
  background-image: url('../images/bg-arcs-2-blue.svg');
}

.bg-striped-circles {
  background-image: url('../images/TRIAL-page_BG-grafika-1920x600px.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1680px;
}

.bg-waves-blue-top {
  background-image: url('../images/bg-waves-blue-top-2x.png');
  background-position: 50% 0%;
  background-repeat: no-repeat;
  /*background-size: 1440px;*/
  background-size: 1680px;
}

.bg-waves-blue-bottom {
  background-image: url('../images/bg-waves-blue-bottom.svg');
  /*background-image: url('../images/bg-waves-blue-bottom-2x.png');*/
  background-position: 50% 100%;
  background-repeat: no-repeat;
  /*background-size: 1440px;*/
  background-size: 1680px;
}

.bg-cross-shapes {
  background-image: url('../images/bg-crosses-shapes.svg') !important;
  background-position: 50% 100% !important;
  background-repeat: no-repeat;
  background-size: 1140px;
  /*background-size: cover;*/
}


/** NEW TRIAL BUTTON & BOX STYLE VARIANT **/

.trial-item {
  box-shadow: 5px 6px 5px rgb(0 0 0 / 10%);
}
.trial-item:hover {
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
}
         
.trial-item ul {
  margin-top: 15px;
}
.trial-item li {
  margin-bottom: 5px;
}

.trial-item .button {
  min-width: 220px;
}

/** .button variant **/
.variant {
  padding: 9px 20px;
  margin-bottom: 10px;
  border: 1px solid #111;
  background-color: #fff;
  color: #111;
  font-size: 11px;
  /*font-weight: 600;*/
  font-weight: 500;
  border-radius: 4px;
}




/*** TAB LINK GROUP (sekcija Pricing tabs) **/

.group-tab-link {
  border: 1px solid black;
  background-color: transparent;
  border-width: 1px 0;
  padding: 12px 30px;
}

.group-tab-link:first-of-type {
  border-width: 1px 0 1px 1px;
  border-radius: 4px 0 0 4px;
}

.group-tab-link:last-of-type {
  border-width: 1px 1px 1px 0;
  border-radius: 0 4px 4px 0;
}

.group-tab-link.w--current {
  background-color: #2D3C61;
  color: #fff;
  font-weight: 600;
}
.chat-bubble {
  position: absolute;
  display: inline-block;
  background-color: #02bbea;
  color: #fff;
  border-radius: 15px;
  padding: 3px 10px;
  min-width: 110px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 800;
  transform: rotate(17deg) translate(-57px, -22px);
}

.chat-bubble:after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #02bbea;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  margin-top: -2px;
  transform: rotate(45deg);
}

.pricing-tabs .card h1 {
  font-size: 80px;
}

.pricing-tabs .card h2 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 800;
  margin-top: 5px;
  margin-bottom: 30px;
}

.pricing-tabs .card h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
}

.pricing-tabs .card h4 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 5px;
}

.pricing-tabs .card ul {
  margin-bottom: 20px;
}



/*****  THEMES   ****/

.locomotive-sections .header-section .brand img {
  max-height: 24px;
}

.bg-light-primary, 
.bg-primary-light {
  background-color: #f7f8fa !important;
}

.bg-dark-blue {
  background-color: #141C32 !important;
}

/* ALLHOURS */

.allhours .bg-primary {
    background-color: #02bbea;
    /*color: #fff;*/
    color: inherit;
}

.allhours .bg-light-primary,
.allhours.bg-light-primary {
  background-color: #EBFAFE !important;
}

.allhours .bg-primary-light,
.allhours.bg-primary-light {
  background-color: #b2e4f7 !important;
}

/* Count Numbers color */
.allhours .step-item.counted:before {
  color: #D9F5FC;
}


.allhours .bg-light-primary-gradient {
  background: linear-gradient(180deg, #D9F5FC 0%, #ffffff 100%);
}

.allhours .quote-bg {
  background-image: url(../images/quote-bg-allhours.png);
  background-position: 8% 80px;
  background-size: 360px;
}


.allhours .header-section .navbar {
  z-index: 999;
  background-color: #b2e4f7;
}

.allhours .header-section .nav-link {
  text-transform: none;
  font-size: 14px;
}

.allhours .header-section .nav-link.button {
  font-size: 12px;
}

.allhours .section.hero {
  background-color: #b2e4f7;
  color: #141C32;
}

.allhours .pre-title {
  text-transform: uppercase;
}

.allhours .hero-title-after,
.allhours .big-title-after,
.allhours .title-aftter {
  border-color: #02bbea;
}

.allhours ul li::before {
  color: #02bbea;
}

.allhours .checklist ul li::before {
  /*background: url(../images/checkbox.svg) no-repeat;*/
}

.allhours .checklist.red ul li::before {
  background: url(../images/checkmark.svg) no-repeat;
}

.allhours .button {
  background-color: transparent;
  border-color: #363636;
  color: #232426;
}

.allhours .button.primary {
  border-color: #02bbea;
  background-color: #02bbea;
  color: #fff;
}

.allhours .bg-primary .button.primary,
.allhours .bg-primary-light .button.primary,
.allhours.bg-primary-light .button.primary {
    border-color: #151D32;
    background-color: #151D32;
}

.allhours .button.secondary {
  border-color: #02bbea;
}

.allhours .bg-primary .button.secondary:not(.primary) {
  border-color: #fff;
  color: #fff;
}

.allhours .tab-link.w--current {
  border-bottom-color: #02bbea;
}


/* MYHOURS */

.myhours .bg-primary {
    background-color: #2DB680;
    /*color: #fff;*/
    color: inherit;
}

.myhours .bg-light-primary,
.myhours.bg-light-primary {
  background-color: #C9ECDE !important;
}

.myhours .bg-primary-light,
.myhours.bg-primary-light {
  background-color: #ADE1CA !important;
}

.myhours .quote-bg {
  background-image: url(../images/quote-bg-myhours.png);
  background-position: 8% 80px;
  background-size: 360px;
}


.myhours .header-section .navbar {
  z-index: 999;
  background-color: #C9ECDE;
}

.myhours .header-section .nav-link {
  text-transform: none;
  font-size: 14px;
}

.myhours .header-section .nav-link.button {
  font-size: 12px;
}

.myhours .section.hero {
  background-color: #C9ECDE;
  color: #141C32;
}

.myhours .pre-title {
  text-transform: uppercase;
}

.myhours .hero-title-after,
.myhours .big-title-after,
.myhours .title-aftter {
  border-color: #2DB680;
}

.myhours ul li::before {
  color: #2DB680;
}

.myhours .button {
  background-color: transparent;
  border-color: #363636;
  color: #232426;
  
}

.myhours .button.primary {
  border-color: #2DB680;
  background-color: #2DB680;
  color: #fff;
}

.myhours .bg-primary .button.primary,
.myhours .bg-primary-light .button.primary,
.myhours.bg-primary-light .button.primary {
    border-color: #151D32;
    background-color: #151D32;
}

.myhours .button.secondary {
  border-color: #2DB680;
}

.myhours .bg-primary .button.secondary:not(.primary) {
  border-color: #fff;
  color: #fff;
}


/* DOORCLOUD */

.doorcloud .bg-primary {
    background-color: #005073;
    color: #fff;
}

.doorcloud .bg-light-primary,
.doorcloud.bg-light-primary {
  background-color: #CDDDE4 !important;
}

.doorcloud .bg-primary-light,
.doorcloud.bg-primary-light {
  background-color: #BDD2DB !important;
}

.doorcloud .quote-bg {
  background-image: url(../images/quote-bg-doorcloud.png);
  background-position: 8% 80px;
  background-size: 360px;
}


.doorcloud .header-section .navbar {
  z-index: 999;
  background-color: #DEE9ED;
}

.doorcloud .header-section .nav-link {
  text-transform: none;
  font-size: 14px;
}

.doorcloud .header-section .nav-link.button {
  font-size: 12px;
}

.doorcloud .section.hero {
  background-color: #DEE9ED;
  color: #505D68;
}

.doorcloud .section.hero h1 {
  color: #141C32;
}

.doorcloud .pre-title {
  text-transform: uppercase;
}

.doorcloud .hero-title-after,
.doorcloud .big-title-after,
.doorcloud .title-aftter {
  border-color: #005073;
}

.doorcloud ul li::before {
  color: #005073;
}

.doorcloud .button {
  background-color: transparent;
  border-color: #363636;
  color: #232426;
  
}

.doorcloud .button.primary {
  border-color: #005073;
  background-color: #005073;
  color: #fff;
}

.doorcloud .bg-primary .button.primary,
.doorcloud .bg-primary-light .button.primary,
.doorcloud.bg-primary-light .button.primary {
    border-color: #151D32;
    background-color: #151D32;
}

.doorcloud .button.secondary {
  border-color: #005073;
}

.doorcloud .bg-primary .button.secondary:not(.primary) {
  border-color: #fff;
  color: #fff;
}


/***** XMAS THEME ******/

.xmas-hat {
  position: relative;
  display: inline-block;
}

.xmas-hat::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 2px;
  background: url(../images/xmas-hat.svg) no-repeat;
  width: 29px;
  height: 22.5px;
}

.xmas-hat.small::before {
  /*top: 0;*/
  left: -1px;
  width: 22.28px;
  height: 16.78px;
  background: url(../images/xmas-hat-small.svg) no-repeat;
}



/****/

.filtershadow {
  filter: drop-shadow(2px 4px 20px rgba(0,0,0,0.25));
}

/*******/

.pa {
  position: absolute;
}

@media (min-width: 768px) {
  .paOnDesktop {
    position:absolute !important;
  }
}

.di {
  display: inline !important;
}

.dib {
  display: inline-block !important;
}

.fn {
  float: none !important;
}

.fs12 ,
.fs12 > p {
  font-size: 12px;
}

.fs15 {
  font-size: 15px;
}


.fs20,
.fs20 > p {
    font-size: 20px;
}

.fs2em {
    font-size: 2em;
}

.fs3em {
    font-size: 3em;
}

.lh1d1 {
  line-height: 1.1;
}

.lh1d2 {
  line-height: 1.2;
}

.lh24px {
  line-height: 24px;
}


.ha {
  height: auto !important;
}


.side-pad {
  position: relative;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.side-pad-l {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.side-pad-xl {
  padding-right: 80px !important;
  padding-right: 7% !important;
  padding-left: 80px !important;
  padding-left: 7% !important;
}

.v-pad-l {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p10 {
  padding: 10px !important;
}

.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mt100 {
  margin-top: 100px;
}

.mt120 {
  margin-top: 120px;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.mr10 {
  margin-right: 10px;
}

.m0 {
  margin: 0 !important;
}

.ma {
  margin: auto;
}

@media (min-width: 768px) {
  .pl20-gt-mobile {
    padding-left: 20px !important;
  }
  
  .pr20-gt-mobile {
    padding-right: 20px !important;
  }
}


.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}



.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}


.align-self-start {
  align-self: start;
}

.align-self-center {
  align-self: center;
}

.justify-content-center { 
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-start { 
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-end { 
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  
  .justify-start-on-mobile,
  .flex.justify-start-on-mobile { 
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
}

.break-flex-row-on-all {
  flex-basis: 100%;
  height: 0;
}

@media (min-width: 992px) {
  
  .break-flex-row {
    flex-basis: 100%;
    height: 0;
  }
  
}

.is_stuck {
  z-index:100;
}

/*.sticky {*/
/*     position: sticky !important;*/
/*     position: -webkit-sticky !important;*/
/*     top: 20px;*/
/*}*/

.sticky,
[data-locomotive-section-type="sticky_cta"] {
    position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 900;
}

[data-locomotive-section-type="sticky_cta"] {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 1000;
  pointer-events: none;
}

@supports (position: sticky),
@supports (position: -webkit-sticky) {
    .sticky,
    [data-locomotive-section-type="sticky_cta"] {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
        z-index: 900;
    }
    
    [data-locomotive-section-type="sticky_cta"] {
      z-index: 1000;
      pointer-events: none;
    }
}


.oh {
    overflow: hidden;
}

.oa {
    overflow: auto;
}


.vat {
  vertical-align: top !important;
}

.vam {
  vertical-align: middle !important;
}

.no-wrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: unset !important;
  flex-wrap: nowrap !important;
}


@media (max-width: 767px) {
  .small-no-flex {
    display: block !important;
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
  }
}

@media (max-width: 479px) {
  .tiny-no-flex {
    display: block !important;
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
  }
}

.db {
  display: block !important;
}

@media screen and (max-width: 479px) {
  .db-on-mobile {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .talOnMobile {
    text-align: left !important;
  }
}


@media (min-width: 768px) {
  .tar-on-desktop {
    text-align: right;
  }
}


.c-white {
  color: #fff !important;
}

.c-dark-primary {
  color: #141C32;
}

.c-primary,
.c-red {
  color: #df1f3d;
}

.c-dark-blue {
  color: #141C32;
}


.bg-primary {
  background-color: #df1f3d;
  /*color: #fff;*/
}

.bg-dark-primary {
  background-color: #141C32;
  /*color: #fff;*/
}

/*.bg-primary-light {*/
/*  background-color: #EBFAFE;*/
/*}*/

.bg-green {
  /*background-color: #00799e;*/
  background-color: #141C32;
}

.bg-light-gradient {
  background-image: linear-gradient(180deg, #f7f8fa, #fff);
}

.bg-dark-gradient {
  background-image: linear-gradient(180deg, #2D3C61, #141C32);
}

.bg-dark-gradient-reverse {
  background-image: linear-gradient(0deg, #2D3C61, #141C32);
}

.bg-arcs-gradient {
  background-image: url('../images/bg-arc-gradient-left.svg'),
                    url('../images/bg-arc-gradient-right.svg');
  background-position: 0% 20%, 100% 40%;
  background-repeat: no-repeat, no-repeat;
  background-size: 300px, 200px;
}

.bg-dark-gradient.bg-arcs-gradient {
  background-image: url('../images/bg-arc-gradient-left.svg'),
                    url('../images/bg-arc-gradient-right.svg'),
                    linear-gradient(180deg, #2D3C61, #141C32);
  background-position: 0% 50%, 100% 40%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 300px, 200px, auto;
}


.bg-arcs-gradient-2 {
  background-image: url('../images/bg-arc-gradient-left.svg'),
                    url('../images/bg-arc-gradient-right.svg');
  background-position: 0% 20%, 100% 40%;
  background-repeat: no-repeat, no-repeat;
  background-size: 300px, 200px;
}

.bg-rectangles {
  background-image: url('../images/bg-rectangles-gray-2x.png') !important;
  /*background-image: url('../images/bg-rectangles.svg') !important;*/
  /*background-position: 0% 100% !important;*/
  background-position: 0% 0% !important;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: 100%;
}

.bg-dark.bg-rectangles,
.bg-dark-primary.bg-rectangles {
  background-image: url('../images/bg-rectangles-blue-2x.png') !important;
}

.bg-cross-wave {
  background-image: url('../images/x-wave-bg.svg') !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-size: 1440px;
  background-size: cover;
}

.bg-world-map {
  background-image: url('../images/world-map-2x.png') !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /*background-size: cover !important;*/
  background-size: 50% !important;
}

.bg-cross-wave.bg-world-map {
  background-image: url('../images/world-map-2x.png'), url('../images/x-wave-bg.svg') !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-size: 50%, 1440px !important;
}


.bg-line-waves {
  background-image: url('../images/line-waves-bg.svg') !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat;
  background-size: 1440px;
  background-size: cover;
}

.bg-hero {
  background-image: url('../images/Hero-BG.svg') !important;
  background-position: 50% 100% !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-dark-bottom-pattern {
  background-image: url('../images/bg-dark-bottom-pattern-2x.png') !important;
  background-position: 50% 100% !important;
  background-repeat: no-repeat;
  background-size: 1440px;
  /*background-size: cover;*/
}

.bg-dark-gradient.bg-dark-bottom-pattern {
  background-image: url('../images/bg-dark-bottom-pattern-2x.png'),
                    linear-gradient(180deg, #2D3C61, #141C32) !important;
  background-position: 50% 100%, 0 0 !important;
  background-repeat: repeat-x, repeat;
  background-size: 1440px, auto;
  /*background-size: cover, auto;*/
}

.bg-none {
  background-color: transparent !important;
}

.hilite {
  background-color: rgba(223, 31, 61, 0.17);
}

.bs2 {
  box-shadow: 0 18px 29px rgba(0,0,0,0.06);
}

.bs3 {
  box-shadow: 0 26px 20px rgb(0 0 0 / 9%);
}

.bsn {
  box-shadow: none !important;
}

.b10px {
  border: 10px solid #ececec;
}

.round50p {
  border-radius: 50%;
}

.round25 {
  border-radius: 25px;
}

.round5 {
  border-radius: 5px;
}

.tdn {
    text-decoration: none;
}

.ttn {
    text-transform: none;
}

.fsn {
  font-style: normal;
}

.fsi, .italic {
  font-style: italic;
}


@media screen and (max-width: 767px) {
    
    .w-col {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /*.w-container .w-row {*/
    /*    margin-left: -20px;*/
    /*    margin-right: -20px;*/
    /*}*/
    
    .p10 {
        padding: 20px !important;
    }
    .side-pad {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .w-nav-brand {
        padding-left: 20px;
    }
    
    .section.large-pad {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .slider .w-col {
        padding-left: 10px;
        padding-right: 10px;
    }
}


.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb160 {
  padding-bottom: 160px !important;
}


.dark-radial-gradient {
  background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.8));
}

/*************/


.section.stats-section {
  margin-bottom: 0;
}

.customers-section .client-logo {
  overflow: hidden;
}

.customers-section .client-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 200px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*border-style: solid;*/
  /*border-width: 1px;*/
  /*border-color: #c2d1d9;*/
  /*border-color: rgba(194, 209, 217, 0.51);*/
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 18px 29px rgba(0,0,0,0.06);
}

/*.client-logo {*/
/*  opacity: 0.5;*/
/*  -webkit-filter: contrast(1.4) saturate(0);*/
/*  filter: contrast(1.4) saturate(0);*/
/*  -webkit-transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;*/
/*  transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;*/
/*}*/

/*.client-logo:hover {*/
/*  opacity: 1;*/
/*  -webkit-filter: contrast(1) saturate(1);*/
/*  filter: contrast(1) saturate(1);*/
/*}*/


.grayscale {
  opacity: 0.5;
  -webkit-filter: contrast(1.4) saturate(0);
  filter: contrast(1.4) saturate(0);
}

.color-on-hover .grayscale {
  -webkit-transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;
  transition: opacity 500ms, -webkit-filter 500ms, filter 500ms;
}

.color-on-hover:hover .grayscale {
  opacity: 1;
  -webkit-filter: contrast(1) saturate(1);
  filter: contrast(1) saturate(1);
}


.client-logo .category.featured {
  padding: 2px 30px;
  top: 25px;
  right: -30px;
  background-color: red;
  background: linear-gradient(136.11deg, #00799E 0%, #DF1F3D 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transform: rotateZ(45deg);
}


.hero-form-section {
  position: absolute;
  top: -278px;
  z-index: 990;
  width: 100%;
}

.form-field {
  height: 53px;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
}

.hero-section+.locomotive-section .move-up-if-hero {
    position: relative;
    z-index: 1;
    margin-top: -180px;
}

/*** CLS - FORCE IMAGES WITH DEFINED HEIGHT TO AUTO ***/

img.w100p[height] {
    height: auto;
}




/*** SAFARI FLEX WRAP FIX **/
@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */     
   .flex:not(.column) > .w-col { 
    margin-left: -.3px;
    margin-right: -.3px;
  }
    
}