/* Imported Fonts */

/* Regular Fonts */

@font-face {font-family: "Proxima Nova";
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Regular/ProximaNova-Regular.eot"); /* IE9*/
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Regular/ProximaNova-Regular.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Regular/ProximaNova-Regular.woff") format("woff"), /* chrome、firefox */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Regular/ProximaNova-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Regular/ProximaNova-Regular.svg") format("svg"); /* iOS 4.1- */
  font-weight:300;
  font-display: swap;
}

/* Medium Fonts */

@font-face {font-family: "Proxima Nova";
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Medium/ProximaNova-Medium.eot"); /* IE9*/
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Medium/ProximaNova-Medium.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Medium/ProximaNova-Medium.woff") format("woff"), /* chrome、firefox */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Medium/ProximaNova-Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Medium/ProximaNova-Medium.svg") format("svg"); /* iOS 4.1- */
  font-weight:400;
  font-display: swap;
}

/* SemiBold Fonts */

@font-face {font-family: "Proxima Nova";
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Semi%20Bold/Proxima%20Nova%20SemiBold.eot"); /* IE9*/
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Semi%20Bold/Proxima%20Nova%20SemiBold.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Semi%20Bold/Proxima%20Nova%20SemiBold.woff") format("woff"), /* chrome、firefox */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Semi%20Bold/Proxima%20Nova%20SemiBold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Semi%20Bold/Proxima%20Nova%20SemiBold.svg") format("svg"); /* iOS 4.1- */
  font-weight:400;
  font-display: swap;
}

/* Bold Fonts */

@font-face {font-family: "Proxima Nova";
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Bold/Proxima%20Nova%20Bold.eot"); /* IE9*/
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Bold/Proxima%20Nova%20Bold.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Bold/Proxima%20Nova%20Bold.woff") format("woff"), /* chrome、firefox */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Bold/Proxima%20Nova%20Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Bold/Proxima%20Nova%20Bold.svg") format("svg"); /* iOS 4.1- */
  font-weight:400;
  font-display: swap;
}

/* Extrabold Fonts */

@font-face {font-family: "Proxima Nova";
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Extra%20Bold/Proxima%20Nova%20Extrabold.eot"); /* IE9*/
  src: url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Extra%20Bold/Proxima%20Nova%20Extrabold.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Extra%20Bold/Proxima%20Nova%20Extrabold.woff") format("woff"), /* chrome、firefox */
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Extra%20Bold/Proxima%20Nova%20Extrabold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Fonts/Proxima%20Nova/Extra%20Bold/Proxima%20Nova%20Extrabold.svg") format("svg"); /* iOS 4.1- */
  font-weight:400;
  font-display: swap;
}


/* body{
animation: fadein 6s;
-moz-animation: fadein 6s;
-webkit-animation: fadein 6s; 
-o-animation: fadein 6s;
} */
@keyframes fadein {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@-o-keyframes fadein { /* Opera */
  from {
    opacity:0;
  }
  to {
    opacity: 1;
  }
}








/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */















/* 1d. Buttons */







/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








.content-wrapper {
  max-width: 1084px;
}

.dnd-section {
  padding: 0px 20px;
}

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





html {
  font-size: 16px;
}

body {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  color: #21364F;
  font-family: "Proxima Nova";
  font-weight:300;
}
body { overflow-x: hidden; }

img{height:auto;}

/* Paragraphs */

p {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  font-family: "Proxima Nova";
  line-height:27px;
  font-weight:300;
}

/* Anchors */

a {
  color: #21364F;
}

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

a:active {
  color: #495e77;
}

/* Headings */

h1 {
  font-family: ; font-style: normal; font-weight: 700; text-decoration: none;
  color: #21364f;
  font-size: 50px;
  font-family: "Proxima Nova";
  letter-spacing: -2px;
  font-weight: 400;
}

h2 {
  font-family: ; font-style: normal; font-weight: 700; text-decoration: none;
  color: #21364F;
  font-size: 30px;
  font-family: "Proxima Nova";
  letter-spacing:-0.75px;
  margin-bottom:28px;
  font-weight: 400;
}

h3 {
  font-family: ; font-style: normal; font-weight: 700; text-decoration: none;
  color: #21364F;
  font-size: 26px;
  font-family: "Proxima Nova";
  font-weight: 400;
}

h4 {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  color: #21364f;
  font-size: 24px;
  font-family: "Proxima Nova";
  font-weight: 300;
}

h5 {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 20px;
  font-family: "Proxima Nova";
  font-weight: 300;
}

h6 {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  color: #21364F;
  font-size: 18px;
  font-family: "Proxima Nova";
  font-weight: 300;
}

/* Blockquote */

blockquote {
  border-left-color: #446CF5;
}

.body-container-wrapper{overflow:hidden;}





button,
.button ,  .cta-button , .cta_button {
  background-color: 

  
  
    
  


  rgba(255, 157, 2, 1.0)

;
  border: 0px solid #101729;
  border-radius: 2px;
  color: #FFFFFF;
  padding: 11px 53px;
  font-size:16px;
  font-weight:400;
  line-height:27px;
  position:relative;
  transition: all 300ms ease 0ms!important;
  padding: 11px 59px;
}
.cta-button:active , .cta_button:active{color:#fff;}

.button:after,
.cta-button:after,
.cta_button:after {
  position: absolute;
  right: 49px;
  top: 20px;
  content: '';
  width: 9px;
  height: 9px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(135deg);
  color: #fff;
  opacity:0;
  transition: all 300ms ease 0ms!important;
}

.button:hover:after,
.cta-button:hover:after,
.cta_button:hover:after{
  opacity:1;
  transition: all 300ms ease 0ms!important;
  border-color:rgb(255,255,255, 0.5);
}


button:focus,
.button:hover,
.button:focus ,.cta_button:focus,  .cta-button:hover , .cta_button:hover {
  background-color: 

  
  
    
  


  rgba(255, 157, 2, 1.0)

;
  border-color: #000001;
  color: #FFFFFF;
  transition: all 300ms ease 0ms!important;
  color: rgb(255,255,255, 0.5)!important;
}

.button:hover,
.cta-button:hover,
.cta_button:hover{
  background-color: rgba(210,132,21,1.0)!important;
  transition: all 300ms ease 0ms!important;
  padding-left: 54px;
  padding-right: 64px;
  color: rgb(255,255,255, 0.5)!important;
}

.button:active {
  background-color: 

  
  
    
  


  rgba(255, 157, 2, 1.0)

;
  border-color: #383f51;
  color: #FFFFFF;
  transition: all 300ms ease 0ms!important;
}
button.mfp-close { background: transparent !important; }

@media(max-width:1200px){
  button, .button, .cta-button, .cta_button { padding: 11px 60px; }
}

@media(max-width:767px){

  /* .button:after,
  .cta-button:after,
  .cta_button:after{
  display:none;
} */

  .button:hover, .cta-button:hover, .cta_button:hover{
    padding-left:54px;
    padding-right:66px;
  }
}








form,
.submitted-message {
  font-family: ; font-style: normal; font-weight: normal; text-decoration: none;
  font-family: "Proxima Nova";
}

form input:focus{
  outline:none;
}

.hs-main-font-element{
  display:none;
}

/* Form title */

h3.form-title {
  color: #446CF5;
}

/* Form label */

form label {
  color: #182029;
}

/* Form help text */

form legend {
  color: #182029;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  border-color: #F1F1F1;
  color: #21364F;
  -webkit-appearance:none!important;
  appearance:none!important;
}

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

form input::-ms-input-placeholder{
  opacity:0.8!important;
}

/* Form placeholder text */

form input::-webkit-input-placeholder,
form input::-moz-placeholder,
form input:-ms-input-placeholder,
form input:-moz-placeholder,
form input::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #21364F;
  opacity:0.8!important;
}

body form input,
body form textarea,
body form select{
  opacity:1!important;
}


/* Date picker */

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

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

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

/* Submit button */

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

  
  
    
  


  rgba(255, 157, 2, 1.0)

;
  border: 0px solid #101729;
  border-radius: 2px;
  color: #FFFFFF;
  padding:11px 15px;
}

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

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 197, 42, 1.0);
  border-color: #383f51;
  color: #FFFFFF;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #101729;
}

th,
td {
  border-color: #101729;
  color: #101729;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(16, 23, 41, 1.0)

;
  border-bottom-color: #101729;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #101729;
}

tbody + tbody {
  border-top-color: #101729;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #101729;
  font-family: ;
  font-family: "Proxima Nova";
}

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: #000001;
}

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

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

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #F4F7FF;
}

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

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

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .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(255, 255, 255, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: ;
  font-family: "Proxima Nova";
}

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

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

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

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a{
  font-size: 14px;
  font-weight: 400;
}

.header__language-switcher .lang_list_class{
  padding-bottom:5px;
  top:30px;
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
  color: #101729;
}





.blog-post__date {
  border-color: #21364F;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #21364F;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000e27;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #495e77;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #101729;
}

.blog-pagination__link {
  color: #21364F;
}

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

.blog-post__title {
  font-family: ; font-style: normal; font-weight: 700; text-decoration: none;
  color: #21364F;
  font-size: 30px;
  font-family: "Proxima Nova";
}

.blog-post__author {
  background-color: #446CF5;
}

#comments-listing .comment-reply-to {
  color: #21364F;
}

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

#comments-listing .comment-reply-to:active {
  color: #495e77;
}
















ul.slick-dots { margin: 0; list-style: none; padding: 0; display: flex !important; flex-wrap: wrap; margin-top: 40px; margin-left: 8px; padding-bottom: 0px; }
ul.slick-dots li { margin-right: 13px; }
ul.slick-dots button { padding: 0; font-size: 0; width: 9px; height: 9px; background: #101729; opacity: 0.16; border-radius: 100%;display:inherit; }
ul.slick-dots li.slick-active button , ul.slick-dots li button:hover{opacity:1;background:#21364F;}
button.slick-prev.slick-arrow { position: absolute; bottom: -12px; right: 4%;padding: 0; font-size: 0; background-color: transparent; background-image: url(https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Images/Homepage/back.svg); width: 12px; height: 22px; background-size:22px; background-repeat: no-repeat; background-position: center; }
button.slick-next.slick-arrow { position: absolute; bottom: -12px; right: 1%; padding: 0; font-size: 0; background-color: transparent; background-image: url(https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Images/Homepage/next-2.svg); width: 12px; height: 22px; background-size: 22px; background-repeat: no-repeat; background-position: center; }
button.slick-next.slick-arrow:hover{background-image:url('https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Images/Homepage/next-3.svg');opacity:0.3;}
button.slick-prev.slick-arrow:hover{background-image:url('https://7013772.fs1.hubspotusercontent-na1.net/hubfs/7013772/Firefly%20-%20August%202020/Images/Homepage/back-1.svg');opacity:0.3;}
button.slick-next.slick-arrow:hover:after{display:none;}
button.slick-prev.slick-arrow:hover:after{display:none;}

.blue-subheading h6{
  color: #446CF5;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.64px;
  line-height: 20px;
}

.heading h1 span{
  color:#446CF5;
}

body .icon svg {
  fill: #101729;
}

body .tns-nav button.tns-nav-active {
  background-color: #101729;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #101729;
}

body .team-member__description {
  background-color: #446CF5;
}


.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white p,
.all-text-white ul li{
  color:#ffffff;
}


@media(max-width:1200px){
  h1{
    font-size:42px;
    letter-spacing:-1.44px;
  }
}

@media(max-width:1024px){
  h1{
    font-size:36px;
  }
  h2{
    font-size:24px;
    letter-spacing:-0.6px;
    margin-bottom:20px;
  }
}


.row-fluid .span12{
  margin-left:0;
}


@media(max-width:767px){
  button.slick-next.slick-arrow{width:18px;height:16px;bottom:-9px;}
  button.slick-prev.slick-arrow{width:18px;height:16px;right:7%;bottom:-9px;}
  p{font-size:14px;line-height:24px;}
  ul.slick-dots{padding-bottom:0;margin-top:20px;}
}

@media(max-width:480px){
  ul.slick-dots button {width:7px;height:7px;}
}




/***************** Search Popup Styling ******************/


.search-popup-wrapper {background:#F4F7FF;}
.search-popup-wrapper a.popup-close {width:30px;top: 100px;right: 140px;}
.search-popup-wrapper .hs-search-field__suggestions {display:none;}
.search-popup-wrapper form input::placeholder {opacity:1;color:#182029!important;}
.search-popup-wrapper form input {
  height:105px;
  padding:35px 35px 30px;
  width:763px!important;
  background:#ffffff;
  border:none;
  font-size:30px;
  line-height:40px;
  letter-spacing:-0.75px;
  color:#182029;font-weight:400;
  padding-right:90px;
}

.search-popup-wrapper form button {
  background:transparent;
  padding:0;
  position: absolute;
  top: 38px;
  right: 30px;
}

.hs-search-field__bar button svg {
  display:none;
}

.hs-search-field__bar button img{
  width:30px;
}

@media(max-width:1024px){

  .search-popup-wrapper form input {
    width: 683px !important;  
  }
}

@media(max-width:767px){

  .search-popup-wrapper form input {
    width: 440px !important;  
    height: 75px;
    font-size:24px;
  }

  .search-popup-wrapper form button {
    top: 31px;
    right: 30px;
  }

  .search-popup-wrapper form button img {width:20px;}

  .search-popup-wrapper a.popup-close {
    width: 20px;
    right: 20px;
  }

  .search-popup-wrapper form input::placeholder {
    font-size:24px;
  }

  .search-mobile-wrapper form input{padding-right: 50px;}
}

@media(max-width:480px){
  .search-popup-wrapper form input {
    width: 315px !important;  
  }
}

@media(max-width:360px){
  .search-popup-wrapper form input {
    width: 285px !important;
  }
}


/************** Search Result Page Styling *****************/


.systems-page {max-width:100%;padding:70px 0 90px;}
.systems-page h1.search-heading{text-align:center;margin-bottom:64px;}
.systems-page h1.search-heading span {color:#446CF5;}
.systems-page .hs-search-results .hs-search-results__listing li a{
  font-size: 30px;
  font-family: "Proxima Nova";
  font-weight: 400;
  letter-spacing: -0.75px;
  line-height: 35px;
  font-weight:400;
  text-decoration:none;
  margin-bottom: 10px;
  display: inline-block;
  color: #446CF5;
  border-bottom:2px solid transparent;
}
.systems-page .hs-search-results .hs-search-results__listing li a:hover {
  color: #446CF5;
  border-bottom:2px solid #446CF5;
}

.systems-page ul.hs-search-results__listing li{
  margin-bottom: 40px;
}


@media(max-width:1024px){

  .systems-page .hs-search-results .hs-search-results__listing li a{
    font-size:24px;
  }
  .systems-page h1.search-heading {
    margin-bottom: 40px;
  }
  .systems-page {
    max-width: 100%;
    padding: 40px 0 50px;
  }

  .navigation-primary .hs-search-field{
    padding:0;
  }
}

@media(max-width:767px){

  .systems-page h1.search-heading{
    text-align:left;
  }
}



.header__language-switcher--label-current{font-size: 14px;color: #182029;}
.header__language-switcher--label-current:after{margin-top:0;}
.header .globe_class {width:17px;height:17px;}


@media(max-width:400px){
  button, .button, .cta-button, .cta_button {
    padding: 11px 40px;
  }

  .button:hover, .cta-button:hover, .cta_button:hover{
    padding-left: 30px;
    padding-right: 50px;
  }

  .button:after, .cta-button:after, .cta_button:after{
    right:37px;
  }
}


@media(max-width:480px){

  .center .pop-inner form .hs-button{
    padding: 11px 0px!important;
    width: 100%;  
  }
}



@media screen and (device-aspect-ratio: 2/3) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}

@media screen and (device-aspect-ratio: 40/71) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"]{ font-size: 16px; }
}

@media screen and (device-aspect-ratio: 375/667) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"], 
  input[type="tel"], input[type="url"]{ font-size: 16px; }
}

@media screen and (device-aspect-ratio: 9/16) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="tel"], input[type="url"]{ font-size: 16px; }
}



@media (hover:none) {
  / start mobile styles /
  select, textarea, input[type=”text”], input[type=”password”],
  input[type=”datetime”], input[type=”datetime-local”],
  input[type=”date”], input[type=”month”], input[type=”time”],
  input[type=”week”], input[type=”number”], input[type=”email”],
  input[type=”url”]{ font-size: 16px; }
  / end mobile styles /
}


.navigation-primary .submenu.level-1>li>a.active-item:after{
  display:none;
}

@media(max-width:767px){

  .center1 .pop-inner1 {top: 170px;}
  .center2 .pop-inner2 {top: 170px;}
}



@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.center.show-pop{
  display:flex!important;
  justify-content:center;
  align-items:center;
}

.center {  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;margin: auto;z-index:11;width: 100%;position:fixed;left:0;right:0;top:0;bottom:0;background:#000c;margin:0 auto;overflow-y:scroll;}
.center .pop-inner {width:100%;max-width:635px;min-height:500px;margin:0 auto;padding: 50px 30px 50px;position:relative;top:0;background:#F4F7FF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display: flex;flex-direction: column;justify-content: center;}
.hideform {display: none;   -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;}
.center .pop-inner form .hs-button {padding: 11px 69px;}
body.show-popup-form {overflow:hidden;}
.center #close {position: absolute;right: 20px;top: 20px;cursor:pointer;background: #000000;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;text-align: center;color: #ffffff;}
.center .pop-inner .submitted-message {text-align:center;}
.center::-webkit-scrollbar {
  width: 0px;
  box-shadow:none;
  background:transparent;
}

.center::-webkit-scrollbar-track {
  box-shadow:none;
  background:transparent;
}

.center::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: none;
}
@media(max-width:767px){
  .center .pop-inner {margin: 0px 20px;top: 170px;}
  .center {overflow-y:scroll;}
}





.center-cont.show-pop-cont{
  display:flex!important;
  justify-content:center;
  align-items:center;
}

.center-cont {  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;margin: auto;z-index:11;width: 100%;position:fixed;left:0;right:0;top:0;bottom:0;background:#000c;margin:0 auto;overflow-y:scroll;}
.center-cont .pop-inner {width:100%;max-width:635px;min-height:500px;margin:0 auto;padding: 50px 30px 50px;position:relative;top:0;background:#F5F9FB;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display: flex;flex-direction: column;justify-content: center;}
.hideform {display: none;   -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;}
.center-cont .pop-inner form .hs-button {padding: 11px 69px;}
body.show-popup-form-cont {overflow:hidden;}
.center-cont #close-cont {position: absolute;right: 20px;top: 20px;cursor:pointer;background: #000000;width: 30px;height: 30px;border-radius: 50%;line-height: 30px;text-align: center;color: #ffffff;}
.center-cont .pop-inner .submitted-message {text-align:center;}
.center-cont::-webkit-scrollbar {
  width: 0px;
  box-shadow:none;
  background:transparent;
}

.center-cont::-webkit-scrollbar-track {
  box-shadow:none;
  background:transparent;
}

.center-cont::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: none;
}
@media(max-width:767px){
  .center-cont .pop-inner {margin: 0px 20px;top: 170px;}
  .center-cont {overflow-y:scroll;}
}