.hs-form label {
  display: block;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
  margin-bottom: 4px;
}

.hs-input {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  line-height: 22px;
  box-sizing: border-box;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
}

.hs-input[type=file] {
  background-color: #fff;
  padding: initial;
  border: initial;
  line-height: initial;
  box-shadow: none;
}


.hs-input input,
.hs-input textarea {
  transition: border 0.2s linear;
}



.hs-form .mdl-switch.is-checked .mdl-switch__thumb,
.hs-form .mdl-switch.is-checked .mdl-switch__track,
.hs-form .mdl-checkbox__ripple-container .mdl-ripple {
  background: #84bd00;
}
.hs-form .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: #84bd00;
}
.hs-form .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background: rgb( 132, 189, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

.hs-form .mdl-radio__inner-circle,
.hs-form.mdl-radio__ripple-container .mdl-ripple,
.hs-form .mdl-radio__ripple-container .mdl-ripple {
  background: #84bd00;
}
.hs-form .mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #84bd00;
}

.hs_radio_buttons .inputs-list label > span {
  vertical-align: text-top !important;
}

.inputs-list label>input, .inputs-list label>span {
  line-height: 23px; 
}

.legal-consent-container .mdl-checkbox {
 height: auto !important; 
}

textarea.hs-input {
  height: auto;
}

select,
select.hs-input {
  background-image: url("https://507386.fs1.hubspotusercontent-na1.net/hubfs/507386/CLEAN-images/gfx/dropdown-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

select::-ms-expand,
select.hs-input::-ms-expand {
    display: none; 
}


select[multiple],
select[multiple].hs-input {
  height: inherit;
}

.hs-error-msgs {
    border: 1px solid;
}

.hs-error-msgs label {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
}

.hs-error-msgs li {
  color: #da0101 !important;
  margin-bottom: 0px;
}



fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) {
  width: 100% !important;
}

body form.hs-form .hs-form-field{
  margin-bottom: 10px !important; 
}

.actions {
  padding: 0;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 0;
}
.inputs-list > li {
  display: block;
  padding: 0;
  width: 100%;
  padding-top: 0;
}
.inputs-list label {
  display: block;
  float: none;
  width: auto;
  padding: 0;
  line-height: 18px;
  text-align: left;
  white-space: normal;
  font-weight: normal;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list > li + li {
  padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
  vertical-align: middle;
}

ul.no-list {
  list-style: none;
}

.field {
  margin-bottom: 18px;
}

.hs-field-desc {
  margin: 0px 0px 6px;
  font-size: 14px;
}

.hs-form-required {
  color: red;
}

.hs-richtext {
  margin-bottom: 3px;
  line-height: 1.2;
}
.hs-richtext hr {
  text-align: left;
  margin-left: 0;
  width: 91%;
}

.grecaptcha-badge {
  margin: 0 auto;
}

.email-correction, .email-validation {
  padding-top: 3px;
  font-size: 12px;
}
.email-correction a,
.email-validation a {
  cursor: pointer;
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
  .email-correction form .form-columns-2 .hs-form-field,
  .email-correction form .form-columns-3 .hs-form-field,
  .email-validation form .form-columns-2 .hs-form-field,
  .email-validation form .form-columns-3 .hs-form-field {
    float: none;
    width: 100%;
  }
  .email-correction form .form-columns-2 .hs-form-field .hs-input,
  .email-correction form .form-columns-3 .hs-form-field .hs-input,
  .email-validation form .form-columns-2 .hs-form-field .hs-input,
  .email-validation form .form-columns-3 .hs-form-field .hs-input {
    width: 90%;
  }
  .email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-2 .hs-form-field input[type=radio],
  .email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-correction form .form-columns-3 .hs-form-field input[type=radio],
  .email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-2 .hs-form-field input[type=radio],
  .email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
  .email-validation form .form-columns-3 .hs-form-field input[type=radio] {
    width: 24px;
  }
}

.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family:  Lato;
}

.content-wrapper {
  max-width: 1140px;
  padding: 0 20px;
  margin: 0 auto;
}

.container-wide {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
}



.post-page-full .blog-header-full {
 background-color: rgba(250, 250, 250, 1.0);
 margin-bottom: 50px;
 padding-top: 50px;
 padding-bottom: 25px;
}

#hs_cos_wrapper_blog_post_audio .hs-audio-player {
 margin-bottom: 50px; 
}


@media screen and (max-width: 922px) {
  .post-page-full .blog-header-full {
   padding-top: 100px;
   padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .post-page-full .blog-header-full {
   padding-top: 100px;
   padding-bottom: 50px;
  }
}



.blog-header-standard .blog-header__inner {
  margin: 0 auto;
 padding-top: 100px;
 padding-bottom: 150px;
}

@media screen and (max-width: 922px) {
  .blog-header-standard .blog-header__inner {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 150px;
  }
}

@media screen and (max-width: 575px) {
  .blog-header-standard .blog-header__inner {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}



.post-header .blog-header__inner {
  margin: 0 auto;
 padding-top: 50px;
 padding-bottom: 25px;
}

@media screen and (max-width: 922px) {
  .post-header .blog-header__inner {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  .post-header .blog-header__inner {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 50px;
  }
}


.blog-header__title {
  text-align: left;
  margin-top: 1.1rem !important;
}
.blog-header__subtitle {
  margin: 1rem 0 2rem;
}

.blog-header__form {
  margin: 0 1rem;
}

.blog-header-standard {
  position: relative;
}

.blog-header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-header-standard .container,
.blog-header-standard .container-slim {
  z-index: 2;
  position: relative;
}

@media screen and (min-width: 922px) {
  .blog-header__form {
    margin: 0 auto;
  }
}

.blog-index {
  display: contents;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}
.blog-index:after {
  content: "";
  flex: auto;
}
.blog-index__tag-header {
  flex: 1 0 100%;
  padding: 1rem;
}
.blog-index__tag-subtitle {
  font-size: 1.16rem;
  line-height: 1.1;
}
.blog-index__tag-heading {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0,0,0, 0.2);
}
.blog-index__post {
  flex:  0 0 100%;
  padding: 1rem;
  -webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

.blog-index__post:hover {
  transform: scale(1.02);
}

.blog-index__post--large {
  margin-bottom: 1rem;
  padding: 0px;
  position: relative;
}

.blog-index__post--large .blog-index__post-content {
 padding: 2rem 1rem 2.5rem 1rem; 
}

.hhs-blog-card-inner {
  padding: 0px;
  height: 100%;
  position: relative;
}

.hhs-blog-card-inner .blog-index__post-content {
  padding: 20px;
}

.blog-index__post--large h4 a:hover,
.blog-index__post--small h4 a:hover {
  text-decoration: none;
}

.blog-index__post-content--small {
  min-height: 210px;
}



.blog-recent-posts__list p a.blog-recent-posts__post {
  background-color: transparent;
  -webkit-box-shadow: none;
   box-shadow: none;
  flex: none !important;
}



@media screen and (min-width: 1000px) {
  .blog-index__post {
    flex:  0 0 calc(100%/3);
  }
}

@media screen and (min-width: 922px) {
  .blog-index__post {
    flex:  0 0 calc(100%/2);
  }
}

@media screen and (min-width: 922px) {
  .blog-index__post--large {
    flex: 1 0 100%;
    display: flex;
    justify-items: space-between;
  }
}


@media (max-width: 575px) {
  .blog-header__title,
  .blog-header__subtitle {
    text-align: center;
  }
  .blog-index__post {
    padding: 1rem 0;
  }
  .blog-index__post--large.blog-index__post  {
   padding-top: 0; 
  }
}

.blog-index__post-image {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


.blog-index__post--small .blog-index__post-image {
  margin-bottom: 15px;
}

.blog-index__post-content--large-wrapper {
 margin: 0 1rem; 
}

@media screen and (min-width: 922px) {
  .blog-index__post-image--large {
    flex: 1 1 100%;
    padding-bottom: 0;
  }
  .blog-index__post-content--large {
    flex: 1 1 100%;
    padding-left: 2rem;
  }
  .blog-index__post-image--large {
    flex: 1 1 48%;
  }
  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }
}

@media (max-width: 575px) {
  .blog-index__post-content--large-wrapper {
   margin: 0 ; 
  }  
}

.blog-index__post-content h2 {
  margin: .5rem 0;
}

.blog-index__post-content--small h2 {
  font-size: 28px;
}
.blog-index__post-content p {
  font-family: Lato;
}
.blog-index__post-content a {
  color: #3574E3;
}

.blog-index__post-image--large {
 position: relative;
  display: block;
}

.blog-index__post-image--large img {
  position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover; 
}

.blog-index__post img {
  max-width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 922px) {
  .blog-index__post-image--large img {
   position: static; 
  }
}

.blog-index__post-author {
  margin: 10px 0;
}

a.blog-index__post-author-name {
 line-height: 30px; 
}
  

.blog-index__post-author-image {
  -webkit-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
}



.blog-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family:  Lato;
  margin: 0 auto 3.3rem;
  width: 100%;
  clear: both;
}

.blog-pagination__link {
  display: inline-flex;
  padding: .25rem .4rem;
  margin: 0 .1rem;
  text-decoration: none;
  border: 2px solid transparent;
  line-height: 1;
  border-radius: 7px;
}
.blog-pagination__link--active {
  border: 2px solid  #84bd00;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
  display: inline-flex;
  align-items: center;
}
.blog-pagination__prev-link {
  text-align: right;
  margin-right: .25rem;
}
.blog-pagination__next-link {
  text-align: left;
  margin-left: .25rem;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  pointer-events: none;
  cursor: default;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #444444;
  margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: rgba(68, 68, 68, 0.5);
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #84bd00;
  background-color: #84bd00;
  color: #ffffff;
}

.blog-header__author-avatar {
  height: 120px;
  width: 120px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);
  margin: 0 auto 1.5rem;
}
.blog-header__author-social-links a {
  display: inline-block;
  position: relative;
  background-color: #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.blog-header__author-social-links a:hover {
  background-color: #84bd00;
}
.blog-header__author-social-links svg {
  fill: #fff;
  height: 15px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blog-post {
  margin: 0 auto;
  padding: 0 0 3.3rem 0;
}

.blog-post__meta{
  margin: 1rem 0;
}
.blog-post__meta p {
  font-size: 0.9em;
  line-height: 30px;
}

.blog-post__meta a {
  text-decoration: none;
}

.hhs-tag-list ul {
 padding-left: 0px;
  display: table;
}

.hhs-tag-list li {
 list-style-type: none;
  display: block;
  float: left;
}

.blog-index__post-tag,
.hhs-tag-list li a,
.hhs-tag-list li a:hover {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(132, 189, 0, 1.0);
}

.blog-index__post-tag,
.hhs-tag-list li a,
.blog-post__tag-link {
  font-size: .8rem;
  padding: 5px 10px;
  -webkit-border-radius: 25px 25px 25px 25px;
  border-radius: 25px 25px 25px 25px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  margin: 0 5px 5px 0; 
  display: inline-block;
  line-height: normal;
}

.hhs-tag-list li a span {
  color: rgba(255, 255, 255, 1.0);
  font-size: .6rem;
  text-transform: uppercase;
  font-weight: bold;
}

.blog-post__tag-link:hover,
.hhs-tag-list li a:hover {
  text-decoration: none;
  transform: scale(1.02);
}

.hhs-tag-list .filter-expand-link {
  clear: both;
  display: block;
  margin-top: 15px;
}

a.blog-index__post-button {
  font-size: 14px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}


.blog-recent-posts {
  margin-top: 3rem;
  padding: 2rem 0;
}
.blog-recent-posts h4 {
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.blog-recent-posts__list {
  display: flex;
}

.blog-recent-posts__post {
  display: block;
  flex:  0 0 100%;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.blog-recent-posts__post:hover {
  transform: scale(1.02);
}

.blog-recent-posts__post h3 {
  padding: 1rem 1rem 0.5rem;
}
.blog-recent-posts__post p {
  padding: 0 1rem 1rem 1rem;
}

@media screen and (min-width: 922px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/2);
  }
}
@media screen and (max-width: 922px) {
  .blog-recent-posts__list {
    display: block; 
  }
}
@media screen and (min-width: 1000px) {
  .blog-recent-posts__post {
    flex:  0 0 calc(100%/3.2);
    margin: 10px;
  }
}
.blog-recent-posts__post:hover {
  text-decoration: none;
}
.blog-recent-posts__image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 63%;
}
.blog-recent-posts__title {
  margin: 1rem 0 .5rem;
  font-size: 1.25rem;
}

.blog-comments {
  margin: 0 auto;
  padding-bottom: 50px;
}
.blog-comments form {
  max-width: 100%;
}
.blog-comments .hs-submit {
  text-align: center;
}

.comment.depth-0 {
  border-top: 0px !important;
}

.blog-comments .hs-form-booleancheckbox label {
  line-height: 1.6em !important;
}

.blog-comments .comment-reply-to {
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.blog-comments .comment-reply-to:hover {
  transform: scale(1);
}

.blog-comments .replying-to {
 margin-bottom: 25px; 
  display: block;
}


 .hs-blog-social-share {
   padding: 10px 0 0 0;
   border-top: 1px solid rgba(0,0,0,0.2);
   border-bottom: 1px solid rgba(0,0,0,0.2);
   height: auto;
   width: 100%;
   height: auto !important;
 }



.filter__header {
	padding: 16px;
	padding: 1rem;
	margin-bottom: 16px;
  margin-top: 25px;
}

select.post__category-selector {
 height: auto !important;
  padding-right: 25px !important;
}

@media screen and (min-width: 922px) {
	.filter__header {
		padding: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.filter__header .column--8 {
		-webkit-box-flex: 2;
		-ms-flex: 2 300px;
		flex: 2 300px;
	}
	.filter__header .column--4 {
		
		margin-right: 20px;
	}
}

@media screen and (max-width: 575px) {
  .blog-header__author-social-links {
    text-align: center;
  }  
  .blog-index__post-image--large img {
    position: static;
  }
  .blog-right-side-bar {
    margin-top: 50px;
  }
}







.sidebar-con {
 margin-bottom: 50px; 
}



 @media (max-width: 922px) {
   .blog-post__tags {
    margin-bottom: 25px;
  }
 }
.error-page-con {
  padding: 20rem 0;
  text-align: center;
  position: relative;
}
.error-page:before {
  content: attr(data-error);
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family:  Lato;
  font-size: 40vw;
  font-weight: bold;
  z-index: 0;
}

.error-inner {
  position: relative;
  z-index: 2;
}

.error-page h4 {
  margin-bottom: 25px;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}
.error-page_heading {
  margin-bottom: 1rem;
}
.systems-page {
  padding: 3rem 0px;
}
.systems-page .success {
  display: inline-block;
  margin: 2rem 0;
  min-width: 650px;
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  font-size: .75rem;
  color: #4F7D24;
  padding: .1rem .75rem;
}



.sub-pre-header {
  padding: 150px 0;
  position: relative;
}

.sub-pre-header .container-slim {
  position: relative;
  z-index: 2;
}

.sub-pre-header h1,
.sub-pre-header p {
  text-align: center;
}

.sub-pref-full {
  padding: 1rem 0;
}
.sub-pref-full form {
  max-width: 100%;
}

#hs_cos_wrapper_subscriptions_confirmation h2,
.sub-pref-full form h2 {
  font-size: 28px;
}

.sub-pref-full form .checkbox-row span span {
  font-weight: bold;
}

.sub-pref-full form .item-inner p {
  font-size: 0.8em;
  padding-left: 20px;
}

#email-prefs-form .page-header {
  margin-bottom: 25px;
}

.sub-pref-full h1 {
  display: none;
}

.sub-pref-full h3 {
  font-size: 21px;
}

.head-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.5);
}


#hs_cos_wrapper_password_prompt_ form {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}



.hs-search-results {
  margin-top: 2rem;
}
ul.hs-search-results__listing li {
  margin-bottom: 2rem;
}
.hs-search-results__title {
  font-family: Playfair Display;
  text-decoration: none;
  margin-bottom: 0.25rem;
  font-size: 28px;
}
.hs-search-results__title:hover {
  text-decoration: none;
}
.hs-search-results__description {
  padding-top: .5rem;
}
.hs-search-highlight {
  font-weight: bold;
}
.hs-search-results__pagination a {
  color: #3574E3;
}

.results-pre-header {
  padding: 150px 0 50px;
  position: relative;
}

@media (max-width: 922px) {
  .results-pre-header {
    padding: 100px 0 50px;
  }
}
@media (max-width: 575px) {
  .results-pre-header {
    padding: 100px 0 50px;
  }
}

.results-pre-header .container {
  position: relative;
  z-index: 2;
}

.results-pre-header h1,
.results-pre-header h5 {
  text-align: center;
}

 
 .hs-search-results__listing li {
   padding-bottom: 20px;
   margin-bottom: 30px;
   border-bottom: 1px solid rgba(0,0,0,0.1);
 }
 
 .hs-search__no-results {
   border: 1px solid rgba(0,0,0,0.1);
   padding: 200px 60px;
   text-align: center;
 }
 
 .hs-search__no-results p:first-child {
   font-weight: bold; 
   font-size: 18px;
 }
.hhs-pop .hhs-pop-the-form {
  padding: 50px 0;
}


.blocker {z-index:100000 !important;}
.hhs-pop.hhs-modal {
  z-index: 1000000;
  position: relative;
}
.hhs-pop.hhs-modal .hhs-pform .hs-form-required {
  display: none !important;
}
.hhs-pop.hhs-modal .hs-form {
  margin-top: 0;
}
@media (min-width: 922px) {
  .hhs-pop .vert-align {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .hhs-pop .vert-align.rev-order {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
  }
}

.hhs-pop .hhs-page-center {
    max-width: 1000px;
    margin: 0 auto !important;
    float: none !important;
}

.hhs-pop a.hhs-cta-button, .hhs-pop a.hhs-cta-button:link, .hhs-pop a.hhs-cta-button:active, .hhs-pop a.hhs-cta-button:visited, .hhs-pop a.hhs-cta_button, .hhs-pop a.hhs-cta_button:link, .hhs-pop a.hhs-cta_button:active, .hhs-pop a.hhs-cta_button:visited {
    color: #fff;
  	text-decoration: none;
}






.hhs-pop .hhs-pform input, .hhs-pop .hhs-pform select, .hhs-pop .hhs-pform textarea {
  -webkit-appearance: none;
  color: #555;
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #aaaaaa;
}
.hhs-pop .hhs-pform .hs-button.primary {
  background-color: #ffaf03;
  color: #fff;
  text-align: center;
  padding: 15px 12px;
  min-width: 93.5% !important;
}

@media (max-width: 767px) {
  .hhs-pop .hhs-pform .hs-button.primary {
    min-width: 100% !important;
  }
}

.hhs-pop .hhs-pform .hs-button.primary:hover {
  background-color: rgba(255, 175, 3, .7);
}





.hhs-pop .hhs-pform .hs-button.primary {
    padding: 10px;
    background: transparent;
    color: #ffaf03;
    border: 3px solid #ffaf03;
    margin-top:10px;
    min-width:100%;
    max-width: 100%;
    white-space: normal;
    display: block;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
}
.hhs-pop .hhs-pform .hs-button.primary:hover {
    background: #ffaf03;
    color: #fff;
}

.hhs-pop .hhs-pform .hs-form {
    margin-top:45px;
}
.hhs-pop .hhs-pform ul.inputs-list {
    -webkit-padding-start: 0;
}
.hhs-pop .hhs-pform .hs-form-radio {
    list-style-type:none;
}
.hhs-pop .hhs-pform .hs-form-booleancheckbox {
    list-style-type:none;
}
.hhs-pop .hhs-pform .hs-form fieldset {
    max-width: none !important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .input {
    margin-right: 0!important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .input {
    margin-right: 8px;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
    margin-right: 0;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .input {
    margin-right: 12px;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-3 .hs-form-field:last-child .input {
    margin-right: 0;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 .hs-input {
    width: 100%!important;
}
.hhs-pop .hhs-pform .hs-form fieldset.form-columns-1 input[type=checkbox], .hhs-pop .hs-form fieldset.form-columns-1 input[type=radio] {
    width:auto!important;
}
.hhs-pop .hhs-pform .hs-form-field .hs_email {
    display:inline-block;
}


.hhs-pop .hhs-pform ul.inputs-list li {
    list-style: none;
}

body .hhs-pop .hhs-pform input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

body .hhs-pop .hhs-pform input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}

body .hhs-pop .hhs-pform input[type="radio" i], body .hhs-pop .hhs-pform input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}

.hhs.hhs-modal.modal .hs-richtext {

}
.hhs.hhs-modal.modal .hs-richtext {
    height: auto !important;
    width: 300px !important;
}
.hhs.hhs-modal.modal .hs-richtext img {
    height: auto !important;
    width: 300px !important;
}
.hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
  	margin-right: 10px;
}
.hhs-pop .hhs-pform .hs-form fieldset[class*="form-columns"] input[type="checkbox" i].hs-input {
    width: auto;
  	margin-right: 10px;
}
.hhs-pop .hhs-pform form.hs-form fieldset[class*="form-columns"] .hs-input {
    width: 100%;
    height: auto;
}

.submitted-message p {
 font-weight: bold;
  font-size: 22px;
}

@media (max-width: 575px) {
 .hhs-pop.hhs-modal {
   padding: 50px 0px;
  }
}


#js-rotating {display: none;}

#js-rotating.morphext,
.morphext > .animated {
    display: inline-block;
}
@charset "UTF-8";

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}


@charset "UTF-8";

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.mdl-checkbox {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    
    margin: 0;
    padding: 0
}

.mdl-checkbox.is-upgraded {
    padding-left: 24px
}

.mdl-checkbox__input {
    line-height: 24px
}

.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-checkbox__box-outline {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(150, 150, 150, 1);
    border-radius: 2px;
    z-index: 2
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(63, 81, 181)
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__focus-helper {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}

.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
    background: 0 0;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63, 81, 181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0, 0, 0, .26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")
}

.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    margin: 0
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(63, 81, 181)
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-radio {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 24px;
    margin: 0;
    padding-left: 0
}

.mdl-radio.is-upgraded {
    padding-left: 24px
}

.mdl-radio__button {
    line-height: 24px
}

.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 50%;
    z-index: 2
}

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(63, 81, 181)
}

.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__inner-circle {
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    background: rgb(63, 81, 181)
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}

.mdl-radio__label {
    cursor: pointer
}

fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}

.mdl-radio__ripple-container {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -13px;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-radio__ripple-container .mdl-ripple {
    background: rgb(63, 81, 181)
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-switch {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdl-switch.is-upgraded {
    padding-left: 28px
}

.mdl-switch__input {
    line-height: 24px
}

.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}

.mdl-switch__track {
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(63, 81, 181, .5)
}

.mdl-switch__track fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, .12);
    cursor: auto
}

.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: left
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(63, 81, 181);
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto
}

.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26)
}

.mdl-switch__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    left: 24px
}

.mdl-switch__label fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto
}

.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(63, 81, 181)
}

.mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto
}

fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px
}


@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}


@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.99);
        transform: scale(.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.99);
        transform: scale(.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

.fa,
.fab,
.fal,
.far,
.fas,
.fa-brands{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}



.fa-chevron-up:before {
	content: "\f077"
}

.fa-quote-right:before {
	content: "\f10e"
}

.fa-check:before {
	content: "\f00c"
}

.fa-angle-right:before {
 content: "\f105"; 
}

.fa-angle-left:before {
 content: "\f104"; 
}

.fa-search:before {
	content: "\f002"
}

.fa-times:before {
	content: "\f00d"
}

.fa-angle-double-down:before {
	content: "\f103"
}

.fa-reply:before {
  content: "\f3e5"; }

.fa-angle-double-up:before {
	content: "\f102"
}

.fa-paper-plane:before {
	content: "\f1d8"
}

.fa-phone:before {
	content: "\f095"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-x-twitter:before {
 content: '\e61b' ;
}

.fa-tiktok:before {
 content: '\e07b' ;
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-linkedin-in:before {
	content: "\f0e1"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-medium-m:before {
	content: "\f3c7"
}

.fa-discord:before {
	content: "\f392"
}

.fa-tiktok:before {
	content: "\e07b"
}

.fa-telegram:before {
	content: "\f2c6"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-square:before {
  content: '\f0fe';
}

.fa-minus:before {
    content: "\f068"
}

.fa-spotify:before {
 content: "\f1bc" 
}

.fa-google-play:before {
  content: "\f3ab"
}

.fa-angle-down:before {
  content: "\f107"
}


.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-brands-400.woff2") format("woff2"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-brands-400.woff") format("woff"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-brands-400.ttf") format("truetype"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/brands.svg") format("svg"); }

.fab, .fa-brands {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-regular-400.woff2") format("woff2"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-regular-400.woff") format("woff"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-regular-400.ttf") format("truetype"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-solid-900.woff2") format("woff2"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-solid-900.woff") format("woff"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-solid-900.ttf") format("truetype"), url("//5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/raw_assets/public/@marketplace/Helpful_Hero/CLEAN-6-1-theme/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


.fa-brands,
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa,
.far,
.fas {
	font-family: "Font Awesome 5 Free"
}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*font-family: 'Lato', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
/*font-family: 'Finger Paint', cursive;*/ 




@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%
  }
}








/* 1a. Containers */





/* 1b. Colors */






/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 0px0rem;
}

.dnd-section >  {
  max-width: 1140px;
}

.container-slim {
  max-width: 880px !important;
}








body {
  font-family: 'Lato', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #002d72;
  font-size: 18px;
}

/* Paragraphs */


/* Anchors */



a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #3574E3;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #0d4cbb;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #5d9cff;
}


/* Headings */

/* Blockquote */

blockquote {
  border-left-color: #3574E3; 
}









button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #002d72;
  padding-top: 15px;
  padding-right: 53px;
  padding-bottom: 15px;
  padding-left: 53px;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(0, 45, 114, 1.0);
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
  cursor: pointer;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(26, 51, 78, 1.0);
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(40, 85, 154, 1.0);
  border-color: #28559a;
}







form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #d1cecf;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
/*   background-color: rgba(209, 206, 207, 1.0) ; */
  background-color: transparent;
  padding: 0px;
}

/* Form title */



.form-title {
  border: 1px none #d1cecf;
  padding: 0px;
  font-family: 'Playfair Display'; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 38px;
  color: #002d72;
  background-color: rgba(209, 206, 207, 1.0);
}


/* Labels */

form label {
  color:  #002d72;
}

/* Help text */

form legend {
  color: #002d72;
}

/* Inputs */



form input[type=text],
form input[type=search],
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: 1px solid #FDFDFE; */
  border: 1px solid #002d72;
  
  background-color: transparent;
  
  color: #002D72;
  border-radius: 57px;
}

form textarea {
   
   border-radius: 19px;
  
   
}

/* Form placeholder text */

::-webkit-input-placeholder {
  
   color: #002D72;
}

::-moz-placeholder {
  
   color: #002D72;
}

:-ms-input-placeholder {
  
  color: #002D72;
}

::placeholder {
  
  color: #002D72;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  
  color: #002D72;
}

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

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

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

/* Submit button */


form input[type=submit],
form .hs-button {
  border: 0px none ;
  padding-top: 20px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background-color: rgba(0, 45, 114, 1.0);
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
 
  background-color: rgba(0, 45, 114, 1.0);
  color: #ffffff;
  border: 0px none #1a334e;
}





/* Table */

table {
  
  border: 1px solid #002d72;
  background-color: rgba(255, 255, 255, 1.0); 
}

/* Table cells */

td,
th {
  
  border: 1px solid #002d72;
  padding: 18px;
  color: #002d72;
}

/* Table header */

thead th {
  background-color: rgba(0, 45, 114, 1.0); 
  color: #FFFFFF; 
}

/* Table footer */

tfoot td {
  background-color: rgba(255, 255, 255, 1.0); 
    color: #002d72; 
}





.header {
  background-color: rgba(53, 116, 227, 1.0);
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #002d72;
  font-family: 'Lato', sans-serif;
}

.menu__child-toggle-icon {
  border-top-color: #002d72; 
}

.menu .menu__link:hover,
.menu .menu__link: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: #00054a;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #00054a;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #28559a;
}

.menu__child-toggle-icon:active {
  border-top-color: #28559a;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #002d72;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    
    border: 2px solid #002d72;
    background-color: rgba(255, 255, 255, 1.0);
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    
    border: 2px solid #002d72;
    background-color: rgba(255, 255, 255, 1.0); 
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #002d72; 
  background-color: rgba(255, 255, 255, 1.0); 
}

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

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: rgba(53, 116, 227, 1.0); 
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: rgba(53, 116, 227, 1.0);
}

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

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

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(53, 116, 227, 1.0);
  }

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





.footer {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* 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: ;
}





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

/* Blog post */

.blog-post__meta a {
  color: #002d72;
}

.blog-post__tag-link {
  color: #002d72;
}

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

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

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #002d72;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #00054a;
}

.blog-related-posts__title-link:active {
  color: #28559a;
}

/* Blog comments */

.blog-comments {
  
  margin-bottom: 0px;
}

#comments-listing .comment-reply-to {
  color: #3574E3;
}

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

#comments-listing .comment-reply-to:active {
  color: #5d9cff;
}





.hs-search-results__title {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #002d72;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #00054a;|
}

.hs-blog-post-listing__post-title-link:active {
  color: #28559a;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #002d72;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #002d72;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #00054a;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #28559a;
}

.hs-pagination__link-icon svg {
  fill: #002d72;
}

/* Pricing card */

.card__price {
  
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
}

.card__body svg {
  fill: #002d72;
}

/* Social follow */

.social-links__icon {
  background-color: #002d72;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #00054a;
}

.social-links__icon:active {
  
  background-color: #28559a;
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
}



/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 80.9px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 80.9px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 38px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 26px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Lato, serif; font-style: normal;
  color: #002d72;
  font-size: 24px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'Playfair Display', serif; font-style: normal;
  color: #002d72;
  font-size: 16px;
  text-transform: none;
}




.secBg:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }

.btnstyle.primarybtn a{ background-color: #84bd00; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); color: #fff; font-size: 13px; font-style: normal; font-weight: 800; letter-spacing: 1px; padding: 20px 25px; text-transform: uppercase; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; vertical-align: middle; will-change: transform; }
.btnstyle.primarybtn a:hover { background-color: #84bd00; color: #fff; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

html { scroll-behavior: smooth; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0; padding: 0; line-height: 1.5; }
body.arabic-page { font-family: 'Cairo', sans-serif; }

h1 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }
h2 { margin: 0 0 9px; line-height: 1; font-weight: 700; } 
h3 { margin: 0 0 9px; line-height: 1.2; font-weight: 400; } 
h4 { margin: 0 0 9px; line-height: 1.4; font-weight: 700; }
h5 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }
h6 { margin: 0 0 9px; line-height: 1.2; font-weight: 700; }

body.arabic-page h1, body.arabic-page h2, body.arabic-page h3, body.arabic-page h4, body.arabic-page h5, body.arabic-page h6 { font-family: 'Cairo', sans-serif; }

img { max-width: 100%; height: auto; border: none; vertical-align: top; }
a { outline: none; text-decoration: none !important; cursor: pointer; vertical-align: middle; max-width: 100% !important; white-space: normal !important; display: inline-block; }
a:hover { text-decoration: none;}
p { margin:0 0 16px; width: 100%; display: block; }

.fullwidth { float: left; width: 100%; }

.content-wrapper { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; padding-right: 15px !important; padding-left: 15px !important; }
.wrapper-xl { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1330px; }

.text-center, .text-center a, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 { text-align: center; }
.text-light, .text-light a, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { font-weight: 300; }
.text-bold, .text-bold a, .text-bold h1, .text-bold h2, .text-bold h3, .text-bold h4, .text-bold h5, .text-bold h6 { font-weight: 600; }
.text-bolder, .text-bolder a, .text-bolder h1, .text-bolder h2, .text-bolder h3, .text-bolder h4, .text-bolder h5, .text-bolder h6 { font-weight: 800; }
.text-black, .text-black a, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black h6 { color: #000; }
.text-white, .text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }
.text-uppercase, .text-uppercase a, .text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6 { text-transform: uppercase; }

body .row-fluid [class*="span"] { min-height: 0px; }
body .row-fluid [class*="span"].widget-type-space { min-height: 1px; }

strong { font-weight: 700; }

textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select { width: 100%; display: inline-block; font-size: 16px; outline: none; min-height: 44px; margin: 8px 0; padding: 10px 20px; -webkit-appearance: none; }
input[type="submit"] { text-transform: uppercase; cursor:pointer; text-align: center; outline: none; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; -webkit-appearance: none; }
input[type="submit"]:hover {  -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} 
form label, form legend { font-size: 14px; }

.hs-form-required { display: none; }
.hs-error-msgs { list-style: none; margin: 0 0 10px; padding: 0; font-size: 12px;}
fieldset { max-width: 100% !important; }
.input { margin-right: 0 !important; }
.form-columns-2 .hs-form-field { width: 49% !important; float: left; margin-right: 2%; }
.form-columns-2  div.hs-form-field + div.hs-form-field { margin-right: 0; }
.hs-form-field { margin-bottom: 26px; }
textarea { height: 160.4px; }

.flexwrap { display: flex; flex-flow: row wrap; justify-content: left; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: left; }
.justCenter { justify-content: center; -webkit-justify-content: center; }
.alignCenter { align-items: center; -webkit-align-items: center; }

.secBg:before , .secbgvideo:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fontlarge { font-size: 26px; line-height: 1.4; }
.smalltext { font-size: 16px; line-height: 1.1; }
.font15 { font-size: 15px; }

.btnstyle.secondarybtn a { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-size: 14px; font-weight: 700; min-width: 280px; position: relative; color: #002D72; background-color: #fff; text-align: center; border-radius: 30px; padding: 20px 60px 20px 20px; }
.btnstyle.secondarybtn a:before { content: ''; position: absolute; width: 50px; height: 50px; border-radius: 50%; background-color: #FFC043; top: 50%; right: 7px; transform: translateY(-50%); }
.btnstyle.secondarybtn a:after { border-top: 0; content: ''; position: absolute; width: 15px; height: 15px; border-right: 2px solid #FF4500; border-bottom: 2px solid #FF4500; right: 27px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.btnstyle.secondarybtn a:hover { background-color: #fff; color: #002D72; -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.secbgvideo { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.secbgvideo video { object-fit: cover; width: 100%; height: 100%; transform: none; }
.heroHeader { width: 50%; }

.alltogetherSec { overflow: hidden; }
.alltogetherLeft { width: 31%; position: relative; z-index: 2; margin-right: -7%; float: left; }
.alltogetherCenter { margin-top: 60px; width: 36%; float: left; position: relative; }
.alltogetherRight{ display: flex; flex-wrap: wrap; align-items: center; width: 40%; float: left; position: relative; z-index: 2; }
.largetext p span { font-size: 28.5px; line-height: 1.1; }
.alltogethervideo { position: relative; width: 80%; padding-top: 100%; }
.alltogethervideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.play-button-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; pointer-events: none; }
.play-button-wrapper #circle-play-b { cursor: pointer; pointer-events: auto; }
.play-button-wrapper svg { width: 80px; height: 80px; fill: #fff; stroke: #fff; cursor: pointer; background-color: rgba(#000000, 0.2); border-radius: 50%; opacity: 0.9; }
.alltogetherImgvide:after	{ content: ''; width: 124px; height: 140px; position: absolute; top: 10px; right: -98px; }
.alltogetherImgvide:before { z-index: 1; bottom: -83px; content: ""; height: 260px; position: absolute; right: -185px; width: 260px; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.alltogetherImgvide.all-img { padding-top: 100%; position: relative; width: 80%; background-size: cover; background-position: center center; background-repeat: no-repeat; }


.resourceHeader h2 { margin-bottom: 9px; }
.resourceHeader { margin-bottom: 37px; }
.resourceRow { display: flex; flex-wrap: wrap; width: 100%; }
.resourceCol{ box-sizing: content-box; width: 33.33%; float: left; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; }
/* .resourceCol:nth-child(3n) { margin-right: 0; } */
.resourceColImg { position: relative; margin-left: auto; margin-right: auto; padding-top: 56.25%;  }
.resourceColImg a{ position: absolute; top: 0; left: 0;width: 100%; height: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.resourceColContent { margin-top: 20px; }
.resourceColTitle h4 a { color: #000000; font-size: 25px; }
.resourceColTitle { margin-bottom: 10px; }
.resourceColText { font-size: 19px; color: #000; }
.resourceRow .slick-dots { margin-top: 47px; width: 100%; text-align: center; list-style: none; margin: 0; padding: 0; }
.resourceRow .slick-dots li { width: 30px; height: 5px; display: inline-block; margin: 0 5px; }
.resourceRow .slick-dots li button { background-color: #fff; width: 100%; height: 100%; border-radius: 0; padding: 0; font-size: 0; border: 0;  }
.resourceRow .slick-dots li.slick-active button { background-color: #002d72; }
.resourcebtn { margin-top: 96px; }
.resourceSection { position: relative; z-index: 2; overflow: hidden; }
.resourceshapeTop { background-size: cover; background-position: left top; background-repeat: no-repeat; width: 400px; height: 400px; right: -120px; top: -140px; position: absolute; z-index: -1; }
.resourceshapeBottomLeft { background-size: cover; background-position: right top; background-repeat: no-repeat; width: 400px; height: 400px; bottom: -120px; left: 0; position: absolute; z-index: -1; }
.resourceshapeBottomRight { background-size: cover; background-position: left top; background-repeat: no-repeat; width: 400px; height: 300px; bottom: -210px; right: -55px; position: absolute; z-index: -1; }

.threecolRow { display: flex; flex-wrap: wrap; width: 100%; }
.threecolItem{ position: relative; width: 32%; float: left; margin-right: 2%; border: 4px solid; margin-bottom: 80px; padding: 30px 40px 60px; }
.threecolItem:nth-child(3n) { margin-right: 0; }
.threecolNumber { font-size: 85px; font-weight: 700; line-height: 1; letter-spacing: -5px; }
.threecolText { font-size: 18px; }
.threecolText p { margin-bottom: 0; }
.threecolImg { position: absolute; bottom: -70px; right: 0; width: 140px; height: 140px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.threecolImg img { max-width: 120px !important; }

.clientreviewHeader h2 { margin-bottom: 9px; }
.clientviewrating ul { list-style: none; margin: 0; padding: 0; }
.clientviewrating ul li { display: inline-block; margin: 0; }
.clientviewrating ul li svg{ fill: #f1a604; width: 14px; }
.clientviewCol { margin-top: 50px; width: 32%; float: left; padding: 25px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); margin-right: 2%; text-align: center; }
.clientviewCol:nth-child(3n) { margin-right: 0; }
.clientviewImg { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100px; height: 100px; border-radius: 50%; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.clientviewQoute { margin-bottom: 25px; }
.clientviewname { font-weight: 400; font-size: 21px; line-height: 1.1rem; margin-bottom: 9px; }
.clientviewPosition { margin-bottom: 9px; font-weight: 700; }

.formLeft { width: 35%; float: left; padding: 30px; }
.formRight { width: 65%; float: left; padding-left: 5%; }
.formRightInner { padding: 25px; } 
.formLeft h5 { margin-bottom: 20px; }
.formSection { position: relative; z-index: 1; overflow-y: visible; }
.formShape { background-size: contain; background-position: center center; background-repeat: no-repeat; width: 400px; height: 400px; position: absolute; z-index: -1; left: -200px; top: 120px; }
.formSquare { background-size: contain; background-position: center center; background-repeat: no-repeat; width: 485px; height: 485px; position: absolute; z-index: -1; right: 0; bottom: 0; }
.formRightInner form input[type=text],
.formRightInner form input[type=search],
.formRightInner form input[type=email],
.formRightInner form input[type=password],
.formRightInner form input[type=tel],
.formRightInner form input[type=number],
.formRightInner form input[type=file],
.formRightInner form select,
.formRightInner form textarea { border: 1px solid #FDFDFE; }

.solutionSection { position: relative; }
.solutionRow { margin-top: 56px; }
.solutionCol { position: relative; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; width: 15%; float: left; margin-right: 2%; margin-bottom: 30px; border: 3px solid; border-radius: 36px; padding: 20px 10px; text-align: center; }
.solutionCol:nth-child(6n) { margin-right: 0; }
.solutionlink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 36px; }
.solutionlink a { display: block; width: 100%; height: 100%; }
.solutioImage img{ max-width: 110px !important; }
.solutioImage { width: 100%; margin-bottom: 20px; }
.solutioText { width: 100%; }
.solutionBottomCol { height: 30px; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 20px; }
/* .solutionBottomText { display: flex;  animation: scrollText 33s infinite linear; } */
.solutionBottomInner { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; white-space: nowrap; transition: all 1s ease; }
.rotatetext { color: #d1cecf; font-size: 14px; line-height: 1.4; }
.marquee { top: 0; left: 100%; width: 100%; position: absolute; white-space: nowrap; animation: marquee 30s linear infinite; }
.marquee2 { animation-delay: 15s; }
span.rotatearrow { margin: 0 8px; }
.solutionText { font-size: 20px; max-width: 650px; }

.twoColLeft { width: 35%; }
.twoColLeft h2 { margin-right: -6%; width: calc(100% + 6%); font-family: Lato,sans-serif; font-weight: 400; font-size: 40px; line-height: 1.2; }
.twoColRight { width: 67%; margin-left: -2%; }
.twoColLeftText { margin-top: 20px; max-width: 350px; line-height: 1.4; }

.lifecycleSection { position: relative; z-index: 1; overflow: hidden; } 
.lifecycleCol { position: relative; text-align: center; width: 22.75%; margin-right: 3%; float: left; margin-bottom: 20px; }
.lifecycleCol:nth-child(4n) { margin-right: 0; }
.lifecycleText { max-width: 460px; }
.lifecycleColText { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 326px; text-align: center; border-radius: 10px; padding: 40px; }
.lifecycleColNum { position: relative; border: 3px solid; border-radius: 50%; width: 35px; height: 35px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: 'Finger Paint', cursive; margin-left: auto; margin-right: auto; margin-bottom: 35px; }
.lifecycleColTitle { position: relative; font-weight: 700; line-height: 1.4; padding: 4px; margin-bottom: 35px; }
.lifecycleColNum:before { position: absolute; content: ''; height: 40px; width: 2px; background-color: rgba(255, 69, 0,100%); top: 100%; left: 50%; transform: translateX(-50%); }
.lifecycleColTitle:before { position: absolute; content: ''; height: 35px; width: 2px; background-color: rgba(255, 69, 0,100%); top: 100%; left: 50%; transform: translateX(-50%); }
.lifecycleColText p a{ vertical-align: top; }
.lifecycleCol:nth-child(4n + 3) { margin-top: 60px; }
.lifecycleCol:nth-child(4n + 2) { margin-top: 120px; }
.lifecycleCol:nth-child(4n + 1) { margin-top: 180px; }
.lifecycleCol:before { position: absolute; content: ''; width: calc(100% + 2%); height: 2px; border-top: 2px dotted rgba(255, 69, 0,100%); transform: rotate(-12deg); left: calc(50% + 15px); top: -10px; }
.lifecycleCol:nth-child(4n):before , .lifecycleCol:last-child:before { display: none; }
.lifeColinnertext p a { color: currentColor; }
.lifecycleRow { margin-top: 40px; }
.lifecycleShape { z-index: -1; width: 400px; height: 400px; border-radius: 50%; position: absolute; left: -250px; top: 50%; transform: translateY(-50%); border: 4px dotted; }
.lifecycleRightShape { z-index: -1; width: 103px; height: 103px; border-radius: 50%; position: absolute; right: 35%; top: 160px; border: 4px dotted; }
.lifecycleTopShape { z-index: -1; width: 200px; height: 200px; border-radius: 50%; position: absolute; right: 22px; top: 30px; border: 4px dotted; }

.empoweringInner { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ }
.empoweringHeader { float: left; width: 55%; }
.empoweringRight { display: flex; flex-wrap: wrap; align-items: flex-end; width: 35%; float: left; margin-bottom: -100px; }
.empoweringHeaderText { font-size: 18px; padding: 15px; }
.empoweringHeader h2 { line-height: 1.2em; position: relative; }
.empoweringHeader h2 span { padding-bottom: 5px; box-shadow: inset 0px -20px 0px #ffd700; }

.featureSection .content-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
.featureRow { display: flex; flex-wrap: wrap; }
.featureCol { width: 33.33%; float: left; min-height: 300px; position: relative; overflow: hidden; }
.featureColFront , .featureColBack { display: flex; flex-wrap: wrap; align-items: flex-end; position: absolute; top: 0; left: 0; -webkit-transition: all ease--out .4s; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 30px 45px; width: 100%; height: 100%; }
.featureColBack { background-color: #33475bcc; opacity: 0; visibility: hidden; }
.featureCol:hover .featureColFront{ opacity: 0; visibility: hidden; }
.featureCol:hover .featureColBack{ opacity: 1; visibility: visible; }
.featureColSubtitle { font-size: 16px; font-weight: 700; margin-bottom: 9px; }
.featureColtitle { font-size: 37px; line-height: 1.1em; text-transform: none; margin-bottom: 9px; }
.featureColBacktext p { margin-bottom: 18px; line-height: 1.3em; }


.footermenucol h6 { font-family: Lato,sans-serif; }

.stickylinkInner ul li { position: relative; display: inline-block; }
.stickylinkInner ul li.main-nav__item--active > a { filter:invert(1); }
.stickylinkSec { position: fixed; top: 50%; left: 40px; z-index: 99; -ms-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -ms-transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; transform-origin: left top 0; }
.body-container--talent-mgmt .stickylinkSec { margin-top:-60px; }
.stickylinkInner { } 
.stickylinkInner ul { list-style: none; padding: 0; margin: 0; } 
.stickylinkInner ul li a span.stickydot { vertical-align: middle; height: 20px; width: 7px; display: inline-block; }
.stickylinkInner ul li a { margin-right: 5px; transition: all 1s ease-in-out;  }
.stickylinkInner ul li.main-nav__item--active a .stickylinkspn{ display: inline-block; height: 100%; }
.stickylinkInner ul li a .stickylinkspn { display: none; vertical-align: middle; transition: all .5s ease-in-out; height: 0; text-transform: uppercase; letter-spacing: 3.34px; filter:invert(1); }
.stickylinkInner ul li.main-nav__item--active a span.stickydot { display: none; }



.hero-talent .content-wrapper { position:relative; }
.hero-talent h1 { max-width: 600px; position: relative; z-index: 1; font-size: 94.7px; }
.hero-talent .ht-inner { margin:40px 0 0; }
.hero-talent .ht-video { position:absolute; right:0; top:0; width:100%; max-width:670px; }
.hero-talent .ht-video:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.hero-talent .ht-image { float:left; width:40%; }
.ht-text { font-size: 22px; float: right; width: 60%; z-index: 1; position: relative; padding: 70px 120px 0 30px; }

.scroll-menu ul { list-style: none; padding: 0; margin: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.scroll-menu ul > li { float:left; width:20%; }
.scroll-menu ul > li > a { display:block; padding: 15px 20px; text-align: center; font-weight: 700; min-height: 80px; display: flex; justify-content: center; align-items: center; height:100%; }

.people-analytics h2 { font-size: 94.7px; line-height: 0.88; margin: 0 0 30px; }
.people-analytics h4 { font-weight: 400; font-size: 45px; line-height: 1.4; }
.pa-text { max-width: 500px; font-size: 22px; margin: 30px 0 20px 0px; }
.pa-atext { margin: 30px 0 0; max-width: 700px; font-size: 22px; }
.pa-ana { margin-left:150px; max-width: 750px; }
.pa-ana > ul { list-style: none; padding: 0; float: left; width: 100%; }
.pa-ana > ul > li { padding:0 20px 0 40px; float:left; width:50%; font-size: 15.8px; margin: 5px 0; }
.pab-inner { float: left; width: 720px; font-size: 17.8px; margin: 30px 0 0 190px; }

.unemp-section { overflow: hidden; }
.unemp-section .content-wrapper { position:relative; }
.unemp-section .sec-top { max-width: 900px; }
.unemp-section .sec-top h2 { font-size:94.7px; position: relative; z-index: 1; }
.unemp-section .sec-top h4 { font-size: 45px; font-weight: 400; padding: 10px 0; position: relative; z-index: 1; }
.unemp-section .sec-top h4:before { position: absolute; content: ''; left: 87%; top: 0; bottom: 0px; width: 500%; background: #9DD2F878; margin-left: -20px; }
.us-text { max-width: 550px; font-size: 22px; margin-left: 125px; position: relative; z-index: 1; }
.us-text:before { position: absolute; content: ''; left: -500%; top: 0; bottom: -100px; width: 500%; background: #9DD2F878; margin-left: -20px; }
.us-image { position: absolute; right: 190px; top: 220px; max-width: 500px; }
.us-atext { text-align: center; position: relative; z-index: 1; font-size:26px; margin: 70px 0 10px; }
.btns { position: relative; z-index: 1; }
.btns a { font-size: 14px; background: #FFF; color: #000; padding: 15px 80px 15px 40px; border-radius: 30px; margin: 15px 0 0; position:relative; transition:ease all 0.4s; }
.btns a:before { position:absolute; content:''; right:8px; top:8px; width:37px; height:37px; background:#ffc043; border-radius:30px; }
.btns a:after { position:absolute; content:''; right:24px; top:22px; width:10px; height:10px; border-top:#FF4500 solid 1px; border-right:#FF4500 solid 1px; transform: rotate(45deg); }
.btns a:hover { background:#FF4500; }

.demand-section { overflow:hidden; }
.demand-section .content-wrapper { position:relative; }
.demand-section .sec-top { max-width:550px; position:relative; z-index:1; }
.demand-section h2 { font-size: 94.7px; }
.demand-section h4 { font-size: 45px; font-weight: 400; margin: 25px 0; }
.ds-text { max-width: 580px; font-size: 22px; margin: 40px 0 50px 130px; position:relative; }
.ds-text:before, .ds-text:after { position: absolute; content: ''; top: -25px; right: 100%; width: 500%; height: 100%; background: #FF4500; margin-right: 40px; }
.ds-mimage:before, .ds-mimage:after { position: absolute; content: ''; margin: -70px 180px 0 0; top: 50%; transform: translateY(-50%); right: 100%; width: 500%; height: 45px; background: #406449; }
.ds-mimage:after { height: 130px; background: #84BD00; margin: 160px 100px 0 0; }
.ds-text:after { right: auto; left: 100%; margin: 100px 0 0 250px; }
.ds-atext { text-align: center; font-size: 30px; color: #406449; }
.ds-image { position: absolute; right: 0; top: 0; max-width: 450px; }
.dsat-tinner { max-width: 700px; float: none; display: inline-block; }
.ds-button > a { background:#FAEAD0; }
.ds-mimage { margin:20px 0; position:relative; } 
.ds-bottomtext { margin: 20px 0; font-size: 26px; }
.dsb-inner { max-width: 500px; float: none; display: inline-block; }

.expense-section { overflow:hidden; }
.expense-section .content-wrapper { position:relative; }
.expense-section .sec-top { max-width: 600px; }
.expense-section .sec-top h2 { font-size:94.7px; }
.expense-section .sec-top h4 { font-size: 45px; font-weight: 400; line-height: 1; margin: 25px 0; background:url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Talent%20Management/title-bg.png) no-repeat center bottom/190px auto; }
.es-atext { font-size:26px; }
.es-text { font-size: 22px; max-width: 720px; margin: 20px 0 20px 150px; position:relative; }
.es-video { position: absolute; right: 0; top: 0; max-width: 520px; }
.es-video:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.es-text:before, .es-text:after { position: absolute; content: ''; right: 100%; bottom: -70px; width: 100%; height: 150px; background: #FFC043; margin: 0 60px 0 0; }
.es-text:after { right:auto; left:100%; height:165px; bottom:auto; top:-57px; margin:0 0 0 220px; }
.es-platform { display: flex; flex-flow: row wrap; justify-content: center; }
.esp-inner { max-width: 700px; }
.esp-inner h5 { color: #406449; text-align: center; font-size: 36px; font-weight: 400; }
.esp-rows { margin:40px 0; }
.esp-row { background: #5B0C92; color: #FFF; padding: 15px 25px; font-size: 16.6px; margin:16px 0; position:relative; }
.esp-row:nth-child(5n+1) { max-width: 75%; }
.esp-row:nth-child(5n+2) { max-width: 92%; padding-right: 100px; }
.esp-row:nth-child(5n+4) { max-width: 73%; padding-right: 50px; }
.esp-row:nth-child(5n) { max-width: 77%; }
.esp-row:before { position:absolute; width:80px; height:80px; content:''; left:0; top:0; transform:translate(-90%,-80%); }
.esp-row:nth-child(5n+2):before { left: auto; right: 0; transform: translate(30%,-40%); }
.esp-row:nth-child(5n+3):before { transform: translate(-100%,0%); top: auto; bottom: 0; }
.esp-row:nth-child(5n+4):before { left: auto; right: 0; transform: translate(50%,40%); }
.esp-row:nth-child(5n):before { transform: translate(-100%,50%); top: auto; bottom: 0; } 

.volunteering-section { overflow:hidden; }
.volunteering-section .sec-top { max-width:600px; }
.volunteering-section .sec-top h2 { font-size: 87.2px; }
.volunteering-section .sec-top h4 { font-size: 45px; font-weight:400; }
.volunteering-section .content-wrapper { position:relative; }
.volunteering-section .content-wrapper:before, .volunteering-section .content-wrapper:after { position: absolute; content: ''; right: 70px; top: -50px; width: 300px; height: 300px; background: #A49E9E; } 
.volunteering-section .content-wrapper:after { top:130px; right:-250px; }
.vs-text { max-width: 570px; font-size: 22px; }
.vs-platform { display: flex; flex-flow: row wrap; justify-content: center; margin: 40px 0 0; }
.vsp-inner { max-width:1000px; display: flex; flex-flow: row wrap; justify-content: center; position:relative; }
.vsp-inner:after { position: absolute; content: ''; right: 0; top: 0; width: 400px; height: 400px; background: #FFC043; border-radius: 50%; transform: translateX(100%); }
.vsp-inner h5 { font-size: 30px; font-weight: 400; max-width: 600px; text-align: center; }
.vsp-rows { counter-reset: my-sec-counter; }
.vsp-row { max-width: 400px; font-size: 16.6px; padding: 30px; background: #FFF; border: #84BD00 solid 6px; margin:50px 50px 0 0; position:relative; }
.vsp-row:before { counter-increment: my-sec-counter; content: counter(my-sec-counter); position: absolute; left: -20px; top: 20px; min-width: 40px; min-height: 40px; text-align: center; line-height: 40px; color: #FFF; background: #84BD00; border-radius: 50%; }   
.vsp-row:nth-child(6n+2) { margin: 185px 0 0 70px; max-width: 300px; }
.vsp-row:nth-child(6n+3) { margin: 0 50px 0 100px; max-width:300px; } 
.vsp-row:nth-child(6n+4) { margin: 110px 0 0 120px; max-width: 430px; }
.vsp-row:nth-child(6n+5) { margin: 0 0 30px; max-width: 500px; }
.vsp-row:nth-child(6n) { margin: 100px 0 0 100px; }
.vsp-row:nth-child(6n+1) { clear:left; }
.vs-atext { display:flex; flex-flow:row wrap; justify-content:center; margin: 40px 0 0; } 
.vsat-tinner { max-width: 500px; font-size: 26px; }
.vs-image { position: absolute; right: 0; top: 0; max-width: 300px; z-index:1; }


.h1-large h1, .h2-large h2 { font-size:94.7px; line-height:0.88; }
.h2-large h2 { font-weight:400; }
.h2-large h4 { font-size:45px; font-weight:400; margin: 20px 0; }
img.hide { display:none; }

.applicant-section .secHeader { max-width: 640px; font-size:22px; padding: 100px 0 0; z-index: 1; position: relative; }
.applicant-section .secHeader h4 { font-size: 45px; font-weight: 400; margin: 20px 0 0; }
.applicant-section .secInner { position:relative; }
.asa-text { color: #406449; font-size: 17.1px; margin: 30px 0 0; }
.applicant-section .secText { margin: 50px 0 0px; font-size: 22px; }
/* .applicant-section h2 { font-weight: 400; font-size: 94.7px; } */
.add-image { position: absolute; right: 190px; top: 0; max-width: 530px; }
.as-main { padding: 50px 0; margin: 50px 0; position:relative; } 
.asm-left { float: left; width: 50%; position:relative; z-index:1; }
.asm-right { position: absolute; right: -11.5%; top: 0; width: 70%; height: 100%; }
.asm-left .asml-row { padding:15px 25px; background:#5B0C92; font-size:16.6px; color:#FFFFFF; margin:10px 0; }
.asm-left .asml-row:nth-child(5n+1) { max-width: 97%; }
.asm-left .asml-row:nth-child(5n+3) { max-width: 85%; }
.asm-left .asml-row:nth-child(5n+4) { max-width: 80%; }
.asm-left .asml-row:nth-child(5n) { max-width: 90%; }
.applicant-section .btns { margin:20px 0 0; }
.applicant-section .btns a { min-width:250px; text-align:center; }

.onoff-section .secHeader { max-width: 600px; }
.onoff-section .secHeader h2 { font-weight:400; }
.onoff-section .secHeader .secText { font-size: 22px; max-width: 88%; position: relative; left: 65%; }
.os-col { float: left; width: 32%; border: #84BD00 solid 4px; margin: 40px 2% 85px 0; padding: 30px; position: relative; min-height: 240px; }
.os-col:nth-child(3n) { margin:40px 0 0; } 
.osc-colimg { text-align: center; position: absolute; bottom: -85px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.osc-colimg img { max-width: 179px !important; margin-left: auto; margin-right: auto; width: 100%; }
.osc-text { color: #000; }

.screening-sec { position: relative; overflow: hidden; z-index: 2; }
.screening-circle { border: 6px solid; border-radius: 50%; height: 220px; width: 220px; position: absolute; right: -70px; top: 69px; z-index: -1; }
.screening-Line { width: 400px; height: 30px; position: absolute; top: 0; right: 0; z-index: -1; }
.screening-square { width: 80px; height: 100px; position: absolute; bottom: 0; left: 0; z-index: -1; }
.screening-orangeleft { height: 250px; left: 0; position: absolute; top: 29%; width: 50px; z-index: -1; }
.screening-orangebottom { width: 76px; height: 76px; position: absolute; bottom: 0; right: 100px; z-index: -1; }
.screening-sec .secHeader { max-width: 650px; }
.screening-sec .secText { margin-top: 50px; font-size: 22px; left: 25%; max-width: 100%; position: relative; }
.screening-row { max-width: 50%; border: 4px solid; padding: 50px; position: relative; left: 15%; margin-top: 90px; }
.screening-Col { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.screening-Colicon { margin-top: 5px; margin-right: 30px; }
.screening-Colicon img { max-width: 25px !important; }
.screening-Coltext { width: calc(100% - 55px); }
.screening-personimg { position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: -1; }
.screening-personimg img{ max-width: 350px!important; }


.hero-talentsec { position: relative; }
.hero-talentLeft { width: 45%; float: left; position:relative; padding-top: 150px; z-index: 1; }
.hero-talentLeftitle { margin-right: -13%; width: calc(100% + 13%); }
.hero-talentText { font-size: 22px; padding-right: 40px; margin-top: 90px; }
.hero-talentRight { /* position: relative; margin-left: -5%; */ float: left; width: 58%; margin-left: -3%; position: relative; }
.hero-talentRight:before { position: absolute; content: ''; left: -190px; bottom: 145px; width: 270px; height: 270px; border: #D34230 solid 5px; z-index: 0; }
.hero-talentRightbgimg { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 100%; margin-top: -90px; }
.hero-talentRightbgimg:before { }
.hero-talent .content-wrapper { position: static; }
.mobileshow { display: none; }
/* .hero-talentRightimg { position: absolute; bottom: 0; right: 15px; width: 57%; } */

.four-colscmenu.scroll-menu ul > li { width: 25%; }
.three-colscmenu.scroll-menu ul > li { width: 33.33%; }

.hero-humanRow { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.hero-humanRight { width: 50%; float: left; order: 1; display: flex; flex-wrap: wrap; }
.hero-humanLeft { position: relative; z-index: 1; width: 50%; float: left; }
.hero-humanLeftImg img { transform: rotate(90deg); margin-left: -150px; max-width: 555px !important; }
.hero-humanLeftImg { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
.hero-humanRightInner { max-width: 500px; margin-left: auto; padding-left: 30px; }
.secText.hero-humanText { font-size: 22px; }
.hero-humanRightInner .secText { margin-top: 25px; }
.hero-humanLeft:after { position: absolute; top: -160px; right: -40px; width: 320px; height: 400px; content: ''; border: 5px solid #fff; z-index: -1; }

.fractional-title h1 , .fractional-title h2 { font-weight: 700; }
.fractional-Left { max-width: 600px; }
.fractional-text { margin-top: 30px; max-width: 640px; font-size: 22px; }
.fractional-section .content-wrapper { position: relative; z-index: 1; }
.fractional-image { max-width: 450px; position: absolute; z-index: -1; right: 0; top: 0; }
.fractional-platform { margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; }
.fractional-inner h5 { color: #5B0C92; font-size: 30px; font-weight: 400; text-align: center; }
.fractional-inner { max-width: 700px; }
.fractional-row { background: #5b0c92; color: #fff; font-size: 16.6px; margin: 16px 0; padding: 15px 25px; position: relative; }
.fractional-rows { margin: 40px 0; }
.fractional-row:nth-child(5n + 1) { max-width: 82%; }
.fractional-row:nth-child(5n + 2) { max-width: 98%; }
.fractional-row:nth-child(5n + 3) { max-width: 62%; }
.fractional-row:nth-child(5n + 4) { max-width: 68%; }
.fractional-row:nth-child(5n) { max-width: 100%; }
.fractional-row:before { content: ""; height: 80px; left: 0; position: absolute; top: 0; transform: translate(-90%,-80%); width: 80px; }
.fractional-row:nth-child(5n+2):before { left: auto; right: 0; transform: translate(-30%,70%); }
.fractional-row:nth-child(5n+3):before { transform: translate(-100%,-31%); }
.fractional-row:nth-child(5n+4):before { left: auto; right: 0; transform: translate(50%,50%); }
.fractional-row:nth-child(5n):before { transform: translate(-100%,50%); }
.fractional-tinner h5{ color: #5b0c92; font-size: 30px; font-weight: 400; text-align: center; }
.fractional-Listrow { width: 100%; display: flex; flex-wrap: wrap; }
.fractional-list { width: 50%; float: left; }
.fractional-list ul { list-style: none; margin: 0; padding: 0; }
.fractional-list ul li { position: relative; padding-left: 40px; margin-bottom: 20px; }
.fractional-list ul li:before { position: absolute; top: 0; left: 0; content: ''; background-repeat: no-repeat; width: 24px; height: 26px; background-size: contain; background-position: center center; background-image: url('https://5288175.fs1.hubspotusercontent-na1.net/hub/5288175/hubfs/Website/Talent%20Acquisition/Check.png'); }
.fractional-atext { display: flex; flex-wrap: wrap; padding-top: 60px; max-width: 900px; margin-left: auto; margin-right: auto; width: 100%; }
.fractional-tinner { width: 100%; margin-bottom: 30px; }

.services-section { position: relative; z-index: 1; overflow: hidden; }
.services-row { float: none; width: 100%; background: #5b0c92; color: #fff; font-size: 16.6px; margin: 32px 0; padding: 15px 25px; position: relative;  }
.services-rows { margin: 40px 0; }
.services-row:nth-child(5n + 1) { max-width: 75%; }
.services-row:nth-child(5n + 2) { max-width: 92%; z-index: 4; }
.services-row:nth-child(5n + 3) { max-width: 35%; }
.services-row:nth-child(5n + 4) { max-width: 72%; } 
.services-row:nth-child(5n) { max-width: 67%; z-index: 3; }
.services-row:after { content: ""; height: 80px; left: 0; position: absolute; top: 0; transform: translate(-70%,-60%); width: 80px; }
.services-row:nth-child(5n+1):after { z-index: -1; } 
.services-row:nth-child(5n+2):after { left: auto; right: 0; transform: translate(65%,-50%); }
.services-row:nth-child(5n+3):after { transform: translate(90%,-75%); left: auto; right: 0; z-index: -1; }
.services-row:nth-child(5n+4):after { transform: translate(-80%,-80%); z-index: -1; }
.services-row:nth-child(5n):after { left: auto; right: 0; transform: translate(100%,-60%); }
.services-text { margin-top: 40px; max-width: 550px; font-size: 22px; }
.services-section .content-wrapper { position: relative; z-index: 1; }
.services-Left { max-width: 600px; }
.services-title h1 , .services-title h2 { font-weight: 700; }
.services-image { max-width: 500px; position: absolute; z-index: -1; right: 0; top: -50px; }
.services-platform { margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: center; }
.services-inner { max-width: 650px; }
.services-inner h5 { color: #000000; font-size: 30px; font-weight: 400; text-align: center; }
.services-tinner h5 { font-size: 26px; font-weight: 400; }
.services-whitecircle { width: 250px; height: 250px; position: absolute; border-radius: 50%; border: 8px solid #ffffff; top: 15%; right: -120px; }
.services-redcircle { border: 4px solid rgb(255 69 0 / 42%); border-radius: 50%; width: 400px; height: 400px; position: absolute; left: -250px; top: 35%; }
.services-orangecircle { border: 2px solid rgb(255 69 0 / 11%); border-radius: 50%; width: 400px; height: 400px; position: absolute; right: -150px; bottom: 5%; }
.services-binoculars { position: absolute; top: -50px; left: -30px; max-width: 200px; }
.services-atext { position: relative; max-width: 700px; padding-left: 150px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; }

.ctaInner { position: relative; }
.ctaInner .ctaquote { position: absolute; top: -10px; left: -50px; width: 37px; }

.Performance-section { position: relative; z-index: 1; overflow: hidden; }
.Performance-section .content-wrapper { position: relative; z-index: 1; }
.Performance-Left { max-width: 600px; }
.Performance-text { margin-top: 40px; max-width: 700px; font-size: 22px; }
.Performance-image { position: absolute; z-index: -1; top: -50px; right: 0; max-width: 450px; }
.Performance-row { display: flex; flex-wrap: wrap; max-width: 1000px; margin-left: auto; margin-right: auto; width: 100%; }
.Performance-col { position: relative; background-color: #ffffff; width: 49%; float: left; margin-right: 2%; margin-top: 40px; border: 4px solid #84BD00; padding: 20px 25px 60px; }
.Performance-col:nth-child(2n) { margin-right: 0; }
.Performance-col h3 { font-size: 30px; font-weight: 700; color: #406449; margin-bottom: 5px; }
.Performance-col h4 { font-size: 22px; color: #202020; font-weight: 400; }
.Performance-coltext ul { padding-left: 17px; }
.Performance-colbtn { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 25px; }
.Performance-colbtn a { font-size: 18px; font-weight: 700; display: inline-block; position: relative; z-index: 1; color: #202020; }
.Performance-colbtn a:before { position: absolute; content: ''; top: calc(100% - 10px); left: 0; width: 100%; height: 8px; background-color: #84BD00; z-index: -1; }
.Performance-whitecircle { position: absolute; z-index: -1; top: 5%; left: -125px; border: 8px solid #FDFDFE; border-radius: 50%; width: 250px; height: 250px; }
.Performance-line { position: absolute; z-index: -1; top: 30%; right: 10%; background-color: #FF4500; width: 8px; height: 350px; }
.Performance-title h2 { font-weight: 700; }

.management-section { position: relative; z-index: 1; overflow: hidden; }
.management-section .content-wrapper { position: relative; z-index: 1; }
.management-Left { max-width: 600px; }
.management-text { margin-top: 10px; max-width: 660px; font-size: 22px; }
.management-row { display: flex; flex-wrap: wrap; max-width: 900px; margin-left: auto; margin-right: auto; width: 100%; }
.management-col { position: relative; background-color: #ffffff; width: 49%; float: left; margin-right: 2%; margin-top: 33px; border: 4px solid #84BD00; padding: 20px 20px 20px; }
.management-col:nth-child(2n) { margin-right: 0; }
.management-ctatitle h4 { font-weight: 400; }
.management-image { position: absolute; z-index: -1; top: -20px; right: 0; max-width: 430px; }
.management-subtitle h4 span { position: relative; z-index: 1; display: inline-block; }
.management-subtitle h4 span:before { content: ''; position: absolute; z-index: -1; top: calc(100% - 19px); background-color: #9DD2F8; left: 0; width: 100%; height: 8px; }
.management-title h2 { font-weight: 700; }
.management-subtitle h4 strong { font-weight: inherit; position: relative; z-index: 1; display: inline-block; }
.management-subtitle h4 strong:before { height: 100%;  background-color: #84BD00; content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; }
.management-col h5 { font-size: 16px; font-weight: 700; color: #202020; }
.management-ctatitle h4 { font-size: 26px; color: #406449; }
.management-ctarow { margin-top: 50px; margin-left: auto; margin-right: auto; max-width: 700px; }
.management-coltext { font-size: 16px; }

/* .stickylinkInner { transform: rotateY(180deg); } */

.hero-paytimesec { position: relative; z-index: 1; }
.hero-paytime-video:after { content: ''; width: 500px; position: absolute; background-color: #FF4500; top: 27px; right: -30px; bottom: 27px; z-index: -1; }
.hero-paytimetitle { position: relative; margin-bottom: -35px; z-index: 11; margin-left: -30px; }
.hero-paytime-video { height: 440px; position: absolute; width: 92%; left: 0; }
.paytimeText { position: relative; font-size: 22px; max-width: 730px; line-height: 1.4; padding-top: 388px; z-index: 11; padding-left: 50px; }
.hero-paytime-video video { height: 100%; object-fit: cover; width: 100%; }
.hero-paytime-video:before { left: 0; position: absolute; top: 0; height: 100%; width: 100%; content: ''; bottom: 0; z-index: 11; }
.hero-paytimetInner:before, .hero-paytimetInner:after { content: ''; position: absolute; width: 6px; height: 457px; background-color: rgb(255 248 214 / 52%); right: 158px; bottom: 0; }
.hero-paytimetInner:before { top: 0; bottom: auto; right: 208px; z-index: 1; }


.rockpayll-Header h4 { margin-top: 0; }
.rockpayllTxt { max-width: 580px; font-size: 22px; line-height: 1.4; padding-top: 15px; }
.rockpayll-col { width: 47.3%; background-color: #fff; border: 4px solid #84BD00; margin-right: 5.3%; padding: 32px 33px; margin-top: 46px; font-size: 16px; line-height: 1.4; }
.rockpayll-col span { font-weight: 700; }
.rockpayll-col:nth-child(2n) { margin-right: 0; }
.rockpayll-col p:last-child { margin-bottom: 0; }
.rockpayll-content { position: relative; z-index: 1; }
.rockpayll-image { max-width: 480px; position: absolute; right: -20px; z-index: -1; bottom: 77%; }

.retirement-section { position: relative; overflow: hidden; }
.retirement-Header { position: relative; }
.retirementTxt { max-width: 540px; font-size: 22px; line-height: 1.4; }
.retirement-col { width: 31.3%; padding: 38px 32px; background-color: #fff; border: 4px solid #84bd00; color: #000; font-size: 16.6px; margin-right: 3%; margin-top: 40px; }
.retirement-col span { font-weight: 700; }
.retirement-col:nth-child(3n) { margin-right: 0; }
.retirement-col p:last-child { margin-bottom: 0; }
.retirement-image { max-width: 430px; position: absolute; right: 0; top: -60px; }
.retirement-section:after { content: ''; position: absolute; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Payroll%20and%20Time/golden%20circles.svg); width: 400px; height: 400px; background-size: cover; bottom: -120px; right: -242px; background-position: top center; background-repeat: no-repeat; }
.benefit-left { width: 30%; margin-left: -30px; }
.benefit-right { width: 70%; padding-top: 40px; }
.benefit-right .retirementTxt { max-width: 600px; }
.beneservi-txt { font-size: 26px; color: #FF4500; }
.retirement-section .btns a { min-width: 250px; text-align: center; margin-top: 20px; }
.beneservi-info { display: inline-block; margin-left: -65px; margin-top: 40px; }
.retirement-benefit .secHeader h4 { margin-bottom: 10px; }
.retirement-benefit { margin-top: 70px; }

.timeattend-section { position: relative; z-index: 1; overflow: hidden; }
.timeattend-headleft { width: 53%; position: relative; z-index: 11; }
.timeattend-headright { width: 47%; position: relative; z-index: 1; }
.timeattendTxt { font-size: 22px; line-height: 1.4; margin-top: 25px; }
.timeattend-video { z-index: -1; width: 230px; height: 230px; position: absolute; top: -10px; left: -20px; }
.timeattend-video video { width: 100%; height: 100%; object-fit: cover; }
.timeattend-image { max-width: 370px; margin: 0 auto; padding-top: 60px; }
.timeattend-col { width: 48.5%; background-color: #fff; padding: 19px 23px 25px; border: 4px solid #84BD00; font-size: 16.6px; margin-right: 3%; color: #000; margin-top: 45px; position: relative; }
.timeattend-col span { font-weight: 700; }
.timeattend-col:nth-child(2n) { margin-right: 0; }
.timeattend-icon { position: absolute; right: 20px; bottom: -40px; }
.timeattend-icon  img { max-width: 130px !important; }
.time-managinfo { max-width: 650px; margin: 60px auto 0; padding-bottom: 30px; }
.time-managrow { padding: 20px 35px; background-color: #E0EFFA; margin-bottom: 26px; position: relative; font-size: 16px; color: #000; line-height: 1.4; }
.time-managrow:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; transform: translate(-100%,-20%); }
.time-managrow:nth-child(5n+1) { width: 95%; }
.time-managrow:nth-child(5n+3) { width: 84% }
.time-managrow:nth-child(5n+4) { width: 98%; }
.time-managrow:nth-child(5n) { width: 30%; }
.time-managrow:nth-child(5n+2):before { right: 0; left: auto; transform: translate(65%, 38%); top: auto; bottom: 0; }
.time-managrow:nth-child(5n+3):before { transform: translate(-62%,70%); }
.time-managrow:nth-child(5n+4):before { right: 0; left: auto; transform: translate(70%, 75%); }
.time-managrow:nth-child(5n+4):before { right: 0; left: auto; top: auto; bottom: 0; transform: translate(-135px,75%); }
.time-managrow:nth-child(5n):before { transform: translate(0, 80%); top: auto; bottom: 0; }
.timeattend-row { padding: 30px 0 50px; }
.timeattend-section:after { content: ''; position: absolute; width: 330px; height: 330px; left: -150px; top: 50%; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Payroll%20and%20Time/white%20circles.svg); background-size: contain; background-repeat: no-repeat; background-position: top center; transform: translateY(-50%); }
.timeattend-headleft span { width: 100px; height: 26px; background-color: #9DD2F8; display: inline-block; position: relative; margin-bottom: -30px; }
.timeattend-headleft span:before { content: ''; position: absolute; background-color: inherit; width: 3000px; right: 100%; top: 0; height: 100%; }
.time-managinfo:before { content: ''; position: absolute; width: 28px; height: 300px; background-color: #3F78EF; right: 0; top: 44%; transform: translateY(-50%); }
.time-managinfo:after { content: ''; width: 250px; height: 250px; border: 5px solid #fff; position: absolute; right: -100px; top: 50%; transform: translateY(-50%); border-radius: 50%; margin-top: 90px; z-index: -1; }

.taxpyrll-section { position: relative; }
.taxpyrll-info { align-items: center; -webkit-align-items: center; margin-top: 31px; }
.taxpyrllText {  width: 70%; padding-left: 50px; font-size: 22px; line-height: 1.4; }
.taxpyrll-image { width: 30%; }
.taxpyrll-Header { width: 50%; }
.taxpyrll-video video { width: 100%; height: 100%; object-fit: cover; }
.taxpyrll-video { width: 450px; height: 250px; position: absolute; top: 0; right: 0; margin-top: 30px; }
.taxpyrll-video:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #FFC043; top: -30px; left: -30px; z-index: -1; }
.taxfileTitle h3 { font-size: 36px; line-height: 1.4; }
.taxfile-col { font-size: 16px; line-height: 1.4; padding: 20px 13px; width: 15%; background-color: #FFC043; color: #000; margin-right: 2%; margin-top: 20px; }
.taxfile-col:nth-child(6n) { margin-right: 0; }

.fractional-atext.fractional-topspce-atext { justify-content: center; max-width: 100%; padding-top: 0; }
.fractional-topspce-atext .fractional-tinner h5 { font-size: 36px; }
.fractional-topspce-atext .fractional-tinner { max-width: 650px; }
.fractional-topspce-atext .fractional-list { padding: 10px 10px 0; }

.management-row.management-full { max-width: 100%; }
.management-Left-largetitle .management-title { width: calc(100% + 70px); margin-right: -70px; }
.management-Left.management-fullwidth { max-width: 100%; }

.herobenefitRow { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-end; -webkit-align-items: flex-end; }
.herobenefitleft { width: 50%; float: left; margin-bottom: 20px; }
.herobenefitright { width: 50%; float: left; }
.herobenefitext { max-width: 59%; margin-top: 30px; width: 100%; float: left; font-size: 22px; position: relative; }
.herobenefitSec { position: relative; z-index: 1; overflow: hidden; }
.herobenefitbordersquare { z-index: -1; border: 8px solid; height: 329.4px; left: -3%; position: absolute; top: -20%; width: 333.6px; }
.hbackgroundsquare { z-index: -1; height: 213.9px; right: -3%; position: absolute; top: -3%; width: 516.9px; }
.hbcircle { z-index: -1; height: 387.1px; right: -9%; position: absolute; bottom: 2%; width: 387.1px; border-radius: 50%; border: 20px solid; }
.hbborderline { z-index: -1; border: 8px solid; height: 213.9px; left: 0; position: absolute; top: 50%; }

.benefitsrecSec { position: relative; z-index: 1; overflow: hidden; }
.benefitsrecSec .content-wrapper { position: relative; z-index: 1; }
.benefitsrecHeader { max-width: 750px; }
.benefitsrec-text { max-width: 650px; font-size: 22px; }
.benefitsrec-rightimg { position: absolute; top: -50px; right: 130px; max-width: 310px; z-index: -1; }
.benefitsrec-subtitle h4 { margin-top: 0; }
.benefitsrec-cols { padding: 20px 35px; background-color: #E0EFFA; margin-bottom: 26px; position: relative; font-size: 16px; color: #000; line-height: 1.4; }
.benefitsrec-cols:before { content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 0; transform: translate(-70%,-60%); }
.benefitsrec-cols:nth-child(6n+1) { width: 95%; }
.benefitsrec-cols:nth-child(6n+2) { width: 83% }
.benefitsrec-cols:nth-child(6n+3) { width: 87% }
.benefitsrec-cols:nth-child(6n+4) { width: 80%; }
.benefitsrec-cols:nth-child(6n+5) { width: 84%; }
.benefitsrec-cols:nth-child(6n) { width: 55%; }
.benefitsrec-cols:nth-child(6n+2):before { right: 0; left: auto; transform: translate(80%, -45%); }
.benefitsrec-cols:nth-child(6n+3):before { transform: translate(-100%,0%); top: auto; bottom: 0; }
.benefitsrec-cols:nth-child(6n+4):before { right: 0; left: auto; transform: translate(65%,0%); top: auto; bottom: 0; }
.benefitsrec-cols:nth-child(6n+5):before { transform: translate(-50%,-50%); }
.benefitsrec-cols:nth-child(6n):before { right: 0; left: auto; transform: translate(80%, 30%); top: auto; bottom: 0; }
.benefitsrec-items { margin-top: 66px; }
.benefitsrec-row { max-width: 650px; margin-left: auto; margin-right: auto; } 
.benefitsrec-lftimg { position: absolute; bottom: 40px; left:-226px; width: 400px; height: 400px; z-index: -1; }
.benefitsrec-lftimg:before { position: absolute; content: ''; top: -186px; left: 226px; width: 7px; height: 300px; background-color: #3F78EF; }
.benefitsrec-rghtimg { position: absolute; top: 50%; transform: translateY(-50%); right: -226px; width: 400px; height: 400px; z-index: -1; }
.benefitsrec-rghtimg:before { position: absolute; content: ''; bottom: -186px; right: 226px; width: 7px; height: 300px; background-color: #3F78EF; }


.aca-repSec { position: relative; z-index: 1; overflow: hidden; }
.aca-repSec .content-wrapper { position: relative; z-index: 1; }
.aca-repimg { object-fit: cover; max-width: 560px; position: absolute; right: 0; top: 70px; width: 100%; }
.acarep-subtitle { position: relative; z-index: 1; max-width: 380px; }
.acarep-subtitle h4 { margin-top: 0; }
.aca-repText { position: relative; z-index: 1; max-width: 560px; font-size: 22px; margin-top: 40px; }
.acarep-title { position: relative; z-index: 1; }
.aca-reprow { margin-top: 54px; display: flex; flex-wrap: wrap; }
.aca-repleftext { width: 40%; }
.aca-repright { width: 45%; margin-left: 3%; }
.aca-repcol { display: flex; font-size: 16px; margin-bottom: 12px; margin-right: 15px; padding: 10px; width: auto; flex-wrap: wrap; align-items: center; justify-content: center; float: left; }
.aca-repleftext h3 { font-size: 30px; color: #000; }
.aca-repleftext { font-size: 22px; }
.aca-rep-topcircle { position: absolute; z-index: -1; top: 30px; right: -100px; content: ''; width: 240px; height: 240px; border: 6px solid; border-radius: 50%; }
.aca-rep-bottomcircle { position: absolute; z-index: 2; top: 300px; right: -80px; content: ''; width: 150px; height: 150px; border: 4px solid; border-radius: 50%; }

.ccText { margin-top: 30px; font-size: 22px; max-width: 700px; }
.cc-subtitle { max-width: 920px; }
.ccRow { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 100px; margin-top: 64px; }
.ccols { margin-right: 2%; position: relative; z-index: 2; padding: 100px 0; }
.ccols:nth-child(3n) { position: absolute; z-index: 1; top: 0; right: 0; width: 85%; height: 100%; margin-right: 0; padding: 0; }
.ccols:nth-child(3n + 1) { width: 33.33%; }
.ccols:nth-child(3n + 2) { width: 33.33%; }
.ccoltop { width: 100%; padding: 10px 60px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 18px; text-align: center; }
.ccolbottom { width: 100%; padding: 10px 105px 10px 0; position: absolute; top: 100%; left: 0; font-weight: 700; font-size: 18px; text-align: center; }
.ccolsinnr { border-radius: 20px; padding-top: 56.25%; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.colnum { display: none; }
.ccols:nth-child(3n) .ccolsinnr { background-position: center right; border-radius: 0; padding: 0; }
.ccols:nth-child(3n) .ccoltop { padding: 10px 20px; width: 43%; right: 0; top: 100%; left: auto; transform: none; }
.ccols:nth-child(3n) .ccolbottom { padding: 10px 20px; width: 43%; right: 0; top: 20px; left: auto; transform: none; }
.ccols:nth-child(3n + 2) .ccolsinnr:before { content: ''; position: absolute; bottom: -100px; left: -30px; width: 2px; height: 86%; transform: rotate(66deg); }
.ccols:nth-child(3n + 2) .ccolsinnr:after { content: ''; position: absolute; bottom: 0px; right: 180px; width: 2px; height: 30%; transform: rotate(35deg); z-index: -1; }


.heroaboutSec { position: relative; z-index: 1; overflow: hidden; }
.heroaboutLeft { width: 54%; float: left; }
.heroaboutRight { width: 46%; float: left; }
.heroaboutImg { position: relative; z-index: 1; padding-top: 73px; }
.heroaboutImg:before { position: absolute; z-index: -1; top: 0; right: -57px; width: calc(100% - 57px); height: calc(100% - 73px); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.heroaboutText { margin-top: 50px; font-size: 28.5px; line-height: 1.3; padding-right: 50px; }
.heroaboutLeft h1 { line-height: 1.1; }
.heroaboutLeft h1 span { position: relative; display: inline-block; }
.heroaboutLeft h1 span:before { position: absolute; bottom: 5px; left: -10px; content: ''; background-size: contain; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/Line.png); background-repeat: no-repeat; background-position: center bottom; width: calc(100% + 20px); height: 40px; z-index: -1; }
.heroaboutline { position: absolute; width: 427px; height: 427px; top: 60px; left: 0; z-index: -1; }
.heroaboutcounter { margin-top: 18px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.heroaboutop { font-size: 85px; font-weight: 700; line-height: 1.2; }
.heroaboutext { font-size: 18px; }
.heroaboutcols { width: 33.33%; text-align: center; padding: 20px 0; }

.testimonialaboutTitle h5 { font-weight: 500; font-size: 23px; line-height: 1.4; }
.testabout-img { width: 30%; }
.testimonialaboutTitle { width: 70%; margin-left: -70px; }
.testaboutHeader { margin-bottom: 24px; }
.testabutpro-info { padding: 50px 0px; border-top: 1px solid #FF5C00; border-bottom: 1px solid #FF5C00; }
.testabutpro-numtxt { font-size: 13px; color: #fff; text-align: center; line-height: 1.4; }
.testabutpro-percent { display: inline-block; font-size: 135px; width: 135px; height: 135px; position: relative; border-radius: 50%; overflow: hidden; }
.testabutpro-inner { width: 135px; height: 135px; position: absolute; top: 0; left: 0; clip: rect(0 1em 1em 0.5em); }
.testabutpro-inner .round-per { position: absolute; width: 135px; height: 135px; top: 0; left: 0; background-color: #9dd2f8; clip: rect(0 1em 1em 0.5em); transform: rotate(180deg); transition: 1.05s; border-radius: 50%; }
.circle-inbox { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background-color: #002d72; border-radius: 50%; border: 6px solid #ff4500; }
.percent-txt { position: absolute; font-size: 23px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; font-weight: 600; }
.percent-more::before { content: ''; position: absolute; bottom: 0; right: 0; background-color: #9dd2f8; left: 50%; top: 0; }
.percent-numtxt { color: #fff; font-size: 26px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.percent-more .testabutpro-inner { clip: rect(0 0.5em 1em 0em); }
.testabutproText { font-size: 23px; line-height: 1.4; margin-top: 60px; max-width: 620px; font-style: italic;  margin: 60px auto 0; position: relative; }
.testabutproText span { display:block; }
.testabutproText:before { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/quote.png) no-repeat 0 0/contain; width: 38px; height: 30px; top: -15px; left: -45px; }
.testabutpro-content { padding: 0px 15px; }
.testabutpro-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); justify-content: space-between; -webkit-justify-content: space-between; }

.abplace-sec { position: relative; z-index: 1; overflow: hidden; }
.abplace-inner { padding-top: 17px; }
.abplace-txt { width: 45%; font-size: 23px; line-height: 1.1; }
.abplace-rghtimg { width: 55%; padding-left: 30px; width: calc(55% + 57px); margin-right: -57px; }
/* .abevent-img { width: 38.34%; margin-right: 2.33%; margin-bottom: 26px; } */
.abevent-img { padding-bottom: 25%; background-size: cover; background-repeat: no-repeat; background-position: top center; background-repeat: no-repeat; margin-bottom: 26px; margin-right: 2.33%; width: 38.34%; }
.abevent-img:nth-child(3n){ margin-right: 0; }
.abplace-event { margin-top: 27px; position: relative; }
.abevent-img:nth-child(3) { width: calc(20% + 57px ); margin-right: -57px; }
.abevent-img:nth-child(1) { width: calc(37% + 57px); margin-left: -57px; margin-top: -170px;  margin-bottom: 170px; }
.abevent-img:nth-child(4) { margin-left: 80px; width: calc(37% - 80px); padding-bottom: 20%; margin-top: -145px; }
.abplace-event:before { content: ''; position: absolute; background-image: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/About%20Us/stripes.png); max-width: 402px; height: 56px; background-position: top center; background-size: contain; bottom: 26px; right: -56px; width: 100%; background-repeat: no-repeat; }
.abplace-sec:after { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Benefits/blue%20graph.svg) no-repeat 0 0/contain; width: 427px; height: 427px; left: 0; bottom: 0; z-index: -1; margin-left: -80px; }
.abplace-Header { max-width: 1000px; }

.abpartner-left { width: 60%; } 
.abpartner-rghtimg { width: 40%; }
.abpartner-txt { font-size: 23px; line-height: 1.1; max-width: 550px; padding-top: 8px; }
.abpartner-txt span { z-index: 1; position: relative; display: inline-block; }
.abpartner-txt span:before { content: ''; position: absolute; width: 103%; border-bottom: 7px solid #84bd00; bottom: 0; z-index: -1; left: 50%; transform: translateX(-50%); }
.abpartner-image {  width: calc(100% + 2%); margin: 50px -2% 0; }
.abpartner-img { width: 12.28%; margin: 0 1%; text-align: center; }
.abpartner-logotxt { margin-top: 17px; font-size: 12px; line-height: 1.4; color: #000; font-weight: 700; }


.pesrvng-txt { padding-top: 11px; font-size: 21.9px; line-height: 1.1; max-width: 950px; }
.pesrvng-col { position: relative; width: 33.33%; padding: 350px 15px 18px; background-size: cover; background-position: top center; background-repeat:no-repeat; filter: grayscale(1); }
.people-info h4 { color: #F7FCFF; font-size: 22px; line-height: 1.4; margin-bottom: 0; }
.postion-txt { color: #F7FCFF; font-size: 15px; }
/* .pesrvng-content { padding-top: 65px; margin: 0 -130px; width: calc(100% + 260px);} */
.pesrvng-col:first-child, .pesrvng-col:nth-child(2) { width: 50%; padding-top: 375px; background-position: top 25% center; }
.pesrvng-col:before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to top, rgb(0 0 0 / 55%), transparent); top: 0; left: 0; z-index: -1; }

.comHeader { align-items: flex-end; -webkit-align-items: flex-end; }
.comTag { font-size: 28.5px; line-height: 1.1; margin-bottom: 10px; }
.comleft { width: 45%; padding-right: 50px; position: relative; z-index: 1; }
.comTxt { width: 55%; padding-left: 50px; line-height: 1.1; font-size: 23px; }
.comTxt p:last-child { margin-bottom: 0; }
.comleft:before { content: ''; position: absolute; width: 95%; border-bottom: 4px solid #a49e9e; bottom: 92px; z-index: -1; left: 0; }
.comleft:after { content: ''; position: absolute; width: 4px; border-right: 4px solid #a49e9e; z-index: -1; height: 188px; bottom: 0; right: 5%; }
.comImages { padding-top: 70px; display: grid; gap: 23px; grid-template-columns: repeat(6,1fr); grid-template-rows: 150px; }
/* .comimg-col { width: 31.33%; margin: 0 1% 23px; } */
/* .comimg-col:first-child, .comimg-col:nth-child(2) { width: 48%; } */
/* .comImages { padding-top: 70px; margin-left:-1%; margin-right: -1%;  width: calc(100% + 2%); } */
.comimg-col:nth-child(8n+1), .comimg-col:nth-child(8n+2) { grid-column: span 3; }
.comimg-col { grid-column: span 2; grid-row: span 2; }
.comimg-col:nth-child(8n+3) { grid-row: span 3; }
.comimg-col:nth-child(8n+4) { margin-bottom: 80px; }
.comimg-col:nth-child(8n+6) { margin-top: -80px; }
.comimg-col:nth-child(8n) { grid-row: span 1; }
.comimg-col img { width: 100%; height: 100% !important; object-fit: cover; }
.comimg { padding-top: 70px;}
.comimg img { width: 100%; height: 100% !important; object-fit: cover; }


.ablocontent { padding-top: 21px; }
.abloc-Col { background-color: #fff; border: 4px solid #84bd00; padding: 36px 20px; margin-right: 4.6%; width: 47.66%; margin-bottom: 50px;     position: relative; }
.abloc-Col:nth-child(2n) { margin-right: 0; }
.abloc-Col h3 { font-size: 28px; font-weight: 700; color: #1d376c; margin-bottom: 35px; }
.abloc-Txt p:not(:last-child) { margin-bottom: 10px; }
.abloc-Txt p:last-child { margin-bottom: 0; }
.abloc-Txt { font-size: 23px; line-height: 1.1; color: #1d376c; }
.abloc-Txt a { color: #1d376c; }
.map-image { position: absolute; max-width: 136px; right: 20px; top: -27px; }



@keyframes percentage {
  @for $i from 1 through 100 {
    $percentage: $i + "%";
    #{$percentage} { content: $percentage; }
  }
}

.stickylinkspn { mix-blend-mode: difference; animation: percentage 10s linear infinite; }
.stickydot { mix-blend-mode: difference; animation: percentage 10s linear infinite; }


.slick-arrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); left: -35px; font-size: 0; padding: 0; margin: 0; width: 40px; height: 40px; border-radius: 50%; }
.slick-next.slick-arrow { left: auto; right: -35px; }
.slick-arrow:before { margin-left: 1px; position: absolute; content: ''; top: 50%; left: 50%; display: block;width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: translate(-50% , -50%) rotate(-45deg); }
.slick-next.slick-arrow:before { transform: translate(-50% , -50%) rotate(135deg); margin-left: -1px; }
.slick-arrow:hover { border-radius: 50%; }

.btns.btnstyle.primarybtn a { padding: 20px 90px 20px 25px; }
.btns.btnstyle.primarybtn a:before { top: 50%; transform: translateY(-50%); }
.btns.btnstyle.primarybtn a:after { top: 50%; transform: translateY(-50%) rotate(45deg); }
.onboarding-btn{ margin-top: 50px; }

.abloc-Col a.abloc-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.frm-body .hhs-form-con .form-columns-2 .hs-form-field { padding-right: 0; }


@media(max-width: 1400px){
  
 .asm-right { right: -5%; }
 
}
@media(max-width: 1250px){
  .slick-arrow { left: -14px; width: 25px; height: 25px; }
  .slick-next.slick-arrow { right: -14px; }
  .slick-arrow:before { width: 6px; height: 6px; }
  
}
  
@media(max-width: 1200px){
  
  .content-wrapper { padding-right: 30px !important; padding-left: 30px !important; }
 
  .h1, .h2, h1, h2 { font-size: 64px; }
  .h3, h3 { font-size: 34px; }
  
  .largetext p span { font-size: 26px; }
  .featureColtitle { font-size: 32px; }
  .alltogetherImgvide:before {bottom: -100px; height: 220px; right: -150px; width: 220px; }
  
  .resourceColTitle h4 a { font-size: 22px; }
  .resourceColText { font-size: 18px; }
  
  .twoColLeft h2 { font-size: 34px; }
  .threecolNumber { font-size: 66px }
  
  .fontlarge { font-size: 22px; }
  .clientviewname { font-size: 19px; }
  .clientviewCol { padding: 25px 20px; }
  
  .solutionText { font-size: 18px; }
  .solutionCol { width: 23.5%; }
  .solutionCol:nth-child(6n) { margin-right: 2%; }
  .solutionCol:nth-child(4n) { margin-right: 0; }
  
  .lifecycleColText { padding: 40px 25px; }
  
  .stickylinkSec { left: 32px; }
  
  
  .ds-text:after { margin-left:150px; }
  .vsp-row:nth-child(6n+4) { margin-left:50px; }
  .vsp-row:nth-child(6n+5) { margin-top:30px; }
  
  .asm-right { right: 0; }
  .screening-row { margin-top: 50px; padding: 40px 30px; }
  .screening-Colicon { margin-right: 15px; }
  .screening-Coltext { width: calc(100% - 40px); }
  
  .os-col { padding: 20px 15px; min-height: 220px; }
  .osc-colimg { bottom: -60px; }
  .osc-colimg img { max-width: 135px !important; }
  
  .hero-talentLeftitle { margin-right: -20%; width: 120%; }
  .hero-talentRight:before { bottom: 75px; }
  
  .hero-humanLeft:after { position: absolute; top: -120px; right: -15px; width: 270px; height: 260px; }
  
  .fractional-image { max-width: 360px; }
  
  .Performance-image { max-width: 380px; }
  .Performance-line { top: 25%; height: 270px; }
  .management-image { max-width: 380px; }
  
  .hero-paytimetitle { margin-left: -20px; }
  .hero-paytimetInner:before { right: 185px; }
  .hero-paytimetInner:after { right: 130px; }
  
  .retirement-image { right: -15px; }
  
  .herobenefitbordersquare { border: 6px solid; height: 280px; top: -15%; width: 300px; }
  .hbackgroundsquare { height: 180px; right: -2%; width: 470px; }
  .hbcircle { border: 15px solid; height: 320px; width: 320px; }
  .hbborderline { border: 5px solid; }
  .ccolbottom { padding: 10px 60px 10px 0; }
  .ccoltop { padding: 10px 40px; }
  .ccolsinnr { border-radius: 15px; }
  .ccRow { margin-top: 40px; }
  
  .aca-repimg { max-width: 430px; }
  .aca-repright { width: 50%; }
  .aca-repleftext h3 { font-size: 26px; }
  
  .benefitsrec-rightimg { right: 0px; }
  
  .heroaboutop { font-size: 70px; }
  
  .abevent-img:nth-child(4) { margin-top: -110px; }
  .abevent-img:first-child { margin-top: -125px; margin-bottom: 130px; }
  
  .comleft:before { bottom: 66px; }
  .comleft:after { height: 136px; }
}


@media(max-width: 991px){
  
  .hideonmobile { display:none; visiblity: hidden; }
  
  .h2, h2 { font-size: 50px; }
  .h4, h4 { font-size: 24px; }
  .largetext p span { font-size: 22px; } 
  
  .alltogetherLeft { width: 100%; margin-right: 0; padding-left: 50px; }
  .alltogetherCenter { margin-top: -20px; width: 100%; }
  .alltogetherRight { width: 50%; margin-left: auto; margin-top: -40px; }
  .alltogethervideo { width: 70%; padding-top: 70%; }
  .alltogetherImgvide:before { bottom: auto; height: 160px; right: -200px; width: 160px; top: 0; }
  
  .featureCol { width: 50%; }
  
  .lifecycleTopShape { height: 200px; right: -100px; top: 50%; width: 200px; transform: translateY(-50%); }
  .lifecycleRightShape { right: -50px; }
  .lifecycleShape { height: 300px; left: -200px; width: 300px; }
  .lifecycleCol { width: 48.5%; }
  .lifecycleCol:nth-child(2n) { margin-right: 0; }
  .lifecycleCol:nth-child(4n+1) , .lifecycleCol:nth-child(4n+2) , .lifecycleCol:nth-child(4n+3) { margin-top: 0; }
  .lifecycleColNum:before, .lifecycleColTitle:before , .lifecycleCol:before{ display: none; }
  .lifecycleColNum, .lifecycleColTitle { margin-bottom: 0; }
   /* .lifecycleColTitle { padding-left: 45px; min-height: 45px; } */
  .lifecycleColNum { position: absolute; top: 0; left: 0; }
  .lifecycleColTitle { padding-left: 45px; min-height: 35px; display: flex; flex-wrap: wrap; /* align-items: center; */ align-items: center; margin-bottom: 10px; font-size: 22px; }
  .lifecycleColText { min-height: 250px; }
  
  .resourceshapeTop { height: 300px; width: 300px; }
  .resourceshapeBottomLeft { bottom: -100px; height: 250px; width: 200px; }
  .resourceshapeBottomRight { bottom: -100px; height: 250px; right: -55px; width: 290px; }
  .resourcebtn { margin-top: 50px; }
  
  .twoColLeft { width: 100%; margin-bottom: 14px; }
  .twoColLeft h2 { margin-right: 0; width: 100%; }
  .twoColLeftText { margin-left: 30px; }
  .twoColRight { margin-left: 0; width: 100%; }
  
  .threecolItem { width: 49%; }
  .threecolItem:nth-child(3n) { margin-right: 2%; }
  .threecolItem:nth-child(2n) { margin-right: 0; }
  
  .empoweringHeader { width: 100%; margin-bottom: 30px; }
  .empoweringRight { width: 65%; margin-left: auto; }
  
  .formLeft { width: 100%; margin-bottom: 30px; }
  .formRight { padding-left: 0; width: 100%; }
  
  .solutionSection { z-index: 2; }
  .solutionCol { width: 32%; }
  .solutionCol:nth-child(4n) { margin-right: 2%; }
  .solutionCol:nth-child(3n) { margin-right: 0; }
  
  .clientviewCol { width: 100%; margin-right: 0; }
  .clientviewRow { width: 100%; padding: 0 50px; }
  .clientviewRow .slick-arrow { border-left: 2px solid #fff; border-top: 2px solid #fff; font-size: 0; left: 5px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); padding: 0; border-radius: 0; width: 14px; height: 14px; z-index: 1; }
  .clientviewRow .slick-next.slick-arrow { left: auto; right: 5px; transform: translateY(-50%) rotate(135deg); }
  .clientviewCol { box-sizing: content-box; }
      
  .hero-talent .ht-video { position:static; margin:40px 0 0; }
  .hero-talent .ht-image { display:none; }
  .ht-text { width: 100%; padding: 40px 0 0; } 
  .scroll-menu ul > li { width:100%; } 
  .people-analytics h2 { line-height:1; }
  .pa-text { max-width:100%; margin:20px 0; }
  .pa-ana { margin-left: 0; max-width: 100%; }
  .pab-inner { margin-left:0; }
  .ds-image { max-width:250px; }
  .ds-mimage::after { height: 80px; background: #84BD00; margin: 0; top: 0; transform: translateY(-150%); }
  .ds-text { max-width: 100%; margin: 40px 0 30px 0; }
  .ds-text:before { margin-right:5px; top:0; max-height: 120px; }
  .ds-text:after { margin-left: -70px; max-height: 120px; top: 235px; z-index: 1; }
  .expense-section { position:relative; }
  .expense-section .sec-top { z-index: 1; position: relative; } 
  .es-video { max-width:300px; }
  .es-text { margin-left:0; position:static; }
  .es-text:before { bottom: auto; top: 0px; margin: 0 -25px 0 0; }
  .es-text:after { top: 180px; margin: 0 0 0 -60px; }
  .expense-section .sec-top h4 { background-position: left bottom; }
  .esp-row { max-width:100% !important; }
  .esp-row:before { display:none; }
  .volunteering-section .sec-top { position:relative; z-index:2; }
  .volunteering-section .content-wrapper:before { width:225px; height:225px; right:0; }
  .vs-image { right: 70px; top: 110px; z-index: 1; width: 200px; height: 250px; }
  .vs-image img { height: 250px !important; width: 200px; object-fit: cover; }
  .vs-text { margin: 80px 0 0; max-width: 100%; }
  .volunteering-section .content-wrapper:after { top: 200px; right: 100%; margin-right: -25px; max-height: 200px; }
  .vsp-inner { background-image:none !important; }
  .vsp-rows::before { content: ''; padding: 56.25% 0 0; float: left; width: 100%; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Talent%20Management/volunteering-bg.png) no-repeat center center/contain; }
  .vsp-row { max-width:100% !important; margin:12px 0 !important; }
  
  .hero-talentLeft { padding-top: 0; width: 100%; margin-bottom: -100px; }
  .hero-talentRight {  margin-left: 0; width: 100%; }
  .hero-talentRightimg { width: 60%; margin-left: auto; }
  .hero-talentRight:before { bottom: 30px; left: 20%; }
  .desktophow { display: none; }
  .mobileshow { display: block; }
  .hero-talentText.mobileshow { margin-top: 30px; width: 100%; float: left; }
  .hero-talentLeftitle { margin-right: 0; width: 100%; max-width: 550px; }
  .hero-talentText { padding-right: 0; }
  
  .applicant-section .secHeader { max-width: 100%; padding: 0; }
  .add-image { position: static; float: right; width: 100%; margin-top: -70px; max-width: 80%; }
  .applicant-section .secText.mobileshow { float: left; width: 100%; }
  .asa-text { margin: 10px 0 0; }  
  .asm-right img.hide { display: block !important; }
  .asm-right { position: static; background: none !important; width: 100%; max-width: 70%; margin-left: auto; order: 0; display: flex; flex-wrap: wrap; margin-right: -30px; }
  .asm-left { width: 100%; order: 1; margin-top: -120px; }
  .as-main { margin: 50px 0 0; padding: 0; display: flex; flex-wrap: wrap; }
  .onoff-section .secHeader .secText { left: 0; max-width: 100%; }
  .onoff-section .secHeader { max-width: 100%; }
  
  .os-col { margin-right: 0; width: calc(100% - 60px); min-height: 100px; margin-bottom: 50px; margin-right: 0; }
  .osc-colimg { left: auto; transform: none; -webkit-transform: none; right: -60px; }
  
  .screening-Line , .screening-circle { display: none; }
  .screening-orangeleft { top: 15%; height: 150px; left: 0; width: 20px; }
  .screening-sec .secText { left: 0; }
  .screening-personimg img { max-width: 250px !important; }
  .screening-personimg { top: 10%; transform: none; }
  .screening-row { margin-top: 60px; left: 0; max-width: 90%; }
  .screening-square { bottom: 40%; right: 0; left: auto; }
  .screening-orangebottom { height: 60px; right: 0; width: 50px; }
  
  .four-colscmenu.scroll-menu ul>li { width: 100%; }
  .three-colscmenu.scroll-menu ul > li { width: 100%; }
   
  .hero-humanRight { order: 0; width: 100%; position: relative; z-index: 2; margin-bottom: 40px; }
  .hero-humanLeft { width: 100%; }
  .hero-humanRightInner { margin-left: 0; padding-left: 0; }
  .hero-humanLeftVideo { width: 85%; margin-left: auto; margin-right: auto; }
  .hero-humanText { margin-top: 80px; width: 100%; float: left; }
  .hero-humanLeftImg { top: 50%; transform: translateY(-50%); }
  .hero-humanLeft:after { left: 160px; top: -80px; right: auto; }
  .hero-humanLeftImg img { max-width: 490px !important; }
  .fractional-image { max-width: 260px; top: 100px; right: 0; }
  /* .fractional-row { max-width: 100% !important; } */
  .fractional-row:before { display: none; }
  .fractional-rows { margin: 20px 0 0; }
  .fractional-atext { padding-top: 40px; }
  .fractional-inner h5 { text-align: left; }
  .fractional-tinner h5 { text-align: left; }
  .fractional-list { width: 100%; }
  .fractional-tinner { margin-bottom: 15px; }
  .services-image { max-width: 350px; }
  .services-text { margin-top: 30px; max-width: 100%; }
  .services-whitecircle , .services-redcircle , .services-orangecircle { display: none; }
  .services-inner h5 { text-align: left; }
  .services-row:after { display: none; }
  .services-binoculars { top: 0; left: 0; max-width: 180px; }
  .services-atext { padding-left: 50px; }
  .Performance-whitecircle{ display: none; }
  .Performance-text { margin-top: 10px; }
  .Performance-line { height: 250px; top: 18%; right: 20px; } 
  .Performance-col { margin-right: 0; width: 100%; }
  .management-col { margin-right: 0; width: 100%; }
  .ctaInner .ctaquote { top: -25px; left: -10px; width: 25px; }
  .management-image { max-width: 300px; }
  .management-Left { max-width: calc(100% - 270px); }
  .management-title h2 { font-size: 62px; }
  .management-subtitle h4 { font-size: 32px; }
  .management-text { font-size: 20px; max-width: calc(100% - 200px); }    
  .management-subtitle h4 span:before { top: calc(100% - 15px); }
  
  
  .hero-paytimetitle { margin-bottom: -20px; margin-left: 0; }
  .hero-paytime-video { height: 340px; width: calc(100% - 50px); }
  .paytimeText { padding-top: 308px; padding-left: 20px; }
  .hero-paytimetInner:before { right: 115px; }
  .hero-paytimetInner:after { right: 75px; }
  .hero-paytime { padding-right: 100px; }
  
  .rockpayllTxt { max-width: 100%; width: 100%; float: left; }
  .rockpayll-col { width: 100%; margin-right: 0; margin-top: 30px; }
  .rockpayll-headleft { width: 50%; float: left; padding-top: 50px; }
  .rockpayll-right { width: 50%; float: left; }
  .rockpayll-image { position: static; max-width: 330px; margin: -45px auto 0; }
  .rockpayll-Header h4 { margin-top: 20px; }
  
  
  .retirementTxt { max-width: 100%; text-align: left; }
  .retirement-image { position: static; margin: 0 auto; max-width: 600px; }
  .retirement-col { width: 100%; margin-right: 0; }
  .benefit-left { width: 100%; margin-left: 0; padding-top: 20px; }
  .benefit-right { width: 100%; padding-left: 0; }
  .beneservi-info { margin: 0; }
  .benefit-content { text-align: center; }
  .benefit-left img { max-width: 500px !important; width: 100%; }
  .retirement-section:after { display: none; }
  
  .timeattend-headleft { width: 100%; }
  .timeattend-headright { width: 100%; }
  .timeattend-video { display: none; }
  .timeattend-image { max-width: 500px; padding-top: 0; }
  .timeattend-headleft span { margin-bottom: 0; height: 16px; width: 170px; }
  .timeattend-section:after, .time-managinfo:after { display: none; }
  .time-managinfo:before { top: 0; transform: translateY(100%); margin-top: 40px; }
  .time-managrow:nth-child(5n+1) { width: 100%; }
  .time-managrow:nth-child(5n+2) { width: 90%; }
  .time-managrow:nth-child(5n+3) { width: 85%; } 
  .time-managrow:nth-child(5n+4) { width: 75%; }
  .time-managrow:before { transform: translate(0,-100%); width: 40px; height: 40px; }
  .time-managrow:nth-child(5n+2):before { transform: translate(40%, 50%); }
  .time-managrow:nth-child(5n+3):before { transform: translate(-100%, 0%); }
  .time-managrow:nth-child(5n+4):before { transform: translate(100%, 5%); }
  .time-managrow:nth-child(5n):before { transform: translate(0, 100%); }
  .timeattend-row { padding-top: 0; }
  .timeattend-col { width: 100%; margin-right: 0; }
  .timeattend-col:nth-child(odd) .timeattend-icon { display: none; }
  .timeattend-icon img { max-width: 70px !important; }
  
  .taxpyrll-image { width: 100%; order: 2; text-align: center; }
  .taxpyrllText { width: 100%; padding-left: 0; }
  .taxpyrll-image img { max-width: 500px !important; width: 100%; }
  .taxfile-col { width: 48.66%; margin-right: 2.6%; }
  .taxfile-col:nth-child(2n) { margin-right: 0; }
  .taxfileInner { margin-top: 35px; }
  .taxpyrll-video { width: 330px; height: 200px; margin-top: 0; top: 65px; }
  .taxpyrll-video:before { top: auto; bottom: -25px; left: -25px; }
  
  
  .herobenefitbordersquare { height: 220px; width: 220px; top: 11%; left: -11%; }
  .hbackgroundsquare { height: 360px; width: 150px; }
  .hbcircle { z-index: 1; border: 10px solid; height: 250px; width: 250px; right: -15%; }
  .hbborderline { display: none; border: 3px solid; }
  
  .herobenefitleft { width: 100%; }
  .herobenefitext { max-width: 100%; position: relative; z-index: 2; }
  .herobenefitright { text-align: right; margin-right: -30px; width: calc(100% + 30px); }
  
  .ccoltop { top: 60px; padding: 0; left: 0; transform: none; text-align: left; } 
  .ccoltop .colnumtxt { display: none; }  
  .ccolbottom { padding: 0; }  
  .ccolbottom .colnumtxt { display: none; }
  .ccols:nth-child(3n) .ccoltop { top: 0; padding: 0; text-align: right; }
  .ccols:nth-child(3n) .ccolbottom  { padding: 0; width: 100%; top: 100%; left: auto; right: 0; text-align: right; }
  .ccols { padding: 60px 0; }
  .ccolsinnr { border-radius: 10px; }
  .colnum { text-align: center; display: inline-block; border: 3px solid; border-radius: 50%; padding: 10px; width: 48px; height: 48px; line-height: 20px; }
  .ccols:nth-child(3n + 2) .ccolsinnr:before { bottom: -50px; height: 80%; left: -20px; transform: rotate(55deg); }
  .ccols:nth-child(3n+2) .ccolsinnr:after { bottom: 0; height: 44%; right: auto; left: 90px; transform: rotate(-20deg); z-index: 1; }
  .ccolsmobile { font-size: 20px; font-weight: 400; color: #000; }
  .ccoltopmobile , .ccolbottommobile { margin-bottom: 10px; }
  .colnummobile { position: relative; margin-right: 15px; position: relative; }
  .colnummobile:before { position: absolute; content: ''; width: 3px; height: 3px; background: #000; border-radius: 50%; right: -5px; bottom: 4px; }
  .ccRow { margin-top: 20px; }
  .ccText { margin-top: 20px; font-size: 20px; }
  
  .aca-repText { margin-top: 100px; max-width: 100%; }
  .aca-repleftext { width: 100%; }
  .aca-repright { width: 100%; margin-left: 0; margin-top: 20px; }
  
  .h2-large.ccHeader h2  , .h2-large.benefitsrecHeader h2 , .h2-large.aca-repHeader h2 { font-size: 62px; }
  .h2-large .cc-subtitle h4 , .h2-large .benefitsrec-subtitle h4 , .h2-large .acarep-subtitle h4 { font-size: 32px; }
  .benefitsrec-text { font-size: 20px; }
  .benefitsrec-rghtimg { top: auto; transform: none; bottom: 0; right: -200px; width: 350px; height: 350px; }
  .benefitsrec-lftimg { bottom: auto; top: 170px; left: -170px; width: 300px; height: 300px; }
  .benefitsrec-lftimg:before , .benefitsrec-rghtimg:before { display: none; }
  .benefitsrec-rightimg { max-width: 270px; }
  .benefitsrecHeader { max-width: 430px; }
  
  .aca-repimg { top: 0; }
  .aca-rep-bottomcircle { display: none; }
  .aca-rep-topcircle { top: 130px; }
  
  .hbcircle { right: -25%; bottom: 15%; }
  
  .heroaboutLeft { width: 100%; }
  .heroaboutLeft h1 { max-width: 550px; font-size: 80px; }
  .heroaboutRight { width: 100%; }
  .heroaboutcols { width: 100%; text-align: left; padding: 10px 0px; }
  .heroaboutImg:before { height: 100%; }
  .heroaboutImg { margin-top: -40px; z-index: -1; margin-right: -30px; padding-left: 50px; }
  .heroaboutLeft h1 span { z-index: 1; }
  .heroaboutSec:after { content: ''; position: absolute; background: url(https://5288175.fs1.hubspotusercontent-na1.net/hubfs/5288175/Website/Benefits/white%20graph.svg) no-repeat 0 0/ cover; width: 430px; height: 430px; bottom: 30px; right: -90px; background-size: contain; z-index: -1; }
  .heroaboutline { top: -20px; left: -20px;}
  
  .testabout-img { width: calc(100% + 30px); margin-left: -30px; }
  .testabout-img img { max-width: 300px !important; }
  .testimonialaboutTitle { width: 100%; margin-left: 0; margin-top: -20px; }
  .testabutpro-content { width: 50%; margin-bottom: 30px; padding: 0px 10px; }
  .testabutproText { text-align: left; max-width: 100%; margin-top: 75px; }
  .testabutproText:before { left: 0; top: -45px; }
  .testabutpro-row { width: 100%; margin: 0; } 
  .testabutpro-info { padding-bottom: 20px; }
  
  .abplace-txt { width: 100%; order: 2; padding-top: 40px; }
  .abplace-rghtimg { width: 100%; padding-left: 0; margin-right: 0;}
  .abplace-event:before { right: -30px; max-width: 300px; bottom: -15px; }
  .abplace-sec:after { display: none; }
  .abevent-img:first-child { margin-top: 0; margin-left: 0; margin-bottom: 26px; } 
  .abevent-img:nth-child(4) { margin-top: 0; margin-left: 0; }
  .abevent-img:nth-child(2n) { margin-right: 0; }
  .abevent-img:nth-child(3) { margin-right: 0; margin-left: 3%; order: 1; max-width: 250px; } 
  .abevent-img { width: 48.5% !important; padding-bottom: 32%; margin-right: 3%; }
  
  .abpartner-left { width: 100%; margin-bottom: 20px; }
  .abpartner-rghtimg { width: 100%; text-align: center; }  
  .abpartner-rghtimg img { max-width: 400px !important; width: 100%; }
  .abpartner-txt { max-width: 100%; margin-top: 20px; text-align: left; }
  .abpartner-img { width: 48%; margin-bottom: 30px; padding: 0px 10px; }
  .abpartner-img img { max-width: 200px !important; width: 100%; }
  .abpartner-image { margin: 0; width: 100%; max-width: 500px; margin: 15px auto 0; }
  .abpartner-logotxt { margin-top: 10px; }
  
  .pesrvng-content { padding-top: 30px; }
  .pesrvng-col { width: 50%; background-position: top center;}
  
  .comleft { width: 100%; padding-right: 0; max-width: 500px; }
  .comleft:before, .comleft:after { display: none; }
  .comTxt { width: 100%; padding-left: 0; padding-top: 25px; }
/*   .comImages { padding-top: 30px; display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%;  width: calc(100% + 2%); gap: 0; } */
  .comImages { padding-top: 30px; }
  .comimg-col:nth-child(8n+1), .comimg-col:nth-child(8n+2) { grid-column: span 6; }
  .comimg-col { grid-column: span 3; grid-row: span 2 !important; }
/*   .comimg-col { width: 48%; margin: 0 1% 23px; } */
  .comTag { font-size: 20px; }
  .comimg-col:nth-child(8n+4) { margin-bottom: 0; }
  .comimg-col:nth-child(8n+6) { margin-top: 0; order: 1; }
  .comimg-col:nth-child(8n+7) { order: 1; }
  
  .abloc-Col { width: 100%; margin-right: 0; padding-right: 115px; margin-bottom: 20px; }
  .abloc-Txt { font-size: 18px; }
  .abloc-Txt br { display: none; }
  .abloc-Col h3 { font-size: 24px; margin-bottom: 5px; }
  .map-image { max-width: 100px; right: 10px; top: 25px; }
  
  .heroaboutcounter { margin-top: 0; }
}


@media(max-width: 767px){
  
  .h3, h3 { font-size: 28px; }
  
  .h1-large h1, .h2-large h2 { font-size: 60px; }
    
  body { font-size: 16px; }
  
 .ctaHeader.text-center * { text-align: left !important; }
 
 .threecolItem { width: 100%; margin-right: 0 !important; }
 
 .solutionRow { margin-top: 30px; } 
 .solutionCol { width: 49%; border-radius: 25px; }
 .solutionCol:nth-child(3n) { margin-right: 2%; }
 .solutionCol:nth-child(2n) { margin-right: 0; } 
 
 .play-button-wrapper svg { height: 50px; width: 50px; }
  
 .twoColLeft h2 { font-size: 24px; } 
 
 .heroHeader { width: 100%; }
 .btnstyle.primarybtn a { font-size: 12px; padding: 15px 15px; } 
 .featureColFront, .featureColBack { padding: 20px; } 
 .featureColtitle { font-size: 28px; } 
 .featureColSubtitle { font-size: 14px; margin-bottom: 3px; } 
 
 .formShape { top: -60px; } 
 .formSquare { height: 300px; width: 300px; }
 .formLeft h5 { margin-bottom: 15px; }
 
 .resourceColImg { width: 50%; float: left; } 
 .resourceColContent { margin-top: 0; width: 50%; float: left; padding-left: 20px; }
 .resourceRow { padding: 0 20px; }
 .resourceRow .slick-arrow { background: transparent; border: 0; border-left: 2px solid #fff; border-top: 2px solid #fff; font-size: 0; left: -3px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); padding: 0; border-radius: 0; width: 14px; height: 14px; z-index: 1; }
 .resourceRow .slick-next.slick-arrow { left: auto; right: -8px; transform: translateY(-50%) rotate(135deg); } 
  
  .hero-talent h1 { font-size: 64px; }
  .ht-text { padding: 0; max-width: 500px; float: left; font-size: 20px; }
  .hero-talent .ht-video { padding-left:50px; }
  .hero-talent .ht-inner { margin: -40px 0 0; }
  .scroll-menu ul > li > a { justify-content:flex-start; font-size: 22px; font-weight: 400; text-align:left; }
  .people-analytics h2, .unemp-section .sec-top h2, .demand-section h2, .expense-section .sec-top h2, .volunteering-section .sec-top h2 { font-size:50px; }
  .people-analytics h4, .unemp-section .sec-top h4, .demand-section h4, .expense-section .sec-top h4, .volunteering-section .sec-top h4 { font-size:32px; }
  .demand-section h2 br { display:none; }
  .people-analytics { color:#002D72 !important; }
  .pa-text, .pa-atext, .pa-ana > ul > li, .ds-text, .es-text, .vs-text { font-size:20px; width:100%; } 
  .pa-image { width: auto; margin: 0 -30px; }
  .pab-inner { width:100%; }
  .us-text { max-width: 100%; font-size: 20px; margin-left: 0; margin:35px 0 0; }
  .us-text:before { background: #9DD2F8; margin-left: 19px; z-index: -1; max-height: 130px; }
  .unemp-section .sec-top h4 { padding: 30px 0 15px; }
  .unemp-section .sec-top h4:before { background: #9DD2F8; min-height: 150px; left: 100%; margin-left: 0; }
  .us-image { display:none; }
  .ds-text { margin:0; }
  .ds-atext, .ds-bottomtext, .esp-inner h5, .es-atext { font-size:24px; }
  .esp-row:nth-child(5n+4), .esp-row:nth-child(5n+2) { padding-right:25px; }
  .es-video { top:-50px; max-width: 200px; } 
  .es-text:after { top:130px; }
  .volunteering-section .content-wrapper:after { top:120px; }
  .vs-image { right: 30px; top: 0; width: 120px; height: 150px; }
  .vs-image img { height: 150px !important; width: 120px; }
  .vs-text { margin: 40px 0 0; }
  .ds-image { max-width: 150px; }
  .solutionSection h2 { margin: 0 0 20px; }
  .body-container--talent-mgmt .stickylinkSec { min-width:100vh; min-width: 100vh; top: auto; bottom: 0; transform-origin: left bottom; transform: rotate(90deg) translateX(-100%); text-align: right; left: 0; }
  
  .hero-talentRight:before { left: 8%; height: 180px; width: 180px; }
  .applicant-section .secHeader h4 { font-size: 35px; margin: 15px 0 0; }
  .add-image { margin-top: -50px; }
  .applicant-section .secText { margin: 30px 0 0px; }
  .asm-right { max-width: 83%; }
  .asm-left { margin-top: -100px; }
  .osc-colimg img { max-width: 100px !important; }
  .osc-colimg { right: -50px; } 
  .os-col { width: calc(100% - 40px); }
  
  .screening-personimg img { max-width: 160px!important; }
  .screening-personimg { top: 50px; }
  
  .h2-large h4 { font-size: 35px; }
  
  .screening-orangeleft { top: 100px; height: 120px; width: 15px; }
  .screening-sec .secText { margin-top: 40px; }
  .screening-row { max-width: 95%; border: 2px solid; margin-top: 40px; padding: 35px 20px 10px; }
  .screening-square { width: 60px; height: 90px; bottom: auto; top: 36%; }
  .screening-Colicon img { max-width: 20px !important; }
  .screening-Colicon { margin-right: 10px; }
  .screening-Coltext { width: calc(100% - 30px); }
  
  .scroll-menu ul > li > a { padding: 15px 35px; }
  
  .hero-humanLeftImg img { max-width: 380px !important; }
  .hero-humanText { margin-top: 100px; }
  .hero-humanLeft:after { height: 240px; left: 120px; width: 190px; top: -100px; }
  .hero-humanLeftVideo { width: 100%; }
  .fractional-image { max-width: 200px; top: 80px; }
  .services-inner h5 , .fractional-tinner h5 , .fractional-inner h5 { font-size: 24px; }
  .fractional-rows { margin: 10px 0 0; }
  .fractional-atext { padding-top: 30px; }
  .h2-large .fractional-subtitle h4 { font-size: 32px; }
  
  .services-image { max-width: 230px; }
  .services-text { margin-top: 10px; }
  .services-rows { margin: 0; }
  .services-binoculars { top: 30px; left: -40px; max-width: 150px; z-index: 1; }
  .services-atext { padding-left: 0; }
  
  .Performance-image { max-width: 250px; }
  .Performance-Left { max-width: calc(100% - 60px); }
  
  .management-Left { max-width: calc(100% - 100px); }
  .management-image { max-width: 200px; }
  .management-text { max-width: 100%; }
  .management-subtitle h4 span:before { top: calc(100% - 12px); }
  
  .h2-large .management-title h2 { font-size: 50px; }
  .h2-large .management-subtitle h4 { font-size: 30px; }
  
  .fractional-row:nth-child(5n+1) { max-width: 90%; }
  .fractional-row:nth-child(5n+2) { max-width: 90%; }
  .fractional-row:nth-child(5n+3) { max-width: 73%; }
  .fractional-row:nth-child(5n+4) { max-width: 85%; }
  
  .services-row:nth-child(5n+1) { max-width: 95%; }
  .services-row:nth-child(5n+2) { max-width: 85%; }
  .services-row:nth-child(5n+3) { max-width: 50%; }
  .services-row:nth-child(5n+4) { max-width: 90%; }
  .services-row:nth-child(5n) { max-width: 100%; }
  .services-tinner h5 { font-size: 24px; }
  
  .management-ctatitle h4 { font-size: 22px; }
  
  .ctaquote-center .ctaquote { text-align: center !important; left: 50%; transform: translateX(-50%); }
  .ctaquote-center .ctaHeader.text-center * { text-align: center !important; }
  .ctaHeaderText { padding-top: 15px; }
  .formShape { top: 0; left: -240px; }
  

  .hero-paytime { padding-right: 80px; }
  .paytimeText { padding-top: 220px; padding-left: 10px; font-size: 20px; }
  .hero-paytime-video:after { bottom: 20px; top: 20px; right: -20px;}
  .hero-paytime-video { height: 250px; }
  .hero-paytimetInner:after { width: 4px; height: 360px; right: 70px; }
  .hero-paytimetInner:before { width: 4px; right: 100px; height: 340px }

  .rockpayll-col { padding: 18px; margin-top: 0; }
  .rockpayll-col:not(:last-child){ margin-bottom: 25px; }
  .rockpayllTxt { font-size: 20px; }
  .rockpayll-row { padding-top: 15px; }
  
  .retirementTxt { font-size: 20px; }
  .retirement-col { padding: 20px; margin-top: 25px; }
  .retirement-benefit { margin-top: 50px; }
  .retirement-image { max-width: 350px; }
  .beneservi-txt { font-size: 22px; }
  
  .timeattendTxt { font-size: 20px; }
  .time-managrow { padding: 15px; }
  .time-managrow:nth-child(5n) { width: 45%; }
  .timeattend-col { margin-top: 35px; padding: 20px; }
  .timeattend-icon { bottom: -34px; }
  .time-managinfo:before { width: 18px; margin-top: -70px; }
  .timeattend-image { max-width: 340px; }
  .timeattend-headleft span { width: 100px; }
  
  .taxpyrll-video { height: 170px; top: 50px; width: 270px; }
  .taxpyrll-video:before { bottom: -20px; left: -20px; }
  .taxpyrll-info { margin-top: 45px; }
  .taxpyrllText { font-size: 20px; }
  .taxpyrll-image img { max-width: 300px !important; }
  
  .herobenefitbordersquare { height: 160px; left: -13%; top: 15%; width: 200px; }
  
  .h2-large.aca-repHeader h2, .h2-large.benefitsrecHeader h2, .h2-large.ccHeader h2 { font-size: 50px; }
  .h2-large .acarep-subtitle h4, .h2-large .benefitsrec-subtitle h4, .h2-large .cc-subtitle h4 { font-size: 30px; }
  
  
  .ccolsinnr { padding-top: 66.66%; }
  .ccols { padding: 40px 0; }
  .colnum { height: 44px; line-height: 27px; padding: 5px; width: 44px; font-size: 16px; }
  .ccoltop { top: 40px; }
  .ccols:nth-child(3n+2) .ccolsinnr:before { bottom: -15px; height: 70%; left: -30px; transform: rotate(35deg); }
  .ccols:nth-child(3n+2) .ccolsinnr:after { height: 56%; left: 50px; transform: rotate(-17deg); }
 
  .benefitsrec-lftimg { top: 20%; }
  .benefitsrec-cols { padding: 10px 20px; }
  .benefitsrec-cols:nth-child(6n+5):before { transform: translate(-100%,0%); } 
  .aca-repimg { top: 20px; max-width: 300px; }
  .aca-repcol { font-size: 14px; }
  .aca-reprow { margin-top: 30px; }
  
  
  .heroaboutSec:after { right: -180px; }
  .heroaboutText { font-size: 20px; margin-top: 35px; }
  .heroaboutline { top: -50px; }
  .heroaboutop { font-size: 55px; }
  
  .testimonialaboutTitle h5, .testabutproText { font-size: 20px; }
  
  
  .abevent-img { margin-bottom: 20px !important; }
  .abevent-img:nth-child(3) { max-width: 200px; }
  .abplace-event:before { width: 250px; bottom: -25px;}
  .abplace-txt { font-size: 20px; }
  .abplace-event { margin-top: 5px; }
  
  .pesrvng-col { padding-top: 200px !important; }
  .people-info h4 { font-size: 20px; }
  .pesrvng-content { padding-top: 10px; }
  
  .abloc-Col { padding: 25px 70px 25px 15px; }
  .map-image { max-width: 60px; }
  
/*   .comImages { margin-left: -2%; margin-right: -2%;  width: calc(100% + 4%); padding-top: 15px; }
  .comimg-col { margin: 0 2% 23px; width: 46%; } */
  .comImages  { gap: 18px; }
  .comTxt { font-size: 20px; }
 
  
  .contentlargeheader .hhs-rich-text h2{ font-size: 30.72px; }


  
}

@media(max-width: 600px){
  
  .hero-paytimetInner:before { height: 45%; }
  .hero-paytimetInner:after { height: 60%; }  
  
  .rockpayll-headleft { padding-top: 30px; }

  .taxpyrll-video { height: 150px; width: 240px; top: 40px; }
  .taxpyrll-video:before { bottom: -17px; left: -17px;  }

  .heroaboutLeft h1 { font-size: 45px; }
  .heroaboutImg { padding-left: 25px; padding-top: 50px; }
  .heroaboutImg:before { right: -20px; }
  
  .pesrvng-col { padding: 150px 10px 12px !important; }
  
  .abplace-event:before { width: 200px; }
}

@media(max-width: 480px){
  .h1, .h2, h1, h2 { font-size: 44px; }
  .h4, h4 { font-size: 20px; }
  
  .h1-large h1, .h2-large h2 { font-size: 44px; }
  
  .applicant-section .secHeader h4 , .h2-large h4 { font-size: 24px; }
  
  .largetext p span { font-size: 18px; }
  .fontlarge { font-size: 18px; }
  
  .heroHeader { width: 100%; }
  
  .solutionCol{ width: 100%; margin-right: 0 !important; }
  .featureCol { width: 100%; }
  
  .lifecycleCol { width: 100%; margin-right: 0 !important; }
  
  .alltogetherRight { width: 100%; margin-top: 20px; }
  .alltogetherLeft { padding-left: 0; }
  
  .clientviewRow { padding: 0; }
  .clientviewRow .slick-arrow { left: -18px; }
  .clientviewRow .slick-next.slick-arrow { right: -18px; }
  
  .alltogetherImgvide:after { height: 90px; right: -65px; width: 90px; }
  .alltogetherImgvide:before { bottom: auto; height: 90px; right: -90px; width: 90px; }
  
  .twoColLeftText { margin-top: 10px; margin-left: 0; }
  
  .empoweringRight { width: 100%; }
  
  .clientviewRow .slick-next.slick-arrow { right: -12px; }
  .clientviewRow .slick-arrow { left: -12px; }
  .clientviewname { font-size: 18px; }
  
  .resourceColImg { width: 100%; float: left; } 
  .resourceColContent { margin-top: 20px; width: 100%; float: left; padding-left: 0; }
  .resourceRow { padding: 0; }    
  
  .volunteering-section .content-wrapper::before { height: 125px; width: 125px; }
  .ds-text::after { margin-left:0; }
  
  .applicant-section .secText , .onoff-section .secHeader .secText , .screening-sec .secText { font-size: 18px; }
  
  .screening-personimg { display: none; }
  .screening-sec .secText { margin-top: 30px; }
  .screening-square { width: 40px; }
  .screening-row { padding: 25px 15px 10px; }
  .screening-Coltext { font-size: 14px; }
  
  .os-col { margin-top: 30px; border: #84BD00 solid 2px;  width: calc(100% - 30px); }
  .osc-text { margin-bottom: 30px; }
  .hero-talentRight:before { height: 100px; left: 20px; width: 100px; bottom: 0; }
  
  .hero-humanLeftImg img { max-width: 280px!important; }
  .hero-humanLeft:after { left: 60px; top: -50px; }
  
  .fractional-image { top: 50px; }
  .fractional-text { margin-top: 20px; }
  .fractional-platform { margin-top: 20px; }
  
  .services-row , .fractional-row { max-width: 100% !important; }
  .services-rows { margin: 0; }
  .services-platform { margin-top: 20px; }
  
  .fractional-inner h5, .fractional-tinner h5, .services-inner h5 { font-size: 22px; }
  
  .services-binoculars { max-width: 100px; top: 45px; }
  
  .Performance-Left { max-width: 100%; }
  .Performance-image { max-width: 200px; }
  .Performance-text { margin-top: 0; }
  .Performance-col { padding-left: 20px; padding-right: 20px; }
  .Performance-colbtn a { font-size: 16px; }
  .Performance-colbtn a:before { height: 5px; top: calc(100% - 8px); }
  .Performance-col h3 { font-size: 24px; }
  .Performance-col h4 { font-size: 18px; }
  .h2-large .Performance-title h2 { font-size: 42px; }
  .management-Left { max-width: 100%; }
  .h2-large .management-title h2 { font-size: 42px; }
  .h2-large .management-subtitle h4 { font-size: 24px; }
  .management-ctatitle h4 { font-size: 20px; }
  .services-tinner h5 { font-size: 22px; }
  .management-image { max-width: 180px; }
  
  .hero-paytimetitle { margin-bottom: -17px; }
  .hero-paytime-video { width: calc(100% - 30px); }
  .hero-paytime-video:after { bottom: 15px; top: 15px; right: -15px; }
  .hero-paytime { padding-right: 50px; }
  .hero-paytimetInner:before { right: 75px; }
  .hero-paytimetInner:after { right: 45px; }
  .hero-paytime-video { height: 200px; }
  .paytimeText { padding-left: 0; padding-top: 170px; }  
  .hero-paytimetitle { max-width: 300px; }
  
  
  .rockpayll-image { margin-top: -25px; }
  .rockpayllTxt { padding-top: 10px; } 
  .rockpayll-headleft h2 { font-size: 38px; }
  
  
  .timeattend-headleft span { width: 50px; }
  
  .taxpyrll-Header { width: 100%; }
  .taxpyrll-video { position: relative; top: auto; margin-left: 20px; }
  
  .h2-large.aca-repHeader h2, .h2-large.benefitsrecHeader h2, .h2-large.ccHeader h2 { font-size: 42px; }
  .h2-large .acarep-subtitle h4, .h2-large .benefitsrec-subtitle h4, .h2-large .cc-subtitle h4 { font-size: 24px; }
  
  .aca-repimg { top: 100px; max-width: 230px; }
  
  .colnum { height: 30px; line-height: 14px; padding: 5px; width: 30px; font-size: 14px; border: 2px solid; }
  
  .ccols:nth-child(3n+2) .ccolsinnr:before { bottom: -7px; height: 62%; left: -15px; }
  .ccols:nth-child(3n+2) .ccolsinnr:after { height: 46%; left: 28px; bottom: 6px; }
  .ccRow { margin-bottom: 70px; }
  .benefitsrec-rightimg { max-width: 150px; }
  .aca-repimg { top: -50px; }
  .aca-repText { margin-top: 30px; }
  .aca-repleftext h3 { font-size: 22px; }
  
  .testabutpro-percent { font-size: 110px; }
  .testabutpro-percent, .testabutpro-inner, .testabutpro-inner .round-per { width: 110px; height: 110px; }
  .circle-inbox { top: 15px; left: 15px; right: 15px; bottom: 15px; }
  
  .people-info h4 { font-size: 18px; }
  
/*   .pesrvng-col { padding-top: 100px !important; } */
  
  .abplace-event:before { width: 150px; height: 20px; bottom: 5px; }
  .abevent-img:nth-child(3) { max-width: 150px; }
  
  .frm-body .hhs-form-con .form-columns-2 .hs-form-field { width: 100% !important; }
}

@media(max-width: 375px){

  .hero-paytimetInner:before { height: 39%; }
  .hero-paytimetInner:after { height: 65%; }
  
  .rockpayll-headleft { padding-top: 0; }

}