@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');






/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */









:root {
    --blueBorder: #1f7dbc;
    --greenBorder: #6DB12D;
    --redBorder: #E3051F;
    --grayText: #000;
}

.bg-blue{
  background-color:var(--blueBorder); 
}
.bg-green{
  background-color:var(--greenBorder); 
}
.bg-red{
  background-color:var(--redBorder); 
}





.content-wrapper {
  max-width: 1240px;
  width: 100%;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}




@font-face {
  font-family: 'Santral';
  src: url('https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/Fonts/Santral/Santral-Light.eot');
  src: url('https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/Fonts/Santral/Santral-Light.eot#iefix') format('embedded-opentype'),
    url('https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/Fonts/Santral/Santral-Light.woff') format('woff'),
    url('https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/Fonts/Santral/Santral-Light.ttf.ttf') format('truetype'),
    url('https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/Fonts/Santral/Santral-Light.svg#Santral-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 18px;
}

body {
  font-family: Muli, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: var(--grayText);
  font-weight: 100;
}

/* Paragraphs */

p {
  font-family: Muli, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-weight: 100;
}

/* Anchors */

a {
  color: #1f7dbc;
}

a:hover,
a:focus {
  color: #005594;text-decoration:none;
}

a:active {
  color: #47a5e4;
}

/* Headings */

h1 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
   color: var(--grayText);
  font-size: 57px;
  line-height: 55px;
  font-weight: 100 !important;
}

h2 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
   color: var(--grayText);
  font-size: 53px;
  font-weight: 100 !important;
  line-height:60px;
  margin-bottom:10px;
}

h3 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
  color: var(--grayText);
  font-size: 38px;
  font-weight: 100 !important;
}

h4 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
   color: var(--grayText);
  font-size: 34px;
  font-weight: 100 !important;
}

h5 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
  color: var(--grayText);
  font-size: 24px;
  font-weight: 100 !important;
}

h6 {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
   color: var(--grayText);
  font-size: 21px;
  font-weight: 100 !important;
}

/* Blockquote */

blockquote {
  border-left-color: #F8FAFC;
}





button,
.button {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #000000;
  border-radius: 0px;
  color: #000000;
  padding: 15px 53px;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: rgba(215, 215, 215, 1.0);
  border-color: #000000;
  color: #000000;
}

button:active,
.button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #282828;
  color: #000000;
}





form,
.submitted-message {
  font-family: Muli, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(29, 29, 27, 1)

;
  color: #000000;
}

/* Form label */

form label {
  color: #000000;
}

/* Form help text */

form legend {
  color: #000000;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  /* border-color: #000000; */
  /* color: #000000; */
  border: 1px solid #1d1d1b;
  border-radius: 0;
  color: #1d1d1b;
  font-family: Muli;
  font-size: 18px;
  font-weight: 100;
  padding: 13px 22px !important;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #000000;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #000000;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #000000;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #1d1d1b;
}

.fn-date-picker td .pika-button:hover {
  background-color: #1d1d1b !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #1d1d1b;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #000000;
  border-radius: 0px;
  color: #000000;
  padding: 15px 53px;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(215, 215, 215, 1.0);
  border-color: #000000;
  color: #000000;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: #282828;
  color: #000000;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #1d1d1b;
}

th,
td {
  border-color: #1d1d1b;
  color: #1d1d1b;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(29, 29, 27, 1)

;
  border-bottom-color: #1d1d1b;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #1d1d1b;
}







body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
  font-family: Muli, sans-serif;
  font-weight: 700 !important;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: transparent ;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  border-color: #000000;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #000000;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #000000;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Muli, sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: #ffffff;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #ffffff;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #ffffff;
}





.blog-index,
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

.blog-pagination,
.blog-comments {
  margin-bottom: 80px;
}

.blog-post__date {
  border-color: #000000;
}

.blog-post__tag-link {
  color: #000000;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000000;
}

.blog-post__tag-link:active {
  color: #282828;
}

/*.blog-pagination__link {
color: #000000;
} */
.blog-pagination__link {
  color: #2a2a2c;
  font-size: 17px;
  margin: 0px 10px;
  padding: .35rem .5rem;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #1d1d1b;
}

#comments-listing .comment-reply-to {
  color: #1f7dbc;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #005594;
}

#comments-listing .comment-reply-to:active {
  color: #47a5e4;
}











.card__price {
  font-family: Muli, sans-serif; font-style: normal; font-weight: 100; text-decoration: none;
  color: #000000;
  font-size: 38px;
}










.dnd-section > .row-fluid {
  max-width:100% !important;
}
header.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: all 0.3s;
   background-color: #000;
}
.bottom-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}
.header__logo--main {
  width: auto;
  padding: 0;
  flex-shrink:0;
}
.header__column {
  width: 80%;
  text-align: right;
}
body .navigation-primary a, .header__logo .logo-company-name, .header__language-switcher-label-current, .header__language-switcher .lang_list_class li a {
  color: #fff;
  font-family: Muli,sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.29px;
}
.top-header ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.top-header ul li {
  position: relative;
  display: flex;
  align-items: center;
}
.top-header ul li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.80);
}


.header__navigation .submenu.level-1>li>a {
  font-weight: 100;
}
.top-header ul li:last-child:before {
  display: none;
}
.top-header ul li{
  position:relative; 
}
.top-header ul li:before {
  position: absolute;
  content: '';
  background-color: #9d9d9c;
  height: 50px;
  right: 0;
  top: -18px;
  bottom: 0;
  margin: auto;
  width: 1px;
}
.top-header {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.header__logo.header__logo--main {
  position: relative;
  top: 3px;
}

.header__navigation.header--element {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.global-icon-top {
  margin-right: 10px;
  position: relative;
  bottom: 1px;
}
.top-header, .bottom-header {
  max-width: 1560px;
  margin: 0 auto;
  width: 100%;
}
.submenu >.has-submenu>.menu-arrow {
  right: -5px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  display: inline-block;
  padding: 3px;
  transform: rotate(
    45deg
  ) !important;
  -webkit-transform: rotate(
    45deg
  ) !important;
  border-top: unset !important;
  border-left: unset !important;
}
.header__search .hs-search-field__input {
  background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/white-search-icon.svg) !important;
  background-size: 60%;
  cursor: pointer;
}
.cta_button.cpm-cta {
  transition: transform .3s ease-out 0s;
  transform: translate(0);
  padding: 19px 23px 19px 23px;
  display: inline-block;
  outline: none;
  text-decoration: none;
  position: relative;
}
.cta_button.cpm-cta:after, .cta_button.cpm-cta:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 199;
}
.cta_button.cpm-cta:after {
  width: 50%;
  border-bottom: 2px solid #6db12d;
  height: 1px;
  transition: width .3s ease-out 0s;
}
.cta_button.cpm-cta:before {
  height: 60%;
  border-left: 2px solid #6db12d;
  width: 1px;
  transition: height .2s ease-out .1s;
}

.cta_button.cpm-cta:hover {
  padding-left: 30px !important;
}
.cta_button.cpm-cta:hover:before{
  height: 0;
  transition: height .2s ease-out .1s;
}
.cta_button.cpm-cta:hover:after{
  width: calc(100% - 23px);
  transition: width .3s ease-out 0s;
}
.cta_button.cpm-cta {
  transition: .3s !important;
  line-height: 22px;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 0.34px;
  color: #1d1d1b;
  font-weight: 800 !important;
}
.header_secandory-nav .hs-search-field__input.focus-visible {
  max-width:0 !important;
  border: 0 !important;
  outline: 0 !important;
  background-color:transparent !important;
}
.hs-search-field__bar form {
  position: relative;
}
.hs-search-field__input.focus-visible {
  border: 1px solid #c6c6c6 !important;
  background-color: #fff !important;
  color:#fff
    outline:none;
}
/* sticky header style */
.header-lines > div {
  width: 100%;
  transition: all 0.8s;
}
.header-lines {
  display:none;
}
.blue-border-header {
  border-bottom: 9px solid #1f7dbc;
}
.light-green-header {
  border-bottom: 9px solid #6db12d;
}
.red-border-header {border-bottom: 9px solid #e3051f;}
.header.sticky {
  
  border-bottom: none;
}
.header.sticky .header-lines{
  display: flex;
  transition: all 0.8s;
}
/* overlay all */
.overlay {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 969px;
}
.overlay:before {
  content: '';
  position: absolute;
  top: 0;
  /* background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/baner-top-overlay.png); */
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  bottom: 0;
  left: 0;
  right: 0;
  /*opacity:0.7;*/
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .overlay:before {

    mix-blend-mode: unset;

    opacity:0.7;
  }

}
.overlay:after {
  content: '';
  position: absolute;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;

  bottom: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.9;
}
.overlay.red-bg:before {
  background-color: rgba(227, 5, 31, 1);
}
.overlay.light-green-bg:before {
  background-color: rgba(109, 177, 45, 1);
}
.overlay.blue-bg:before {
  background-color: rgba(31, 125, 188, 1);
}
.overlay.black-bg:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay.red:before {
  background-color: rgb(114 0 13);
}
.overlay.green:before {
  background-color: rgb(43 74 14);
}
.overlay.blue:before {
  background-color: rgba(31, 125, 188, 1);
}
.overlay.none:before {
  background-color: rgba(0, 0, 0, 0.5);
}


.overlay .content-wrapper {
  z-index: 99;
  position: relative;
}
.banner-bottom-outer {
  width: 100%;
  position: absolute;
  bottom: 1px;
}
.top-overlay:after {
  content: '';
  background-image: linear-gradient(to top, rgba(29, 29, 27, 0) 0%, #1d1d1b 100%);
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 35%;
  top: 0;
}
.blue-sub-heading {
  margin-bottom: 0px;
  color: #1f7dbc;
  font-family: Muli;
  font-size: 30px;
  font-weight: 100 !important;
}
.blue .image-border-small:before, .blue .image-border-small:after {
  background: #1f7dbc;
}
.light-green .image-border-small:before, .light-green .image-border-small:after {
  background: #6db12d;
}
.red .image-border-small:before, .red .image-border-small:after {
  background: #e4051f;
}
.blue .image-overlay:before {background-color: #1f7dbc;}
.light-green .image-overlay:before {background-color: #6db22d;}
.red .image-overlay:before {background-color: #e4051f;}
.blue .cta_button.cpm-cta::before, .blue .cta_button.cpm-cta::after, .cta_button.cpm-cta.blue::before, .cta_button.cpm-cta.blue::after {
  border-color: #1f7dbc;
}
.light-green .cta_button.cpm-cta::before, .light-green .cta_button.cpm-cta::after, .cta_button.cpm-cta.light-green::before, .cta_button.cpm-cta.light-green::after {
  border-color: #6db12d;
}
.red .cta_button.cpm-cta::before, .red .cta_button.cpm-cta::after, .cta_button.cpm-cta.red::before, .cta_button.cpm-cta.red::after {
  border-color: #e3051f;
}
.cta_button.cpm-cta a{
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
  font-family: Muli;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .34px;
}
.subheading {
  color: #ffffff;
  font-family: Muli;
  font-size: 30px !important;
  font-weight: 100;
  line-height: normal;
  margin-bottom: 5px;
}
.white .cta_button.cpm-cta {
  color: #fff;
  font-family: Muli;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .41px;
  transition: .3s;
}
.white .cta_button.cpm-cta:before, .white .cta_button.cpm-cta:after {
  border-color: #fff !important;
}
.text-center {
  text-align: center;
}
.color-white {
  color: #fff;
}
.btn-block.blue {
  background-color: #1f7dbc;
}
.btn-block.light-green {
  background-color: #6db12d;
}
.btn-block.red {
  background-color: #e3051f;
}
.medium-text p {
  line-height: 42px;
  color: #000000;
  font-family: Muli;
  font-size: 33px;
  font-weight: 100 !important;
  max-width: 860px;
  margin: 0 auto;
}


/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/

.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

.owl-carousel {
  display: block;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}
.footer-outer .three-lines-outer {
  padding: 0;
}
.copyright-text a {
  margin-left: 20px;
}
.social-links a:hover {
  transform: rotate( 
    -2deg
  ) translateY(-5px) scale(1.025);
} 

/* nav dropdawn style */

.submenu.level-2 .menu-item .menu-link {
  line-height: 22px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 100;
  padding: 10px 0px !important;
}

nav.navigation-primary > ul > li > ul > li:last-child {
  border: none !important;
}
.submenu.level-2 .menu-item:last-of-type, .submenu.level-2 .menu-item:last-of-type .menu-link {
  border-radius: 0 !important;
}
.submenu.level-2>li:first-child:before {
  background-color: #ffffff00 !important;
  border: none !important;
  box-shadow: none !important;
  height: 45px !important;
  left: 80px !important;
  top: -32px !important;
  width: 100px !important;
  margin-left: 0 !important;
  transform: rotate( 
    360deg
  ) !important;
  cursor: pointer;
}
.submenu.level-1>li {
  padding: 15px 15px 15px 0!important;
  margin: 0 20px !important;
}
.submenu.level-1>li.no-submenu{
  padding-right:0!important; 
}
.submenu .menu-item .menu-link {
  background-color: transparent !important;
}
.submenu {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
body .submenu.level-2 .menu-item .menu-link:hover{
  /*background-color: rgb(76 76 72);*/
}
body .navigation-primary a{
  text-align: left;
}
nav.navigation-primary ul > li > ul {
  background-color: #3b3b3ae6 !important;
  padding: 20px 32px !important;
}
.submenu.level-1>li.has-submenu:hover .submenu.level-2, .submenu.level-1>li.has-submenu.focus .submenu.level-2 {
  left: 70px !important;
  top: 85px !important;
}
.header__language-switcher.header--element {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px 0 20px;
}
.header__language-switcher--label-current:after {
  display: none;
}
.globe-image .global-icon-top {
  margin-right: 0;
  position: relative;
  vertical-align: middle;
  top: 3px;
}
.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  margin-left: 20px;
  text-transform: uppercase;
  color: #FFF;
  font-size: 14px;
  font-weight: 100;
  line-height:100%;
}
.header .left-content {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.header__language-switcher--label {
  position: relative;
  align-items: center;
}
.header__language-switcher--label:before {
  
}
.language-label{
   position: relative;
    color: #979696;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding-right: 25px;
  display:flex;
  align-content:center;
} 
.language-label .globe{
  display:inline-block;
  width:18px;
  height:18px;
  background:url(//2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/raw_assets/public/CPM%20Group%20-%20Website%20Theme%20copy/images/globe.svg) no-repeat center center;
  background-size:100% auto;
  opacity:75%;
  margin-right:10px;
} 
.language-label:after{
  content:''; 
  position:absolute;
  right:0;
  top:1px;
  display:block;
  width:11px;
  height:11px;
  border-top:2px solid #979696;
  border-right:2px solid #979696;
  transform:rotate(135deg) ;
}
.global-network-link a{
   color: #979696;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: 600;
  display:block;
  position:relative;
  padding:4px 0 4px 4px;
  display:flex; 
  align-items:center;
  
}
.global-network-link a:before{
  background:url(//2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/raw_assets/public/CPM%20Group%20-%20Website%20Theme%20copy/images/marker.svg) no-repeat center center;
  position: relative;
    content: '';
    display: block;
    width: 18px;
    height: 24px; 
    background-size: 100% auto;
    margin-right: 6px;
    opacity: 60%;
}
.global-network-link{
  padding-left:20px;
  border-left:1px solid #979696;
  margin-right:30px;
}
@media only screen and (max-width: 768px) {
  .global-network-link{
    display:none; 
  }
}
.header__navigation .sidebar-nav ul.submenu.level-1 > li > a {
  font-weight: bold !important;
  padding: 9px 0px !important;
}
.sidebar-nav nav > ul.submenu > li:nth-child(3n+1) {
  border-bottom: 2px solid #1f7dbc;
}
.sidebar-nav nav > ul.submenu > li:nth-child(3n+2) {
  border-bottom: 2px solid #6db12d ;
}
.sidebar-nav nav > ul.submenu > li:nth-child(3n+3) {
  border-bottom: 2px solid #e3051f;
}
.sidebar-nav .submenu.level-2 .menu-item .menu-link {
  padding:5px 20px 5px 20px !important;
  margin:0 0 11px 0px;
}
.header_secandory-nav nav.navigation-primary > ul > li > ul > li:nth-child(3n+1) {
  border-bottom: 2px solid  #1f7dbc;
}
.header_secandory-nav nav.navigation-primary > ul > li > ul > li:nth-child(3n+2) {
  border-bottom: 2px solid #6db12d;
}
.header_secandory-nav nav.navigation-primary > ul > li > ul > li:nth-child(3n+3) {
  border-bottom: 2px solid #e3051f;
}
.sidebar-nav nav.navigation-primary {
  max-height: 100vh;
  overflow: auto;
  padding: 0 0 150px 0;
}
.sidebar-nav nav>ul.submenu>li:last-child {
  border-bottom: none;
}
.sidebar-nav nav.navigation-primary ul {
  white-space: normal;
}

/*============= Blog Css starts Here ===================*/ 

.hs-blog-listing .banner-inner h1 a {
  color: #fff;
  font-size: 57px;
  max-width: 658px;
  font-weight: 100;
}
.hs-blog-listing .banner-inner .desc, .hs-blog-listing .banner-inner .desc p {
  max-width: 808px;
  color: #fff;
  font-family: Muli;
  font-size: 24px;
  font-weight: 100;
}
.hs-blog-listing .banner-inner .desc p strong {
  font-weight: 100;
}
.hs-blog-listing .banner-inner .cta_button.cpm-cta a {
  color: #fff;
}
.hs-blog-listing .banner-inner .banner-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 60px;
}
.hs-blog-listing .banner-inner .cta-two {
  line-height: 24px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0 0 60px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 18px 10px 18px 10px;
}
.hs-blog-listing .banner-inner .cta-two:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 2px;
}
.hs-blog-listing .banner-inner .light-green::after {
  background: #6db12d;
}
.hs-blog-listing .banner-inner .red::after {
  background: #e3051f;
}
.hs-blog-listing .banner-inner .blue::after {
  background: #1f7dbc;
}
.hs-blog-listing .banner-inner .cta_button.cpm-cta {
  line-height: 26px;
  font-size: 20px;
  letter-spacing: 0.41px;
}
.hs-blog-listing .banner-inner .clock-icon {
  margin: 0px 15px 0 0;
}
.banner-bottom-content .three-lines-inner .blue-border-line {
  border-color:#1f7dbc !important;
}
.banner-bottom-content .three-lines-inner .light-green-border-line {
  border-color:#6db12d !important;
}
.banner-bottom-content .three-lines-inner .red-border-line {
  border-color:#e3051f !important;
}
.banner-bottom-content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 20px;
}
.banner-bottom-content .three-lines-inner {
  width: 100%;
}
.banner-bottom-content .three-lines-inner .line {
  border-bottom: 9px solid;
  max-width: 475px;
}
.blog-index .blog-index__post .image, a.blog-related-posts__image.image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  margin: 0px 0 10px 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  object-fit: cover;
  display: block;
  height: 240px;
}
.blog-index-outer .content-wrapper {
  max-width: 1560px;
  padding: 0 20px;
}
.blog-outer .blog-index__post .title h5, .blog-related-posts__content .title h5{
  line-height: 40px;
  color: #1d1d1b;
  font-size: 32px;
  font-weight: 400;
  margin: 30px 0 30px 0;
}
.blog-outer .blog-index__post .title h5 a, .blog-related-posts__content .title h5 a{
  color: #1d1d1b;
  font-size: 32px;
  font-weight: 100;
}
.blog-outer .btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.blog-outer .read-time {
  display: flex;
  align-items: center;
  line-height: 21px;
  text-transform: uppercase;
  color: #9d9d9c;
  font-family: 'Montserrat',sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing:0;
}
.clock-icon {
  margin: 2px 10px 0 0;
}
.blog-outer .tages>div {
  max-width: 113px;
  height: 38px;
  border: 1px solid #1f7dbc;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f7dbc;
  font-family: 'Santral';
  font-size: 17px;
  font-weight: 300;
  margin: 5px 10px 0 0;
  padding: 7px 19px;
}
.blog-pagination, .blog-comments {
  padding: 60px 0 80px 0;
  background-color: #ededed;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.blog-pagination .pagination-title {
  line-height: 21px;
  text-transform: uppercase;
  color: #1f7dbc;
  font-size: 16px;
  margin: 0 0 30px 0;
  width: 100%;
  text-align: center;
}
.blog-outer .topic-outer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  margin:10px 0 0 0;
}
.blog-outer .topic {
  border: 1px solid #1f7dbc;
  background-color: #ffffff;
  margin: 0 18px 0px 0px;
  padding: 7px 20px 7px 20px;
}
.blog-outer .topic p {
  margin: 0;
}
.blog-outer .topic-link {
  color: #1f7dbc;
  font-family: "Santral";
  font-size: 17px;
  font-weight: 100;
}
.blog-outer .publish-date {
  line-height: 24px;
  color: #1d1d1b;
  font-size: 18px;
  font-weight: 100;
}
.blog-outer .banner-inner p {
  font-size: 30px;
  margin-bottom: 10px;
  color: #fff;
}
.blog-outer .banner-inner p a {
  color: #fff;
}

.get-in-touch #hs_cos_wrapper_background_image {
  display: none;
}
.hs-blog-listing .banner-outer.small-banner {
  min-height: 795px;
}
.blog-index__post {
  margin: 0 20px 60px 0;
  position: relative;
  padding: 0 0 60px 0;
  /* flex: 0 0 calc(97%/3); */
  width: calc(33.33% - 14px) !important;
}

article.blog-index__post.blog-index__post--small.success-inner:nth-child(3n) {
  margin-right: 0;
}

article.blog-related-posts__post.blog-index__post.success-inner:nth-child(3n) {
  margin-right: 0;
}
article.blog-index__post:nth-child(2n) .cta_button.cpm-cta:before, article.blog-index__post:nth-child(2n) .cta_button.cpm-cta:after{
  border-color: #6db12d;  
}
article.blog-index__post:nth-child(3n) .cta_button.cpm-cta:before, article.blog-index__post:nth-child(3n) .cta_button.cpm-cta:after{
  border-color:#e3051f;  
}

.blog-outer .blog-index__post .btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.blog-outer .blog-index__post .read-time {
  padding-left: 20px;
}
.blog-pagination__link, .blog-pagination__number-link:hover, .blog-pagination__number-link:focus {
  border: 0;
}
.blog-index {
  padding: 80px 0 40px;
  /*justify-content: space-between;*/
}


article.blog-index__post.success-inner:nth-child(3n+2) .topic {
  border-color: #6db12d;
}
.blog-outer article.blog-index__post.success-inner:nth-child(3n+2) .topic-link {
  color: #6db12d;
}
article.blog-index__post.success-inner:nth-child(3n) .topic{
  border-color:#e3051f 
}
.blog-outer article.blog-index__post.success-inner:nth-child(3n) .topic-link{
  color: #e3051f;
}

.topic-list-outer {
  background-color: #e3051f;
  position: relative;
  border-bottom: 0 !important;
  padding: 31px 61px 29px 67px;
}
.topic-list ul {
  position: absolute;
  left: 0;
  margin: 0;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #e3051f;
  padding:20px 75px !important;
  list-style-type: none;
}
.topic-list ul li {
  border-bottom: 1px solid #dc4949;
  padding: 10px 0;
  margin: 0;
}
.topic-list ul li:last-child {
  border-bottom: none;
}
.topic-list ul li a {
  color: #fff;
  display: inline-block;
  width: 100%;
}
.topic-title {
  background-color: #F9CDD2;
  border-radius: 5px;
  color: #e3051f;
  font-size: 20px;
  font-weight: 100;
  background-image: url(https://blog.cpmire.com/hubfs/CPM_Theme_2021/images/home_Page/red-arrow.png);
  background-repeat: no-repeat;
  background-position: 95%;
  cursor: pointer;
  padding: 14px 25px 14px 26px;
}
span.subscribe {
  display: block;
  text-align: right;
  color: #ffffff;
  font-family: Muli;
  font-size: 19px;
  font-weight: 100;
  margin-bottom: 15px;
}
span.subscribe img.right-arrow {
  vertical-align: middle;
  padding-left: 35px;
}
.blog-listing-banner .banner-inner{
  padding-top:100px;
}
.blog-detail-banner .banner-inner {
  padding-bottom: 50px;
}
.blog-outer .cta-two.light-green {
  font-size: 17px;
  font-weight: 400;
}
.topic-list-outer a {
  display: inline-block;
  width: 100%;
}
a.more-link.cta_button.cpm-cta {
  font-weight: 800;
}


.blog-detail-banner {
  padding-top:70px;
}
.outer_wrapper_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: -160px;
  position: relative;
}
article.blog-post-outer {
  width: 65%;
  padding-right: 65px;
}
.right-featured-resources {
  width: 35%;
  z-index: 500;
}
article.blog-post-outer img.blog-index__post-image.image {
  width: 900px;
  height: 390px;
  object-fit: cover;
  margin-bottom: 45px;
}
.blog-post__body, .blog-post__body p {
  color: #1d1d1b;
  font-size: 18px !important;
  font-weight: 100;
}
.blog-detail-banner {
  min-height: 675px !important;
}
.right-featured-resources h5 {
  color: #ffffff;
  font-family: Muli;
  font-weight: 100;
  margin-top: 15px;
}
.right-featured-resources h5 img.down-arrow {
  vertical-align: middle;
  padding-left: 10px;
}
.right-featured-inner .title a {
  color: #19191a;
  font-size: 29px;
}
.right-featured-inner .title {
  color: #19191a;
  font-family: Muli;
  font-size: 29px;
  font-weight: 100;
  margin-bottom: 25px;
  line-height: 30px;
}
.right-featured-inner {
  box-shadow: 0 8px 22px rgb(0 0 0 / 15%);
  background-color: #fff;
  padding: 50px 35px;
  margin-bottom: 50px;
  box-shadow: 0px 8px 22px 1px rgba(0, 0, 0, 0.2);
}

.featured-image {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30% 0;
}
.right-featured-inner .desc, .right-featured-inner .desc p {
  color: #19191a;
  font-family: Muli;
  font-size: 17px !important;
  font-weight: 100;
}
.social_icons {
  background-color: #1f7dbc;
  color: #ffffff;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 100;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 28px;
} 
.social_icons ul {
  padding: 0 0 0 15px;
  list-style-type: none;
  margin-bottom: 0;
}
.social_icons ul li {
  display: inline-block;
}
.social_icons ul li i.fab {
  color: #1f7dbc;
}
.bottom_content {
  display: flex;
  flex-wrap: wrap;
} 
.social_icons ul li a {
  width: 31px;
  height: 31px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blog-post__tags {
  background-color: #ededed;
  padding: 15px;
  color: #404248;
  font-size: 15px;
  font-weight: 100;
}
.blog-post__tags .blog-post__tag-link {
  font-size: 15px;
  font-weight: 100;
  color: #1f7dbc;
}
.outer_wrapper {
  padding-bottom: 130px;
  position: relative;
  z-index: 99;
}
.outer_wrapper .blog-post__body {
  margin-bottom: 60px;
}
.blog-related-posts .full-content-wrapper {
  max-width: 1560px;
  padding: 0 20px;
  margin: 0 auto;
}
.hs-blog-post .blog-related-posts h2 {
  text-align: left;
}
.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  justify-content:center;
}
.blog-outer .blog-related-posts {
  background-color: #f6f6f6;
  margin-top: 10px;
}
.get-in-touch-inner.two-col .form-outer {
  width: 50%;
  max-width: 560px;
  margin: 65px 0 0 0;
}
.form-outer form option {
  background: #d5cece;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.form-outer  form input[type=submit]:hover,
.form-outer form input[type=submit]:focus,
.form-outer form .hs-button:hover,
.form-outer form .hs-button:focus { background-color:  transparent !important;}

.form-outer form textarea {  height: 110px; }


.form-outer form input[type=submit] {
  border: none;padding: 15px 25px;
}
.form-outer form .actions {
  position: relative;
}


.form-outer .content-sec h2 {
  padding: 10px 0px;
}
.form-outer form input[type=text],
.form-outer form input[type=email],
.form-outer form input[type=password],
.form-outer form input[type=tel],
.form-outer form input[type=number],
.form-outer form input[type=file],
.form-outer form select,
.form-outer form textarea {
  width: 100% !important;
}

.form-outer form input.hs-button.primary.large {
  background: transparent;
}

.form-outer form input[type=submit]:hover {
  background-color: rgb(215 215 215 / 0%);
}
.get-in-touch.overlay.default form select {
  -webkit-appearance: none !important;
  background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/Contact%20Us/down-arrow.png);
  background-repeat: no-repeat;
  background-position: 98% 52%;
}

.get-in-touch.overlay.default form select option {
    background: white !important;
    color: black !important;
    padding: 5px 0px !important;
}

.get-in-touch-inner.one-col {
  width: 100%;
  max-width: 700px; 
}
.hs-form-field {
  margin-bottom: 15px;
}


.get-in-touch.overlay.white_form .get-in-touch-inner
{
  color: #fff;
}
.get-in-touch.overlay.white_form .blue-sub-heading,
.get-in-touch.overlay.white_form h2{
  color: #fff;
}
.get-in-touch.white_form .hs_submit.hs-submit input.hs-button {
  color: #fff !important;
}


.get-in-touch.overlay.white_form .form-outer form input[type=text],

.get-in-touch.overlay.white_form .form-outer form input[type=email],

.get-in-touch.overlay.white_form .form-outer form input[type=password],

.get-in-touch.overlay.white_form .form-outer form input[type=tel],

.get-in-touch.overlay.white_form .form-outer form input[type=number],

.get-in-touch.overlay.white_form .form-outer form input[type=file],

.get-in-touch.overlay.white_form .form-outer form select,

.get-in-touch.overlay.white_form .form-outer form textarea{
  background-color: transparent;
  border: 2px solid #fff;
  width: 100% !important;
  color: #fff;
}
.get-in-touch.overlay.white_form .form-outer form select{
  -webkit-appearance: none !important;
  background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/CPM%20unsure/white-down-arrow.png);
  background-repeat: no-repeat;
  background-position: 98% 52%;
}
.get-in-touch.overlay.white_form input::placeholder,
.get-in-touch.overlay.white_form textarea::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.get-in-touch.overlay.white_form input:-ms-input-placeholder,
.get-in-touch.overlay.white_form textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #fff;
}

.get-in-touch.overlay.white_form input::-ms-input-placeholder,
.get-in-touch.overlay.white_form textarea::-ms-input-placeholder{ /* Microsoft Edge */
  color: #fff;
}
.get-in-touch.overlay.white_form .form-outer form input.hs-button.primary.large{
  background: transparent;color: #fff;
}
.get-in-touch.overlay.white_form form label {
  color: #fff;
}
form input[type=submit], form .hs-button {
  letter-spacing: 0.41px;
  text-transform: uppercase;
  color: #000000 !important;
  font-size: 21px !important;
}
.get-in-touch.white_form p {
  color: #fff;
}
.get-in-touch.overlay.white_form .content-wrapper {
  max-width: 1220px;
}
.get-in-touch-inner.one-col h2 {
  max-width: 680px;
}
.get-in-touch label.hs-error-msg, .get-in-touch ul.hs-error-msgs label {
  color: red !important;
}
.get-in-touch form .legal-consent-container {
  margin-top: 30px;
}
.submitted-message {
  padding:50px 0 0;
}
.get-in-touch.overlay.white_form h2 {
  margin: 10px 0 30px;
}
fieldset.form-columns-2 .hs-form-field:last-child {
  padding-left: 10px;
}
fieldset.form-columns-2 .hs-form-field:first-child {
  padding-right: 10px;
}
.input {
  margin-right: 0 !important;
}
.featured-resource-block:last-child .right-featured-inner {
  margin-bottom: 0;
}
.hs-blog-post .banner-outer .banner-inner h1 {
  max-width: 697px;
  line-height: 63px;
  font-size: 49px;
}
.resources label.hs-error-msg, .resources ul.hs-error-msgs label {
  color: red !important;
}
.blog-pagination .blog-pagination__link--active {
  color: #1f7dbc;
}
.blog-listing-banner a.image-url {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hs-blog-listing .jarallax.block-two.banner-outer.overlay.small-banner.parallax--bg.red-bg.blog-listing-banner {
  overflow: visible;
  z-index: 1;
}

/* ======== Blog detail Css End ===========*/


@media only screen and (max-width: 1399px){
  .footer-outer .footer-inner {
    padding: 10px 0 20px 0;
  }
  .overlay {
    min-height: 850px;
  }
 
  .footer-outer { 
    margin: 40px auto 0 auto;
  }
  .blog-index .blog-index__post .title h5 a,   .blog-outer .blog-related-posts__content .title h5 a{
    font-size: 32px;
    line-height: normal;
  }
  .topic-list-outer {
    padding: 32px 30px 29px 30px;
  }
  .blog-outer .publish-date {
    font-size: 16px;
  }
  .blog-outer .topic-link {
    font-size: 15px;
  }
  h2 {
    font-size: 48px;
    line-height: normal;
    margin-bottom:25px;
  }
  .topic-list ul {
    padding: 20px 35px !important;
  }
  .hs-blog-post .banner-outer .banner-inner h1 {
    line-height: normal;
    font-size: 46px;
  }
  .header-lines > div {
    border-width: 5px;
  }
  .blue-sub-heading {
    font-size: 26px;
  }
  .blog-outer .blog-index__post .title h5, .blog-related-posts__content .title h5 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1150px){
  .submenu.level-1>.has-submenu>.menu-arrow {
    top: 30px !important;
  }
  span.subscribe img.right-arrow {
    vertical-align: middle;
    padding-left: 20px;
  }
  span.subscribe img.right-arrow {
    max-width: 30px;
    padding-left: 10px !important;
  }
  .topic-title {
    font-size: 16px;
  }
  span.subscribe {
    text-align: left;
    font-size: 16px;  
  }
  .topic-list-outer {
    padding: 30px 15px;
  }
  .blog-index__post {
    /*  margin: 0 0 40px;
    flex: 0 0 calc(98%/2);*/
  }
  .blog-index, .blog-post, .blog-header__inner, .blog-related-posts {
    padding: 60px 0;
  }
  .cta_button.cpm-cta {
    padding: 17px 20px 17px 20px;

  } 
  .blog-index__post {
    width: calc(50% - 10px) !important;
  }
  article.blog-index__post.blog-index__post--small.success-inner:nth-child(3n) {
    margin-right: 20px;
  }
  article.blog-related-posts__post.blog-index__post.success-inner:nth-child(3n) {
    margin-right: 20px;
  }
  article.blog-index__post.blog-index__post--small.success-inner:nth-child(2n) {
    margin-right: 0;
  }

  article.blog-related-posts__post.blog-index__post.success-inner:nth-child(2n) {
    margin-right: 0;
  }
  .blog-outer .blog-index__post .title h5, .blog-related-posts__content .title h5 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 991px) {
  h1{
    font-size:43px;
  }
  h2{
    font-size:40px;
  } 
  .header__column {
    width: auto;
  }
  body .navigation-primary a{
    font-size: 16px;
  }
  article.blog-post-outer img.blog-index__post-image.image {

  }
  .blog-index .blog-index__post .title h5 a, .blog-outer .blog-related-posts__content .title h5 a {
    font-size: 26px;
  }


}
@media only screen and (max-width: 920px) {
  .header__logo.header__logo--main {
 
  }
  .bottom-header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .blog-index .blog-index__post .read-time {
    right: 40px;
  }
  .blog-pagination, .blog-comments {
    padding: 30px 0 30px 0;
  }
  .blog-pagination .pagination-title {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width:890px) {
  .blog-listing-banner .three-lines-inner .line {
    width: 100%;
    max-width: 475px;
    width: 27%;
  }
  .blog-listing-banner .topic-list-outer.line {
    width: 40%;
  }
  article.blog-post-outer {
    width: 100%;
    padding-right: 0;
  }
  .right-featured-resources {
    width: 100%;
    max-width: 500px;
    margin: 55px auto 0;
  }
  .right-featured-resources h5 {
    color: #19191a;
  }
  .right-featured-resources h5 img.down-arrow {
    display: none;
  }
  .outer_wrapper {
    padding-bottom:70px;
  }
  .blog-outer .read-time {
    font-size: 13px;
  }
  .blog-outer .read-time {
    font-size: 13px;
  }
  .cta_button.cpm-cta {
    font-size: 15px;
  }
  .hs-blog-listing .banner-inner h1 a {
    font-size: 44px;
  }
  .hs-blog-listing .banner-inner .desc, .hs-blog-listing .banner-inner .desc p {
    font-size: 22px;
  }
  .hs-blog-post .banner-outer .banner-inner h1 {
    font-size: 40px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  
  .header__language-switcher .lang_list_class{
    visibility:hidden;
  } 
  
  h1{
    font-size:36px;
    line-height:110%;
  }
  h2{
    font-size:32px;
    line-height:110%;
    margin-bottom:15px;
  }  
  .three-lines-inner .line {
    max-width: 31.2%;
  }
  .blue-sub-heading {
    font-size: 24px;
  }
  .medium-text p {
    font-size: 24px;
  }
  .social-links__icon {
    width: 25px;
  }
  .copyright-text p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .copyright-text a {
    margin: 7px 0 0px 0;
  }
  .copyright-text span {
    margin-bottom: 20px;
  }
  /* header style 
  .top-header {
  display: none;
}*/
  .bottom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header__column {
    width: auto;
  }
  .header__navigation.header--element {
    max-width: 500px;
    z-index: 30 !important;
  }
  .submenu.level-2 .menu-item {
    background-color: transparent !important;
  }
  .header__navigation.header--element.open .search-outer {
    padding: 35px 50px 30px 30px;
  }
  .header__close--toggle {
    right: 20px;
  }
  .header__logo.header__logo--main {
    margin: 15px;
    max-width: 140px;
  }
  .header-lines div {
    border-block-width: 5px;
  }
  .blog-index .blog-index__post .title h5 {
    line-height: normal;
    font-size: 28px;
  }
  .blog-index .blog-index__post .read-time {
    right: 90px;
  }
  span.subscribe {
    display: none;
  }
  .topic-title {
    padding: 10px;
  }
  .topic-list-outer {
    padding: 15px;
  }
  .topic-list ul li a {
    font-size: 16px;
  }
  .topic-list ul {
    padding: 15px 20px !important;
  }
  .topic-list ul li {
    margin-bottom: 6px;
  }
  .right-featured-resources {
    margin: 35px auto 0;
  }
  .social_icons {
    margin-bottom: 14px;
  }
  .bottom_content {
    display: block;
  }
  .outer_wrapper_inner {
    margin-top: 40px;
  }
  .blog-detail-banner {
    min-height: 400px !important;
  }
  .blog-detail-banner .banner-inner {
    padding-bottom: 0;
  }
  .blog-detail-banner {
    padding: 150px 0 50px;
  }
  .blog-index__post {
    /* flex: 0 0 calc(100%/1);*/
  }
  .blog-index .blog-index__post .title h5 a, .blog-outer .blog-related-posts__content .title h5 a {
    font-size: 28px;
  }
  .blog-index__post {
    /* flex: 0 0 calc(100%/1);*/
  }
  .subheading {
    font-size: 24px !important;
  }
  h3 {
    font-size: 32px;
  }
  .blog-index__post {
    width: 100% !important;
    margin-right: 0 !important;
  }
  article.blog-index__post.blog-index__post--small.success-inner:nth-child(3n) {
    margin-right: 0px;
  }
  article.blog-related-posts__post.blog-index__post.success-inner:nth-child(3n) {
    margin-right: 0px;
  }
  .cta_button.cpm-cta a {
    font-size: 14px;
  }
  .header__close--toggle {
    height: 20px;
    width: 20px;
  } 
  .header__close--toggle {
    right: 50px;
  }
  .submenu>.has-submenu>.menu-arrow {
    border-width: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  } 
  .submenu.level-1>.has-submenu>.menu-arrow {
    top: 0px !important;
  }
  .submenu.level-1>.has-submenu>.menu-arrow, .submenu>.has-submenu>.menu-arrow, .submenu .menu-arrow {
    padding: 10px 0;
  }
  .submenu.level-1>.has-submenu>.menu-arrow-bg, .submenu>.has-submenu>.menu-arrow-bg, .submenu .menu-arrow-bg {
    background-repeat: no-repeat;
    background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/plus.svg) !important;
    margin-right:10px !important;
  }
  input[type="checkbox"]:checked ~ .menu-arrow .menu-arrow-bg {
    transform:none !important;
    transition: transform .4s;
    background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/minus.svg) !important;
    background-repeat: no-repeat;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    top: 100% ;
    padding-left: 20px !important;
  }
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
    left: -9999px;
    opacity: 0;
    position: absolute;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
    flex-direction: column;

  }
  .navigation-primary ul.submenu.level-1 li a {
    padding:8px 35px 8px 0;
    position: relative;
  }
  .navigation-primary li.hs-menu-item.hs-menu-depth-1.hs-item-has-children a, .header__language-switcher--label-current {
    color: #fff;
    font-family: Muli;
    font-size: 18px;
    text-align: left;
    display: block;
  }
  nav.navigation-primary ul>li>ul.hs-menu-children-wrapper {
    background-color: transparent !important;
    padding: 0 !important;
  }
  .navigation-primary ul.hs-menu-children-wrapper li {
    border-bottom: 0 !important;
  }
  nav.navigation-primary li.hs-item-has-children > a:before {
    background-repeat: no-repeat;
    background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/plus.svg) !important;
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .submenu.level-1>li {
    padding: 0 !important;
    margin: 0 !important;
  }
  .header__navigation .submenu.level-1>li {
    border-top: 0;
  } 
  .header__navigation .sidebar-nav ul.submenu.level-1>li>a {
    font-weight: 100 !important;

  }
  .sidebar-nav nav>ul.submenu>li:nth-child(3n+3) {
    border-bottom: 1px solid #e3051f;
  }
  .sidebar-nav nav>ul.submenu>li:nth-child(3n+1) {
    border-bottom: 1px solid #1f7dbc;
  }
  .sidebar-nav nav>ul.submenu>li:nth-child(3n+2) {
    border-bottom: 1px solid #6db12d;
  }
  .navigation-primary div#hs_menu_wrapper_simple_menu ul.hs-menu-children-wrapper, 
  .countryselector ul.hs-menu-children-wrapper{
    display: none;
  }
  .navigation-primary div#hs_menu_wrapper_simple_menu.menu_active ul.hs-menu-children-wrapper,
  .countryselector .active_menu ul.hs-menu-children-wrapper{
    display: block !important;
  }
  .navigation-primary div#hs_menu_wrapper_simple_menu.menu_active li.hs-item-has-children>a:before,
  .countryselector .active_menu ul>li>a:before {
    background-image: url(https://2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/CPM_Theme_2021/images/home_Page/minus.svg) !important; 
    top: 14px;
  }
  .countryselector .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {
    padding-left: 0 !important;
  }
  .countryselector ul.hs-menu-children-wrapper a {
    font-size: 17px !important;
    padding: 5px 0 !important;
    margin: 0 0 11px 0px;
    line-height: 22px;
  }
}

@media only screen and (max-width:579px) {
  .blog-listing-banner .topic-list-outer.line {
    width: 100%;
    max-width: 373px;
    margin: 0 auto;
  }
  .blog-outer .blue-border-line.line, .blog-outer .light-green-border-line.line {
    display: none;
  }
  a.blog-pagination__link img {
    max-width: 15px;
  }
  .blog-pagination__link {
    margin: 0px 3px;
  }
  .hs-blog-post .banner-outer .banner-inner h1 {
    font-size: 34px;
  }
  .blog-outer .banner-inner p {
    font-size: 22px;
  }
  h3 {
    font-size: 28px;
  }  
}

@media only screen and (max-width: 499px) {
  .hs-blog-listing .banner-inner .banner-btn {
    align-items: flex-start;
    flex-direction: column;
  }
  .hs-blog-listing .banner-inner .cta-two {
    margin: 30px 0 0 0px;
    font-size: 17px;
  }
  .hs-blog-listing .banner-inner .cta_button.cpm-cta {
    line-height: 24px;
    font-size: 18px;
    letter-spacing: 0.36px;
  }
  .blog-index .blog-index__post .read-time {
    right: 0px;
  }
  .hs-blog-listing .banner-inner .banner-btn {
    margin-bottom: 40px;
  }
  .hs-blog-listing .banner-inner h1 a {
    font-size: 40px;
  }
  .hs-blog-listing .banner-inner .desc, .hs-blog-listing .banner-inner .desc p {
    font-size: 18px;
  }
  h2 {
    font-size: 34px;
    line-height: normal;
  }
  h3 {
    font-size: 24px;
  }
  .blog-outer .blog-index__post .title h5, .blog-related-posts__content .title h5 {
    font-size: 24px;
  }
  .blog-index .blog-index__post .image, a.blog-related-posts__image.image {
    padding: 30.4%;
  }
  .header__navigation ul.submenu {
    padding: 30px 30px 30px;
  }

  /* .header__navigation .submenu.level-1>li>a, .submenu.level-2 .menu-item .menu-link {
  font-size: 15px;
}
  .navigation-primary li.hs-menu-item.hs-menu-depth-1.hs-item-has-children a, .header__language-switcher--label-current {
  font-size: 15px;
}
  */
  .header__navigation--toggle span {
    width: 25px;
  }
  .header__navigation--toggle span:before, .header__navigation--toggle span:after {
    width: 17px;
  }
  h4 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {

.header__navigation--toggle{
  display:none!important;
  } 
  
}

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

  fieldset.form-columns-2 .hs-form-field:last-child {
    padding-left: 0;
  }
  fieldset.form-columns-2 .hs-form-field:first-child {
    padding-right: 0;
  }
  .blog-listing-banner .topic-list-outer.line {
    max-width: 100%;
  }
  .blog-post__body img {
    width: 100% !important;
    float: none !important;
    margin: 0 0 10px !important;
  }  
}

@media only screen and (max-width: 450px) {
  h2 {
    font-size: 30px;
    line-height: normal;
  } 
  .blue-sub-heading {
    font-size: 22px;
  }
  .social-links__icon {
    height: 20px !important;
    width: 20px !important;
  }
  .hs-blog-listing .banner-inner .banner-btn {
    margin-bottom:30px;
  }
  .hs-blog-listing .banner-inner .cta-two {
    margin: 15px 0 0 0px;
    font-size: 15px;
  }
  .blog-index .blog-index__post .title h5 a, .blog-outer .blog-related-posts__content .title h5 a {
    font-size: 24px;
  }
  .blog-outer .blog-index__post .read-time {
    padding: 5px 0;
  }
  .blue-sub-heading {
    font-size: 16px;
  }
  .blog-outer .topic-outer {
    row-gap: 10px;
  }
  .blog-outer .blog-index__post .btn {
    row-gap: 5px;
  }
  .header__navigation.header--element.open .search-outer {
    padding: 35px 85px 30px 30px;
  }
  h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 374px) {
  .cta_button.cpm-cta {
    font-size: 14px;
    padding: 10px 14px 10px 14px;
  }
  .footer-logo {
    width: 55%;
  }
  .footer-logo a img {
    width: 100% !important;
  }
  h2 {
    font-size: 25px;
  }
  .blog-outer .read-time {
    font-size: 11px;
  }
  .blog-index .blog-index__post .title h5 a, .blog-outer .blog-related-posts__content .title h5 a {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
}

[id*="jarallax-container"] {
  z-index: 9 !important;
}
.jarallax > *:not([id*="jarallax-container"]) {
  z-index: 99;
}
.overlay:before {
  z-index: 99;
}
.banner-wrapper [id*="jarallax-container"] img {
  top: 0 !important;
  position: static !important;
  min-height: 120% !important;
}
.jarallax {
  max-width: 100%;
  overflow: hidden;
}



.header_bg {
  background-color: #1d1d1b;
  min-height: 140px;
}

@media only screen and (max-width: 920px) {
  .header_bg {
    min-height: 192px;
  }
}
@media only screen and (max-width: 767px) {
.header_bg {
    min-height: 83px;
  }
}

.animated-submit-button form input[type=submit]{
  padding:12px 35px!important;
  font-weight:bold;
 position:relative;
  z-index:100;
}

.animated-button,
.animated-submit-button form .actions{
   position: relative;
   border: 2px solid var(--blueBorder);
   border-radius:12px;
   cursor: pointer;
   display:inline-block;
  padding:12px 35px;
  text-transform:uppercase;
  color:#FFF;
  font-size:20px!important;
  font-weight:900;
  white-space:nowrap;
  background:none transparent;
}   

.animated-submit-button form .actions{
  padding:0;
}

.animated-button .chevron,
.animated-submit-button form .actions .chevron,
button .chevron{
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 5px;
    transform: rotate(0.125turn) translateY(-2px);
}
.animated-button.dark .chevron{
   border-color:#1D1D1B!important;   
}
  .animated-button.dark,
  .animated-submit-button form .actions{
    color:#1D1D1B;   
  }
  .animated-button.dark:hover,
.animated-submit-button form .actions{
    color:#1D1D1B;   
  }
  .animated-button.light{
    color:#FFF;   
  } 
  .animated-button.light:hover{
    color:#FFF;   
  }


  .animated-button.small{
    font-size:17px!important;
    padding:9px 26px;
  }
  .animated-button.small .chevron{
      border-width: 2px;
      width: 9px;
      height: 9px;
      display: inline-block;
      margin-left: 3px;
      transform: rotate(0.125turn) translateY(-2px);
  }

.animated-button.smallest{
    font-size:13px!important;
    padding:5px 20px;
  }
  .animated-button.smallest .chevron{
      border-top: 2px solid #FFF;
      border-right: 2px solid #FFF;
      width: 9px;
      height: 9px;
      display: inline-block;
      margin-left: 3px;
      transform: rotate(0.125turn) translateY(-2px);
  }

@media only screen and (max-width: 768px) {
  .animated-button,
  .animated-submit-button form .actions{
    font-size:17px!important;
    padding:9px 26px;
  }
  .animated-submit-button form .actions input[type=submit]{
     font-size:17px!important;
  }
  .animated-button .chevron,
  .animated-submit-button form .actions .chevron{
      border-top: 2px solid #FFF;
      border-right: 2px solid #FFF;
      width: 9px;
      height: 9px;
      display: inline-block;
      margin-left: 3px;
      transform: rotate(0.125turn) translateY(-2px);
  }
}

.animated-button::before,
.animated-button::after,
.animated-submit-button form .actions::before,
.animated-submit-button form .actions::after{
    z-index:9;
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    transition: width .3s ease-in-out, height .3s ease-in-out, border-radius 0.6s;
}    
.animated-button::before,
.animated-submit-button form .actions::before{
    border-right: 5px solid var(--blueBorder);
    border-top: 5px solid var(--blueBorder);
    right: -3px;
    top: -3px;
    border-radius:0 10px 0 0;
}
  .animated-button.smallest:before{
    border-width:4px;
  }
    
.animated-button::after,
.animated-submit-button form .actions::after{
    border-bottom: 5px solid var(--blueBorder);
    border-left: 5px solid var(--blueBorder);
    bottom: -3px;
    left: -3px;
    border-radius:0 0 0 10px;
}
  .animated-button.smallest:after{
    border-width:4px;
  }

.animated-button:hover{
 background:none transparent; 
}
    
.animated-button:hover::before,
.animated-button:hover::after,
.animated-submit-button form .actions:hover::before,
.animated-submit-button form .actions:hover::after{
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    border-radius:10px;
}

.animated-button.green,
.animated-button.green::before,
.animated-button.green::after,
.animated-submit-button.green form .actions,
.animated-submit-button.green form .actions::before,
.animated-submit-button.green form .actions::after{
    border-color:var(--greenBorder); 
 }

.animated-button.red,
.animated-button.red::before,
.animated-button.red::after,
.animated-submit-button.red form .actions,
.animated-submit-button.red form .actions::before,
.animated-submit-button.red form .actions::after{
    border-color:var(--redBorder); 
 }

/** ROUNDED CORNERS */

.top-left-corner,
.top-right-corner,
.bottom-right-corner{
  position:relative; 
  padding:50px;
}

.top-left-corner.long::before,
.top-right-corner.long::before,
.bottom-right-corner.long::before{
  width:120px;
  height:120px;
}

.top-left-corner::before{
    border-top: 12px solid;
    border-left: 12px solid;
    border-color: var(--blueBorder)!important;
    border-radius: 20px 0 0 0;    
    content: "";
    height: 65px;
    position: absolute;
    width: 65px;
    top: 0;
    left: 0;
}
.top-right-corner::before{
    border-top: 12px solid;
    border-right: 12px solid;
    border-color: var(--blueBorder)!important;
    border-radius: 0 0 20px 0;    
    content: "";
    height: 65px;
    position: absolute;
    width: 65px;
    top: 0;
    right: 0;
}
  .top-left-corner.top-left-corner-medium::before{
      border-top:12px solid; 
      border-left: 12px solid;
      border-radius: 20px 0 0 0;    
  }
  .top-left-corner.top-left-corner-thick::before{
      border-top:20px solid; 
      border-left: 20px solid;
      border-radius: 30px 0 0 0;    
  }
.top-right-corner.top-right-corner-medium::before{
      border-top:12px solid; 
      border-right: 12px solid;
      border-radius: 0 20px 0 0;    
  }
.top-right-corner.top-right-corner-thick::before{
      border-top:20px solid; 
      border-right: 20px solid;
      border-radius: 0 30px 0 0;    
  }

.bottom-right-corner::after{
    border-bottom: 12px solid;
    border-right: 12px solid;
    border-color: var(--blueBorder)!important;
    border-radius: 0 0 20px 0;    
    content: "";
    height: 65px;
    position: absolute;
    width: 65px;
    bottom: 0;
    right: 0;
}
  .bottom-right-corner.bottom-right-corner-medium::after{
      border-bottom:12px solid; 
      border-right: 12px solid;
      border-radius: 0 0 20px 0;    
  }
 .bottom-right-corner.bottom-right-corner-thick::after{
      border-bottom:20px solid; 
      border-right: 20px solid;
      border-radius: 0 0 30px 0;    
  }
 .bottom-right-corner.bottom-right-corner-thin::after{
      border-bottom:6px solid; 
      border-right: 6px solid;
      border-radius: 0 0 12px 0;    
  }

.bottom-left-corner::after{
    border-bottom: 12px solid;
    border-left: 12px solid;
    border-color: var(--blueBorder)!important;
    border-radius: 0 0 0 20px;    
    content: "";
    height: 65px;
    position: absolute;
    width: 65px;
    bottom: 0;
    left: 0;
}
  .bottom-left-corner.bottom-left-corner-medium::after{
      border-bottom:12px solid; 
      border-right: 12px solid;
      border-radius: 0 0 0 20px;    
  }
 .bottom-left-corner.bottom-left-corner-thick::after{
      border-bottom:20px solid; 
      border-left: 20px solid;
      border-radius: 0 0 0 30px;    
  }


.top-left-corner-blue::before,
.top-right-corner-blue::before,
.bottom-right-corner-blue::after,
.bottom-left-corner-blue::after{
  border-color: var(--blueBorder)!important;
}
.top-left-corner-green::before,
.top-right-corner-green::before,
.bottom-right-corner-green::after,
.bottom-left-corner-green::after{
  border-color: var(--greenBorder)!important;
}
.top-left-corner-red::before,
.top-right-corner-red::before,
.bottom-right-corner-red::after,
.bottom-left-corner-red::after{
  border-color: var(--redBorder)!important;
}
.top-left-corner-white::before,
.top-right-corner-white::before,
.bottom-right-corner-white::after,
.bottom-left-corner-white::after{
  border-color: #FFF!important;
}

.top-left-corner.tiny-corners::before{
  transform:scale(35%); 
  transform-origin: top left;
}
.top-right-corner.tiny-corners::before{
  transform:scale(35%); 
  transform-origin: top right;
}
.bottom-right-corner.tiny-corners::after{
  transform:scale(35%); 
  transform-origin: bottom right;
}
.bottom-left-corner.tiny-corners::after{
  transform:scale(35%); 
  transform-origin: bottom left;
}

.top-left-corner.sharp::before, 
.top-right-corner.sharp::before,
.bottom-right-corner.sharp::after,
.bottom-left-corner.sharp::after{
  border-radius:0!important; 
}

@media only screen and (max-width: 1024px) {
  .tablet-no-corner{
      padding:0;
  }
  .tablet-no-corner::before,
  .tablet-no-corner::after{
    display:none;  
  }
}

@media only screen and (max-width: 600px) {
  .mobile-no-corner{
      padding:0;
  }
  .mobile-no-corner::before,
  .mobile-no-corner::after{
    display:none;  
  }
}


.tri-color-border{
  height:4px; 
  display:flex;
  justify-content: space-between;
}
  .tri-color-border div{
    width:100%;
    flex:1;
    height:4px;
    margin:0 25px 0 25px;
    
  }
@media only screen and (max-width: 768px) {
  .tri-color-border{
    height:2px; 
  }
  .tri-color-border div{
    margin:0 7px 0 7px;
    height:2px; 
  }
}
  .tri-color-border div:first-child{
    margin-left:0; 
  }
  .tri-color-border div:last-child{
    margin-right:0; 
  }
   .tri-color-border .blue{
      background-color:var(--blueBorder) ;
   }
  .tri-color-border .green{
      background-color:var(--greenBorder) ;
   }
  .tri-color-border .red{
      background-color:var(--redBorder) ;
   }
.gradient-underline::after{
  content:'';
  height:1px;
  position:relative;
  margin-top:20px;
  display:block;
  background: rgb(97,97,97);
  background: linear-gradient(90deg, rgba(97,97,97,0) 0%, rgba(97,97,97,0) 0%, rgba(97,97,97,1) 35%, rgba(97,97,97,1) 65%, rgba(97,97,97,0) 100%);
}

.max-width-container{
  width:100%;
  max-width:1200px; 
  margin:0 auto 0 auto;
  padding:0 30px 0 30px;
  position:relative;
}
@media only screen and (max-width: 920px) {
  
}

 .desktop-search-icon{
  display:block;
   width:24px;
   height:24px;
   background-image:url(//2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/raw_assets/public/CPM%20Group%20-%20Website%20Theme%20copy/images/search.svg);
  background-size:100% auto;
  background-position:center center;
  background-color:transparent;
  background-repeat:no-repeat;
   margin-right:10px;
   margin-left: 20px;
}
 .mobile-search-icon{
  display:none;
   width:24px;
   height:24px;
   background-image:url(//2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/raw_assets/public/CPM%20Group%20-%20Website%20Theme%20copy/images/search.svg);
  background-size:100% auto;
  background-position:center center;
  background-color:transparent;
  background-repeat:no-repeat;
   margin-right:10px;
}

@media only screen and (max-width: 768px) {
  .mobile-search-icon{
    display:block; 
  }
   .desktop-search-icon{
    display:none;
  }
}
.header-right-top{
  display:flex; 
  justify-content:right;
  align-items: center;
}

.header-right-top .header__search .hs-search-field__bar{
  background: #333 no-repeat right 5px center;
  background-size:18px auto;
  border-radius: 15px;
  padding: 5px 10px 5px 15px!important;
  
}
.header-right-top .header__search .hs-search-field__bar form{
  display:flex;
}
.header-right-top .header__search .hs-search-field__input{
  font-size: 13px;
  background:none transparent!important;
  line-height: 100%;
  border:0;
  padding:0!important;
  color:#FFF;
  cursor:text;  
  height:auto;
}

.header-right-top .header__search button{
  background-image:url(//2561625.fs1.hubspotusercontent-na1.net/hubfs/2561625/raw_assets/public/CPM%20Group%20-%20Website%20Theme%20copy/images/search.svg);
  background-size:12px auto;
  background-position:center center;
  background-color:transparent;
  background-repeat:no-repeat;
  border:0;
  padding:0!important;
  width:20px!important;
  height:20px!important;
}
  .header-right-top .header__search button span{
  display:none;  
} 

  .header-right-top .header__search .hs-search-field__input::placeholder,
.header-right-top .header__search .hs-search-field__input::-ms-input-placeholder
{
  color:#FFF; 
}

.header-right-top .header__search .hs-search-field__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#FFF; 
}
.header-right-top .header__search .hs-search-field__input::-moz-placeholder { /* Firefox 19+ */
 color:#FFF; 
}
.header-right-top .header__search .hs-search-field__input:-ms-input-placeholder { /* IE 10+ */
  color:#FFF; 
}
.header-right-top .header__search .hs-search-field__input:-moz-placeholder { /* Firefox 18- */
  color:#FFF; 
}
@media only screen and (max-width: 768px) {
  .header-right-top .top-right-link,
  .header-right-top .header__search{
    display:none;
  }
}



/** footer style */

.footer-top{
  display:flex;
 padding:50px;
  align-items:center;
  justify-content:space-between;
}
.footer-bottom{
  background:#1D1D1B; 
  padding:50px;
}
.footer-outer .tri-color-border{
  padding:0 50px 6px 50px; 
}
.footer-outer #hs_show_banner_button{
  background:none transparent!important;
  font-size: 20px !important;
  color:#FFF;
  text-transform:uppercase;
  border:none;
  border-bottom:2px solid var(--redBorder);
  padding:10px 0 10px 0;
  font-weight:900;
  white-space:nowrap;
}

.footer-outer #hs_show_banner_button .chevron{
  margin-left:15px;
}
@media only screen and (max-width: 768px) {
  .footer-outer #hs_show_banner_button{
     font-size: 18px !important;
  }
  .footer-outer #hs_show_banner_button .chevron{
    margin-left:10px;
  }
}

.footer-bottom .max-width-wrapper{
 
} 
.footer-bottom .row-upper{
  
} 
.footer-bottom .row-lower{
  display:flex;
  justify-content:space-between;
  align-items:center;
} 

.footer-outer .menu-upper ul{
 display:flex;
  gap:50px;
  padding:0;
  margin:0 0 40px 0;
}
  .footer-outer .menu-upper ul li{
    padding:0;
}
  .footer-outer .menu-upper ul li a{
    padding:0;
    color:#FFF;
    text-transform:uppercase;
    font-size:15px;
  
}

.footer-outer .menu-lower ul{
 display:flex;
  gap:20px;
  justify-content:space-between;
  padding:0;
}
  .footer-outer .menu-lower ul li{
    padding:0;
}
  .footer-outer .menu-lower ul li a{
    padding:0;
    color:#FFF;
    font-size:13px;
  
}
@media only screen and (max-width: 950px) {
  .footer-outer .menu-upper{
    display:none;
  }   
  
  .footer-outer .menu-lower ul{
    flex-direction:column;
    gap:0;  
  }
  .footer-bottom .row-lower{
       align-items:flex-end;
  }
}

.footer-outer .social-links__icon svg g path {
  fill: #1d1d1b;
}
.footer-outer .social-links .social-links__link:first-child svg {
  height: 23px;
}
.footer-outer .social-links .social-links__link svg {
  height: 20px;
}
.footer-outer .social-links__icon, .social-links__icon:hover, .social-links__icon:focus {
  background-color: transparent !important;
}
.social-links a.social-links__link g path{
  transition: transform .5s; /* Animation */
}
.social-links a.social-links__link:first-child:hover g path {
  fill: #1f7dbc;
}
.social-links a.social-links__link:nth-child(2):hover g path {
  fill: #6db12d;
}
.social-links a.social-links__link:last-child:hover g path {
  fill: #e3051f;
}
.hs_error_rollup ul.hs-error-msgs li label {
  color: red;
  /* border: 1px solid yellow;
  padding: 5px;*/
}
.custom-header-language{
    margin:0 10px 0 0px;
} 
@media only screen and (max-width: 768px) {
  
  .header-right-top .mobile-search-icon{
    order:1; 
  }
  .header--toggle.header__navigation--toggle{
    order:2; 
  }
  .custom-header-language{    
    order:0;
  }
  .custom-header-language .language-label{
    padding-right:18px;
    color:#FFF;
  }
  .header__language-switcher--label{
    padding:0;
    border:0!important;
  }
  #hs_cos_wrapper_language-switcher{
    height:0;
  }
  .custom-header-language .language-label:after{
    top:6px;
    width:8px;
    height:8px;
    border-color:#FFF;
  }
  .custom-header-language .language-label .globe{
    width:24px;
    height:24px;
    margin-right:0;
    
  }
  .header__language-switcher{
    border-top:none; 
  }
  .custom-header-language .language-label .text{
    display:none;
  }
  .footer-outer{
    padding-top:0; 
  }
  .footer-outer .tri-color-border{
    padding:0 30px 6px 30px; 
  }
  .footer-top{
    flex-direction:column; 
    padding:20px;
  }
  .footer-logo{
    max-width:175px;
    margin-bottom:20px;
  }
  .footer-logo img{
    max-width:175px;
  }
  .footer-bottom{
    padding:25px; 
  }
}

.lets-talk-button{
  position:fixed;
  z-index:1000;
   transform: rotate(-90deg);
  display:block;
  padding:13px 32px 32px 32px;
  border-radius:10px 10px 0 0;
  color:#FFF;
  top:35%;
  right:-65px;
  font-weight:900;
  font-size:21px;
   transition: all .1s ease-out ;
}
  .lets-talk-button:hover{
  color:#FFF;
   right:-55px;
}

@media only screen and (max-width: 1300px) {
  .lets-talk-button{
    font-size:18px;
    padding:12px 30px 25px 30px;
    right:-55px;
  }
 .lets-talk-button:hover{
  color:#FFF;
   right:-45px;
}
  
}
@media only screen and (max-width: 950px) {
   .lets-talk-button{
      
  }
}

.mobile-detector{
  width:1px;
  height:1px;
  position:absolute;
  bottom:-1000px;
  left:-1000px;
  display:none;
}

.body-container-wrapper{
 padding-top:135px;
}
@media only screen and (max-width: 768px) {
  .body-container-wrapper{
    padding-top:85px;
  }
  .mobile-detector{
     display:block;
  }
}

.pillar-padding{
  padding-left:70px; 
}
@media only screen and (max-width: 1750px) {
  .pillar-padding{
   padding-left:150px; 
  } 
}
@media only screen and (max-width: 1504px) {
  .pillar-padding{
   padding-left:220px;
  } 
} 
@media only screen and (max-width: 1370px) {
  .pillar-padding{
   padding-left:300px;
  } 
}
@media only screen and (max-width: 1024px) {
  .pillar-padding{
   padding-left:0; 
  }
}

.lets-talk-button:lang(nl) {
right: -95px;
}
.lets-talk-button:lang(nl):hover {
right: -85px;
}

/** SEO FIXES Aug 23 */

.footer-outer .menu-upper ul li a {
 padding-top: 15px;
 padding-bottom: 15px; 
}

.footer-outer .menu-lower ul li a {
 padding-top: 16px;
 padding-bottom: 16px; 
}

.social-links__icon {
      height: 48px !important;

    width: 48px !important;
}

.owl-dots {
    display: none;
}

@media only screen and (max-width: 1024px) {
.tns-nav button {
 display: none !important; 
}
}