/****************************************** Agency Custom Style Css Start Here ********************************************************/

.lpvideo2 .three-col-header h4 {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex
}

.formWrapper {
  text-align: center
}

.formWrapper label {
  text-align: left
}

body .container-fluid .row-fluid .formWrapper .hs-button,
body .formWrapper .green-cta a.cta_button[title] {
  background: transparent;
  border: 2px solid #fff
}

.three-col .widget-type-cta {
  text-align: center
}

.assessmentForm form {
  text-align: center
}

.assessmentForm form label {
  text-align: left
}

body .container-fluid .row-fluid .assessmentForm .hs-button,
body .assessmentForm .green-cta a.cta_button[title] {
  background: transparent;
  border-color: #fff;
  border-width: 2px
}

body .container-fluid .row-fluid .assessmentForm .hs-button:hover,
body .assessmentForm .green-cta a.cta_button[title]:hover {
  background: #5b6a81;
  border-color: #5b6a81
}

.three-col .span4.widget-span.widget-type-cell h4:after {
  display: none
}

.cc-values,
.cc-price-unit {
  color: #5b6a81
}


@media screen and (max-width: 540px) {
  div.text-col > div > h4 {
    margin-top: 25px;
    font-size: 17px;
    line-height: 50px;
    font-weight: 100;
    margin-bottom: 20px;
  }
}


/**************************************************** Agency Custom Style Css End Here ****************************************************************************************************************/


/**************************************************** Agency Custom Module Css Start Here ***************************************************************************************************************/

.widget-span.widget-type-linked_image img {
  position: relative
}

.content-section {
  padding-top: 100px;
  padding-bottom: 100px
}

.content-section.padding-top-0 {
  padding-top: 0
}

.content-section-half {
  padding-top: 50px;
  padding-bottom: 50px
}

.round-img img {
  border-radius: 6px
}

.round-img {
  padding-left: 50px
}

.case-study-txt h3 {
  margin: 0;
  padding-bottom: 0;
  font-size: 18px;
  border-bottom: 0
}

.bg-dark {
  background-color: #5a5a5a;
  color: #fff
}

.bg-light {
  background-color: #5b6a81
}

.span6.bg-light {
  background-color: #5b6a81;
  color: #fff;
  width: 50.28%;
  margin-left: 0
}

.content-section.item1 .case-study-txt {
  max-width: 50%;
  float: right;
  margin-right: 100px
}

.content-section.item2 .case-study-txt {
  margin-left: 100px
}

.item .case-study-txt h2 {
  color: #fff
}

.case-study-txt,
.case-study-txt p,
.case-study-txt ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #000;
  font-family: Source Sans Pro;
  letter-spacing: .25px
}

.item .case-study-txt,
.item .case-study-txt p,
.item .case-study-txt ul li {
  color: #fff
}

.bg {
  background: #fff8f5
}

body .container-fluid .row-fluid .wrapper.w-800 {
  max-width: 800px
}

.widget-type-social_sharing img {
  height: 44px!important;
  width: 44px!important;
  margin-right: 10px!important
}

.case-study-txt a {
  color: #fff
}

.testi-txt-main {
  padding-right: 100px
}

.testi-txt-main.right {
  padding-left: 100px;
  padding-right: 0
}

.testi-txt {
  font-size: 20px;
  margin-bottom: 50px
}

.testi-img img {
  width: 80px!important;
  height: 80px!important;
  margin-bottom: 20px;
  border-radius: 100%
}

.test-img-main {
  height: 190px;
  line-height: 190px;
  text-align: center
}

.test-img-main img {
  vertical-align: middle
}

.testipost-txt h5 {
  margin-bottom: 0
}

.testipost-txt {
  margin-left: -10px!important
}

.testi-bg {
  background: #f6f6f6
}

.one-line-form form {
  max-width: 400px;
  margin: 0 auto
}

.one-line-form .hs_cos_wrapper.form-title {
  display: block;
  color: #fff;
  font-size: 15px;
  text-align: center;
  opacity: .9;
  font-family: 'Poppins', sans-serif
}

.one-line-form form .field>label {
  display: none
}

.one-line-form form {
  position: relative
}

.one-line-form form input.hs-input {
  border-radius: 30px;
  opacity: .9;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.one-line-form form .hs-button.primary {
  height: auto;
  margin-top: 0;
  float: right;
  position: absolute;
  background: #5b6a81;
  border-color: #5b6a81;
  padding: 13px 20px;
  font-size: 15px;
  border-radius: 30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  top: 0;
  right: -20px
}

.body-container-wrapper .one-line-form form .hs-error-msgs li {
  font-size: 15px
}

.body-container-wrapper .one-line-form a {
  color: #fff
}

.submitted-message {
  color: #fff;
  opacity: .9
}

.span6.header-left,
.span6.header-right {
  width: 50%
}

.header-left {
  min-height: 100vh!important;
  position: relative
}

.header-right.video-bg.hero-section {
  min-height: 100vh;
  margin-left: 0;
  line-height: 90vh;
  padding: 0
}

.header-right.video-bg.hero-section:before {
  z-index: 0
}

.header-right-section {
  padding-left: 0;
  position: relative;
  text-align: center
}

.header-right-section img {
  vertical-align: middle
}

.header-left-section {
  padding-right: 80px!important;
  position: absolute;
  top: 50%;
  left: 40%;
  height: 30%;
  width: 60%!important;
  margin: -15% 0 0 -25%
}

.header-left-section .cta-group {
  text-align: right
}

.video-bg .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1
}

.video-bg .bg-image img.hs-image-widget {
  width: auto!important;
  height: auto;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden
}

.angled .span6.header-left {
  width: 55%
}

.angled .span6.header-right {
  width: 45%;
  background: transparent
}

.angled .header-left:before {
  transform: skew(23.4deg);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 200vw;
  background: #5b6a81;
  right: 70px;
  left: 70px
}

.angled .header-left-section {
  left: 20%
}

.angled .header-right.video-bg.hero-section:before {
  z-index: 0;
  background-color: #5b6a81;
  opacity: .7;
  left: -70px;
  right: -70px;
  -webkit-transform: skew(13.4deg);
  -ms-transform: skew(13.4deg);
  transform: skew(13.4deg)
}

.angled .video-bg .video-object {
  z-index: -1;
  left: -70px;
  right: -70px;
  -webkit-transform: skew(13.4deg);
  -ms-transform: skew(13.4deg);
  transform: skew(13.4deg)
}

.angled1 .header-left:after {
  content: "";
  display: block;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 110px solid transparent;
  border-bottom: 100vh solid #5b6a81;
  position: absolute;
  right: -110px;
  z-index: 99999
}

.download-main .header-left-section h1 {
  text-align: center
}

.download-main .header-left-section p {
  text-align: center
}

.download-main .header-left-section {
  left: 25%;
  top: 35%
}

.lead-foot-main {
  padding-bottom: 100px
}

.lead-foot-main .foot-txt {
  font-size: 18px
}

.lead-head-main {
  padding: 30px 0
}

.lead-main h1 {
  line-height: 60px;
  margin-bottom: 60px;
  FONT-WEIGHT: 100
}

.lead-form-main {
  border: 5px solid #333c4e;
  border-radius: 15px;
  padding: 34px 40px
}

.lead-main p,
.lead-main li {
  font-size: 20px;
  line-height: 32px
}

body .container-fluid .lead-form-main .row-fluid .hs-button {
  background: #5b6a81;
  border-color: #5b6a81;
  padding: 20px 30px
}

.span5.widget-span.widget-type-cell.lead-form-main {
  width: 35%;
  float: right
}

.form-main .hs_cos_wrapper.form-title {
  display: block
}

body .section-agency .lead-head-main img {
  display: block!important;
  background: 0
}

.lead-image-main .lead-head-main .widget-type-rich_text,
.lead-image-main .lead-main h1,
.lead-image-main .lead-main p,
.lead-image-main .lead-main li,
.lead-image-main .lead-main a,
.lead-image-main .lead-foot-main .foot-txt {
  color: #fff
}

.lead-image-main .span5.widget-span.widget-type-cell.lead-form-main {
  background: #bdc9dc;
  border: 0;
  padding: 0 0 34px
}

.lead-image-main .span5.widget-span.widget-type-cell.lead-form-main .row-fluid-wrapper.row-depth-2.row-number-5 {
  padding: 0 40px
}

.lead-image-main .lead-form-main h3 {
  color: #fff;
  display: block;
  background: #5b6a81;
  padding: 10px 40px;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 25px
}

.lead-image-main .hubspot-link__container {
  display: none
}

ul.numbering {
  list-style: none
}

ul.numbering li {
  margin-left: 0;
  margin-bottom: 10px
}

ul.numbering li:before {
  box-shadow: 0 0 0 2px #fff inset;
  color: #fff;
  border-radius: 100%;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-style: normal;
  transition: .4s ease;
  margin-right: 10px
}

ul.numbering li.first:before {
  content: "1"
}

ul.numbering li.second:before {
  content: "2"
}

ul.numbering li.third:before {
  content: "3"
}

.lead-image-main .lead-main h1 {
  margin-top: 60px;
  margin-bottom: 0
}

.lead-video-main.video-bg.hero-section {
  padding: 0!important
}

.lead-head-main .main-logo {
  position: absolute!important
}

.lead-form-main {
  position: relative
}

.lead-video-main .span5.widget-span.widget-type-cell.lead-form-main {
  padding: 0
}

.lead-video-main .span5.widget-span.widget-type-cell.lead-form-main .row-fluid-wrapper.row-depth-2.row-number-5 {
  padding: 0
}

.lead-video-main .lead-form-main .form-padding {
  padding: 30px
}

.lead-video-main .span12.widget-span.widget-type-custom_widget {
  min-height: 0!important
}

.choice-main.bg-light {
  background: #eaeaea
}

.choice-main .left-section,
.choice-main .right-section {
  background: #fff;
  border-radius: 15px;
  padding: 50px
}

.choice-main .fa {
  color: #5b6a81;
  font-size: 80px
}

.map-section iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%)
}

.map-section .map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://cdn2.hubspot.net/hub/273774/file-1146934634-png/mp/themes/Act-Theme/images/footer-pattern.png?t=1532002506488);
  opacity: .7;
  transition: .6s ease
}

.map-section {
  position: relative
}

.add-sec p {
  font-size: 18px;
  line-height: 25px
}

.listing-filter ul li a {
  display: block;
  padding: 10px 20px;
  margin: 3px;
  background-color: #fff;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  line-height: 1.2857;
  font-weight: 700;
  text-align: center;
  font-family: tahoma,arial,helvetica,sans-serif;
}

.listing-filter ul li {
  list-style: none;
  display: inline-block;
  margin-left: 0
}

.listing-filter ul {
  margin: 50px 0
}

.listing-item-col-3 {
  width: 100%!important;
  float: none!important;
  margin-left: -15px!important;
  margin-right: -15px;
  display: block!important
}

.listing-item-col-3 .item {
  padding: 20px 30px;
  background-color: #fff;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2), 0 2px 15px rgba(0, 0, 0, 0);
  border-radius: 6px;
  transition: .4s ease;
  border-radius: 6px;
  margin-bottom: 40px
}

.listing-item-col-3 .item {
  position: relative!important;
  top: auto!important;
  left: auto!important
}

.listing-item-col-3 .hs_cos_wrapper_widget {
  width: 30%;
  margin: 0;
  padding: 0 15px;
  display: inline-block;
  float: left
}

.grid {
  margin-bottom: 50px
}

.resource-main .section-bg {
  background-position: top!important;
  position: relative;
  background-size:cover
}
.section-bg {
  background-size:cover
}
.banner-cta .left {
  text-align: right
}

.banner-cta .right {
  text-align: left
}

.banner-cta {
  margin-top: 20px
}

.home-slider-jan .header-container-wrapper {
  background: transparent;
  height: auto;
  min-height: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 14;
  padding-top: 0
}

body .container-fluid .row-fluid .homepage-slider-feb {
  padding: 20px 0 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: calc(100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center
}

.homepage-slider-feb .bg-container {
  position: absolute;
  right: 0;
  top: -40px;
  bottom: -60px;
  left: 0;
  z-index: -1;
  background-size: cover!important
}

.homepage-slider-feb .inner-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  bottom: 0;
  background: rgba(91, 106, 129, 0.5);
  z-index: -1
}

.home-hero-section-jan {
  position: relative;
  text-align: center
}

.home-hero-section-jan .slick-dots {
  padding: 0;
  margin: 0;
  outline: 0;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px
}

.home-hero-section-jan .slick-dots li {
  margin: 0 3px;
  display: inline-block
}

.home-hero-section-jan .slick-dots li button {
  font-size: 1px;
  color: transparent;
  padding: 0;
  border: 0;
  width: 16px;
  height: 16px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.home-hero-section-jan .slick-dots li button:focus,
.home-hero-section-jan .slick-slide:focus {
  outline: 0
}

.home-hero-section-jan .slick-dots li.slick-active button {
  background: #000
}

.home-hero-section-jan h1,
.home-hero-section-jan p {
  color: #fff
}

.home-hero-section-jan .green-text {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden
}

body .row-fluid .home-hero-section-jan .wrapper {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  float: none;
  overflow: visible;
  padding: 0 20px;
  box-sizing: border-box
}

.home-hero-section-jan h1 {
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 70px
}

.home-hero-section-jan p {
  margin: 7px 0;
  font-size: 20px
}

.home-hero-section-jan a.cta_button {
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 600;
  margin-top: 50px;
  box-sizing: border-box!important;
  width: auto;
  margin: 50px 10px 0;
  min-width: 230px
}

.homepage-slider-feb .font-icon {
  margin-bottom: 30px
}

.homepage-slider-feb .font-icon .fa {
  font-size: 50px;
  color: #fff
}

body .row-fluid .homepage-slider-feb .inner-overlay {
  position: relative;
  z-index: 1;
  padding-bottom: 14px;
  opacity: 0;
  transition: all .5s ease-in-out;
  padding: 20px;
  display: block;
  clear: both
}

body .row-fluid .home-hero-section-jan .slick-current .homepage-slider-feb .inner-overlay {
  opacity: 1
}

.home-hero-section-jan h1 {
  margin-bottom: 20px;
  font-size: 60px
}

.home-hero-section-jan p {
  margin: 7px 0;
  font-size: 20px
}

.home-hero-section-jan h1,
.home-hero-section-jan p {
  color: #fff
}

.hidden-over {
  overflow: hidden;
  display: inline-block
}

.home-hero-section-jan a.cta_button {
  transition: all 1s ease-in-out;
  position: relative;
  bottom: -30px;
  opacity: 0
}

.home-hero-section-jan .slick-initialized .slick-slide {
  transition-delay: 1s!important
}

.homepage-slider-feb .inner-bg-image {
  transition: all 1s ease-in-out;
  transform: scale(.8);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1
}

.home-hero-section-jan .slick-active a.cta_button {
  bottom: 0;
  opacity: 1;
  transition: all 1s ease-in-out;
  transition-delay: 1.5s
}

.home-hero-section-jan .slick-current .inner-bg-image {
  transform: scale(1);
  opacity: 1
}

.home-hero-section-jan .description {
  margin-top: 16px
}

.home-hero-section-jan .hidden-over h1 {
  display: inline-block;
  position: relative;
  transition: all .7s ease-in-out;
  top: 100px;
  margin: 0;
  opacity: 0
}

.home-hero-section-jan .slick-current .hidden-over h1 {
  top: 0;
  transition: all 0s;
  transition-delay: .6s;
  opacity: 1
}

.home-hero-section-jan .hidden-over p,
.homepage-slider-feb .font-icon .fa {
  display: inline-block;
  position: relative;
  transition: all .7s ease-in-out;
  top: 20px;
  margin: 0;
  opacity: 0
}

.home-hero-section-jan .slick-current .hidden-over p,
.slick-current .homepage-slider-feb .font-icon .fa {
  top: 0;
  opacity: 1;
  transition: all .7s ease-in-out;
  transition-delay: 1.4s
}

.home-hero-section-jan .heading-container {
  position: relative;
  display: inline-block;
  overflow: hidden
}

.home-hero-section-jan .slick-current .heading-container:before {
  left: 100%
}

.home-hero-section-jan .green-text {
  opacity: 0;
  transition: all .4s ease-in-out
}

.home-hero-section-jan .slick-current .green-text {
  opacity: 1
}

.home-hero-section-jan .heading {
  opacity: 0;
  transition: all.5s ease-in-out;
  transition-delay: 2s
}

.home-hero-section-jan .slick-current .heading {
  opacity: 1
}

.span12.about-head-main {
  max-width: 900px;
  margin-left: auto!important;
  margin-right: auto;
  float: none
}

.about-head-main h3 {
  font-weight: normal;
  font-size: 25px;
  line-height: 40px
}

.cd-timeline-content:after,
.cd-content_main:after {
  content: '';
  display: table;
  clear: both
}

div#hs_cos_wrapper_module_1533284634727389 .top-line {
  top: -130px;
  height: 145px
}

#cd-timeline .top-line,
#cd-timeline .bottom-line {
  top: 0;
  background: #fff;
  content: '';
  display: block;
  width: 6px;
  position: absolute;
  height: 27.3%;
  left: 50%;
  margin-left: -3px
}

#cd-timeline .top-line {
  top: -40px
}

#cd-timeline .bottom-line {
  bottom: -30px
}

.cd-timeline-block .cd-content_main {
  margin-top: 10px;
  margin-bottom: 10px
}

.cd-timeline-block .row-fluid-wrapper:first-child {
  margin-top: 0
}

.cd-timeline-block .row-fluid-wrapper {
  max-width: 1000px;
  margin: 30px auto 10px;
  position: relative
}

.cd-timeline-content {
  font-family: 'Poppins', sans-serif!important;
  width: 50%;
  min-height: 190px;
  position: relative
}

.cd-timeline-block .cd-content_main p {
  font-size: 18px;
  font-weight: 300
}

.cd-timeline-block .row-fluid-wrapper:nth-child(odd) .cd-timeline-img.cd-picture {
  float: left;
  right: -85px
}

.cd-timeline-block .row-fluid-wrapper:nth-child(odd) .cd-content_main {
  padding-right: 130px;
  text-align: right
}

.cd-timeline-block .row-fluid-wrapper:nth-child(even) .cd-content_main {
  padding-left: 130px;
  text-align: left
}

.cd-timeline-block .row-fluid-wrapper:nth-child(even) .cd-timeline-content {
  float: right
}

.cd-timeline-block .row-fluid-wrapper:nth-child(even) .cd-timeline-img.cd-picture {
  left: -85px
}

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both
}

.cd-timeline-img {
  background: transparent;
  position: absolute;
  top: 50%;
  margin-top: -85px;
  width: 170px;
  height: 170px;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: 0 0 0 5px #fff;
  transition: .4s ease;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.cd-timeline-img img,
.cd-timeline-img svg {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  vertical-align: middle;
  width: 160px!important;
  height: 160px!important;
  margin: 5px;
  border-radius: 100%
}

.cd-timeline-block .cd-content_main h6,
.cd-timeline-block .cd-content_main h2,
.cd-timeline-block .cd-content_main p {
  color: #fff
}

.cd-timeline-block .cd-content_main h2 {
  color: #ff7a45;
  font-size: 40px;
  line-height: 30px;
  margin-bottom: 30px;
  font-weight: 100
}

.cssanimations .cd-timeline-img.is-hidden,
.cssanimations .cd-timeline-content.is-hidden {
  visibility: hidden
}

.cssanimations .cd-timeline-img.bounce-in,
.cssanimations .cd-timeline-content.bounce-in {
  visibility: visible;
  animation: cd-bounce-1 .6s
}

/*

@keyframes cd-bounce-1 {
0% {
opacity: 0;
transform: scale(0.5);
}
60% {
opacity: 1;
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}

*/

.team-main-sec .item {
  background: #fff;
  border-radius: 5px
}

.team-main-sec .team-box {
  margin: 30px
}

.team-main-sec .team-img {
  margin: 0 10% 20px
}

.team-main-sec .team-img img {
  border-radius: 100%;
  height: 150px;
  width: 150px
}

.team-main-sec .team-content h6 {
  line-height: 20px;
  text-transform: uppercase
}

.team-main-sec .team-content h5 {
  margin: 0
}

.team-main-sec .team-content {
  text-align: center
}

.team-main-sec .items-container.mb30 {
  margin-bottom: 30px
}

.team-main-sec .item.join-sec {
  background: #ffab80!important;
  background: -moz-linear-gradient(45deg, #ffab80 0, #f1606d 100%)!important;
  background: -webkit-linear-gradient(45deg, #ffab80 0, #f1606d 100%)!important;
  background: linear-gradient(45deg, #ffab80 0, #f1606d 100%)!important
}

.team-main-sec .item.join-sec .team-content h5,
.team-main-sec .item.join-sec .team-content h6,
.team-main-sec .item.join-sec .team-content p {
  color: #fff
}

.row-fluid .multi-logo-row>span>.hs_cos_wrapper {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  min-height: 160px;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb
}

.row-fluid .multi-logo-row>span>.hs_cos_wrapper img {
  width: 100%;
  height: 78px;
  object-fit: contain
}

.row-fluid .multi-logo-row>span>.hs_cos_wrapper:nth-child(3n) {
  border-right: 0
}

.row-fluid .multi-logo-row {
  position: relative
}

.row-fluid .multi-logo-row:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  bottom: 0;
  left: 0
}

.row-fluid .multi-logo-row {
  margin-top: 15px
}

.clientv2-main .row-fluid .page-center {
  float: none;
  max-width: 924px;
  margin: 0 auto
}

.res-main .res-right {
  padding: 50px
}

.res-main .res-left {
  border-right: 1px solid #ccc;
  padding: 50px
}

.res-main {
  border-top: 1px solid #ccc
}

.res-main-last {
  border-bottom: 1px solid #ccc
}

.res-main a.cta_button[title].res-apply-btn {
  border: 2px solid #5b6a81;
  padding: 13px 25px;
  border-radius: 32px;
  color: #5b6a81;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  background: 0
}

.mega-menu-branch.active {
  opacity: 1;
  visibility: visible;
  transition: .3s ease;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  pointer-events: auto
}

.mega-menu-branch {
  position: absolute!important;
  left: 0;
  right: 0;
  top: 80px;
  z-index: 98;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1, .8);
  transform: scale(1, .8);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  pointer-events: none;
  background: #fff;
  padding: 20px 10% 60px;
  box-shadow: 0 15px 10px -15px #111
}

.mega-menu-branch h3 {
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 30px
}

.mega-menu-branch h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 28px
}

.mega-menu-branch ul {
  padding: 0;
  list-style: none;
  margin-top: 10px;
  margin-bottom: 30px
}

.mega-menu-branch ul li a {
  font-size: 16px;
  color: #5b6a81
}

.mega-menu-branch .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding: 0;
  font-size: 20px
}

.menu-form {
  padding-top: 8%
}

.menu-form .hubspot-link__container {
  display: none
}

.menu-form span {
  color: #808080
}

.mega-menu-branch .menu-form h4 {
  font-size: 16px;
  color: #5b6a81
}

.mega-menu-branch .submitted-message {
  color: #000;
  opacity: .9
}

.mega-menu-branch .row-fluid .megamenu-close {
  display: none;
  cursor: pointer;
  font-size: 20px;
  color: #5b6a81;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 22px;
  font-weight: 700
}

.mega-menu-branch .row-fluid .megamenu-close i {
  padding-right: 10px
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children.mega-menuized ul.hs-menu-children-wrapper {
  display: none!Important
}

.no-icons .top-menu ul li:before {
  display: none
}

.no-icons .top-menu ul li {
  padding-left: 0;
  margin-left: 0
}

.dragdropmain .cta-right {
  text-align: right
}

.dragdropmain .cta-left {
  text-align: left
}

body a.cta_button[title].agency-btn-border {
  background: 0;
  color: #5b6a81;
  border: 2px solid #5b6a81
}

.home-two-section .text-sec {
  padding-top: 20%
}

.txt-white .ui-section-two-col h2,
.txt-white .ui-section-two-col p {
  color: #fff
}

body .txt-white a.cta_button[title].agency-btn-border {
  color: #fff;
  border: 2px solid #fff
}

.feat-main {
  margin-top: 50px
}

.feat-main .items-container {
  margin-bottom: 50px
}

body .section-bg.hero-section .image-show img {
  display: block;
  margin-top: 50px
}

body .section-bg.hero-section.image-sec {
  padding-bottom: 0;
  background-position: top!important
}

.tab-nav-content a {
  display: block;
  position: absolute!important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  cursor: pointer
}

.tab-nav-content .tab-nav-text a {
  z-index: 2;
  opacity: 1;
  position: relative!important;
  width: auto;
  font-size: 16px;
  display: inline-block
}

.tab-nav-content.active .tab-nav-text a {
  box-shadow: none;
  opacity: 0;
  border-radius: 0
}

.tab-link a {
  background: #5b6a81;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  display: none;
  margin-bottom: 40px
}

.tab-nav-content.active a {
  box-shadow: 0 0 0 3px #5b6a81 inset;
  opacity: 1;
  border-radius: 6px
}

.tab-nav-content {
  padding: 30px;
  font-size: 20px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  border-radius: 6px;
  transition: .4s ease;
  margin-bottom: 30px
}

.span12.tab-pane {
  display: none
}

.span12.tab-pane.active {
  display: block
}

.nav-tabs {
  padding-right: 60px
}

.tab-pane img {
  margin-bottom: 50px
}

.tab-pane,
.tab-pane ul li {
  font-size: 17px
}

.tab-pane a.cta_button {
  margin-top: 30px
}

.tab-nav-content-link * {
  position: static!important
}

.tab-nav-content:hover {
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3)
}

.hs-inline-edit .tab-nav-content a {
  z-index: 0
}

.hs-inline-edit .tab-nav-text {
  z-index: 99;
  position: relative
}

.header-right.video-bg.hero-section .form-sec {
  line-height: 30px;
  width: 100%;
  padding: 20% 25%;
  text-align: center
}

.social-sharing-main {
  margin-top: 30px
}

.social-sharing-main h4 {
  margin: 0;
  padding: 0;
  font-size: 17px
}

.lp-main .dash-border {
  margin-bottom: 50px;
  border-bottom: 0;
  max-width: 100%
}

.lp-main .listed-item-left {
  margin-top: 50px
}

.header-right.video-bg.hero-section .form-sec {
  line-height: 30px;
  max-width: 360px;
  margin: 0 auto!important;
  float: none;
  min-height: 100vh;
  position: absolute;
  left: 50%;
  top: 21%;
  transform: translate(-50%);
  padding: 0
}

.header-left-section {
  top: 36%
}

.ind-twocolumn .dis-flex .span6 {
  float: none!important;
  width: 50%;
  margin: 0!important;
  border-bottom: 1px solid #ccc;
  padding: 50px 0 101px!important;
  position: relative
}

.ind-twocolumn .dis-flex .span6 .my-agency-txt {
  padding: 0 20px
}

.ind-twocolumn .dis-flex .span6 .span12 {
  margin-left: 0!important
}

.ind-twocolumn .dis-flex .span6:nth-child(even) {
  border-right: 0!important
}

.ind-twocolumn .dis-flex .span6:last-child,
.ind-twocolumn .dis-flex .span6:nth-last-child(2) {
  border-bottom: 0
}

.indstry-cta {
  position: absolute;
  left: 0;
  bottom: 51px;
  right: 0;
  margin: 0 auto
}

.agency-box-left {
  border-right: 1px solid #ccc;
  text-align: center
}

.two-col-fontstyle .my-agency-txt h3 {
  border-bottom: 0;
  padding-bottom: 0
}


/**************************************************** Aeency Custom Module Css End Here **************************************************************************************************************/


/************************************************************************ Video Bg Css Start Here  ****************************************************************************************************/

.video-bg .video-object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1
}

.video-bg {
  position: relative;
  z-index: 1;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-attachment: scroll!important
}

.video-bg .video-object video {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden
}

.video-bg.hero-section:before {
  z-index: 0
}

.video-bg.hero-section .span12.widget-span.widget-type-rich_text {
  position: relative
}

.topSection-addon-bottom {
  z-index: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 100vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  height: 50%
}

.video-bg-page .video-bg .wrapper {
  position: relative;
  z-index: 2
}

body.blog .video-bg.hero-section:before {
  z-index: 0
}

.lpvideo2 .video-bg.hero-section .row-fluid a.cta_button {
  background: transparent!important;
  border: 2px solid #fff!Important;
  padding: 15px 25px!Important
}

.lpvideo2 .video-bg.hero-section .row-fluid a.cta_button:hover {
  color: #fff!Important
}

body.blog .blog-none-editable,
body.blog .blog-editable {
  position: relative
}


/************************************************************************ Video Bg Css End Here  ****************************************************************************************************/


/************************************************************ Pricing Css Start Here ******************************************************************************************************************/

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
.row-fluid .pricing-main-area {
  max-width: 950px;
  float: none;
  margin: 0 auto!important;
  padding: 69px 0;
  padding-top: 100px
}

.row-fluid .pricing-row>span>.hs_cos_wrapper {
  float: left;
  width: 28.33%
}

.row-fluid .pricing-row .pricing-box {
  float: left;
  width: 100%
}

.row-fluid .pricing-header {
  text-align: center;
  text-transform: uppercase
}

.row-fluid .pricing-header h4 {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  text-transform: capitalize;
  margin-bottom: 4px
}

.row-fluid .pricing-button {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 10px
}

.row-fluid .pricing-list {
  float: left;
  width: 100%;
  line-height: 18px
}

.row-fluid .pricing-list ul {
  list-style: none
}

.row-fluid .pricing-list ul li {
  padding-bottom: 11px
}

.row-fluid .pricing-list ul li.Close:before {
  content: "\f058";
  position: absolute;
  /* font-family: 'fontawesome'; */
  left: -23px;
  font-size: 17px
}

.row-fluid .pricing-space {
  float: left;
  width: 100%;
  text-align: center;
  color: #5b6a81;
  font-size: 15px;
  line-height: 16px;
  padding: 25px 0
}

.row-fluid .pricing-space h5 {
  font-weight: 500;
  margin-bottom: 0;
  color: #5b6a81;
  line-height: 18px;
  font-size: 16px;
  padding-bottom: 4px
}

.row-fluid .learn-more {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 10px
}

.row-fluid .learn-more a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  color: #5e474d;
  letter-spacing: 1px;
  font-weight: 500
}

.row-fluid .pricing-list ul li.on {
  opacity: .3
}

.row-fluid .pricing-row {
  padding: 12px 30px
}

.row-fluid .pricing-row>span>.hs_cos_wrapper {
  border: 1px solid transparent;
  padding: 14px 18px;
  padding-top: 77px
}

.row-fluid .pricing-row>span>.hs_cos_wrapper:last-child {
  border: 1px solid #ccc;
  position: relative;
  background-image: url('https://4130406.fs1.hubspotusercontent-na1.net/hubfs/4130406/icon.png');
  background-repeat: no-repeat;
  background-position: center top
}

.row-fluid .pricing-button a {
  text-decoration: none
}

.row-fluid .pricing-main-v2 .pricing-row {
  border: 0;
  padding: 0
}

.row-fluid .pricing-main-v2 .pricing-row>span>.hs_cos_wrapper {
  border: 0;
  padding: 14px 18px;
  padding-top: 0
}

.row-fluid .pricing-main-v2 .pricing-row>span>.hs_cos_wrapper:last-child {
  border: 0;
  position: relative;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center top
}

.row-fluid .pricing-main-area.pricing-main-v2 {
  padding-top: 20px
}

.pricing-box-v3 .pricing-header h4 {
  font-size: 1.7800rem!important;
  font-weight: 700;
  padding: 20px
}

.pricing-box-v3 .price {
  position: relative;
  top: 20px;
  text-align: center;
  font-size: 2.8125rem!important;
  font-weight: 700
}

.pricing-box-v3 span.month-style {
  font-size: .8rem;
  color: #a4abae
}

.pricing-box-v3 .pricing-space {
  background: #f0f7f9!important;
  text-align: center!important
}

.pricing-box-v3 .pricing-button {
  background: #fff!important
}

.pricing-box-v3 .pricing-list {
  width: unset!important;
  border: unset!important;
  float: unset!important;
  text-align: center;
  position: relative;
  top: 37px!important
}

.pricing-box-v3 .pricing-list ul li:first-child {
  border: unset
}

.pricing-box-v3 .pricing-list ul li {
  text-align: center;
  color: #a4abb5;
  border-top: 1px solid #f0f7f9;
  padding: 5px 0!important;
  display: block;
  width: unset!important;
  margin-left: 0!important
}

.pricing-box-v3 .pricing-list ul li.Close:before,
.pricing-box-v3 .pricing-button a:after {
  content: unset!important
}

.pricing-box-v3 .pricing-button a {
  border-radius: 60px!important;
  border: 2px solid #3d4757!important;
  background: transparent!important;
  color: #3d4757!important
}

.pricing-row .hs_cos_wrapper_widget:nth-child(2) {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2), 0 20px 60px -10px rgba(0, 0, 0, .3);
  -webkit-transform: scale(1.05, 1.05) translateY(-20px);
  transform: scale(1.05, 1.05) translateY(-20px)
}

.row-fluid .pricing-1-new .pricing-row {
  border: 0!important;
  padding: 0!important
}

.row-fluid .pricing-1-new .pricing-row>span>.hs_cos_wrapper {
  border: unset!important
}

body.hs-content-id-6030035840 .pricing-row>span>.hs_cos_wrapper,
body .pricing-1-new .pricing-row>span>.hs_cos_wrapper {
  padding: 14px 0!important;
  width: 33.33%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1)!important;
  border-radius: 6px;
  transition: .2s ease-in-out;
  text-align: center
}

body .pricing-1-new .pricing-row>span>.hs_cos_wrapper {
  width: 25%!important
}

body .pricing-1-new .pricing-v2 .pricing-button {
  padding: 0!important
}

body.hs-content-id-6030035840 .pricing-main-area.pricing-main-v2 {
  padding-top: 60px
}

.pricing-v2 span.price-month {
  font-size: 20px;
  position: relative;
  top: -18px;
  left: -7px
}

.pricing-v2 .pricing-button .price,
.pricing-v2 .price sup {
  font-size: 60px!important
}

.pricing-v2 .price sup {
  font-size: 40px!important
}

sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

ul,
ol {
  margin: 0 0 10px;
  padding-left: 25px
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: 0
}

.custom-logo img {
  margin-top: 38px;
  min-width: 100px;
  width: 200px
}

.custom-logo a:hover {
  border-bottom: 0
}

.body-container-wrapper {
  background-color: #fff;
  margin-top: 0
}

.body-container-wrapper .page-center {
  padding: 15px 20px
}

.body-container {
  font-family: "Source Sans Pro"
}

.post-header h2 a {
  color: inherit;
  text-decoration: none!important
}

span.filter-link-count {
  display: none
}

#hubspot-author_data:after {
  content: '';
  display: block;
  clear: both
}

#hubspot-author_data .hs-author-avatar {
  max-width: 70px;
  padding: 10px 10px 10px 0
}

#hubspot-author_data .hs-author-avatar img {
  height: auto!important;
  max-width: 100%
}

.blog-listing-wrapper .post-listing .post-item {
  margin: 0 0 30px;
  padding: 0 0 30px
}

.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  border-width: 0;
  max-width: 210px;
  height: auto;
  width: auto;
  display: block!important;
  float: right;
  margin: 20px 0 20px 20px
}

a.more-link {
  display: block;
  margin: 15px 0
}

.hs-blog-social-share {
  margin-top: 20px;
  padding: 10px 0 0 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: auto
}

.body-container .hs-blog-social-share li {
  background: 0;
  padding: 0
}

#comment-form .hs_subscribe li {
  list-style: none;
  padding: 0
}

#comments-listing {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px
}

#comments-listing.no-comments {
  border: 0
}

.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0
}

.comment.depth-0 {
  border-bottom: 1px solid #000!important;
  border-top: medium none!important;
  margin: 0 10px 10px!important;
  padding: 0 15px!important
}

.comment-body {
  border-bottom: medium none;
  display: block;
  padding: 0
}

.comment-reply-to {
  margin-bottom: 15px
}

.comment-from h4 {
  margin: 0;
  padding-top: 15px
}

.comment-date {
  display: block!important;
  font-size: 13px;
  text-align: left
}

.comment-from {
  font-weight: bold
}

.comment-body {
  padding: 10px 0
}

.custom_listing_comments {
  border: 1px solid #e2e2e2;
  display: block;
  line-height: 165%;
  padding: 15px;
  line-height: 26.4px
}

.blog-pagination a {
  display: block
}

.blog .blog-sidebar .cell-wrapper {
  margin: 0 0 30px
}

.hs-blog-listing .hs-author-profile {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  overflow: hidden
}

.hs-blog-post .hs-author-profile {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 20px 0;
  margin: 20px 0 20px 0
}

.hs-author-profile .hs-author-profile:after {
  content: '';
  display: block;
  clear: both
}

.hs-author-profile .hs-author-avatar {
  float: left;
  margin-right: 15px;
  max-width: 100px
}

.hs-author-profile .hs-author-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 100%
}

.hs-author-profile .hs-author-bio {
  overflow: hidden
}

.hs-author-profile h2.hs-author-name {
  margin: 0 0 10px 0
}

body .hs-form-field>label,
.widget-type-google_search label,
#comment-form li.hs-form-booleancheckbox label {
  display: block;
  font-size: 15px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
  line-height: 25px
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
  width: 100%;
  display: block;
  height: 40px;
  font-size: 13px;
  line-height: 35px;
  color: #333;
  background: transparent;
  border: 1px solid #333;
  padding: 0 0 0 6px;
  margin: 0;
  outline: 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  font-family: "Source Sans Pro"
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  border-color: #5e374f
}

form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0
}

.hs-error-msgs label {
  color: red;
  font-size: 15px;
  font-weight: bold;
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  line-height: 25px
}

ul.hs-error-msgs.inputs-list {
  padding-left: 0;
  list-style-type: none;
  margin: 10px 0 0
}

form.hs-form fieldset {
  max-width: none
}

form.hs-form fieldset .hs-form-field {
  padding: 0 10px 0 0
}

form.hs-form fieldset[class*="form-columns"] .input {
  margin-right: 0
}

form.hs-form fieldset[class*="form-columns"] .hs-input {
  width: 100%
}

form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
  width: auto
}

form.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 33.33%
}

#hs_form_target_blog_subscription input[type="radio"],
#hs_form_target_blog_subscription input[type="checkbox"] {
  width: auto;
  margin-right: 10px
}

.hs_cos_wrapper_type_form .hs-button.primary.large {
  text-decoration: none
}

.landing-page.one-column .body-container form,
.error-template.one-column .body-container form,
.password-template.one-column .body-container form,
.subscription-template.one-column .body-container form {
  width: 50%
}

body.error-template,
body.password-template,
body.subscription-template {
  background-image: url(//2570076.fs1.hubspotusercontent-na1.net/hubfs/2570076/310Creative%20%20January2018/Images/web_design_agency_santa_monica.jpg)
}

.row-fluid .pd-tp-200 {
  padding-top: 200px
}

.accordion_group {
  margin-bottom: 10px;
  background: #f0f0f0;
  padding: 5px 10px;
  border-radius: 6px
}

.hs-content-id-5936135818 .accordion_group:hover {
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2), 0 20px 60px -10px rgba(0, 0, 0, .3);
  transition: .4s
}


/************************************************************ Pricing Css End Here ******************************************************************************************************************/


/***************************************************************************** Agency_stylesheet_v3 Css Start Here  **********************************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
img {
  max-width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom
}

video {
  max-width: 100%;
  height: auto
}

.cta_button.agency-btn-resemble span {
  color: #fff!important;
  font-size: 22px!important;
  font-weight: bolder!important;
  font-family: Poppins!important;
  line-height: 22px!important
}

.cta_button.agency-btn-resemble {
  padding: 25px 60px 25px 40px!important
}

.cta_button.agency-btn-resemble:after {
  background: url(https://4130406.fs1.hubspotusercontent-na1.net/hubfs/4130406/right-arrow.png);
  padding: 20px;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  margin-left: 10px
}

.agency-bann .span12.widget-span.widget-type-cta {
  text-align: center
}

.cta_button.agency-btn-resemble:hover {
  background: #fff!important;
  border: 2px solid #5b6a81!important
}

.cta_button.agency-btn-resemble:hover span {
  color: #5b6a81!important
}

.cta_button.agency-btn-resemble:hover:after {
  background: url(https://4130406.fs1.hubspotusercontent-na1.net/hubfs/4130406/right-arrow-hover.png);
  padding: 20px;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  margin-left: 10px
}

.hs-responsive-embed {
  position: relative;
  height: auto;
  overflow: hidden;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
  width: 100%;
  height: 100%;
  border: 0
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
  padding-bottom: 2%
}

.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-bottom: 116.01%
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
  padding: 6px;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.hs-menu-wrapper ul {
  padding: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  display: flex;
  justify-content: space-between;
}
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul:before {
  content: " ";
  display: table
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul:after {
  content: " ";
  display: table;
  clear: both
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
  float: left
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  display: inline-block;
  padding: 10px 20px;
  white-space: nowrap;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
  position: relative
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .4s, opacity .01s;
  position: absolute;
  z-index: 10;
  left: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 180px;
  top: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
  margin-bottom: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
  margin-bottom: 20px;
  min-height: 7em
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul {
  margin-bottom: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children {
  position: static
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li {
  float: left
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
  display: inline-block;
  padding: 10px 20px;
  white-space: nowrap;
  max-width: 140px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-vertical {
  width: 100%
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  list-style: none;
  margin: 0
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul {
  margin-bottom: 20px
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
  width: auto
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding: 10px 20px;
  text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children {
  position: relative
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .4s, opacity .01s;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 180px
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
  min-width: 140px;
  width: auto
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul {
  max-width: 100%;
  overflow: hidden
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
  position: static
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a {
  padding-left: 4em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a {
  padding-left: 6em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a {
  padding-left: 8em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a {
  padding-left: 140px
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18)
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1
}

.widget-type-space {
  visibility: hidden
}

.hs-author-listing-header {
  margin: 0 0 .75em 0
}

.hs-author-social-links {
  display: inline-block
}

.hs-author-social-links a.hs-author-social-link {
  width: 24px;
  height: 24px;
  border-width: 0;
  border: 0;
  line-height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px
}

.hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden
}

.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {
  outline: 0
}

.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none
}

.hs_cos_flex-slider {
  margin: 0;
  padding: 0
}

.hs_cos_flex-slider .hs_cos_flex-slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative
}

.hs_cos_flex-slider .hs_cos_flex-slides img {
  width: 100%;
  display: block;
  border-radius: 0
}

.hs_cos_flex-pauseplay span {
  text-transform: capitalize
}

.hs_cos_flex-slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

html[xmlns] .hs_cos_flex-slides {
  display: block
}

* html .hs_cos_flex-slides {
  height: 1%
}

.hs_cos_flex-slider {
  margin: 0 0 60px;
  background: #fff;
  border: 0;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  zoom: 1
}

.hs_cos_flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease
}

.loading .hs_cos_flex-viewport {
  max-height: 300px
}

.hs_cos_flex-slider .hs_cos_flex-slides {
  zoom: 1
}

.carousel li {
  margin-right: 5px
}

.hs_cos_flex-direction-nav {
  *height: 0
}

.hs_cos_flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease
}

.hs_cos_flex-direction-nav .hs_cos_flex-next {
  background-position: 100% 0;
  right: -36px
}

.hs_cos_flex-direction-nav .hs_cos_flex-prev {
  left: -36px
}

.hs_cos_flex-slider:hover .hs_cos_flex-next {
  opacity: .8;
  right: 5px
}

.hs_cos_flex-slider:hover .hs_cos_flex-prev {
  opacity: .8;
  left: 5px
}

.hs_cos_flex-slider:hover .hs_cos_flex-next:hover,
.hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {
  opacity: 1
}

.hs_cos_flex-direction-nav .hs_cos_flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  cursor: default
}

.hs_cos_flex_thumbnavs-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none
}

.hs_cos_flex_thumbnavs-direction-nav {
  *height: 0
}

.hs_cos_flex_thumbnavs-direction-nav a {
  width: 30px;
  height: 140px;
  margin: -60px 0 0;
  display: block;
  background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all .3s ease
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
  background-position: 100% 40%;
  right: 0
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
  left: 0
}

.hs-cos-flex-slider-control-panel img {
  cursor: pointer
}

.hs-cos-flex-slider-control-panel img:hover {
  opacity: .8
}

.hs-cos-flex-slider-control-panel {
  margin-top: -30px
}

.hs_cos_flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center
}

.hs_cos_flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline
}

.hs_cos_flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.hs_cos_flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7)
}

.hs_cos_flex-control-paging li a.hs_cos_flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default
}

.hs_cos_flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden
}

.hs_cos_flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0
}

.hs_cos_flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer
}

.hs_cos_flex-control-thumbs img:hover {
  opacity: 1
}

.hs_cos_flex-control-thumbs .hs_cos_flex-active {
  opacity: 1;
  cursor: default
}

.hs_cos_flex-slider .caption {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  font-size: 2em;
  line-height: 1.1em;
  color: white;
  padding: 0 5% 0 5%;
  width: 100%;
  bottom: 0;
  text-align: center
}

.hs_cos_flex-slider .superimpose .caption {
  color: white;
  font-size: 3em;
  line-height: 1.1em;
  position: absolute;
  padding: 0 5% 0 5%;
  width: 90%;
  top: 40%;
  text-align: center;
  background-color: transparent
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
  color: white
}

.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: -4px
}

.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0;
  padding: 0;
  border-width: 0
}

pre {
  overflow-x: auto
}

table pre {
  white-space: pre-wrap
}

.comment {
  margin: 10px 0 10px 0
}

.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-wrap: break-word
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

audio:not([controls]) {
  display: none
}

.wp-float-left {
  float: left;
  margin: 0 20px 20px 0
}

.wp-float-right {
  float: right;
  margin: 0 0 20px 20px
}

#map_canvas img,
.google-maps img {
  max-width: none
}

#recaptcha_table td {
  line-height: 0
}

.recaptchatable #recaptcha_response_field {
  min-height: 0;
  line-height: 12px
}

.header-right-cta a#cta_button_4130406_8af9de8c-5dad-4ad1-a642-263cf39ad5c2 {
  line-height: 25px;
  padding: 3px 18px!important;
  margin-top: 8px;
  font-size: .8125rem
}

.top .header-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  z-index: 10
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a:after {
  color: #fff
}

.top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
  color: #fff
}

.top .header-right-cta .cta_button.agency-btn:hover {
  background: transparent!important
}

.top .header-right-cta .cta_button.agency-btn {
  color: #fff!important;
  border: 2px solid #fff!important
}

body {
  padding: 0;
  font-size: 15px;
  line-height: 1.8;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-family: 'Source Sans Pro', sans-serif;
  width: 100%;
  letter-spacing: 0;
  background: #fff;
  margin: 0 auto;
  color: #000
}

body .container-fluid .row-fluid .wrapper {
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 15px;
  padding-right: 15px
}

img {
  height: auto
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  text-transform: initial;
  margin: 0;
  padding: 0;
  text-decoration: none;
  margin-bottom: 15px;
  color: #333
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  font-family: 'Poppins', sans-serif
}

.body-container-wrapper ul,
.body-container-wrapper li {
  margin-bottom: 15px
}

a {
  margin-bottom: 0
}

h1 {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px
}

h2 {
  font-size: 42px;
  font-weight: 800;
  letter-spacing: .8px
}

h3 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: .5px
}

h4 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  letter-spacing: .4px;
  margin-bottom: 10px
}

h5 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0
}

h6 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0
}

p,
.body-container-wrapper li {
  font-size: 15px;
  line-height: 24px;
  color: #000;
  letter-spacing: 0
}

h3+p {
  margin-top: 15px
}

.body-container-wrapper {
  background: #fff;
  overflow: hidden;
  position: relative
}

.body-container-wrapper ul {
  padding: 0;
  text-decoration: none;
  margin: 20px 0
}

.body-container-wrapper ol {
  margin: 0;
  padding: 0;
  text-decoration: none;
  margin-bottom: 15px
}

.body-container-wrapper li {
  margin-bottom: 0
}

.body-container-wrapper ol li:before {
  display: none
}

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

.no-list-style li {
  margin: 0
}

.no-list-style li:before {
  display: none
}

.body-container-wrapper a {
  color: #5b6a81;
  font-weight: 500;
  transition: all ease-in-out .2s
}

blockquote {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  color: #56676b;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 20px;
  letter-spacing: 1px
}

.cta_button.agency-btn {
  border: 2px solid #3d4757!important;
  background: transparent!important;
  box-shadow: none;
  padding: 15px 30px!important
}

.cta_button.agency-btn span {
  color: #3d4757!important;
  font-size: 14px!important;
  font-weight: 700!important;
  letter-spacing: 0;
  font-family: Poppins!important
}

.cta_button.agency-btn:hover {
  background: #3d4757!important;
  color: #fff!important
}

.cta_button.agency-btn:hover span {
  color: #fff!important
}

.cta_button.agency-btn:hover span:hover {
  color: #fff!important
}

.widget-type-cta {
  /* margin-top: 15px */
}

body a.cta_button[title],
body .container-fluid .row-fluid .hs-button {
  font-size: 16px;
  line-height: 18px;
  padding: 15px 60px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  display: inline-block;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  transition: all .15s ease;
  top: 0;
  background: #5b6a81;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #5b6a81
}

body .container-fluid .row-fluid .hs-button,
body .green-cta a.cta_button[title] {
  background: #3d4757;
  border-color: #3d4757
}

body .blue-cta a.cta_button[title] {
  color: #fff;
  background: #5b6a81
}

body .row-fluid .simple-cta a.cta_button[title],
body .row-fluid .simple-cta a.cta_button[title]:hover {
  background: transparent;
  color: #000;
  box-shadow: none;
  padding: 0;
  text-shadow: none;
  text-decoration: underline;
  text-transform: inherit;
  border: 0;
  width: auto
}

.arrow-button,
.arrow-button-white,
body .row-fluid .arrow-image a {
  position: relative
}

.arrow-button:after,
.arrow-button-white:after,
body .row-fluid .arrow-image a:after {
  content: "";
  position: absolute;
  background: url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Pack%202/large-arrow-1-2.svg');
  width: 46px;
  height: 9px;
  right: -56px;
  top: 6px
}

body .row-fluid .arrow-image a.cta_button:after {
  display: none
}

.arrow-button-white:after {
  background: url('//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Pack%202/large-arrow-1-4.svg')
}

.hs-cta-wrapper a.cta_button {
  padding: 0;
  border: 0
}

.hs-cta-wrapper a.cta_button img {
  height: auto
}

body .white-cta a.cta_button[title] {
  color: #000;
  text-shadow: none;
  background: #fff;
  border: 1px solid #fff
}

body .transparent-cta a.cta_button[title] {
  color: #fff;
  text-shadow: none;
  background: transparent;
  border: 1px solid #fff
}

body .container-fluid .row-fluid .hs-button:hover,
body .green-cta a.cta_button[title]:hover {
  background: #5b6a81;
  border-color: #5b6a81
}

body a.cta_button[title]:hover {
  top: 0
}

.align-center {
  text-align: center
}

.align-left {
  text-align: left
}

.align-right {
  text-align: right
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.overlay,
.base-color-overlay {
  position: relative;
  z-index: 1
}

.overlay:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1
}

.base-color-overlay:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: -1;
  opacity: .75
}

.grey-bg {
  background: #f5f7fa
}

body .container-fluid .row-fluid .section-heading.align-center {
  max-width: 840px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px
}

.section-heading p,
.section-heading li {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5
}

.section-heading li {
  margin-top: 16px
}

.section-heading h5 {
  margin: 0;
  color: #86939e;
  font-size: 18px;
  font-weight: 500
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a {
  color: #fff
}

.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a {
  margin: 0
}

.body-container-wrapper .all-text-white li:before {
  background: #fff
}

body .container-fluid .row-fluid .pad-bottom {
  margin-bottom: 80px
}

/*.section-bg {
background-size: cover!important
}*/

.section-bg.ovelay {
  background-color: #333
}

.section-bg .bg-image {
  display: none!important
}

.section-padding {
  padding: 125px 0
}

.section-border {
  border-bottom: 1px solid #e7e7e7
}

.cta-margin {
  margin-top: 70px
}

.top .header-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  z-index: 10
}

.row-fluid .logo_left_align .header-wrapper .logo img {
  max-width: 200px!important
}

.inner-page-hero {
  padding: 180px 0 100px
}

.inner-page-hero p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .3px
}

body .row-fluid .inner-page-hero .banner-heading {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  float: none;
  text-align: center
}

.slick-initialized .slick-slide:focus,
.slick-dots li button {
  outline: 0
}

.row-fluid .text-center {
  text-align: center
}

.row-fluid .team-section {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #5b6a81
}

.row-fluid .team-column>span {
  display: flex;
  flex-wrap: wrap
}

.row-fluid .team-column>span>div {
  flex: 22.5% 0 0;
  width: 22.5%;
  margin-bottom: 30px;
  margin-right: 3%
}

.row-fluid .team-column>span>div:nth-child(4n) {
  margin-right: 0
}

.row-fluid .team-module {
  background: transparent;
  border-radius: 6px;
  padding: 30px
}

.row-fluid .team-module a {
  outline: 0
}

.row-fluid .member-image {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 15px;
  border-radius: 100%
}

.row-fluid .member-image img {
  border-radius: 100%
}

body.team-page .row-fluid .member-image img {
  border-radius: 100%
}

.row-fluid .member-name h4 {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 0
}

.row-fluid .member-designation {
  letter-spacing: .3em;
  text-transform: uppercase;
  font-size: 12px;
  color: #a4abae
}

.row-fluid .member-bio,
.row-fluid .member-bio p {
  font-size: 12px;
  color: #a4abae;
  line-height: 1.5;
  font-weight: 500
}

.row-fluid .member-bio-full-section {
  display: none
}

.member-bio-full-section {
  max-width: 700px!important;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0!important;
  background: transparent!important;
  padding-top: 30px!important
}

.top-pop-up-box {
  background: #bd3180;
  border-top-left-radius: 6px;
  width: 100%;
  float: left;
  padding: 30px;
  position: relative
}

.top-pop-up-box .member-image {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  float: left
}

.pop-up-box-left,
.pop-up-box-right {
  float: left
}

.fancybox-content {
  padding: 0
}

.top-pop-up-box .member-image img {
  border-radius: 100%
}

.top-pop-up-box,
.pop-up-content {
  width: 100%;
  float: left
}

.pop-up-box-right {
  padding-left: 50px;
  padding-top: 50px
}

.pop-up-name h2 {
  line-height: 1;
  margin: 0;
  color: #fff;
  font-size: 36px
}

.pop-up-designation {
  font-size: 16px;
  color: #fff;
  font-weight: 500
}

.pop-up-content {
  background: #fff;
  padding: 50px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #a4abae
}

.pop-up-content p {
  color: #a4abae;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px
}

.top-pop-up-box:before {
  display: block;
  width: 40px;
  height: 28px;
  position: absolute;
  top: -28px;
  right: 0;
  z-index: 9;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-family: Font Awesome\ 5 Free;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  opacity: .7;
  transition: .4s;
  content: '';
  background: inherit
}

button.fancybox-close-small {
  top: -5px;
  right: 0;
  color: #fff;
  padding: 0;
  width: 40px
}

.follow-us-module>a {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 6px;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  color: #fff
}

.follow-us-module>a.facebook {
  background: #3b5998
}

.follow-us-module>a.facebook:hover {
  background: #5272b4
}

.follow-us-module>a.linkedin {
  background: #0078b7
}

.follow-us-module>a.linkedin:hover {
  background: #1793d4
}

.follow-us-module>a.twitter {
  background: #1da1f2
}

.follow-us-module>a.twitter:hover {
  background: #42b7ff
}

.fancybox-slide {
  background: rgba(51, 60, 78, 0.7)!important
}

.fancybox-slide--html {
  padding: 15px!important
}

.fancybox-container::-webkit-scrollbar {
  width: 0
}

.fancybox-slide::-webkit-scrollbar {
  width: 0
}

.row-fluid .team-module .member-name h4 {
  color: #fff;
  font-size: 22px
}

.row-fluid .team-module .member-designation {
  color: #fff
}

.row-fluid .team-module .member-bio,
.row-fluid .team-module .member-bio p {
  color: #fff
}

body .container-fluid .row-fluid .two-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%
}

.grid-2 .row-fluid .two-col-adjust span>.hs_cos_wrapper {
  margin-right: 0;
  margin-top: 0;
  -webkit-flex-basis: 49.4%
}

body .container-fluid .row-fluid .three-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -5.8%
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 27.9%;
  -webkit-flex-basis: 27.9%;
  float: left;
  margin-right: 5.43%;
  margin-top: 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

.redirect-page {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease
}

body .container-fluid .row-fluid .three-col-adjust.have-box-border span>.hs_cos_wrapper:hover .redirect-page {
  border: 1px solid #5b6a81
}

body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 30px;
  box-sizing: border-box;
  position: relative
}

::-webkit-input-placeholder {
  color: #989898
}

:-moz-placeholder {
  color: #989898
}

::-moz-placeholder {
  color: #989898
}

:-ms-input-placeholder {
  color: #989898
}

select::-ms-expand {
  display: none
}

.row-fluid form li {
  margin: 0
}

.row-fluid form li:before {
  display: none
}

.row-fluid form input,
.row-fluid form select,
.row-fluid form textarea {
  height: 46px;
  font-family: 'Source Sans Pro', sans-serif;
  border: 0;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 0;
  background: #f5f5f5;
  padding: 5px 10px;
  color: #000;
  font-weight: 400;
  background: #fff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px
}

.row-fluid form input.file-up-filed {
  background: transparent
}

.row-fluid form input:focus,
.row-fluid form select:focus,
.row-fluid form textarea:focus {
  outline: 0;
  border: 1px solid #5b6a81
}

.row-fluid form textarea {
  height: 150px
}

.row-fluid form .hs_file_upload input,
.row-fluid form .hs-form-checkbox input,
.row-fluid form .hs-form-radio input,
.row-fluid form .hs-form-booleancheckbox input {
  height: auto;
  padding: 0;
  border: 0
}

.row-fluid form .hs-form-checkbox input,
.row-fluid form .hs-form-radio input,
.row-fluid form .hs-form-booleancheckbox input {
  height: auto;
  padding: 0;
  border: 0;
  margin-bottom: 0
}

.row-fluid form .field>label {
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
  margin-top: 11px
}

.row-fluid form .hs-button.primary {
  height: auto;
  margin-top: 24px
}

.row-fluid .full-width-button form .hs-button.primary {
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

form .hs-error-msgs {
  margin: 0;
  padding: 0
}

.lead-form-main.fullscreen-3-color .actions {
  text-align: center
}

.fullscreen-3-color.lead-form-main h3 {
  font-weight: 600
}

.lead-form-main.fullscreen-3-color {
  border: 2px solid
}

.fullscreen-3-color-main-wrapper .content-section {
  padding-top: 50px;
  padding-bottom: 50px
}

.row-fluid .hs-form fieldset.form-columns-1 .hs-input {
  width: 100%
}

body .row-fluid .hs-form fieldset {
  max-width: 100%
}

body .row-fluid .hs-form legend {
  margin-bottom: 8px
}

form .hs-form-required {
  display: inline-block;
  color: #f00;
  margin-left: 5px
}

.body-container-wrapper form ul,
.body-container-wrapper form li {
  margin: 0;
  padding: 0
}

.body-container-wrapper form li {
  font-size: 16px;
  color: #000;
  letter-spacing: 0;
  font-weight: 400
}

.body-container-wrapper form .hs-error-msgs li {
  line-height: 1;
  color: red;
  font-weight: 500;
  font-size: 11px;
  position: relative;
  top: 0;
  letter-spacing: .3px
}

.body-container-wrapper form ul,
form ul {
  list-style: none
}

.body-container-wrapper form li:before {
  display: none
}

body form .hs-form-checkbox:last-child,
body form .hs-form-radio:last-child,
body form .hs-form-booleancheckbox {
  margin-bottom: 10px
}

body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 32%;
  margin-right: 2%
}

body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 49%;
  margin-right: 2%
}

body .row-fluid .hs-form fieldset .hs-form-field:last-child {
  margin-right: 0
}

body .row-fluid .hs-form fieldset.form-columns-2 .input,
body .row-fluid .hs-form fieldset.form-columns-3 .input {
  margin-right: 0
}

body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input {
  margin-right: 0
}

body .row-fluid select {
  background-position: center right;
  -webkit-appearance: none
}

.pwd-form input[type="password"] {
  height: 40px!important
}

.error-page-search input {
  box-shadow: unset!important
}

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input input[type="radio"] {
  width: auto
}

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input input[type="radio"] {
  padding: 0;
  border-radius: 4px;
  background: #fff;
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #cfd3d7;
  -webkit-appearance: none;
  border: 1px solid #989898;
  margin-right: 8px;
  top: 5px;
  width: 20px;
  height: 20px
}

.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  top: 3px;
  left: 2px;
  border: 3px solid #5b6a81;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg)
}

.row-fluid .hs-form .field .input input[type="radio"] {
  border-radius: 50%
}

.row-fluid .hs-form .field .input input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  background: #5b6a81;
  left: 4px;
  border-top: 0;
  border-right: 0;
  border-radius: 50%
}

body .container-fluid .row-fluid .top-menu-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 12
}

div#header-group-id.sticky-nav {
  z-index: 999
}

body .header-container-wrapper .span12 {
  min-height: 0
}

body .header-container-wrapper .logo {
  padding-top: 15px;
  padding-bottom: 15px
}

.sticky-nav .logo img {
  max-width: 50px!important
}

body .header-container-wrapper .logo img {
  /* max-width: 95px;
  width: auto;
  display: block */
  width: 170px !important;
}

.header-group {
  box-sizing:border-box;
  position: relative;
  padding-left: 30px;
  padding-right: 30px
}

.header-right-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  float: right
}

span.btIconWidgetTitle,
span.btIconWidgetText {
  color: #5b6a81
}

span.btIconWidgetText {
  font-size: 15px;
  line-height: 1;
  display: block
}

span.btIconWidgetTitle {
  margin-bottom: 5px;
  font-size: 13px;
  display: block;
  line-height: 1;
  opacity: .5
}

.header-right-col ul li {
  float: left;
  margin: 10px 0 0 35px
}

.hero-section {
  background-color: #444;
  position: relative;
  padding: 185px 0 100px;
  z-index: 1
}

.hero-section:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.row-fluid .cta-group .yello-cta a.cta_button {
  background-color: #5b6a81;
  border: 2px solid #5b6a81
}

.row-fluid .cta-group .yello-cta a.cta_button:hover {
  color: #5b6a81;
  border: 2px solid #5b6a81
}

.yello-cta {
  color: #5b6a81
}

.tile-overlay {
  position: relative;
  z-index: 1
}

.tile-overlay:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.hero-section h4 {
  color: #fff;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  max-width: 625px;
  margin-bottom: 23px
}

.hero-section h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-width: 1px 0;
  margin-left: 22px
}

.hero-section h3 {
  color: #fff
}

.hero-section h1 strong {
  font-weight: 600
}

.wrapped-group {
  max-width: 780px
}

.cta-group {
  padding-top: 15px;
  max-width: 540px
}

.lp-vid .row-fluid .cta-group a.cta_button {
  border-radius: 50px;
  background-color: transparent;
  border-color: #fff;
  border-width: 2px;
  padding: 16px 35px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px
}

.lp-vid .row-fluid .cta-group a.cta_button:hover {
  background-color: transparent;
  color: #fff
}

.topSection-addon-bottom {
  background-image: url(https://4130406.fs1.hubspotusercontent-na1.net/hubfs/4130406/notch-1.png);
  z-index: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  right: 0;
  width: 100vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  height: 50%
}

.video-badge-section:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.wrapper-2 {
  position: relative
}

.social-icons-div {
  float: right
}

.social-icons-div ul li {
  display: inline-block;
  margin-left: 26px!important;
  margin-bottom: 0
}

.social-icons-div ul {
  margin: 0
}

.social-icons-div ul li a {
  color: #000
}

.faq-sec .accordion_content {
  font-size: 17px
}

.faq-sec .accordion_header {
  font-family: "Poppins"
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  border-radius: 3%
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background: #ff7a45!important
}

.top-menu .hs-menu-wrapper ul ul li:first-child>a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.top-menu .hs-menu-wrapper ul ul li:last-child>a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.hs-menu-wrapper ul ul li:hover>a,
.menu-bar .hs-menu-wrapper ul ul li.active>a,
.menu-bar .hs-menu-wrapper ul ul li.active-branch>a {
  background: #ff7a45!important;
  color: #fff
}

.top-menu .hs-menu-wrapper>ul>li>ul>li:first-child:before {
  /*content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -4px;
  left: 20px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)*/
}

.hs-menu-wrapper ul ul li:first-child:hover:before {
  background: #ff7a45!important
}

.hs-menu-wrapper ul ul ul li:first-child:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 15px;
  left: -5px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

body .header-container-wrapper .span12 {
  min-height: 0
}

.top-menu .wrapper {
  position: relative
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
  font-size: 12px;
  padding: 26px 10px;
  text-transform: uppercase;
}

.footer-blog h2 {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px
}

.footer-blog .hs-menu-wrapper.hs-menu-flow-vertical>ul li {
  margin: 0;
  line-height: 35px
}

.footer-blog .hs-menu-wrapper.hs-menu-flow-vertical>ul li>a {
  padding: 0;
  font-size:18px
}

.footer-group-section.footer-blog p,
.footer-blog a {
  color: #999
}

.footer-group-section.footer-blog h4 {
  font-size: 20px;
  font-weight: 400;
  color: #48626f;
}

.footer-group-section.footer-blog.section-padding {
  padding: 50px 0
}

body .container-fluid .row-fluid .pth-lp-header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 11;
  padding: 20px 0;
  background: #5b6a81;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: ;
  margin: 0 auto
}

.footer-group-section {
  border-top: 1px solid rgba(0, 0, 0, .2);
  background: rgba(0, 0, 0, .07);
  color: #000
}

.copy-section {
  background: #fff;
  padding: 20px 20px 16px
}

.copy-section p {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-weight: 400
}

.footer-group-section p {
  font-size: 18px!important;
  line-height: 35px!important;
  color: #000;
  font-weight: 400
}

.footer-group-section p,
.copy-section p {
  margin: 0
}

.footer-group-section h4 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.3;
  margin: 0 0 12px;
  padding: 0;
  font-weight: 100
}

.badge-inside img {
  max-width: 200px
}

.about-text {
  max-width: 325px
}

.top-menu .hs-menu-wrapper>ul {
  background:
}

.top-menu .hs-menu-wrapper>ul>li {
  background:
}

.top-menu .hs-menu-wrapper>ul>li>a {
  color:
}

.top-menu .hs-menu-wrapper>ul>li>a:hover {
  color:
}

.top-menu .hs-menu-wrapper>ul ul li {
  background:
}

.top-menu .hs-menu-wrapper>ul ul li a {
  color:
}

.top-menu .hs-menu-wrapper>ul ul li a:hover {
  color:
}

.top-menu .hs-menu-wrapper>ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible!important;
  max-width: none!important;
  width: auto!important
}

.mobile-trigger,
.child-trigger {
  display: none
}

.generic-section-style h4 {
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 25px
}

.generic-section-style p,
.generic-section-style li {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0
}

.generic-section-style li {
  margin-top: 28px;
  margin-bottom: 28px
}

.generic-section-style h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin: 25px 0
}

.generic-section-style img {
  margin: 40px 0 55px
}

.generic-section-style iframe {
  margin: 14px 0 50px
}

.generic-section-style h3 {
  font-size: 24px;
  line-height: 51px;
  font-weight: 500;
  letter-spacing: -.9px
}

.generic-section-style h6 {
  font-size: 14px;
  line-height: 31px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase
}

.generic-section-style h5 {
  font-size: 20px;
  line-height: 29px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  margin: 45px auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 30px 0
}

.generic-section-style hr {
  border: 0;
  margin: 60px 0;
  border-bottom: 2px solid #979090
}

.hero-section-banner {
  padding: 185px 0 50px 0!important
}

.section-agency-height {
  min-height: 100vh!important
}

.blog-section h4 {
  color: #5b6a81;
  font-size: 14px;
  letter-spacing: .1em;
  margin: 0 0 28px;
  line-height: 1.25;
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}

.blog-section h4:before,
.blog-section h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-color: #5b6a81;
  border-width: 1px 0;
  width: 3.5em;
  -webkit-flex-grow: 0;
  flex-grow: 0
}

.blog-section h4:before {
  margin-right: 1em
}

.blog-section h4:after {
  margin-left: 1em
}

.blog-section h2 {
  font-weight: 100;
  font-size: 40px;
  line-height: 48px
}

.blog-section h2 strong {
  color: #5b6a81;
  font-weight: 200
}

.blog-section .features-image-block {
  height: 275px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #5b6a81;
  border-radius: 10px 10px 0 0
}

.blog-section .custom-post-item .set-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: ;
  text-transform: uppercase;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.blog-section .custom-post-item:hover .features-image-block .set-overlay {
  opacity: .85
}

.blog-section .custom-post-item a.read-more-link {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  font-weight: 400;
  white-space: nowrap;
  min-width: 225px;
  max-width: 95%;
  letter-spacing: .05em;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.blog-section .custom-post-item a.read-more-link .fa {
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  line-height: 70px;
  border-radius: 50%;
  font-size: 28px
}

.blog-section .custom-post-item .social-shares {
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  letter-spacing: .06em;
  text-align: center
}

.blog-section .custom-post-item .social-shares a {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  height: 30px;
  vertical-align: middle;
  border-radius: 100%;
  padding-top: 2px;
  padding: 0 5px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease
}

.blog-section .custom-post-item-inner {
  position: relative;
  transition: box-shadow .2s ease-in-out
}

.blog-section .custom-post-item .share-text {
  display: block;
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 5px
}

body .blog-section .recent-posts {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row
}

.blog-section .recent-posts .custom-post-item {
  width: 31%;
  margin: 0 1%;
  float: left;
  box-sizing: border-box;
  box-shadow: 0 8px 43px 19px rgba(0, 0, 0, .08);
  border-radius: 10px;
  background: #fff;
  position: relative;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: .3s ease-in-out
}

a.blog-hover-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  right: 0;
  opacity: 1
}

.blog-section .recent-posts .custom-post-item:hover {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
  transition: .3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 8px 43px 19px rgba(0, 0, 0, .09)
}

.blog-section .custom-post-body {
  padding: 25px 25px 25px
}

.blog-section .custom-post-body h2 a,
.blog-section .custom-post-body h2 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  letter-spacing: .50px;
  color: #0d2e4f;
  margin-bottom: 2px
}

.blog-section .author-hubspot {
  font-size: 12px
}

.blog-section .post-topic-link.topic-seq-1,
.blog-section .post-topic-link.topic-seq-2,
.blog-section .post-item-topic-link.topic-seq-1 {
  display: inline-block;
  font-size: 15px;
  color: #4f4f4f
}

.blog-section .post-item-topic-link.topic-seq-1 {
  font-size: 13px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #a6b2c3
}

.blog-section .custom-post-body p {
  font-size: 14px;
  line-height: 20px
}

.blog-section .custom-post-body p {
  margin: 10px 0 20px
}

.row-fluid .blog-section a.cta_button:hover {
  background-color: transparent;
  color: #5b6a81
}

.icon-with-bg .icon .fa {
  width: 66px;
  height: 66px;
  text-align: center;
  background: #3d4757;
  margin-bottom: 30px;
  color: #007621;
  display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  border-radius: 50%;
  font-size: 23px
}

.ps-global-contact-us {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7
}

body .row-fluid .ps-global-contact-us .column {
  padding: 50px 20px;
  margin: 0;
  width: 33.3333%;
  transition: all .15s ease-in-out;
  position: relative
}

body .row-fluid .ps-global-contact-us .column.border {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7
}

.ps-global-contact-us h4 {
  margin: 0
}

.ps-global-contact-us p {
  font-size: 17px;
  margin-bottom: 0
}

.ps-global-contact-us .image img {
  width: 100%!important;
  max-width: 44px;
  margin: 0 auto;
  text-align: center;
  display: block
}

.ps-global-contact-us a {
  font-weight: 600;
  font-size: 16px
}

.ps-global-contact-us .fa {
  margin-bottom: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  color: #007621;
  background: #3d4757;
  font-size: 26px
}

html body input.hs-input.email-edit {
  max-width: 100%
}

body .container-fluid .row-fluid .jumbo-3-preferences-section-one .form-style input[type="checkbox"]:checked:after {
  width: 8px;
  height: 4px
}

.related-post-section .section-heading {
  margin-bottom: 40px
}

.sidebar-with-menu h3 {
  font-size: 23px;
  line-height: 33px;
  background: #5b6a81;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  margin: 0
}

.module-shadow {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4)
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul {
  background: #f5f7fa;
  padding: 10px 0;
  margin: 0
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
  width: 100%;
  padding: 10px 20px;
  max-width: 100%;
  white-space: inherit;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  padding-left: 40px
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a:before {
  content: "";
  position: absolute;
  background: url(//3842749.fs1.hubspotusercontent-na1.net/hubfs/3842749/Credo%20pack/right-arrow@2x.png) no-repeat right center;
  width: 12px;
  height: 12px;
  left: 16px;
  top: 16px;
  transition: all ease-in-out .2s
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1:last-child a {
  border: 0
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  padding: 8px 35px;
  text-decoration: none;
  width: 100%;
  white-space: normal;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #e7e7e7
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  position: relative
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children.sidebar-nav ul.hs-menu-children-wrapper {
  display: none;
  transition: all ease-in-out .2s
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children.sidebar-nav.menu-visible ul.hs-menu-children-wrapper {
  display: block
}

.sidebar-with-menu .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children.sidebar-nav.menu-visible a:before {
  transform: rotate(90deg)
}

.margin-t-30 {
  margin-top: 30px
}

.section-form h4 {
  color: #5b6a81;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 700;
  padding-bottom: 24px
}

.section-form h2 {
  font-size: 40px;
  line-height: 48px;
  color: #222;
  font-weight: 100;
  margin: 0;
  padding-bottom: 22px
}

.section-form h2 strong {
  color: #5b6a81;
  font-weight: 200
}

.section-form h3 {
  font-size: 20px;
  line-height: 32px;
  color: #000;
  font-weight: 400;
  margin: 0;
  opacity: .7;
  padding-bottom: 25px;
  font-family: 'Source Sans Pro', sans-serif
}

.dash-border {
  max-width: 420px;
  border-bottom: 2px solid #5b6a81;
  margin-bottom: 6px
}

.listed-item-left .cell-wrapper {
  padding-right: 20px
}

.listed-item-left ul li {
  padding-bottom: 2px
}

.section-3-column.section-padding {
  padding: 100px 0
}

.three-col .span4.widget-span.widget-type-cell {
  padding: 30px 25px 40px
}

.three-col-header h4 {
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}

.three-col-header h4:before,
.three-col-header h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-color: #5b6a81;
  border-width: 1px 0;
  width: 3.5em;
  -webkit-flex-grow: 0;
  flex-grow: 0
}

.three-col-header h4:before {
  margin-right: 1em
}

.three-col-header h4:after {
  margin-left: 1em
}

.three-col-header {
  padding-bottom: 55px
}

.icons {
  margin-bottom: 25px
}

.three-col .span4.widget-span.widget-type-cell h4 {
  position: relative
}

.three-col .span4.widget-span.widget-type-cell h4:after {
  display: block;
  text-align: center;
  content: "\f111\f111\f111\f111\f111";
  font-size: 7px;
  letter-spacing: 5px;
  line-height: 1;
  margin: 2.3em 0 1.9em;
  /* font-family: "FontAwesome"; */
  color: #5b6a81
}

.three-col .span4.widget-span.widget-type-cell a.cta_button[title] {
  border: 2px solid #3d4757;
  color: #3d4757;
  background: transparent;
  border-radius: 50px;
  box-shadow: none;
  padding: 13px 25px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease
}

.three-col .span4.widget-span.widget-type-cell a.cta_button[title]:hover {
  background-color: #3d4757;
  border: 2px solid #3d4757;
  color: #fff
}

.agency-header {
  padding-bottom: 40px
}

.agency-header h4 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  max-width: 625px
}

.agency-header h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-width: 1px 0;
  margin-left: 22px
}

.text-col {
  padding-bottom: 30px
}

.text-col .widget-type-linked_image {
  text-align: center
}

.section-agency.section-padding {
  padding: 110px 0 70px
}

.gray-bg {
  background-color: #f2f2f2
}

.two-col-fontstyle h3 {
  padding-bottom: 25px;
  border-bottom: 2px solid
}

.section-inbound-results {
  text-align: center
}

.featured-heading {
  padding-bottom: 60px
}

.featured-heading h4 {
  position: relative;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}

.featured-heading h4:before,
.featured-heading h4:after {
  content: '';
  clear: both;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-style: solid;
  border-width: 0;
  border-width: 1px 0;
  width: 3.5em;
  -webkit-flex-grow: 0;
  flex-grow: 0
}

.featured-heading h4:before {
  margin-right: 1em
}

.featured-heading h4:after {
  margin-left: 1em
}

.featured-heading h2 {
  font-weight: 100;
  font-size: 40px;
  line-height: 48px
}

.featured-heading h2 strong {
  color: #ff7a45;
  font-weight: 200
}

.animation-3-column h4 {
  font-size: 18px;
  position: relative;
  margin-top: 12px
}

.animation-3-column .span4 {
  padding: 0 25px
}

.animation-3-column h4:after {
  display: block;
  text-align: center;
  content: "\f111\f111\f111\f111\f111";
  font-size: 7px;
  letter-spacing: 5px;
  line-height: 1;
  margin: 2.3em 0 1.9em;
  /* font-family: "FontAwesome"; */
  color: #ff7a45
}

.hs_cos_wrapper.form-title {
  display: none
}

.control-button {
  position: absolute;
  top: 25px;
  right: 12.5%
}

.control-button .fa {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  color: #fff
}

.mfp-container {
  background-color: rgba(255, 255, 255, 0.8)
}
.header-search-form{
  width: 70%
}
.header-search-form form {
  width: 100%;
  margin: 0 auto;
  position: relative
}

.header-search-form input {
  min-height: 60px;
  height: 60px;
  padding: 15px 70px 15px 30px!important;
  background: #fff!important;
  border: 0;
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .3);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #333c4e;
  font-size: 1rem;
  vertical-align: top;
  position: relative;
  border-radius: 50px
}

.header-search-form input:focus {
  outline: unset
}

.header-search-form .search-button {
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 60px;
  vertical-align: top;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.search-button {
  display: inline-block;
  max-width: 100%;
  margin-top: 22px;
  margin-bottom: 8px;
  padding: 13px 23px;
  background: #3d4757;
  border: 2px solid transparent;
  border-radius: 60px;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-size: .875rem;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  vertical-align: middle;
  white-space: normal;
  cursor: pointer;
  transition: .2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.hs-search-results__listing li a {
  font-size: 24px!important
}

.hs-search-results__listing li {
  padding-bottom: 20px
}

.hs-search-results {
  padding-top: 25px
}

body .sticky-nav .control-button .fa {
  color: #5b6a81
}

p.hs-search-results__description {
  font-size: 18px;
  line-height: 30px
}

.client-logo {
  padding: 60px 0 0
}

.client-logo ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.client-logo ul li {
  display: inline-block;
  max-width: 150px;
  text-align: center
}

.image-gray-module {
  background-color: #f2f2f2
}

.ui-section-two-col h3 {
  padding-bottom: 25px;
  border-bottom: 2px solid
}

.fadeIn {
  animation-delay: .2s
}

.bottom-menu-angle {
  display: none
}

.res-main a.cta_button[title].res-apply-btn:hover {
  background-color: #3d4757;
  border: 2px solid #3d4757;
  color: #fff
}

.blog.new-blg .post-header h2 a {
  font-size: 24px;
  font-weight: 200!important
}

.blog-share>span {
  margin-right: 5px
}

body.blog.agency-blog-2.hs-blog-listing.new-blg .blog-share i.fa {
  color: #ccc;
  line-height: 27px;
  padding: 0;
  background: transparent!important;
  border: 2px solid #ccc;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 4px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  text-align: center
}

body.blog.agency-blog-2.hs-blog-listing.new-blg .blog-share i.fa:hover {
  color: #fff;
  background: #ccc!important
}

.new-blg .post-listing .subscribe-main {
  height: 380px!important
}

.new-blg .post-date:after,
.blog #hubspot-author_data:after {
  display: none!important
}


/************************************************************ Agency_v2_Style_2020 Css  Start Here ***********************************************************************************************/

.dis-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.hs_cos_wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.slide .hs_cos_wrapper:after {
  display: none;
}

.txt-center {
  text-align: center;
}

.bh-pad1 {
  padding-bottom: 50px;
}


/************** Agency - Home Page 2 Css Here ******************/

.banner-cta .dis-flex {
  margin: 0 auto;
}

.three-col .span4.widget-span.widget-type-cell a.cta_button[title]:hover {
  color: #fff !important;
}

.three-col .span4.widget-span.widget-type-cell a.cta_button,
.banner-cta a.cta_button {
  margin-top: 15px;
}

.section-inbound-results.section-padding.section-bg {
  background-size: contain;
}

.client-logo ul.dis-flex {
  justify-content: center;
  align-items: flex-end;
}

.agv2-cta {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.three-col .span4.widget-span.widget-type-cell {
  position: relative;
}

.three-col .span4.widget-span.widget-type-cell {
  padding: 30px 25px 102px;
}

.span6.widget-span.widget-type-cell.text-col:nth-child(odd) {
  margin-left: 0 !important;
}


/************** Agency - Home Page 1 Css Here ******************/

.video-bg.hero-section .wrapper {
  position: relative;
}

.hero-section {
  padding: 210px 0px 100px;
}


/************** Agency - Home Page 3 Css Here ******************/

.span4.widget-span.widget-type-cell.item.dis-flex {
  margin-left: 0 !important;
  margin-right: 2.062431%;
  margin-bottom: 70px;
}

.span4.widget-span.widget-type-cell.item.dis-flex:nth-child(3n) {
  margin-right: 0 !important;
}

.dragdropmain.align-center.wow.bounceInDown.sub-hdr {
  margin-bottom: 100px;
}

.photo-bg.tile-overlay.txt-white.image-sec.all-text-white {
  padding: 185px 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.swap-odd .wow.fadeInLeft {
  margin-right: 2.062431% !important;
  margin-left: 0 !important;
}

.swap-odd .wow.fadeInRight {
  margin: 0 !important;
}

.swap-even .span6.widget-span.widget-type-linked_image.wow.fadeInLeft {
  order: 2 !important;
  margin-right: 0 !important;
}

.swap-even .span6.widget-span.widget-type-rich_text.wow.fadeInRight {
  order: 1 !important;
  margin-right: 2.062431% !important;
  margin-left: 0 !important;
}

.wrapper.ct-threeclm.feature-sec.section-padding.dynamic-bg {
  padding: 125px 0px 60px;
}

.ct-threeclm .feat-main .items-container {
  margin-bottom: 0px;
}

.text-col.dis-flex {
  align-items: center;
}


/*********************** Agency v2 - About 1 *********************/

.cd-timeline-block .agency-cycle1:nth-child(odd) .cd-timeline-img.cd-picture {
  float: left;
  right: -85px;
}

.cd-timeline-block .agency-cycle1:nth-child(odd) .cd-content_main {
  padding-right: 130px;
  text-align: right;
}

.cd-timeline-block .agency-cycle1:nth-child(even) .cd-timeline-img.cd-picture {
  left: -85px;
}

.cd-timeline-block .agency-cycle1:nth-child(even) .cd-content_main {
  padding-left: 130px;
  text-align: left;
}

.cd-timeline-block .agency-cycle1:nth-child(even) .cd-timeline-content {
  float: right;
}

.cd-timeline-block {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.cd-timeline-block .agency-cycle1 {
  max-width: 1000px;
  margin: 30px auto 10px;
  position: relative;
  float: left;
  width: 100%;
}

.cd-timeline-block .agency-cycle1:first-child {
  margin-top: 0px;
}

div#cd-timeline .agency-cycle1:first-child .top-line {
  top: -155px;
  height: 170px;
}

.agency-cycle1 {
  clear: both;
}

.cd-timeline-img.cd-picture {
  z-index: 9;
}

div#cd-timeline .agency-cycle1:first-child {
  margin: 30px auto 30px;
}

div#cd-timeline .agency-cycle1 {
  margin: 0px auto 30px;
}


/********************** Agency v2 - Services 1  ***********************/


/* .feat-main .span10 h4 { font-weight: 300; font-size:24px;} */

.pad-normal {
  padding-left: 15px !important;
  padding-right: 15px !important;
}


/******************** Portfolio Page Start Here ****************/

body .container-fluid .row-fluid .three-col-adjust>span {
  margin: 0px;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
  flex-basis: 33.33%;
  -webkit-flex-basis: 33.33%;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  overflow: hidden;
}


/******************************** Service List Two Column Page Css Here **************************************/

.span6.widget-span.widget-type-cell.res-left:nth-child(odd) {
  margin-left: 0 !important;
}

.span6.widget-span.widget-type-cell.res-left {
  border-top: 1px solid #ccc;
  position: relative;
  padding: 50px 50px 95px;
  margin-left: 0 !important;
}

.span6.widget-span.widget-type-cell.res-left:nth-child(even) {
  border-right: 0;
  width: 51%!important
}

.res-main {
  border-bottom: 1px solid #ccc;
  border-top: 0px;
  margin: 40px 0px 130px;
}

.cta-absolute {
  position: absolute;
  bottom: 45px;
  left: 0;
}

.span6.widget-span.widget-type-cell.res-left:nth-child(even) .cta-absolute {
  left: 5.562431%
}

.span12.widget-span.widget-type-cell.res-main.dis-flex {
  display: flex !important;
}

.span6.widget-span.widget-type-cell.res-left:nth-child(even) .cta-absolute,
.span6.widget-span.widget-type-cell.res-left:nth-child(odd) .cta-absolute {
  left: 10.062431%
}

.widget-type-raw_jinja {
  min-height: 0 !important;
}


/******************************** Service List Three Column Page Css Here **************************************/

.span4.widget-span.widget-type-cell.res-left:nth-child(odd) {
  margin-left: 0 !important;
}

.span4.widget-span.widget-type-cell.res-left {
  border-top: 1px solid #ccc;
  position: relative;
  padding: 50px 25px 95px;
  width: 33.33% !important;
  margin-left: 0 !important;
}

.res-main {
  border-bottom: 1px solid #ccc;
  border-top: 0px;
  margin: 40px 0px 130px;
}

.cta-absolute {
  position: absolute;
  bottom: 45px;
  left: 0;
}

.span4.widget-span.widget-type-cell.res-left .cta-absolute {
  left: 9.062431%
}

.span12.widget-span.widget-type-cell.res-main.dis-flex {
  display: flex !important;
}

.span4.widget-span.widget-type-cell.res-left:nth-child(3n+1) .cta-absolute {
  left: 6.062431%
}

.res-main .span4.widget-span.widget-type-cell.res-left:nth-child(3n) {
  border-right: 0;
}


/************************ Industrie Page Css Here ****************************/

.ind-twocolumn .dis-flex .span6 {
  float: none !important;
  width: 50%;
  margin: 0 !important;
  border-bottom: 1px solid #ccc;
  padding: 50px 0px 101px !important;
  position: relative;
}

.ind-twocolumn .dis-flex .span6 .my-agency-txt {
  padding: 0px 20px;
}

.ind-twocolumn .dis-flex .span6 .span12 {
  margin-left: 0 !important;
}

.ind-twocolumn .dis-flex .span6:nth-child(even) {
  border-right: 0 !important
}

.ind-twocolumn .dis-flex .span6:last-child,
.ind-twocolumn .dis-flex .span6:nth-last-child(2) {
  border-bottom: 0;
}

.indstry-cta {
  position: absolute;
  left: 0px;
  bottom: 20px;
  right: 0;
  margin: 0 auto;
}


/*********************************** Service Sticky Page Css Here **************************************/

.row-fluid.dis-flex .span6 {
  float: none !important;
  margin: 0 !important;
}

.tab-nav-content .fa {
  display: inline-block;
  /* font: normal normal normal 14px/1 FontAwesome; */
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tab-nav-content .icon {
  padding-right: 40px;
}

.dis-flex.tb-bg {
  justify-content: space-between;
}

.span12.tab-pane:first-child {
  margin-left: 2.762430939% !important;
}

.tab-nav-content {
  padding: 30px 30px 60px;
}

.tab-nav-content .txt-content {
  width: calc(100% - 65px);
}

.tab-nav-content .icon {
  width: 25px;
}


/************************************ Agency Case Studay Dtail1 Page Css Here ****************************/

.ag-twobg .span6 {
  float: none !important;
}

.dis-flex.ag-twocolumn-content .span6 {
  margin: 0 !important;
  float: none !important;
  width: 50% !important;
}

.cw-social-share .dis-flex {
  justify-content: center;
}

.cw-social-share {
  text-align: center;
}

.cw-social-share a img {
  width: 44px;
  height: 44px;
  margin-right: 10px;
}

.cw-social-share a:last-child img {
  margin-right: 0px;
}

.ag-twocolumn-content .content-section.item1:nth-child(even) .case-study-txt {
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.ag-twocolumn-content .span6:nth-child(even) {
  padding-left: 100px !important;
  padding-right: 50px !important;
}

.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span12,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span7,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span8,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span6,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span5,
.section-agency.video-bg.section-padding.section-bg.tile-overlay.all-text-white .dis-flex .span4 {
  float: none !important;
}

.span6.widget-span.widget-type-cell.dis-flex.text-col {
  display: flex !important;
}


/************************ Agency Client List1 Page Css Here *************************/

.counter-icon {
  max-width: 150px;
  margin: 0 auto;
}

.counter-value {
  font-size: 70px;
  line-height: 95px;
  height: 75px;
  font-weight: 700;
  letter-spacing: -2px;
  overflow: hidden;
}

.counter-name h3 {
  line-height: 50px !important;
  padding-top: 20px;
}

.counter-section h3:after {
  display: block;
  text-align: center;
  content: '\f111\f111\f111\f111\f111';
  /* font-family: 'fontawesome'; */
  font-size: 7px;
  letter-spacing: 5px;
  line-height: 1;
  margin: 2.3em 0 1.9em;
}

.span4.flt-none {
  padding: 30px 25px 40px;
  border-right: 1px solid #ccc;
  width: 33.33%;
  margin: 0;
  float: none;
}

.span4.flt-none:nth-child(3n) {
  border-right: 0;
}

.span4.flt-none .icons {
  height: 150px;
}

.span4.flt-none .icons img {
  height: 140px !important;
  width: auto;
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
}


/************************ Agency Client List2 Page Css Here *************************/

.logo-column {
  width: calc(33.33% - 1px);
  text-align: center;
  border-right: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  padding: 40px 0px;
}

.logo-column:nth-child(3n) {
  border-right: 0;
  width: 33.33%;
}

.logo-column img {
  height: 78px !important;
  width: 100%;
  object-fit: contain;
}


/******************* Agency Testimonial1 Page Css Here ****************/

.testi-content .span9,
.testi-content .span3 {
  float: none;
}

.section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span9 {
  order: 2;
  padding-right: 0;
  padding-left: 60px;
}

.section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span3 {
  order: 1;
  margin-left: 0 !important;
}

.dis-flex.testi-content .span9 {
  width: calc(100% - 200px) !important;
  padding-right: 60px;
}

.dis-flex.testi-content .span3 {
  width: 200px !important;
  margin-left: 0 !important;
}

.testi.dis-flex .span10 h5 {
  margin-bottom: 0;
}

.span2.testi-img {
  width: 80px;
}

.span10 {
  width: calc(100% - 80px);
  padding-left: 20px;
}

.testi-img img {
  margin-bottom: 0px !important;
}

.testi.dis-flex {
  align-items: center;
}


/****************************** Pricing2 Temp Page Css Here ****************************/

.price-two .row-fluid .pricing-row>span>.hs_cos_wrapper {
  float: left;
  padding: 14px 0px !important;
  width: 33.33%;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important;
  border-radius: 6px;
  transition: .2s ease-in-out;
  text-align: center;
}

.price-two .row-fluid .pricing-main-area.pricing-main-v2 {
  padding-top: 100px;
}


/*********************************** Agency v2 - 2 Column Offset Left Page Css Here *******************/

.offset-two .dis-flex .span4,
.offset-two .dis-flex .span8 {
  float: none;
}

.four-clmn .span3 {
  float: none;
}

.new-three .span4.flt-none .icons img {
  height: 238px !important;
}

.new-three .span4.flt-none .icons {
  height: 250px
}


/********************** Tab Page Css Here *****************/

.body-container .custom-tabber-wrap .tabber-tabs {
  margin: 0;
  padding-top: 40px;
}


/**************************** Gallery Page Css Here ****************************/

.span3.icons:nth-child(4n+1) {
  margin-left: 0;
}


/******************************* Contact2 Page Css Here *****************************/

.contact2 .span6 {
  float: none;
  position: relative;
  padding: 50px 50px 102px 50px;
  margin-bottom: 20px;
}

.contact2 .span6 .contact2-cta {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin-left: 0 !important;
}

.contact2 {
  justify-content: center;
}

.hs-responsive-embed-wrapper.hs-responsive-embed {
  max-width: 100% !important;
  min-width: 100% !important;
  max-height: 100% !important;
}

.hs-responsive-embed-wrapper.hs-responsive-embed>div {
  padding-bottom: 25.37% !important;
}

.contact-form1 a {
  color: inherit;
}


/************************** Agency v2 Hero Lp Css Here ****************************/

.form-share.cw-social-share a img {
  width: 34px;
  height: 34px;
}

.form-share.cw-social-share .dis-flex {
  justify-content: flex-start;
}

.form-share.cw-social-share {
  text-align: left;
}

.dis-flex.contact-form1 .wow.slideInLeft.span6 {
  padding-right: 80px;
}

.contact1-form h3 {
  font-size: 40px;
  font-family: 'Poppins', sans-serif;
  line-height: 48px;
  border-bottom: 0px;
  color: #222222;
  font-weight: 100;
  margin: 0px;
  padding-bottom: 22px;
}

.hs_cos_wrapper.form-title {
  display: block;
}

.hs_submit input:hover {
  background-color: #5b6a81 !important;
}

.contact-form1 .wow.slideInLeft.span6 h4 {
  font-weight: 700;
}


/****************************** Sticky Sidebar Css Here ********************************/

.main-content-inner {
  margin-bottom: 15px;
}

.swap-column .span4 {
  order: 2;
}

.swap-column .span8 {
  order: 1;
  margin-left: 0;
  margin-right: 2.762430939%;
}


/* Mega menu Css Here */

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.mega-menuized .downarrow {
  bottom: -15px !important;
}

.mega-menu-branch .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
  font-size: 16px;
  color: #5b6a81 !important;
}

.mega-menu-branch h4 {
  font-size: 16px;
}

.menu-form {
  padding-top: 0;
}

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.mega-menuized .downarrow {
  position: absolute;
  color: #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  display: none;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  width: 1px;
  z-index: 9999;
}

li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.mega-menuized:hover .downarrow,
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.mega-menuized .downarrow.active {
  display: inline-block !important;
  bottom: -16px !important;
}


/**************************** Filter Page Css Here *************************************/

.filter-inner {
  width: 30%;
  margin: 0;
  padding: 0 15px;
  display: inline-block;
  float: left;
}

logo img {
  max-width: 50px!important;
}

.sticky-nav .logo img {
  max-width: 50px!important;
}

.top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  background: #FF7A45!important;
}

.hs-menu-wrapper ul ul li:hover>a,
.menu-bar .hs-menu-wrapper ul ul li.active>a,
.menu-bar .hs-menu-wrapper ul ul li.active-branch>a {
  background: #FF7A45 !important;
  color: #ffffff;
}

.hs-menu-wrapper ul ul li:first-child:hover:before {
  background: #FF7A45!important;
}

.header-right-cta a.cta_button.agency-btn {
  color: #3d4757;
  cursor: pointer !important;
  line-height: 25px;
  padding: 3px 18px !important;
  margin-top: 8px;
  font-size: 0.8125rem;
}

.footer-container-wrapper a:hover {
  color: #5b6a81;
  border: none !important;
}

a:hover {
  text-decoration: none !important;
}

.icons img:hover {
  -ms-transform: scale(1.005);
  -webkit-transform: scale(1.005);
  transition: all ease-in-out .3s;
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -ms-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.richer_text h4 span:hover {
  max-width: max-content;
  border-bottom-style: solid;
  color: #38A1F3;
}

.three-col-header h2 {
  text-align: center;
}

.three-col-header h3 {
  text-align: center;
}

/*.section-bg {
background-attachment: fixed !important;
}
*/

/************************************************************ Agency_v2_Style_2020 Css  End Here ***********************************************************************************************/


/************************************************************************** Blog Css Start Here ***************************************************************************************************/

.hs-blog-listing.blogv2 .span1.sidebar-left {
  display: none;
}

.hs-blog-listing.blogv3 .span1.sidebar-left {
  display: none;
}

.blog .header-container {
  padding: 0;
}

.blog.hs-blog-listing .blog-none-editable {
  display: block !important;
}

.blog-v1.hs-blog-post .blog-none-editable {
  display: none!important
}

.blog-v1 div#custom-body {
  margin-top: 50px
}

.blogv2 div#custom-body {
  margin-top: 50px!important
}

.blogv3 div#custom-body {
  margin-top: 50px!important
}

.blog .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'Source Sans Pro', sans-serif
}

.blog-v1 .blog-sidebar .hs-rss-item {
  margin-bottom: 0
}

.blog-v1 .blog-sidebar .tab-pane img {
  margin-bottom: 30px
}

.blog .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  float: none!important
}

.blog.hs-blog-listing .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  width: 100%;
  margin: 0
}

.blog .post-header h2 a {
  font-size: 35px;
  line-height: 40px;
  font-weight: 600;
  color: #222
}

.blog .post-header h2 a:hover {
  color: #5b6a81
}

.post-date:after,
.blog #hubspot-author_data:after {
  content: ' / ';
  padding: 0 .5em;
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  font-size: 12px
}

.meta-details div {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5)
}

.meta-details {
  display: block
}

.blog .body-container {
  font-family: 'Poppins', sans-serif
}

.blog.hs-blog-listing .hs-blog-header h1 {
  display: none
}

.meta-details .custom_listing_comments {
  padding: 0;
  border: 0;
  color: rgba(0, 0, 0, 0.5)
}

.meta-details i.fa.fa-comment {
  margin-right: 5px;
  color: rgba(68, 68, 68, .4)
}

ul.social-sharing li {
  display: inline;
  margin-left: 0
}

ul.social-sharing {
  list-style-type: none;
  display: block
}

ul.social-sharing i {
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  box-shadow: 0 0 0 1em #999 inset;
  color: #fff;
  border-radius: 50%;
  width: 2em;
  height: 2em
}

.blog-list {
  margin-bottom: 50px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  border-bottom: 1px solid #5b6a81;
  padding-bottom: 50px
}

.blog-list-main:nth-child(even) .span7 {
  order: 2
}

.blog-list-main:nth-child(even) .span5 {
  margin-left: 0!important;
  margin-right: 10px
}

.row-fluid [class*="span5"] {
  margin-left: 2.127659574%!important
}

#hubspot-topic_data a.topic-link:hover {
  border: 0
}

.blog #hubspot-author_data {
  float: none
}

body a.more-link,
body .blog-pagination a.all-posts-link {
  border-color: #5b6a81;
  color: #5b6a81!important;
  border: 1px solid;
  border-radius: 20px;
  width: 25%;
  padding: 5px 20px;
  display: inline-block
}

body a.more-link:after,
body .blog-pagination a.all-posts-link:after {
  content: "\f105";
  display: inline-block;
  /* font: normal normal normal 14px/1 FontAwesome; */
  font-size: inherit;
  text-rendering: auto;
  margin-left: 6px
}

.blog #hubspot-topic_data {
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  width: 100%;
  margin-top: 0
}

.blog.blog-v1 #hubspot-topic_data {
  background: #5b6a81;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin: 4px 0;
  display: inline-block;
  width: auto
}

.blog-list {
  margin-bottom: 50px;
  -ms-box-orient: horizontal;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #5b6a81;
  padding-bottom: 50px
}

.blog.blog-v1 #hubspot-topic_data a.topic-link {
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

.blog.agency-blog-2.hs-blog-listing #hubspot-topic_data {
  width: unset!important;
  max-width: fit-content
}

.blog.agency-blog-2.hs-blog-listing .post-header h2 a {
  font-weight: 100
}

.blog.agency-blog-2.hs-blog-listing .post-header h2 {
  margin: 0;
  padding-bottom: 12px
}

.blog.agency-blog-2.hs-blog-listing .listing-content {
  padding: 0 10px
}

.blog.agency-blog-2.hs-blog-listing .blog-share i.fa {
  margin-right: 5px;
  border-radius: 50%
}

.blog.blogv3 #hubspot-topic_data {
  margin-top: 20px
}

#hubspot-topic_data a.topic-link {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  color: #000
}

#hubspot-topic_data a.topic-link:not(:first-child):before {
  content: ' ';
  display: inline-block;
  margin: -2px 10px 0 10px;
  letter-spacing: inherit;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: inherit;
  vertical-align: middle;
  background-color: #01b1ec
}

.blog-listing-wrapper {
  padding: 0 0 50px
}

.blog .section-agency.section-bg {
  background-position: top!important
}

.blog .agency-header.agency-banner-txt h1 {
  font-weight: 100;
  font-size: 60px;
  line-height: 1.2
}

.blog .agency-header.agency-banner-txt {
  padding-bottom: 40px
}

.blog div#custom-body {
  margin-bottom: 50px
}

.blog .hs-blog-header h1 {
  display: none
}

.section.post-header h1 {
  font-weight: 100;
  color: #000;
  line-height: 1.7;
  font-size: 40px
}

.hs-blog-listing.blog-v1 .span1.sidebar-left {
  display: none
}

.blog.blog-v1 .category_filter h3 {
  font-weight: 100!important;
  font-family: 'Poppins', sans-serif
}

.blog.blog-v1 .category_filter {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 20px 20px 10px 20px
}

.blog.blog-v1 .blog-sidebar .widget-span {
  margin-bottom: 60px
}

.blog.blog-v1 .widget-type-post_filter .widget-module {
  width: 100%
}

.blog.blog-v1 .blog-sidebar .subscribe h3 {
  display: block;
  font-weight: 100!important
}

.blog.blog-v1 .subscribe input[type="email"] {
  border-radius: 20px;
  border: 0
}

.blog.blog-v1 .subscribe input[type="email"]:hover {
  border: unset
}

.blog.blog-v1 .subscribe form {
  margin: 20px
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%
}

.hs-rss-byline {
  display: none
}

.blog-list .row-fluid .span5 {
  margin-left: 0
}

.blog.blog-v1 .subscribe {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 10px
}

.blog.blog-v1 .blog-sidebar .subscribe h3 {
  margin: 30px 20px;
  line-height: 35px;
  color: #5b6a81;
  font-family: 'Poppins', sans-serif;
  font-weight: 300
}

.blog.blog-v1 .subscribe .field>label {
  color: #5b6a81;
  font-size: 13px;
  font-weight: 500!important
}

.blog.blog-v1 .container-fluid .row-fluid .subscribe .hs-button {
  padding: 10px 20px;
  border: 0
}

.list-social-icons .blog-share i.fa {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background: #ccc;
  line-height: 38px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  color: #fff
}

.list-social-icons.row.clearfix {
  margin: 20px 0
}

.blog.blog-v1 #hubspot-topic_data {
  background: #5b6a81;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin: 4px 0;
  display: inline-block;
  width: auto
}

.blog.blog1 .post-header h2 a {
  font-weight: 100
}

.blog.hs-blog-post .blog-section h3,
.blog.hs-blog-post .blog-section h2,
.blog.hs-blog-post .blog-section h4,
.blog.hs-blog-post .blog-section h5,
.blog.hs-blog-post .blog-section h6 {
  font-weight: 100
}

.blog.blog-v1 #hubspot-topic_data a.topic-link {
  color: #fff;
  font-size: 12px;
  font-weight: 400
}

#hubspot-topic_data a.topic-link {
  color: #fff!important;
  font-size: 12px!important;
  font-weight: 400!important
}

.blog.blog-v1.hs-blog-post .section.post-header {
  border-bottom: 1px solid #5b6a81;
  margin-bottom: 30px;
  padding-bottom: 20px
}

.tagwrapper {
  clear: both
}

.tagwrapper .tags {
  float: left
}

.blog.blogv3 .tagwrapper #hubspot-topic_data {
  margin-left: 0
}

.blog.blogv3.hs-blog-post .section.post-header {
  padding-bottom: 20px
}

.blog.blogv3 .tagwrapper .list-social-icons {
  float: right
}

.hs-blog-listing.agency-blog-3 #blog-main-wrapper {
  width: 100%;
  margin-left: 0
}

.hs-blog-listing.agency-blog-3 div#custom-body {
  margin-top: 0!important
}

.KW_progressContainer {
  left: 0;
  width: 100%;
  height: .4em;
  margin-bottom: 0;
  position: fixed;
  top: 76px;
  overflow: hidden;
  background-color: transparent;
  content: "";
  display: table;
  table-layout: fixed
}

.no-sticky .KW_progressContainer {
  top: 0
}

.KW_progressBar {
  width: 0;
  float: left;
  height: 100%;
  z-index: 99;
  max-width: 100%;
  background-color: #5b6a81;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease
}

.blog.hs-blog-listing .KW_progressContainer {
  display: none
}

body .container-fluid .row-fluid .wrapper.blogInfoWrap {
  padding-top: 60px
}

body .container-fluid .row-fluid .title.wrapper.blogInfoWrap {
  padding-top: 0
}

.blog-v1 div#hs_cos_wrapper_module_153016383326671 {
  position: relative!important
}

.blog.blog-v1 .blog-sidebar .widget-span {
  visibility: visible!important
}

main.blog * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

a:hover,
a:focus {
  border-bottom: 0
}

.blog.blog1 .post-header h2 a:hover {
  text-decoration: none!important
}

.blog-pagination.dis-flex a.btn-2 {
  padding: 10px 35px
}

.widget-type-post_filter .widget-module {
  margin-bottom: 30px;
  position: relative;
  width: 200px;
  padding: 7px 10px;
  background: #5b6a81;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  cursor: pointer;
  outline: 0;
  font-weight: 500;
  color: #fff;
  border-radius: 6px
}

.widget-type-post_filter .widget-module ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-weight: normal;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -ms-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
  list-style: none;
  opacity: 0;
  pointer-events: none;
  padding: 0;
  margin: 0
}

.widget-type-post_filter .widget-module ul li {
  margin-left: 0
}

.widget-type-post_filter .widget-module>span:after {
  content: '\25bc';
  display: block;
  width: 10px;
  height: 0;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 10px;
  /* font-family: FontAwesome; */
  font-size: 8px;
  line-height: 0;
  text-align: center
}

.widget-type-post_filter .widget-module.active ul {
  opacity: 1;
  pointer-events: auto
}

.widget-type-post_filter .widget-module ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #5b6a81;
  border-bottom: 1px solid #e6e8ea;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  font-family: Muli;
  font-weight: 500
}

.widget-type-post_filter .widget-module ul li:first-of-type a {
  border-radius: 7px 7px 0 0
}

.widget-type-post_filter .widget-module ul li:last-of-type a {
  border: 0;
  border-radius: 0 0 7px 7px
}

.widget-type-post_filter .widget-module ul li:hover a {
  background: #5b6a81;
  color: #fff
}

.blog-pagination.dis-flex>div {
  width: 33%;
  margin-right: 0.5%;
}

.blog-pagination.dis-flex>div:last-child {
  text-align: right;
  margin-right: 0;
}

.blog-pagination.dis-flex>div:nth-child(2) {
  text-align: center;
}

.dis-flx {
  display: flex !important;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.read-time-section span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}

.read-time-section>div {
  width: 15px;
}

.read-time-section>div:last-child {
  width: calc(100% - 25px);
  margin-left: 8px;
}


/************************************************************************** Blog Css End Here ***************************************************************************************************/


/* Footer Css Here */

.social-icons-div ul li a svg {
  width: 15px;
  height: 15px;
}
/*******************Custom media queries*************************/

@media only screen and (max-width: 1735px) {
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    /* line-height: 1;
    color: #000;
    font-size: 14px;
    padding: 1px 1px;
    letter-spacing: 0;
    font-weight: 600;
    position: relative;
    margin-bottom: -1px;
    z-index: 99;
    border: 1px solid transparent;
    border-top: 0 */
  }
}

/*******************Custom media queries END*************************/

/******************* Min and Max width Css here *************************/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  div#hs_cos_wrapper_module_1533284634727389 .top-line {
    top: -117px;
    height: 140px;
  }
  #cd-timeline .top-line,
  #cd-timeline .bottom-line {
    height: 32%;
  }
  #cd-timeline .top-line {
    top: -22%;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .left-text-white-bg {
    width: 50%!important;
    float: left!important;
  }
  .lead-form-main {
    width: 50%!important;
    float: right!important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .section-bg {
    /*	background-size: 100%!important;*/
    background-repeat: no-repeat;
    background-position: 50% 0px;
  }
}

@media (min-width:768px) and (max-width:1024px) {
  div#hs_cos_wrapper_module_1533284634727389 .top-line {
    top: -109px;
    height: 145px
  }
  #cd-timeline .top-line {
    top: -25%
  }
  #cd-timeline .top-line,
  #cd-timeline .bottom-line {
    height: 40%
  }
  body .container-fluid .row-fluid .wrapper {
    padding-left: 40px;
    padding-right: 40px
  }
  h1 {
    font-size: 42px
  }
  h2 {
    font-size: 26px
  }
  h3 {
    font-size: 20px
  }
  h4 {
    font-size: 18px
  }
  h5 {
    font-size: 16px;
    font-weight: 600
  }
  h6 {
    font-size: 14px
  }
  .section-padding {
    padding: 60px 0
  }
  body .container-fluid .row-fluid .section-heading.align-center {
    margin-bottom: 30px
  }
  p,
  .body-container-wrapper li {
    font-size: 14px;
    line-height: 24px
  }
  .section-heading p {
    font-size: 16px
  }
  .cta-margin {
    margin-top: 30px
  }
  .inner-page-hero {
    padding: 140px 0 80px
  }
  .section-heading li,
  .section-heading p {
    font-size: 16px
  }
  .section-heading li {
    margin-top: 20px;
    margin-bottom: 20px
  }
  body a.cta_button[title],
  body .container-fluid .row-fluid .hs-button {
    white-space: normal
  }
}

@media (min-width:768px) and (max-width:900px) {
  .blog-section .recent-posts .custom-post-item {
    width: 47%;
    margin: 0 1.5%;
  }
  .blog-section .recent-posts .custom-post-item:last-child {
    display: none;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .section-bg {
    /*background-size: 100%!important;*/
    background-repeat: no-repeat;
    background-position: 50% 0px;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .control-button {
    right: 4%;
  }
}

@media (max-width: 1139px) and (min-width: 768px) {
  .three-offset .dis-flex.3-clmn .span4 {
    width: 22.928176794% !important;
    float: none !important
  }
  .three-offset .dis-flex.3-clmn .span4:second-child {
    width: 48.618784527% !important;
  }
}

@media(max-width:992px) and (min-width:768px) {
  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    flex-basis: 50%;
    -webkit-flex-basis: 50%;
  }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
  #cd-timeline .top-line,
  #cd-timeline .bottom-line {
    height: 40%;
  }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
  #cd-timeline .top-line {
    top: -25%;
  }
}

@media(min-width: 992px) and (max-width: 1199px) {
  body .container-fluid .row-fluid .wrapper.blogInfoWrap {
    max-width: 960px;
  }
}

@media(min-width: 768px) and (max-width: 1199px) {
  .blog.blog-v1 .blog-content {
    width: 65%
  }
  .blog.agency-blog-2.hs-blog-listing .body-container-wrapper .page-center {
    padding: 15px 5px
  }
  .blog.agency-blog-2.hs-blog-listing .blog-share i.fa {
    margin-right: 0;
    width: 30px;
    height: 30px;
    background: #ccc;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    padding: 0 8px
  }
  .blog.agency-blog-2.hs-blog-listing .post-header h2 a {
    font-size: 27px
  }
  .blog.agency-blog-2.hs-blog-listing .blog-section h2 {
    font-weight: 100;
    font-size: 30px;
    line-height: 30px
  }
  .blog.agency-blog-2.hs-blog-listing .listing-content {
    padding: 0 3px
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog.blog-v1 .blog-sidebar .widget-span {
    margin-bottom: 60px;
    position: static!important;
    width: 100%!important
  }
}


/**********************************  Responsive Css Here ***********************************************/


/************************ Agency_stylesheet_v3 Css Start here **************************/


/*******  Min width Css Here *************/

@media (min-width:1025px) {
  .pad-left {
    padding-left: 40px
  }
  .pad-right {
    padding-right: 40px
  }
  .pad-centered {
    padding: 0 20px
  }
}
/* Triggeriin liittyvä */
@media (min-width:1080px) {
  .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  body .row-fluid .vertical-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
  }
  body .row-fluid .flex-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center
  }
  .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  body .row-fluid .vertical-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
  }
  body .row-fluid .flex-center {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center
  }
  body .row-fluid .three-col-adjust span>.hs_cos_wrapper:nth-child(-n+3) {
    margin-top: 0
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background: #fff;
    border-bottom: 0
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    color: #000;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 1;
    letter-spacing: .8px;
    font-weight: 400;
    text-align: left;
    min-width: 140px;
    text-indent: 0;
    text-transform:uppercase
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>a:after,
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
    font-family: FontAwesome;
    content: "\f078";
    font-weight: 300;
    font-size: 10px;
    color: #000;
    padding-left: 8px;
    position: relative;
    top: -2px
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children>a:after {
    color: #000;
    /*position: absolute;
    right: 18px;
    top: 13px*/
  }
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children:hover>a:after,
  .top-menu .hs-menu-wrapper ul>li.hs-item-has-children>ul>li.hs-item-has-children:hover>a:after {
    font-family: FontAwesome;
    content: "\f077";
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-2>:last-child>a {
    border-bottom: 0
  }
  .top-menu .top-right-cta {
    margin-top: 12px;
    padding-left: 30px
  }
  body .top-menu .top-right-cta a.cta_button {
    padding: 14px 3px;
    font-size: 14px;
    letter-spacing: 0;
    width: 100%
  }
  /** MENUFIX BY MIKAEL **/
  .top-menu .hs-menu-wrapper {
    line-height: 0;
    text-align: left;
  }
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    line-height: 0;
    margin: 0 auto 0 0;   /** MENUFIX BY MIKAEL **/
  }
  /* Original  */
  /* .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
  line-height: 1;
  color: #000;
  font-size: 14px;
  padding: 18px 18px;
  letter-spacing: 0;
  font-weight: 600;
  position: relative;
  margin-bottom: -1px;
  z-index: 99;
  border: 1px solid transparent;
  border-top: 0
} */
  /* Original END  */
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    line-height: 1;
    color: #000;
    font-size: 12px;
    padding: 21px 0px;    /** MENUFIX BY MIKAEL **/
    letter-spacing: 0;
    font-weight: 600;
    position: relative;
    margin-bottom: -1px;
    z-index: 99;
    border: 1px solid transparent;
    border-top: 0
  }
  .top-menu {
    background: transparent;
    /*padding: 15px 0*/
  }
  .top-menu .hs-menu-wrapper {
    display: block!important
  }
  .three-col {
    border: 1px solid rgba(0, 0, 0, .2)
  }
  .three-col .span4.widget-span.widget-type-cell {
    width: 33.33%;
    margin: 0;
    padding: 30px 25px 102px
  }
  .three-col .span4.widget-span.widget-type-cell:first-child {
    border-right: 1px solid rgba(0, 0, 0, .2)
  }
  .three-col .span4.widget-span.widget-type-cell:last-child {
    border-left: 1px solid rgba(0, 0, 0, .2)
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    padding: 100px 5% 80px 12%
  }
  body .row-fluid .ui-section-two-col .right-col,
  body .row-fluid .ui-section-two-col.reverted-position .left-col {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    padding: 100px 12% 80px 5%
  }
  .ui-section-two-col.reverted-position .left-col {
    order: 2;
    -webkit-order: 2
  }
  .ui-section-two-col.reverted-position .right-col {
    order: 1;
    -webkit-order: 1
  }
  .top-border {
    border-top: 1px solid rgba(0, 0, 0, .2)
  }
  .two-col-grid .row-fluid {
    display: table
  }
  .two-col-grid .agency-box-right,
  .two-col-grid .agency-box-left {
    width: 50%;
    display: table-cell;
    float: none
  }
  .two-col-grid .agency-box-right {
    margin-left: 0
  }
}


/*********** Max Width Css Here *****************/

@media (max-width: 1665px) {
  .bottom-menu-angle {
    height: 386px;
    border-right-width: 1664px;
    border-bottom-width: 325px
  }
  #top-angle {
    border-left-width: 1664px;
    border-top-width: 325px
  }
  .bottom-angle {
    border-right-width: 1648px;
    border-bottom-width: 325px
  }
  .footer-angle {
    border-left-width: 1664px;
    border-top-width: 325px
  }
  div#custom-body {
    margin-top: 0
  }
}

@media (max-width: 1500px) {
  .fullscreen-bg__video {
    top: -230px;
  }
}

@media (max-width: 1400px) {
  .agency-box-right,
  .agency-box-left {
    padding: 50px 0!important
  }
  .row-fluid .hero-section{
    padding:220px 20px 100px;
  }
}

@media (max-width:1199px) {
  .content-section.item1 .case-study-txt {
    max-width: 70%;
    float: none;
    margin: 50px 30px
  }
  .content-section.item2 .case-study-txt {
    margin: 50px 30px
  }
  .testi-txt-main {
    padding-right: 0
  }
  .testi-txt-main.right {
    padding-left: 10px;
    padding-right: 0
  }
  .testipost-txt {
    margin-left: 10px!important
  }
  .angled .header-left-section {
    width: 70%!important
  }
  .angled .header-right.video-bg.hero-section:before,
  .angled .video-bg .video-object {
    right: -160px
  }
  .angled .header-left-section {
    left: 10%
  }
  .download-main .header-left-section {
    left: 11%;
    top: 30%
  }
  .angled1 .header-left:after {
    right: -109px
  }
  .listing-item-col-3 .hs_cos_wrapper_widget {
    width: 45%
  }
  .clientv2-main .row-fluid .page-center {
    max-width: 100%;
    margin: 0 20px
  }
  .res-main h2 {
    font-size: 25px;
    line-height: 25px
  }
  .res-main .res-left,
  .res-main .res-right {
    padding: 50px 0
  }
  .mega-menu-branch {
    padding: 20px 5% 60px
  }
  .mega-menu-branch .one-line-form form .hs-button.primary {
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    right: 0;
    float: none
  }
  .mega-menu-branch .one-line-form form input.hs-input {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
  }
  body.hs-content-id-6049723157 .row-fluid .top-menu {
    display: block
  }
  .home-two-section .text-sec {
    padding-top: 0
  }
  .header-right.video-bg.hero-section .form-sec {
    width: 100%;
    padding: 20% 10%
  }
  .header-right.video-bg.hero-section .form-sec {
    padding: 0
  }
  .row-fluid .animation-3-column h1 {
    font-size: 40px
  }
  .row-fluid .hero-section h1,
  .row-fluid .agency-header h1 {
    font-size: 60px
  }
  .filter-inner {
    /* width: calc(50% - 30px)  */
    width: calc(100% - 30px)
  }
  .listing-item-col-3 {
    margin: 0 auto!important
  }
}

@media(max-width:1200px) {
  .hs-blog-listing .page-center.content-wrapper.main-content,
  .hs-blog-post .page-center.content-wrapper.main-content {
    padding: 60px 20px 0px !important;
  }
}

@media(max-width:1150px) {
  .ag-twocolumn-content .span6:nth-child(even) {
    padding-left: 0px !important;
    padding-right: 30px !important;
  }
}

@media (max-width:1125px) {
  .custom-header-wrapper .page-center {
    padding: 0 8px 0 10px
  }
  .custom-scroll {
    position: absolute;
    top: 265px
  }
  .custom-menu-wrapper {
    padding-top: 24px;
    padding-bottom: 20px
  }
}

@media (max-width: 1024px) {
  .custom-footer-menu-primary ul li a {
    font-size: 9px
  }
  .custom-footer-menu-primary ul li {
    display: inline-block;
    margin-right: 6px
  }
  .custom-footer-menu-primary {
    padding-left: 8px
  }
  .body-container-wrapper .page-center {
    padding: 15px 30px
  }
  .custom-menu-wrapper {
    padding-top: 24px;
    padding-bottom: 20px
  }
}

@media(max-width:991px) {
  .row-fluid .team-column>span>div {
    flex: 48.5% 0 0
  }
  .row-fluid .team-column>span>div:nth-child(2n) {
    margin-right: 0
  }
  a#cta_button_4130406_8af9de8c-5dad-4ad1-a642-263cf39ad5c2 {
    font-size: 12px
  }
  .hs-responsive-embed-wrapper.hs-responsive-embed>div {
    padding-bottom: 32.37%!important
  }
  .photo-bg h1 {
    font-size: 60px
  }
  div#hs_cos_wrapper_module_1587186158090274 .agency-cycle1:first-child .top-line {
    top: -147px
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 100px 5% 80px 5%
  }
  .tab-nav-content .icon {
    padding-right: 20px
  }
  .tab-nav-content {
    padding: 30px 20px
  }
  .so-shre.dis-flex.contact-form1 .wow.slideInLeft.span6 {
    padding-right: 50px
  }
}

@media (max-width:960px) {
  .custom-header-wrapper .page-center {
    padding: 0 10px 0 10px
  }
  .custom-footer-menu-primary {
    padding-left: 8px
  }
  .custom-scroll {
    position: absolute;
    top: 265px
  }
  .social-shairing {
    padding-left: 28px
  }
  .custom-footer-menu-primary {
    padding-left: 28px
  }
}

@media(max-width:865px) {
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    padding: 26px 4px !important;
  }
}

@media screen and (max-width:860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {
    opacity: 1;
    left: 0
  }
  .hs_cos_flex-direction-nav .hs_cos_flex-next {
    opacity: 1;
    right: 0
  }
}

@media(max-width:840px) {
  div#hs_cos_wrapper_module_1587186158090274 .agency-cycle1:first-child .top-line {
    top: -135px;
  }
}

/* Triggeriin liittyvä query */
@media(max-width:1080px) {
  .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    text-transform: uppercase;
  }
  .mega-menu-branch .row-fluid .megamenu-close {
    display: block
  }
  .span6.bg-light {
    width: 100%
  }
  .testi-img,
  .testipost-txt {
    text-align: center
  }
  #clockdiv {
    font-size: 30px
  }
  .one-line-form form .hs-button.primary {
    float: none;
    position: inherit;
    opacity: .9;
    width: 40%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
  }
  .one-line-form form input.hs-input {
    width: 80%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
  }
  .one-line-form form .input {
    position: inherit
  }
  .span6.header-left,
  .span6.header-right {
    width: 100%
  }
  .header-left-section p {
    font-size: 20px
  }
  .header-right.video-bg.hero-section {
    line-height: 100vh
  }
  .angled .span6.header-left,
  .angled .span6.header-right {
    width: 100%
  }
  .angled .header-left-section {
    width: 100%!important
  }
  .angled .header-right.video-bg.hero-section:before,
  .angled .video-bg .video-object {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .download-main .header-left-section {
    left: 11%;
    top: 15%
  }
  .lead-head-main {
    text-align: center
  }
  .lead-head-main .widget-type-rich_text {
    float: none
  }
  .lead-main h1 {
    line-height: 40px
  }
  .span5.widget-span.widget-type-cell.lead-form-main {
    margin-top: 40px;
    width: 100%;
    float: none
  }
  .choice-main .right-section {
    margin-top: 30px
  }
  .random-main .image-box {
    margin-top: 30px
  }
  .listing-item-col-3 .hs_cos_wrapper_widget {
    width: 100%
  }
  .home-hero-section-jan h1 {
    font-size: 40px;
    line-height: 50px
  }
  .home-hero-section-jan a.cta_button {
    margin: 10px 10px 0
  }
  .home-hero-section-jan .slick-dots {
    bottom: 10px
  }
  #cd-timeline .top-line,
  #cd-timeline .bottom-line {
    display: none
  }
  .cd-timeline-content {
    width: 100%
  }
  .cd-timeline-block .row-fluid-wrapper .cd-timeline-img.cd-picture {
    position: static;
    margin: 0 auto 40px;
    text-align: center
  }
  .cd-timeline-block .row-fluid-wrapper:nth-child(odd) .cd-content_main {
    padding-right: 0;
    text-align: center
  }
  .cd-timeline-block .row-fluid-wrapper:nth-child(odd) .cd-timeline-img.cd-picture {
    float: none
  }
  .cd-timeline-block .row-fluid-wrapper:nth-child(even) .cd-content_main {
    padding-left: 0;
    text-align: center
  }
  .team-main-sec .team-box {
    padding: 30px 0
  }
  .team-main-sec .team-img {
    margin: 0 20% 20px
  }
  .team-main-sec .items-container.mb30 {
    margin-bottom: 00px
  }
  .row-fluid .multi-logo-row>span>.hs_cos_wrapper {
    min-height: 116px
  }
  .res-main .res-left {
    border-right: 0
  }
  .mega-menu-branch .one-line-form form .hs-button.primary {
    width: 50%
  }
  .feature-sec {
    text-align: center
  }
  .dragdropmain .cta-right {
    text-align: left
  }
  .tab-content.is-affixed.sidebar__inner .inner-wrapper-sticky {
    position: relative!important;
    width: auto!important;
    left: 0!important;
    bottom: 0!important;
    transform: none!important
  }
  .nav-tabs {
    padding-right: 0
  }
  .span12.tab-pane,
  .span12.tab-pane.active {
    display: block!important
  }
  .tab-link a {
    display: block
  }
  .nav.nav-tabs.tabs-left {
    display: none
  }
  .tab-link.active .tab-content-inner {
    display: block
  }
  .tab-pane .tab-content-inner {
    display: none
  }
  .tab-content-inner {
    margin-bottom: 50px
  }
  .header-right.video-bg.hero-section .form-sec {
    padding: 20% 10%;
    width: 100%
  }
  .header-right.video-bg.hero-section .form-sec {
    padding: 0
  }
  .row-fluid .header-left {
    background: #5b6a81;
    min-height: auto!important;
    position: relative;
    height: 100%!important
  }
  .header-left-section {
    top: 0;
    position: relative;
    padding: 50px 0;
    padding: 0!important;
    padding: 150px 20px 20px 20px!important
  }
  .main-logo-image {
    text-align: center
  }
  .main-logo-image img {
    max-width: 250px
  }
  .header-right.video-bg.hero-section {
    min-height: auto!important;
    margin-left: 0;
    height: 100%!important;
    padding: 20px 0
  }
  .header-right.video-bg.hero-section .form-sec {
    padding: 50px 30px;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    margin: 0 auto!important;
    float: none;
    transform: translate(0);
    min-height: auto!important;
    max-width: 100%
  }
  .two-col-grid .agency-box-left {
    border-right: 0;
    border-bottom: 1px solid #ccc
  }
  .row-fluid .pricing-space {
    float: none
  }
  .pricing-row {
    margin-bottom: 100px!important
  }
  .landing-page.one-column .body-container form,
  .error-template.one-column .body-container form,
  .password-template.one-column .body-container form,
  .subscription-template.one-column .body-container form {
    width: 100%
  }
  #top-angle {
    margin-top: 350px
  }
  .hs-form {
    margin-bottom: 30px
  }
  #comment-form .hs-form {
    margin-bottom: 0
  }
  .blog-sidebar {
    padding-top: 30px
  }
  .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    max-width: 100%;
    float: none;
    display: block!important;
    margin: 20px 0
  }
  .bottom-angle {
    margin-bottom: 0
  }
  .hs-author-profile .hs-author-bio,
  .hs-author-profile .hs-author-social-section,
  .hs-author-profile .hs-author-avatar,
  .hs-blog-listing .hs-author-profile {
    width: 100%;
    float: left
  }
  .hs-author-profile .hs-author-avatar img {
    margin-bottom: 5px
  }
  .custom-header-wrapper {
    position: absolute;
    width: 100%!important
  }
  .custom-logo img {
    margin-top: 15px!important;
    min-width: 100px;
    width: 100px
  }
  .custom-bottom-footer .page-center {
    padding-left: 20px!important;
    padding-right: 20px!important
  }
  .custom-footer-menu-primary ul li {
    display: inline-block;
    width: auto!important;
    margin-right: 2px
  }
  .bottom-menu-angle {
    border-right-width: 95vw
  }
  .custom-menu-wrapper {
    padding-top: 28px;
    padding-bottom: 22px
  }
  .custom-footer-menu-primary {
    width: 48%!important;
    float: left!important;
    padding-left: 0
  }
  .custom-copyright {
    width: 48%!important;
    float: right!important
  }
  .custom-bottom-footer .page-center {
    padding-left: 20px!important;
    padding-right: 20px!important
  }
  .custom-scroll {
    position: absolute;
    top: 195px;
    left: 44.6%
  }
  .bottom-menu-angle {
    height: 317px;
    border-right-width: 100vw;
    border-bottom-width: 131px;
    top: -100%;
    transition: top .2s ease-in-out
  }
  .mobile-open .bottom-menu-angle {
    top: 0;
    transition: top .2s ease-in-out
  }
  .footer-angle {
    border-top-width: 125px
  }
  .social-shairing {
    padding-left: 20px
  }
  .social-shairing ul.social-icon {
    bottom: 110px
  }
  .social-shairing h5 {
    bottom: 175px
  }
  .custom-menu-primary {
    float: right!important
  }
  .custom-menu-primary.js-enabled {
    margin: 0!important;
    width: 100%!important
  }
  .row-fluid .team-column>span>div {
    flex: 100% 0 0;
    margin-right: 0
  }
  .pop-up-box-right {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 20px
  }
  .pop-up-box-left {
    text-align: center;
    float: none
  }
  .pop-up-content {
    padding: 30px
  }
  .top-pop-up-box .member-image {
    float: none;
    margin: 0 auto
  }
  .row-fluid .header-right-cta {
    text-align: center;
  }
  .row-fluid .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    padding: 16px 10px!important;
    width: auto!important
  }
  body .container-fluid .row-fluid .wrapper {
    padding-left: 20px;
    padding-right: 20px
  }
  h1 {
    font-size: 30px
  }
  h2 {
    font-size: 24px
  }
  h3 {
    font-size: 20px
  }
  h4 {
    font-size: 16px;
    line-height: 22px
  }
  h5 {
    font-size: 16px;
    font-weight: 600
  }
  h6 {
    font-size: 16px
  }
  .section-padding {
    padding: 60px 0
  }
  .align-right {
    text-align: center
  }
  .align-left {
    text-align: center
  }
  body .container-fluid .row-fluid .section-heading.align-center {
    margin-bottom: 30px
  }
  p,
  .body-container-wrapper li {
    font-size: 14px;
    line-height: 24px
  }
  .primary-banner {
    padding: 120px 0 40px
  }
  .section-heading p {
    font-size: 16px
  }
  .cta-margin {
    margin-top: 20px
  }
  body a.cta_button[title],
  body .container-fluid .row-fluid .hs-button {
    box-sizing: border-box!important;
    width: auto;
    padding: 10px 30px;
    font-size: 12px
  }
  .inner-page-hero {
    padding: 110px 0 40px
  }
  .inner-page-hero p {
    font-size: 17px
  }
  body a.cta_button[title],
  body .container-fluid .row-fluid .hs-button {
    white-space: normal
  }
  .section-heading li {
    font-size: 16px
  }
  body .container-fluid .row-fluid .two-col-adjust>span {
    display: block;
    margin-right: 0
  }
  body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none
  }
  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0
  }
  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none
  }
  body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0
  }
  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width: 100%;
    -webkit-flex-basis: 100%;
    margin: 0;
    margin-top: 20px
  }
  .change-mobile .wrapper .row-fluid-wrapper>.row-fluid,
  .change-on-mobile>.row-fluid-wrapper>.row-fluid {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .mobile-top-margin {
    margin-top: 40px
  }
  .home-page2 .section-3-column.section-padding.dynamic-bg {
    padding: 30px 0!important
  }
  body .header-container-wrapper .logo img {
    /* max-width: 50px */
    width: 170px;
  }
  .header-group .header-right-cta {
    display: none
  }
  .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    color: #000
  }
  .top .sticky-nav .mobile-trigger i,
  .top .sticky-nav .mobile-trigger i:before,
  .top .sticky-nav .mobile-trigger i:after {
    background-color: #5b6a81
  }
  .top .mobile-trigger i,
  .top .mobile-trigger i:before,
  .top .mobile-trigger i:after {
    background-color: #fff
  }
  .top-menu .hs-menu-wrapper>ul>li>ul>li:first-child:before {
    display: none
  }
  .hs-menu-wrapper ul ul ul li:first-child:before {
    display: none
  }
  .top-menu,
  .top-menu .hs-menu-wrapper>ul,
  .top-menu .hs-menu-wrapper>ul li,
  .top-menu .hs-menu-wrapper>ul li a {
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0;
    margin: 0;
    background-image: none;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    text-indent: 0;
    text-align: left;
    color: #fff
  }
  .mobile-trigger {
    display: inline-block!important;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 10px;
    width: auto;
    height: auto;
    padding: 7px 10px 8px 10px;
    background: #fff;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000
  }
  .mobile-trigger:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
    border-color: transparent
  }
  .mobile-open .mobile-trigger {
    color: #fff;
    background-color: #000;
    border-color: transparent
  }
  .mobile-trigger i {
    display: inline;
    position: relative;
    top: -4px
  }
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    position: absolute;
    content: ''
  }
  .mobile-trigger i,
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #000;
    display: inline-block
  }
  .mobile-trigger i:before {
    top: -6px
  }
  .mobile-trigger i:after {
    top: 6px
  }
  .mobile-trigger:hover i,
  .mobile-trigger:hover i:before,
  .mobile-trigger:hover i:after,
  .mobile-open .mobile-trigger i,
  .mobile-open .mobile-trigger i:before,
  .mobile-open .mobile-trigger i:after {
    background-color: #fff
  }
  .sticky-nav .mobile-trigger:hover i,
  .sticky-nav .mobile-trigger:hover i:before,
  .sticky-nav .mobile-trigger:hover i:after,
  .sticky-nav .mobile-open .mobile-trigger i,
  .sticky-nav .mobile-open .mobile-trigger i:before,
  .sticky-nav .mobile-open .mobile-trigger i:after {
    background-color: #000
  }
  .child-trigger {
    display: block!important;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 55px!important;
    min-width: 55px!important;
    height: 45px!important;
    padding: 0!important;
    border-left: 1px dotted rgba(255, 255, 255, .20)
  }
  .child-trigger:hover {
    text-decoration: none
  }
  .child-trigger i {
    position: relative;
    top: 50%;
    margin: 0 auto!important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  .child-trigger i:after {
    position: absolute;
    font-family: FontAwesome; 
    content: "\f078";
    font-weight: 300;
    font-size: 10px;
    color: #000;
    padding-left: 8px;
    position: relative;
    top: -2px;
    font-style: normal
  }
  /*.child-trigger i,
  .child-trigger i:after {
  width: 10px;
  height: 1px;
  background-color: #000;
  display: block
}
  .child-trigger i:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}*/
  .child-trigger.child-open i:after {
    /*-webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)*/
    font-family: FontAwesome;
    content: "\f077";
    font-weight: 300;
    font-size: 10px;
    color: #000;
    padding-left: 8px;
    position: relative;
    top: -2px;
    font-style: normal
  }
  .top-menu.js-enabled {
    position: relative;
    padding-top: 44px;
    margin: 10px 0 10px 0
  }
  .top-menu.js-enabled .hs-menu-wrapper,
  .top-menu.js-enabled .hs-menu-children-wrapper {
    display: none
  }
  .top-menu ul.hs-menu-children-wrapper {
    visibility: visible!important;
    opacity: 1!important;
    position: static!important;
    display: none
  }
  .top-menu.js-enabled .hs-menu-wrapper {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0
  }
  .top-menu .hs-menu-wrapper {
    background-color: #000;
    width: 100%
  }
  .top-menu .hs-menu-wrapper>ul>li {
    position: relative
  }
  .top-menu .hs-menu-wrapper>ul>li a {
    font-size: 22px;
    line-height: 45px;
    overflow: visible
  }
  .top-menu .hs-menu-wrapper>ul li {
    border-top: 1px dotted rgba(255, 255, 255, .35)
  }
  .top-menu .hs-menu-wrapper>ul li a {
    padding: 0 10px;
    color: #fff
  }
  .top-menu .hs-menu-wrapper>ul ul li {
    background-color: rgba(255, 255, 255, .08)
  }
  .top-menu .hs-menu-wrapper>ul ul li a {
    text-indent: 10px;
    font-size: 16px
  }
  .top-menu .hs-menu-wrapper>ul ul ul li a {
    text-indent: 30px
  }
  .top-menu .hs-menu-wrapper>ul ul ul ul li a {
    text-indent: 50px
  }
  .top-menu .hs-menu-wrapper {
    display: none
  }
  .mobile-trigger {
    border: 0;
    top: 0;
    right: 14px;
    background: transparent;
    z-index:9999
  }
  .mobile-trigger i,
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    width: 25px;
    background: #5b6a81;
    height: 3px
  }
  .mobile-trigger i:before {
    top: -6px
  }
  .mobile-trigger i:after {
    top: 6px
  }
  .mobile-trigger {
    top: 15px;
    right: 8px
  }
  .mobile-open .mobile-trigger {
    background-color: transparent;
    z-index: 9999
  }
  .mobile-trigger:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: transparent
  }
  .mobile-trigger:hover i,
  .mobile-trigger:hover i:before,
  .mobile-trigger:hover i:after,
  .mobile-open .mobile-trigger i,
  .mobile-open .mobile-trigger i:before,
  .mobile-open .mobile-trigger i:after {
    background-color: #fff
  }
  .sticky-nav .mobile-trigger:hover i,
  .sticky-nav .mobile-trigger:hover i:before,
  .sticky-nav .mobile-trigger:hover i:after,
  .sticky-nav .mobile-open .mobile-trigger i,
  .sticky-nav .mobile-open .mobile-trigger i:before,
  .sticky-nav .mobile-open .mobile-trigger i:after {
    background-color: #5b6a81
  }
  .mobile-trigger i {
    transition: all .5s ease-in
  }
  .mobile-open .mobile-trigger i {
    background: transparent;
    transition: all .1s ease-in
  }
  .mobile-trigger i:before,
  .mobile-trigger i:after {
    transition: all .3s ease-in
  }
  .mobile-open .mobile-trigger i:before {
    top: 0;
    transform: rotate(45deg);
    background: #fff
  }
  .mobile-open .sticky-nav .mobile-trigger i:before {
    background: #5b6a81
  }
  .mobile-open .mobile-trigger i:after {
    top: 0;
    transform: rotate(-45deg);
    background: #fff
  }
  .mobile-open .sticky-nav .mobile-trigger i:after {
    background: #5b6a81
  }
  .top-menu.js-enabled {
    position: absolute;
    padding-top: 0;
    margin: 10px 0 10px 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0
  }
  body .header-container-wrapper .top-menu .logo {
    max-width: 180px;
    float: left;
    margin-top: 0;
    margin-left: 0;
    position: relative;
    z-index: 11
  }
  .top-menu .hs-menu-wrapper>ul li {
    border-top: 0;
    border-bottom: 1px solid #e7e7e7
  }
  .top-menu.js-enabled .hs-menu-wrapper {
    padding: 0;
    margin: 0;
    z-index: 1;
    background: #fff;
    top: 80px;
    border-bottom: 1px solid #fff;
    z-index: 9999999999
  }
  body .header-container-wrapper .top-menu ul>li {
    border: 0
  }
  body .header-container-wrapper .top-menu ul>li>a {
    padding: 15px 20px;
    line-height: 1;
    font-size: 14px;
    padding-right: 82px;
    border-top: 1px solid #e7e7e7;
    color: #000
  }
  body .row-fluid .top-menu .search-icon {
    display: none
  }
  .top-menu .main-navigation {
    padding: 0
  }
  body .row-fluid .top-menu .top-right-cta {
    display: none
  }
  .row-fluid .hero-section {
    padding: 120px 0
  }
  .row-fluid .header-group {
    width: 100%
  }
  .generic-section-style h4 {
    font-size: 20px;
    line-height: 28px
  }
  .generic-section-style p,
  .generic-section-style li {
    font-size: 16px;
    line-height: 26px
  }
  .generic-section-style h2 {
    font-size: 24px;
    line-height: 34px
  }
  body .blog-section .recent-posts {
    display: block
  }
  .blog-section .recent-posts .custom-post-item {
    width: 100%;
    margin: 20px 0
  }
  body .row-fluid .ps-global-contact-us .column {
    width: 100%;
    padding: 30px 0
  }
  .ps-global-contact-us .image img {
    margin-left: 0;
    margin-bottom: 10px
  }
  body .row-fluid .ps-global-contact-us .column.border {
    border: 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
  }
  .team-1-hero-99 {
    padding: 70px 0 50px
  }
  .control-button {
    right: 12%
  }
  .header-search-form form {
    width: 100%
  }

  .mfp-close {
    top: -40px
  }
  body .row-fluid .ui-section-two-col .left-col,
  body .row-fluid .ui-section-two-col.reverted-position .right-col {
    padding: 50px 30px
  }
  body .row-fluid .ui-section-two-col .right-col,
  body .row-fluid .ui-section-two-col.reverted-position .left-col {
    padding: 50px 30px
  }
  body .ui-section-two-col a.cta_button[title] {
    width: auto;
    padding: 10px 30px;
    font-size: 12px
  }
  .ui-section-two-col .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  body .row-fluid .ui-section-two-col .right-col {
    order: 1
  }
  body .row-fluid .ui-section-two-col .left-col {
    order: 2
  }
  .ui-section-two-col {
    border-top: 1px solid rgba(0, 0, 0, .2)
  }
  .section-bg {
    background-position: top center!important;
    /*background-attachment: initial!important*/
  }
  .hero-section {
    padding: 90px 0
  }
  .row-fluid .hero-section h4,
  .row-fluid .agency-header h4,
  .row-fluid .featured-heading h4 {
    font-size: 13px
  }
  .row-fluid .hero-section h1,
  .row-fluid .agency-header h1 {
    font-size: 37px
  }
  .row-fluid .hero-section h3,
  .row-fluid .agency-header h3,
  .row-fluid .featured-heading h3 {
    font-size: 16px;
    line-height: 20px
  }
  .row-fluid .cta-group a.cta_button {
    width: auto
  }
  .three-col .span4 {
    border: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 30px
  }
  .text-col {
    text-align: center
  }
  .text-col h4 {
    margin-top: 25px;
    font-size: 35px;
    line-height: 50px;
    font-weight: 100;
    margin-bottom: 20px
  }
  .feat-main h4 a {
    font-weight: 400
  }
  .feat-main h4 {
    font-size: 30px;
    line-height: 35px;
    margin: 20px 0;
    font-weight: 100!important
  }
  .widget-type-cell.client-logo {
    display: none
  }
  .animation-3-column h1 {
    font-size: 40px;
    margin: 10px 0 0
  }
  .animation-3-column h4 {
    margin-top: 0
  }
  .animation-3-column .span4 {
    margin-bottom: 40px
  }
  .section-two-col .widget-type-linked_image {
    margin: 30px 0 30px
  }
  .row-fluid .footer-group-section h4 {
    margin: 30px 0 12px
  }
  .three-col-header h4 {
    display: block
  }
  .sidebar.is-affixed .sidebar__inner {
    position: relative!important;
    width: auto!important;
    left: 0!important;
    bottom: 0!important;
    transform: none!important
  }
  .footer-group-section .wrapper>div>div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .footer-group-section .wrapper .span4 {
    width: 100%
  }
  .footer-group-section .wrapper .span2 {
    width: 50%;
    margin: 0!important
  }
  .footer-group-section .wrapper .span2:nth-child(odd) {
    padding-left: 0px !important;
  }
  .span10 {
    padding-left: 0!important
  }
  .hs-responsive-embed-wrapper.hs-responsive-embed>div {
    padding-bottom: 40.37%!important
  }
  .banner-cta .dis-flex {
    max-width: 100%!important
  }
  .banner-cta .span6:nth-child(odd) {
    width: 100%!important;
    text-align: center!important;
    margin: 0 0 0 auto!important;
    display: block!important
  }
  .banner-cta .span6:nth-child(even) {
    width: 100%!important;
    margin: 0 auto 0!important;
    text-align: center!important;
    display: block!important
  }
  .banner-cta a.cta_button {
    box-sizing: border-box!important;
    width: auto;
    padding: 10px 30px!important;
    font-size: 12px!important
  }
  .client-logo {
    display: none!important
  }
  .section-inbound-results.section-padding.section-bg {
    background-position: top center!important;
    background-size: cover!important;
    /*	background-attachment: initial!important*/
  }
  .agency-header {
    word-break: break-word
  }
  .dis-flex.agncy-ctagroup .span6.widget-span.widget-type-custom_widget,
  .cta-group.dis-flex .span6 {
    width: 100%
  }
  .dis-flex.agncy-ctagroup .span6.widget-span.widget-type-custom_widget {
    margin-bottom: 10px
  }
  .feat-main .span2.widget-span.widget-type-custom_widget.icons {
    width: 200px!important;
    margin: 0 auto!important
  }
  .feat-main .span4.widget-span.widget-type-cell.item.dis-flex {
    margin-right: 0!important;
    margin-bottom: 70px!important;
    width: 100%!important
  }
  .feat-main .span4.widget-span.widget-type-cell.item.dis-flex:last-child {
    margin-bottom: 0!important
  }
  .text-col.dis-flex {
    justify-content: center;
    margin-bottom: 30px
  }
  .text-col.dis-flex .span4 {
    width: 100%
  }
  .text-col.dis-flex:last-child {
    margin-bottom: 0
  }
  .photo-bg h1 {
    font-size: 45px
  }
  .span7.widget-span.widget-type-cell.wow.bounceInRight.pr-ight {
    width: 100%
  }
  .swap-even .span6.widget-span.widget-type-linked_image.wow.fadeInLeft {
    order: 1!important;
    margin-right: 0!important
  }
  .swap-even .span6.widget-span.widget-type-rich_text.wow.fadeInRight {
    order: 2!important;
    margin-right: 0!important;
    margin-left: 0!important
  }
  .swap-odd .wow.fadeInLeft {
    margin-right: 0!important
  }
  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none
  }
  .cd-timeline-content .cd-timeline-img.cd-picture {
    display: block;
    clear: both;
    float: none
  }
  .cd-timeline-content .cd-content_main {
    width: 100%;
    text-align: center;
    margin-top: 30px
  }
  .cd-timeline-block .agency-cycle1:nth-child(odd) .cd-content_main,
  .cd-timeline-block .agency-cycle1:nth-child(even) .cd-content_main {
    padding: 0!important;
    float: none!important;
    text-align: center!important
  }
  .cd-timeline-content {
    display: flex;
    flex-wrap: wrap
  }
  .cd-content_main {
    width: 100%!important;
    margin: 0 auto!important;
    left: 0;
    right: 0;
    position: unset!important;
    display: block;
    clear: both
  }
  .cd-timeline-img.cd-picture {
    right: 0;
    left: 0;
    margin: 0 auto 40px;
    top: 0;
    position: unset
  }
  .span6.widget-span.widget-type-cell.text-col {
    width: 100%!important
  }
  .span4.widget-span.widget-type-linked_image.icons {
    width: 100%!important;
    max-width: 200px;
    text-align: center;
    margin: 0 auto
  }
  .span4.widget-span.widget-type-cell {
    width: 100%
  }
  .equal-height-container.three-col img {
    max-width: 200px!important
  }
  .span6.widget-span.widget-type-cell.res-left {
    width: 100%!important
  }
  .one-column .res-main h2 {
    min-height: auto;
    padding-bottom: 25px
  }
  .res-main {
    border-bottom: 1px solid #ccc;
    border-top: 0;
    margin: 40px 0 0
  }
  .span6.widget-span.widget-type-cell.res-left:nth-child(even) .cta-absolute,
  .span6.widget-span.widget-type-cell.res-left:nth-child(odd) .cta-absolute {
    left: 0
  }
  .span6.widget-span.widget-type-cell.res-left:nth-child(even) {
    padding-left: 0;
    padding-right: 0;
    width: 100%!important
  }
  .span4.widget-span.widget-type-cell.res-left {
    width: 100%!important;
    padding-left: 0;
    padding-right: 0
  }
  .span4.widget-span.widget-type-cell.res-left .cta-absolute {
    left: 0
  }
  body.agency-service-list .se-three .res-main p {
    min-height: auto
  }
  .ind-twocolumn .dis-flex .span6 {
    width: 100%;
    padding: 50px 0!important
  }
  .indstry-cta {
    position: unset;
    bottom: auto;
    left: auto;
    right: auto
  }
  .ind-twocolumn .dis-flex .span6:nth-last-child(2) {
    border-bottom: 1px solid #ccc
  }
  .span12.tab-pane:first-child {
    margin-left: 0!important
  }
  .tab-link {
    display: block
  }
  .row-fluid.dis-flex .span6 {
    width: 100%!important;
    padding: 0 0!important
  }
  .dis-flex.ag-twocolumn-content .span6 {
    width: 100%!important
  }
  .span4.flt-none {
    width: 100%;
    padding: 30px 25px 40px;
    margin-bottom: 30px;
    border: 1px solid #ccc
  }
  .span4.flt-none:last-child {
    margin-bottom: 0
  }
  .logo-column {
    padding: 25px 0
  }
  .span6.widget-span.widget-type-cell.res-left:nth-child(odd) {
    padding-left: 0;
    padding-right: 0
  }
  .pad-normal {
    padding-left: 20px!important;
    padding-right: 20px!important
  }
  .span4.widget-span.widget-type-cell.res-left:nth-child(3n+1) .cta-absolute {
    left: 0
  }
  .dis-flex.testi-content .span9 {
    width: 100%!important;
    padding-right: 0;
    order: 2
  }
  .dis-flex.testi-content .span3 {
    width: 100%!important;
    margin: 0 auto 40px;
    order: 1
  }
  .section-two-col.even.two-col-fontstyle.content-section.dynamic-bg .span9 {
    padding-left: 0!important
  }
  .span2.testi-img {
    width: 100%;
    margin: 0 auto 30px
  }
  .testi.dis-flex .span10 {
    text-align: center;
    width: 100%;
    padding-left: 0
  }
  .testi-txt {
    text-align: center
  }
  .price-two .row-fluid .pricing-row>span>.hs_cos_wrapper {
    width: 100%!important;
    margin-bottom: 20px
  }
  .price-two .row-fluid .pricing-row>span>.hs_cos_wrapper:last-child {
    margin-bottom: 0
  }
  .new-three .span4.flt-none .icons img {
    height: auto!important
  }
  .new-three .span4.flt-none .icons {
    height: auto
  }
  .contact-form1 .span6 {
    width: 100%!important;
    margin: 0 auto 40px!important
  }
  .contact-form1 .span6:last-child {
    margin-bottom: 0!important
  }
  ul.resp-tabs-list li {
    margin-left: 0!important
  }
  .dis-flex.contact-form1 .wow.slideInLeft.span6 {
    padding-right: 0
  }
  .span12.widget-span.widget-type-cell.ui-section-two-col.wow.animated:last-child {
    border-bottom: 0
  }
  .wd-full .span4,
  .wd-full .span8 {
    width: 100%!important
  }
  .dis-flex.sticky-form .span8 {
    order: 1;
    margin-bottom: 30px
  }
  .dis-flex.sticky-form .span4 {
    order: 2
  }
  .filter-inner {
    width: 100%;
    padding: 0
  }
  .footer-group-section .wrapper>div>div {
    display: flex;
    flex-wrap: wrap
  }
  .footer-group-section .wrapper .span4 {
    width: 100%
  }
  .footer-group-section .wrapper .span2 {
    width: 50%;
    margin: 0!important
  }
  .footer-group-section .wrapper .span2:nth-child(odd) {
    padding-left: 20px
  }
  .span6.widget-span.widget-type-cell.right-col.vertical-center.image.overlay {
    padding: 120px 0
  }
  .section-padding2 {
    padding-left: 20px!important;
    padding-right: 20px!important
  }
  .body-container-wrapper .page-center {
    padding: 0!important
  }
  .tagwrapper .tags,
  .blog.blogv3 .tagwrapper .list-social-icons {
    float: none
  }
  .tagwrapper .tags {
    display: inline-block
  }
  .tagwrapper {
    padding-top: 15px
  }
  .blog.blogv3 .post-date:after,
  .blog #hubspot-author_data:after {
    display: none
  }
  .hs-blog-listing.agency-blog-3 .span4 {
    margin: 0
  }
  body a.more-link,
  body .blog-pagination a.all-posts-link {
    width: 45%
  }
  .blog.blog-v1 .blog-sidebar .widget-span {
    margin-bottom: 0;
    position: static!important;
    width: 100%!important
  }
  .blog.blog-v1 .category_filter {
    margin-bottom: 40px!important
  }
  .blog .post-header h2 a {
    font-size: 35px
  }
  .blog .hero-section h1 {
    font-size: 44px
  }
  .blog-list {
    margin-bottom: 50px;
    display: block
  }
  .tag-listing {
    margin-top: 20px
  }
  .top .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
    color: #000
  }
  .blog .blog-sidebar {
    padding: 0!important;
    bottom: 0
  }
  .subscribe h3 {
    padding-top: 20px
  }
  .blog .agency-header.agency-banner-txt h1 {
    font-size: 40px
  }
  body .container-fluid .row-fluid .wrapper.blogInfoWrap {
    padding-left: 40px;
    padding-right: 40px
  }
  .blog .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    width: 100%
  }
  .span4.flt-none:nth-child(3n) {
    border: 1px solid #ccc
  }
}

@media(max-width:640px) {
  .blog-pagination.dis-flex>div {
    width: 100%;
    text-align: center;
    margin-right: 0%;
  }
  .blog-pagination.dis-flex>div:last-child {
    text-align: center;
    margin-right: 0;
  }
}

@media(max-width:600px) {
  body .section-bg {
    /*	background-attachment: unset !important;*/
  }
}

@media (max-width:568px) {
  .hs-menu-wrapper,
  .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block
  }

  /** MENUFIX BY MIKAEL **/
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    display: inline-block;
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: none
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
    /*display: block;
    max-width: 100%;*/
    width: 100%
  }
  iframe {
    max-width: 100%
  }
}

@media ( max-width:479px) {
  .row-fluid .multi-logo-row>span>.hs_cos_wrapper {
    width: 100%;
    border-left: 1px solid #ebebeb
  }
  .row-fluid .multi-logo-row>span>.hs_cos_wrapper:nth-child(3n) {
    border-right: 1px solid #ebebeb
  }
  .header-left-section {
    padding: 100px 20px 20px 20px!important
  }
  .header-right.video-bg.hero-section .form-sec {
    padding: 10px 30px
  }
  .custom-footer-menu-primary {
    display: none!important
  }
  .custom-copyright {
    width: 100%!important;
    float: none;
    text-align: center
  }
  .custom-bottom-footer .custom-menu-wrapper {
    padding-top: 22px;
    padding-bottom: 23px
  }
  .custom-menu-wrapper {
    padding-top: 28px;
    padding-bottom: 31px
  }
  .custom-bottom-footer .page-center {
    padding-left: 0!important
  }
  .custom-scroll {
    top: 195px;
    left: 46%
  }
  .action-scroll {
    width: 36px;
    height: 36px
  }
  .custom-copyright {
    padding-right: 23px
  }
  .social-shairing {
    padding-left: 14px
  }
  .body-container-wrapper .page-center {
    padding: 0 20px
  }
  .blog .agency-header.agency-banner-txt h1 {
    font-size: 36px
  }
  .blog-listing-wrapper {
    padding: 0 0 10px
  }
  .blog-list {
    margin-bottom: 30px
  }
}

@media(max-width:480px) {
  body form.hs-form .form-columns-2 .hs-form-field .hs-input,
  body form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100%
  }
  body .row-fluid .hs-form fieldset .input {
    margin: 0
  }
  body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    margin-right: 0
  }
  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    margin-right: 0
  }
  .home-page2 .section-3-column.section-padding.dynamic-bg {
    padding: 30px 0!important
  }
  .hs-responsive-embed-wrapper.hs-responsive-embed>div {
    padding-bottom: 58.37%!important
  }
  .feat-main .span4.widget-span.widget-type-cell.item.dis-flex {
    margin-bottom: 30px!important
  }
  .cw-social-share a img {
    margin-right: 5px
  }
  .logo-column {
    width: 100%;
    border-left: 1px solid #ebebeb;
    padding: 20px 0
  }
  .logo-column:nth-child(3n) {
    border-right: 1px solid #ebebeb;
    width: 100%
  }
  .logo-column:first-child {
    border-top: 1px solid #ebebeb
  }
  body form.hs-form .form-columns-2 .hs-form-field .hs-input,
  body form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100%!important
  }
}

@media(max-width:411px) {
  .custom-menu-primary {
    float: right!important
  }
  .custom-top-footer h5 {
    display: none
  }
}

@media all and (max-width:400px) {
  .hs_cos_flex-slider .superimpose .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    width: 90%;
    padding: 0 5% 0 5%;
    top: 40%;
    text-align: center
  }
  #recaptcha_area table#recaptcha_table {
    width: 300px!important
  }
  #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
    width: 300px!important
  }
  #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 {
    width: 67px!important
  }
  #recaptcha_area table#recaptcha_table #recaptcha_image {
    width: 280px!important
  }
  form.hs-form fieldset .hs-form-field {
    padding: 0
  }
  form.hs-form fieldset.form-columns-3 .hs-form-field,
  form.hs-form .form-columns-2 .hs-form-field .hs-input,
  form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100%
  }
  form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
    width: auto
  }
}

@media(max-width:375px) {
  ul.resp-tabs-list li {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width:320px) {
  .custom-menu-wrapper {
    padding-top: 22px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
  }
  .custom-top-footer ul li a {
    margin-right: 4px
  }
  .social-shairing ul.social-icon {
    padding-left: 25px
  }
}

.section-agency.section.section-agency.section-bg.overlay {
  padding: 70px 20px !important;
}

.lp-pillar ul {
  padding-left: 30px;
}

/*******************Slider with popup **************************/
.product-section{overflow-x:hidden;}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}

/*
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}

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

*/ 

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-loaded {
  display: block
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
  display: none
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  margin: auto
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.no-js .owl-carousel {
  display: block
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1
}
.owl-carousel .owl-stage{display:flex !important; flex-wrap:wrap;}
.section-padding {    padding: 100px 20px 50px !important;}
.contentSliderContainer{padding:40px 0 20px}
.contentSliderContainer .content-link{position:absolute;top:0;left:0;width:100%;height:100%}
.contentCarouselWrap .contentBox .content{padding:25px 25px 50px;background-color:#fff;transition:.5s ease-out;text-align:left;box-shadow:0 3px 5px 0 rgba(0,0,0,0.05);}
.contentCarouselWrap .owl-stage{padding-bottom:30px}
.contentCarouselWrap .contentBox{transition:.5s ease-out;    padding: 0 1px;}
.contentCarouselWrap .contentBox .content-img img{height:215px; object-fit:cover; object-position:center center;}
.contentCarouselWrap .tag_wrap{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.contentCarouselWrap .tag-img{margin-right:10px}
.contentCarouselWrap .tag-name{font-size:14px;line-height:21px;letter-spacing:.1em;text-transform:uppercase}
.contentCarouselWrap h3.title{font-family:arial;font-size:30px;line-height:1.2;letter-spacing:0;font-weight:200;margin-top:0;color:#373a36;margin-bottom:20px}
.contentCarouselWrap .desc{font-family:arial;font-size:14px;line-height:1.5;letter-spacing:.075em;margin-bottom:1.2rem;font-weight:normal;margin-bottom:6px;color:#4b6464}
.contentCarouselWrap .learn-more{font-family:arial;background-color:transparent;border:1px solid #4b6464!important;border-radius:50px;padding:10px 30px!important;margin:20px 0;transition:.1s ease-in;font-weight:bold;letter-spacing:.01em;text-decoration:none;cursor:pointer;font-size:14px;line-height:14px;color:#4b6464;transition:.5s ease-out;display:inline-block;margin:6px 0 7px 0}
.contentCarouselWrap .learn-more .arrow{margin-left:10px}
.contentCarouselWrap .contentBox:hover .desc,.contentCarouselWrap .contentBox:hover h3.title,.contentCarouselWrap .contentBox:hover .tag-name{color:#fff}
.contentCarouselWrap .contentBox:hover .learn-more .arrow,.contentCarouselWrap .learn-more:hover .arrow{color:#fff!important}
.contentSliderContainer .view-all-btn{text-align:center;margin-top:50px}
.contentSliderContainer .owl-dots{text-align:center;margin-top:30px}
.contentSliderContainer .owl-dots div{width:10px;height:10px;border-radius:50%;background:#cfcfcf;display:inline-block;margin-left:10px}
.contentSliderContainer .owl-dots div:first-child{margin-left:0}
.contentCarouselWrap .contentBox .content { box-shadow: unset !important; display:flex; flex-direction:column; border: 1px solid #dedede!important; height:calc(100% - 200px) !important;}
.contentCarouselWrap .contentBox{height:100% !important; }
.btn{margin-top:auto; margin-bottom:0px;}
.txt-center{text-align:center;}
@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
[dir="rtl"] .slick-prev:before {
  content: "";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir="rtl"] .slick-next:before {
  content: "";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/*# sourceMappingURL=slick.css.map */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none!important;
  -webkit-backface-visibility: hidden
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.mfp-align-top .mfp-container:before {
  display: none
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto
}
.mfp-ajax-cur {
  cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.mfp-loading.mfp-figure {
  display: none
}
.mfp-hide {

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(128, 128, 128, 0.5); /* Gray with 50% opacity */
  z-index: 9999; /* Ensure it's on top */
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}
.mfp-preloader a {
  color: #CCC
}
.mfp-preloader a:hover {
  color: #FFF
}
.mfp-s-ready .mfp-preloader {
  display: none
}
.mfp-s-error .mfp-content {
  display: none
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1
}
.mfp-close:active {
  top: 1px
}
.mfp-close-btn-in .mfp-close {
  color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}
.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
  margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}
.mfp-arrow-left {
  left: 0
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
  right: 0
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}
.mfp-iframe-holder .mfp-close {
  top: -40px
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}
.mfp-figure {
  line-height: 0
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}
.mfp-figure figure {
  margin: 0
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}
.mfp-image-holder .mfp-content {
  max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
  screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0
    }
}
@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}
.home-two-section {
  position:relative;
  background-size: cover;
  background-position: center;
}
body .row-fluid .ui-section-two-col .left-col, body .row-fluid .ui-section-two-col.reverted-position .right-col ,body .row-fluid .ui-section-two-col .right-col, body .row-fluid .ui-section-two-col.reverted-position .left-col{
  position: relative;
}
/*****************************************/

/*
* 
@charset "UTF-8";
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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 {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
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-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 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% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);Starting today, June 25th, 2020, you can search, purchase, and download themes from our CMS Asset Marketplace. HubSpot themes are one of the newest additions to the HubSpot CMS that allows developers to code websites that are highly customizable and flexible for content creators.
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
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: 800ms;
animation-duration: 800ms
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@media (print),
(prefers-reduced-motion:reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}
/**************************** End CSS *****************/