/* Responsive CSS */
/* Breakpoints */
/* $tab: 44em; */
/* Colours */
/* ICONS */
/* Mobi Vertical Scrollbar */
@import 'icon-fonts.css';
/*-------------------------------*/
/*- GRIDS -----------------------*/
/*---------------------------*/
/*- COLUMN WIDTHS -----------*/
/* Magic Trick styles */
body {
  overflow-y: hidden;
}
a {
  outline: 0;
}
header, .header-site, .header-site.is_stuck {
  z-index: 1003;
  /* Typography & Titles */
}
.section-title.large h3 {
  color: #40acc3;
  font-size: 35px !important;
  /* Not Social Assistant Page, Featured: Mobile, Terms of Service */
}
@media (min-width: 40em) {
  .section-title.large h3 {
    font-size: 40px !important;
  }
}
@media (min-width: 70em) {
  .section-title.large h3 {
    font-size: 48px !important;
  }
}
body:not(.page-id-289):not(.page-id-237):not(.page-id-246):not(.page-template-template-partner-certification) {
  /* Privacy Policy */
}
body:not(.page-id-289):not(.page-id-237):not(.page-id-246):not(.page-template-template-partner-certification) .section-title.large h3 {
  margin-left: auto;
  margin-right: auto;
  width: 83.3333%;
}
.page-id-288 {
  /* Not Add-Ons: Mobile */
}
.page-id-288 .excerpt {
  font-size: 16px;
}
.page-id-288 .section-title .heading {
  text-align: left;
  font-size: 40px;
}
@media (min-width: 40em) {
  .page-id-288 .section-title .heading {
    font-size: 48px;
  }
}
.page-id-288 h5.heading {
  font-size: 28px;
}
body:not(.page-id-237) {
  /* Agency & Business */
}
body:not(.page-id-237) h5.heading .media.large .heading, body:not(.page-id-237) h5.heading .media .heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  body:not(.page-id-237) h5.heading .media.large .heading, body:not(.page-id-237) h5.heading .media .heading {
    font-size: 30px;
  }
}
.page-id-55 .text-bubble h5.heading, .page-id-627 .text-bubble h5.heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  .page-id-55 .text-bubble h5.heading, .page-id-627 .text-bubble h5.heading {
    font-size: 30px;
  }
}
.page-id-55 .column.span-4, .page-id-627 .column.span-4 {
  float: none;
  width: 100%;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 640px) {
  .page-id-55 .column.span-4, .page-id-627 .column.span-4 {
    float: left;
    width: 33.3333%;
  }
}
body:not(.single-post) h6, .media .heading + .excerpt h6 {
  font-size: 20px;
  /* Mobi */
}
.header-site {
  height: 100px;
}
@media (min-width: 40em) {
  .header-site {
    height: auto;
  }
}
.header-site .container {
  padding-top: 20px;
}
@media (min-width: 40em) {
  .header-site .container {
    padding-top: 8px;
  }
}
@media (min-width: 40em) {
  .site-logo-link img, .mark img {
    max-height: 30px;
  }
}
@media (min-width: 70em) {
  .site-logo-link img, .mark img {
    max-height: 41px;
  }
}
.site-logo-link {
  top: 10px;
  /* Background:  Blog & Blog Specific */
}
@media (min-width: 40em) {
  .site-logo-link {
    top: 5px;
  }
}
.page-template-template-blog, .single-post {
  /* Navigation */
}
.page-template-template-blog .title-container, .single-post .title-container {
  background: url(../images/hatching.png) 0 0 repeat transparent !important;
}
.page-template-template-blog .title-container .title, .single-post .title-container .title {
  padding-bottom: 2%;
  padding-top: 6%;
}
.page-template-template-blog .title-container .title .heading, .single-post .title-container .title .heading {
  color: #40acc3;
  font-size: 38px;
}
@media (min-width: 40em) {
  .page-template-template-blog .title-container .title .heading, .single-post .title-container .title .heading {
    font-size: 48px;
  }
}
.page-template-template-blog .title-container .title p.subhead, .single-post .title-container .title p.subhead {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-top: 24px;
}
.page-template-template-blog .title-container img, .single-post .title-container img {
  vertical-align: bottom;
}
.nav {
  top: 0;
  position: absolute;
  /* top: 5px; */
  right: 0;
  /* International */
}
.nav.nav-horizontal li {
  margin-left: 0;
  margin-right: 0;
}
.nav.nav-horizontal li:hover {
  color: #40acc3;
}
.nav.nav-horizontal li.menu-item-has-children {
  background: url(../images/nav-arrow.png) 100% 50% no-repeat transparent;
  margin-right: 25px;
  /* Get Started */
}
.nav.nav-horizontal li.menu-item-has-children:hover {
  background: url(../images/nav-arrow-hover.png) 100% 50% no-repeat transparent;
}
.nav.nav-horizontal li.menu-item-31 a {
  background-color: #f06a25;
  border-radius: 3px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin-left: 0;
  margin-top: 10px;
  padding: 0 7px 7px 7px;
  /* Mobile Login / Log into the App */
}
.nav.nav-horizontal li.menu-item-31 a:hover {
  color: #fff;
}
.nav.nav-horizontal li.menu-item-883 {
  display: none;
}
.nav.nav-horizontal li a {
  font-weight: 400;
  margin-left: 25px;
  margin-right: 25px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
}
.nav.nav-horizontal li a:hover {
  color: #40acc3;
}
.nav.nav-horizontal li.current-menu-item {
  border-top: 1px solid #f06a25;
}
.nav.nav-horizontal li.current-menu-item a {
  color: #f06a25;
}
.nav.nav-horizontal li.current-menu-item:hover a {
  color: #40acc3;
}
.nav.nav-horizontal li.current-menu-item ul {
  margin-top: -1px;
}
.nav .sub-menu {
  border: 0;
  top: 50px !important;
  /* z-index: 10010; */
  z-index: 20010;
}
.nav .sub-menu li.current-menu-item {
  border-top: none;
}
.nav .sub-menu li a {
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 25px;
  padding-right: 25px;
}
.nav .sub-menu li a:hover {
  background-color: #e8e8e5;
}
.widget_site_switcher_widget {
  /* right: 40%; */
  position: absolute;
  clear: both;
  margin-top: 48px;
  text-align: center;
  width: 100%;
  /* Mobi: International */
}
@media (min-width: 40em) {
  .widget_site_switcher_widget {
    clear: none;
    margin-left: 0 !important;
    padding-left: 0;
    margin-top: 0px;
    padding: 0 0 0 6px;
    position: relative;
    right: 0;
    text-align: right;
    width: auto;
  }
}
@media (min-width: 70em) {
  .widget_site_switcher_widget {
    margin-top: 5px;
    margin-left: 25px;
  }
}
.widget_site_switcher_widget a#site-switcher-change {
  background-color: #eee;
  margin-top: 11px;
  display: block;
}
@media (min-width: 40em) {
  .widget_site_switcher_widget a#site-switcher-change {
    background-color: transparent;
    margin-top: 0;
    margin-right: 10px;
  }
}
.widget_site_switcher_widget .international-label {
  text-indent: -9999px;
}
@media (min-width: 40em) {
  .widget_site_switcher_widget .international-label {
    text-indent: 0;
  }
}
.widget_site_switcher_widget .int-label-dropdown {
  font-size: 11px;
}
@media (min-width: 40em) {
  .widget_site_switcher_widget .int-label-dropdown {
    font-size: 14px;
  }
}
.widget_site_switcher_widget i {
  font-size: 14px;
}
.widget_site_switcher_widget #site-switcher-list {
  /* -webkit-transform: none; */
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  right: 0;
}
@media (min-width: 40em) {
  .widget_site_switcher_widget #site-switcher-list {
    left: 0;
    right: -25px;
    transform: none;
  }
}
.widget_site_switcher_widget #site-switcher-list.active {
  opacity: 1;
  top: 50px;
}
@media (min-width: 40em) {
  .widget_site_switcher_widget #site-switcher-list.active {
    top: 39px;
  }
}
@media (min-width: 70em) {
  .widget_site_switcher_widget #site-switcher-list.active {
    top: 44px;
  }
}
.header-site nav {
  width: 100%;
  /* /* Mobile/Tablet Login / Log into the App */
}
@media (min-width: 40em) {
  .header-site nav {
    width: auto;
  }
}
.off-canvas-right {
  z-index: 2000;
  /* Login for Desktop*/
}
.off-canvas-right .nav li.menu-item-883 {
  display: block;
  margin-top: 5px;
}
@media (min-width: 70em) {
  .off-canvas-right .nav li.menu-item-883 {
    display: none;
  }
}
.off-canvas-right .nav li.menu-item-883 a:before {
  content: "\e659";
  font-family: sharpspring;
  color: #4a4a4a;
  margin-right: 5px;
}
.off-canvas-right .nav li.menu-item-883 a:hover:before {
  color: #40acc3;
}
.nav .menu-item.menu-login {
  display: none;
  /* Responsive Menu */
}
@media (min-width: 70em) {
  .nav .menu-item.menu-login {
    display: block;
    background-color: #84c340;
    float: right;
  }
  .nav .menu-item.menu-login a {
    color: #fff !important;
    display: block;
    height: 50px;
    padding-top: 5px;
    width: 50px;
    text-align: center;
  }
  .nav .menu-item.menu-login a i {
    font-size: 16px;
    margin: 0;
  }
  .nav .menu-item.menu-login a:hover {
    background-color: #72aa35;
  }
}
.responsive-nav {
  padding-top: 10px;
  /* START Blogs */
}
@media (min-width: 40em) {
  .responsive-nav {
    padding-top: 0;
  }
}
.responsive-nav .l-menu {
  color: #40acc3;
}
@media (min-width: 40em) {
  .page-template-template-blog .span-4 {
    padding-left: 40px;
  }
}
.page-id-44, .single-post {
  /* Blogs: Connect */
}
@media (min-width: 40em) {
  .page-id-44 .span-4 .content, .single-post .span-4 .content {
    padding-top: 0;
  }
}
.page-id-44 .blog-story, .single-post .blog-story {
  border-bottom: 1px solid #ded8e2;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
@media (min-width: 40em) {
  .page-id-44 .blog-story, .single-post .blog-story {
    padding-bottom: 3em;
    margin-bottom: 4em;
  }
}
.page-id-44 .blog-story:last-child, .single-post .blog-story:last-child {
  border: none;
  /* Blog Titles */
}
.page-id-44 .blog-story .section-title.large h2.heading, .single-post .blog-story .section-title.large h2.heading {
  font-size: 20px;
  margin-bottom: 8px;
}
@media (min-width: 40em) {
  .page-id-44 .blog-story .section-title.large h2.heading, .single-post .blog-story .section-title.large h2.heading {
    font-size: 30px;
  }
}
.page-id-44 h2.heading a, .single-post h2.heading a {
  font-weight: 300;
}
.page-id-44 h2, .single-post h2 {
  font-size: 1.25rem;
  font-size: 1.25rem;
}
.page-id-44 .blog-article-header, .single-post .blog-article-header {
  color: #666;
}
.page-id-44 .blog-article-header .author, .single-post .blog-article-header .author {
  font-weight: bold;
  font-size: 16px;
}
.page-id-44 .blog-article-header .date, .single-post .blog-article-header .date {
  font-size: 14px;
  text-transform: uppercase;
  /* Blog Title */
}
.page-id-44 .section-title .heading a, .single-post .section-title .heading a, .page-id-44 .section-title .heading a:hover, .single-post .section-title .heading a:hover {
  color: #40acc3;
}
.page-id-44 a.read-more, .single-post a.read-more {
  font-size: 16px;
  font-weight: 400;
}
.page-id-44 .story h4, .single-post .story h4 {
  font-size: 23px;
  font-weight: 300;
  margin-bottom: 8px;
}
.page-id-44 .story h5, .single-post .story h5 {
  font-size: 18px;
  font-weight: 300;
  margin: 3px 0 8px 0;
}
.page-id-44 .story p, .single-post .story p {
  margin-bottom: 20px;
}
.page-id-44 .story a.button, .single-post .story a.button {
  background-color: #f06a25 !important;
  border: 1px solid #e2682b;
  color: #fff !important;
  float: none;
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin-top: 15px;
}
.page-id-44 .story .clear, .single-post .story .clear {
  display: inline-block;
  /* Register */
}
.page-id-44 .story .small, .single-post .story .small {
  border-radius: 0;
  font-size: 18px;
  padding: 10px 20px;
  text-transform: uppercase;
}
.page-template-template-right-sidebar-blog .section-title h3.heading {
  color: #40acc3;
  font-size: 35px;
}
@media (min-width: 40em) {
  .page-template-template-right-sidebar-blog .section-title h3.heading {
    font-size: 40px;
  }
}
@media (min-width: 70em) {
  .page-template-template-right-sidebar-blog .section-title h3.heading {
    font-size: 48px;
  }
}
.page-template-template-right-sidebar-blog .section-title p {
  font-weight: 300;
  /* END Blogs*/
  /* START Blog Specific */
}
.single-post {
  /* Breadcrumbs */
}
.single-post .section-title.large h1.heading {
  font-size: 30px;
  /* h4 {
		border: 1px solid red;
		font-size: 23px;
	} */
}
@media (min-width: 40em) {
  .single-post .section-title.large h1.heading {
    font-size: 48px;
  }
}
.single-post h6 {
  font-size: 16px;
}
.single-post .blog-article-header .author {
  font-weight: bold;
}
.single-post .blog-article-header .date {
  text-transform: uppercase;
}
.single-post .story p, .single-post .story span {
  color: #4a4a4a !important;
}
.bread-crumbs {
  display: none !important;
  /* START Footer */
}
.footer-site {
  padding-top: 0;
}
.footer-site a:hover {
  color: #84c340;
}
.footer-site .bkg-pre-footer {
  background-color: #ececec;
  text-align: center;
  padding: 15px;
  /* Ready to Learn More? */
}
.footer-site .bkg-pre-footer .row {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 112px;
  padding-top: 112px;
}
.footer-site .bkg-pre-footer h1 {
  color: #40acc3;
  font-size: 38px;
  font-weight: 300;
}
@media (min-width: 40em) {
  .footer-site .bkg-pre-footer h1 {
    font-size: 48px;
  }
}
.footer-site .bkg-pre-footer h4 {
  color: #4a4a4a;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 8px;
}
@media (min-width: 40em) {
  .footer-site .bkg-pre-footer h4 {
    font-size: 23px;
  }
}
.footer-site .large-8 {
  float: left;
  width: 100%;
  text-align: left;
  /* Start Here */
}
@media (min-width: 40em) {
  .footer-site .large-8 {
    width: 66.6667%;
  }
}
.footer-site .large-4 {
  float: right;
  width: 100%;
}
@media (min-width: 40em) {
  .footer-site .large-4 {
    width: 33.3333%;
  }
}
.footer-site .footer {
  padding-bottom: 112px;
  padding-top: 112px;
}
#footer.invert {
  color: #fff;
  padding-bottom: 0;
}
.footer .row {
  padding: 0;
}
@media (min-width: 40em) {
  .footer .row {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.footer .column .section-nav-title {
  color: #fff;
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  /* Copyright */
}
.footer .column.last {
  border: none;
}
.footer .column.last p {
  font-size: 14px;
  text-align: right;
}
.footer .copyright {
  display: none;
}
#footer .widget .social-nav li {
  margin-left: 16px;
  display: inline-block;
}
#footer .widget .social-nav li .social-icon i {
  font-size: 24px;
  margin: 0;
}
#footer .column {
  margin-right: 0;
}
@media (min-width: 40em) {
  #footer .column {
    margin-right: 2%;
  }
}
#footer .column:nth-child(1), #footer .column:nth-child(2), #footer .column:nth-child(3) {
  float: left;
}
#footer .column:nth-child(1) {
  width: 50%;
  /* 2/12 */
}
@media (min-width: 40em) {
  #footer .column:nth-child(1) {
    width: 16.6667%;
  }
}
#footer .column:nth-child(2), #footer .column:nth-child(3) {
  width: 25%;
  /* 2/12 */
  /* Social */
}
@media (min-width: 40em) {
  #footer .column:nth-child(2), #footer .column:nth-child(3) {
    width: 16.6667%;
  }
}
#footer .column:last-child {
  clear: both;
  width: 100%;
  text-align: center;
}
@media (min-width: 40em) {
  #footer .column:last-child {
    clear: none;
    /* 5/12 */
    float: right;
    width: 41.6667%;
    text-align: right;
  }
}
#footer .column.span-2:nth-child(3n+4), #footer .column.span-3:nth-child(2n+3) {
  clear: none !important;
  /* Tablet  */
}
#footer .column.span-2:nth-child(3n+4), #footer .column.span-3:nth-child(2n+3) {
  border: 1px solid #2c2c2c;
  clear: none !important;
}
.row + .copyright {
  border-top: none;
  display: none;
  /* Product, Users, Connect */
}
.footer-site.invert .section-nav-title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  /* Temp ".invert" update */
}
.invert .section-title .heading, .invert.section-title .heading {
  color: #222;
  /* Terms of Service */
}
.page-id-246 {
  /* Add-Ons Mobile */
}
.page-id-246 .section-title .heading {
  text-align: left;
}
.home, .page-id-237 {
  /* Overlay */
}
.home .swiper-slide .container, .page-id-237 .swiper-slide .container {
  /* Position of 'Marketing Automation' */
}
@media (min-width: 40em) {
  .home .swiper-slide .container, .page-id-237 .swiper-slide .container {
    top: 30% !important;
    transform: translateY(-30%) !important;
    -webkit-transform: translateY(-30%) !important;
  }
}
@media (min-width: 40em) {
  .home .has-image.image-top .copy-container, .page-id-237 .has-image.image-top .copy-container {
    /* -webkit-transform: none; */
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
  }
}
.overlay {
  /* END Overlay */
  /* Outside Overlay */
}
.overlay .copy-container {
  float: left;
  width: 58.3333%;
  /* Home, Agency: Overlay*/
}
.home .overlay, .page-id-55 .overlay {
  /* Home: Overlay */
}
.home .overlay .container, .page-id-55 .overlay .container {
  padding: 0;
}
@media (min-width: 40em) {
  .home .overlay .container, .page-id-55 .overlay .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.home .overlay .copy-container, .page-id-55 .overlay .copy-container {
  width: 100%;
}
.home .overlay .copy-container .excerpt, .page-id-55 .overlay .copy-container .excerpt {
  font-weight: 300;
  margin-top: 24px;
  /* padding-bottom: 20px; */
  margin-bottom: 20px;
  /* @media (min-width: $tab) {
				min-height: 400px;
			} */
}
.home .overlay {
  /* Agency */
}
.home .overlay .copy-container {
  width: 100%;
}
.home .overlay .copy-container .section-title.large h3 {
  font-size: 38px !important;
}
@media (min-width: 40em) {
  .home .overlay .copy-container .section-title.large h3 {
    font-size: 48px !important;
  }
}
@media (min-width: 70em) {
  .home .overlay .copy-container .section-title.large h3 {
    font-size: 56px !important;
  }
}
.home .overlay .copy-container .excerpt {
  margin-top: 24px;
  /* padding-bottom: 20px; */
  margin-bottom: 20px;
  /* @media (min-width: $tab) {
				min-height: 400px;
			} */
}
.home .overlay .home-buttons {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
.home .overlay button, .home .overlay .button {
  margin-bottom: 20px;
  padding: 16px 32px;
  width: 100%;
}
@media (min-width: 40em) {
  .home .overlay button, .home .overlay .button {
    width: 48%;
    width: calc(50% - 10px);
  }
  .home .overlay button.left, .home .overlay .button.left {
    margin-right: 10px;
  }
  .home .overlay button.right, .home .overlay .button.right {
    margin-left: 10px;
  }
}
.page-id-55 .overlay button, .page-id-55 .overlay .button {
  float: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  width: 100%;
}
@media (min-width: 70em) {
  .page-id-55 .overlay button, .page-id-55 .overlay .button {
    width: 64%;
  }
}
.overlay .image-container {
  float: right;
  width: 41.6667%;
}
.home {
  /* Agency button outside overlay */
}
.home #layers-widget-slide-1-575 {
  height: 500px !important;
  /* Fix 1px below slider image */
}
@media (min-width: 40em) {
  .home #layers-widget-slide-1-575 {
    background-position: center 40%;
    height: 700px !important;
  }
}
.home .swiper-slide.has-image.image-top.text-center {
  border-top: 1px solid #ccc;
}
.home .copy-container .excerpt p {
  font-size: 20px;
  font-weight: 300;
}
@media (min-width: 40em) {
  .home .copy-container .excerpt p {
    font-size: 30px;
  }
}
.home .second-row.content-vertical-massive {
  padding-top: 0;
}
.home .second-row h3.heading {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 40em) {
  .home .second-row h3.heading {
    width: 65%;
  }
}
.home .feature-complete h5.heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  .home .feature-complete h5.heading {
    font-size: 30px;
  }
}
.home .feature-complete .column.span-4 {
  margin-right: 0;
  width: 100%;
}
@media (min-width: 40em) {
  .home .feature-complete .column.span-4 {
    margin-right: 2%;
    width: 32%;
  }
}
.home .feature-complete .span-7 {
  float: right;
}
.home .feature-complete .button {
  float: none;
}
.page-id-55 {
  /* Agency/Business */
}
.page-id-55.copy-container .excerpt {
  font-size: 20px;
}
.page-id-55.button {
  float: none;
  margin-top: 30px !important;
}
.page-id-55.text-bubble h5 {
  color: #84c340;
  /* &:last-child {
					border-bottom: 0 !important;
				} */
}
.page-id-55.agency-grow h5 {
  font-size: 19px;
}
@media (min-width: 40em) {
  .page-id-55.agency-grow h5 {
    font-size: 24px;
  }
}
.text-bubble {
  background-position: 1px 2px;
  /* Agency Thumbnails */
}
.text-bubble.content-vertical-massive:not(.title-big) {
  padding-top: 0 !important;
}
.text-bubble.content-vertical-massive {
  padding-bottom: 0 !important;
}
.text-bubble .row {
  border-bottom: 1px solid #ccc;
  padding-bottom: 112px;
  padding-top: 112px;
  /* Agency Pricing Model */
}
.text-bubble.title-big .row {
  padding-top: 0;
}
.text-bubble.last-bubble .row {
  border-bottom: none;
  padding-bottom: 0;
  /* &:last-child {
			
		} */
}
.text-bubble .span-5::before {
  content: "";
  background: url(../images/bg-blockquote-bubble.png) 0 0 transparent no-repeat;
  bottom: -30px;
  content: "";
  display: block;
  height: 30px;
  left: 50px;
  position: absolute;
  width: 50px;
  z-index: 10;
  /* Agency + Generic */
}
.text-bubble .span-5 {
  border: 1px solid #84c340;
  border-radius: 3px;
  margin-bottom: 48px;
  margin-top: 32px;
  padding: 30px 35px;
}
.text-bubble blockquote {
  margin-bottom: 1rem;
  text-align: left;
}
.bwg_standart_thumbnails_0 {
  display: none;
  text-align: justify;
  /* Agency SS Partners */
}
@media (min-width: 40em) {
  .bwg_standart_thumbnails_0 {
    display: block;
  }
}
.bwg_standart_thumbnails_0 img {
  display: inline-block;
  max-height: 80px;
  padding: 15px;
}
.page-id-55 .agency-partners {
  /* Business */
}
.page-id-55 .agency-partners .section-title .heading {
  text-align: left;
}
.business-features {
  /* Business */
}
.business-features .media .heading {
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  /* Video: exception */
}
@media (min-width: 40em) {
  .business-features .media .heading {
    font-size: 24px;
  }
}
.business-features .column.span-12 {
  clear: both;
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7em;
}
@media (min-width: 40em) {
  .business-features .column.span-12 .buttons {
    display: block;
    max-width: 636px;
    margin-right: auto;
    margin-left: auto;
  }
}
.business-features .column.span-12 .buttons .button {
  text-align: center;
  width: 100%;
}
.business-features .column.span-12 .buttons .button p {
  margin: 0;
  padding: 0;
}
@media (min-width: 40em) {
  .business-features .column.span-12 .buttons .button {
    width: 41.6667%;
  }
}
@media (min-width: 40em) {
  .business-features .column.span-12 .buttons .button.secondary {
    margin-right: 100px;
  }
}
.business-features .column.span-12 .text p {
  clear: both;
  padding-top: 20px;
}
@media (min-width: 40em) {
  .business-features .column.span-12 .text p {
    margin-left: auto;
    margin-right: auto;
    width: 63%;
  }
}
.page-id-627 {
  /* Business: Partners */
}
.page-id-627 .text-bubble.title-big .section-title .heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  .page-id-627 .text-bubble.title-big .section-title .heading {
    font-size: 30px;
  }
}
.page-id-627 .text-bubble h5.heading {
  color: #84c340;
}
.page-id-627 .text-bubble:last-child {
  border-bottom: 0 !important;
}
.page-id-861 {
  /* .hatch {
	background: url(../images/hatching.png) 0 0 repeat transparent;
} */
  /* Features:  Mobile */
}
.page-id-861 .wrapper-content {
  background: url(../images/hatching.png) 0 0 repeat transparent !important;
}
.page-id-861 .wrapper-content p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 40em) {
  .page-id-861 .wrapper-content p {
    width: 66.6667%;
  }
}
.page-id-861 .content-main {
  padding-top: 0;
}
.page-id-861 .title-container {
  background-color: transparent !important;
}
.page-id-861 .title-container .title {
  padding-top: 112px;
}
.page-id-861 .title-container .heading {
  color: #40acc3;
  font-size: 38px;
  text-align: center;
}
@media (min-width: 70em) {
  .page-id-861 .title-container .heading {
    font-size: 45px;
  }
}
.page-id-861 input#partner-search, .page-id-861 input[type="text"] {
  color: rgba(0, 0, 0, 0.75);
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 14px;
  margin-bottom: 15px;
  max-width: 100%;
  width: 100%;
}
.page-id-861 .search-results h4 {
  color: #4a4a4a;
  font-size: 23px;
}
.page-id-237 #layers-widget-slide-12-778 {
  height: 800px !important;
}
@media (min-width: 40em) {
  .page-id-237 #layers-widget-slide-12-778 {
    height: 630px !important;
  }
}
.page-id-237 #layers-widget-column-86 {
  position: relative;
  z-index: 100;
  vertical-align: bottom;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
.page-id-237 #layers-widget-column-86 .span-12 {
  margin: 0 !important;
}
.page-id-237 #layers-widget-column-22 {
  padding-top: 0;
}
.page-id-237 h5.heading {
  color: #4a4a4a;
}
.page-id-237 .section-title .excerpt:not(.overlay) {
  color: #40acc3;
  text-align: center;
}
.page-id-237 .overlay .section-title .heading, .page-id-237 .overlay .section-title .excerpt {
  text-align: left !important;
}
.page-id-237 .overlay .section-title .excerpt p {
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 300;
}
@media (min-width: 40em) {
  .page-id-237 .overlay .image-container img {
    width: 90%;
  }
}
.page-id-237 small {
  color: #4a4a4a;
  clear: both;
  display: block;
}
.page-id-237 .appstore {
  background: url(../images/icon-app-store.png) 0 0 no-repeat transparent;
}
.page-id-237 .googleplay {
  background: url(../images/icon-google-play.png) 0 0 no-repeat transparent;
}
.page-id-237 .app-icon {
  background-size: contain;
  display: inline-block;
  float: left;
  width: 176px;
  height: 60px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-indent: -9999px;
  /* Feature List */
}
.page-id-237 .no-padding {
  padding-bottom: 0;
}
.page-id-237 .mobile-explore {
  padding-bottom: 1%;
}
.page-id-237 .mobile-explore .section-title {
  margin-left: auto;
  margin-right: auto;
  width: 83.3333%;
}
.page-id-237 .container.list-grid .column .media-body ul {
  float: left;
  margin-left: 17px;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-237 .container.list-grid .column .media-body ul {
    width: 46%;
  }
}
.page-id-237 .container.list-grid .column .media-body ul li {
  border-left: 1px solid #84c340;
  padding-left: 16px;
  margin-bottom: 24px;
}
.page-id-237 #layers-widget-column-22 .section-title:nth-child(1) .excerpt, .page-id-237 #layers-widget-column-22 .section-title:nth-child(1) .excerpt p {
  font-size: 20px;
  font-weight: 300;
  max-width: none !important;
  /* Mobile: Discover Why Hundreds of Agencies... */
}
@media (min-width: 40em) {
  .page-id-237 #layers-widget-column-22 .section-title:nth-child(1) .excerpt, .page-id-237 #layers-widget-column-22 .section-title:nth-child(1) .excerpt p {
    font-size: 30px;
  }
}
.page-id-237 #layers-widget-column-42 .span-4 {
  color: #40acc3;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 42px;
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-237 #layers-widget-column-42 .span-4 {
    font-size: 30px;
    width: 30%;
  }
}
.page-id-237 #layers-widget-column-42 .span-7 {
  font-size: 16px;
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-237 #layers-widget-column-42 .span-7 {
    width: 58%;
    margin-left: 8%;
  }
}
.home-icons, .star-icons {
  font-size: 12px;
  float: right;
  text-align: right;
  display: inline-block;
  margin-left: 5px;
  margin-top: 3px;
}
.cite {
  clear: both;
  /* display: inline-block;
    float: right; */
  display: block;
  font-weight: bold;
  text-align: right;
}
blockquote {
  border-left-color: -moz-use-text-color;
  border-left-style: none;
  border-left-width: medium;
  color: #4a4a4a;
  margin-bottom: 32px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 32px;
  padding-top: 9px;
  position: relative;
}
blockquote::before {
  color: #84c340;
  content: "”";
  float: right;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 60px;
  position: absolute;
  right: 0;
  top: -10px;
}
blockquote::after {
  border-right-color: #84c340;
  border-right-style: solid;
  border-right-width: 1px;
  color: #84c340;
  content: "";
  float: right;
  height: 100%;
  margin-bottom: -45px;
  margin-right: 12px;
  margin-top: 45px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  /* START Feature: Social Assistant */
}
.page-id-289 {
  /* END Feature: Social Assistant */
  /* General Media-Body */
}
.page-id-289 #layers-widget-slide-13-778 {
  height: 700px !important;
}
@media (min-width: 40em) {
  .page-id-289 #layers-widget-slide-13-778 {
    height: 500px !important;
  }
}
.page-id-289 #layers-widget-slide-13 .section-title .heading {
  text-align: left;
  /* Intro text */
}
.page-id-289 #layers-widget-slide-13 .excerpt p {
  color: #4a4a4a;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
}
.page-id-289 #layers-widget-slide-13 .image-top .copy-container + .image-container {
  margin-top: 0;
}
.page-id-289 #layers-widget-slide-13 .copy-container {
  width: 50%;
}
.page-id-289 #layers-widget-slide-13 .image-container {
  width: 41%;
  /* .social-icons {
			background: url(../images/icons-social.png) 0 0 no-repeat transparent;
			background-size: contain;
			text-indent: -9999px;
		} */
}
.page-id-289 #layers-widget-slide-13 .image-container::after {
  content: "";
  /* background-size: contain;
			text-indent: -9999px; */
  background: url(../images/icons-social.png) 0 0 no-repeat transparent;
}
.page-id-289 h5.heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  .page-id-289 h5.heading {
    font-size: 30px;
  }
}
.page-id-289 .images-stacked h5.heading {
  color: #4a4a4a;
  font-size: 20px;
}
.page-id-289 .excerpt {
  font-size: 16px;
}
.page-id-289 .excerpt ul {
  margin-top: 20px !important;
}
.page-id-289 small {
  color: #4a4a4a;
  display: block;
  margin-top: 10px;
  /* How it Works */
}
.page-id-289 #layers-widget-column-117 {
  background: url(../images/hatching.png) 0 0 repeat transparent;
}
.page-id-289 #layers-widget-column-117 .container {
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.page-id-289 #layers-widget-column-28 h6.clear {
  clear: both;
}
@media (min-width: 70em) {
  .page-id-289 #layers-widget-column-28 h6.clear {
    margin-top: 140px;
  }
}
.media-body {
  /* START Button (not Home News) */
  /* Blue Button */
}
.media-body ul {
  margin-left: 17px;
}
.media-body ul li {
  border-left: 1px solid #84c340;
  padding-left: 16px;
  margin-bottom: 24px;
  list-style-type: none;
}
button, .button, .invert button, .invert .button {
  border-radius: 3px;
  display: block;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 300;
  font-size: 20px;
  opacity: 0.87;
  padding: 16px 32px;
  transition-delay: 0s;
  transition-duration: 300ms;
  transition-property: background-color;
  transition-timing-function: ease-out;
}
input[type="button"], input[type="submit"], button, .button, .form-submit input[type="submit"], .invert input[type="button"], .invert input[type="submit"], .invert button, .invert .button, .invert .form-submit input[type="submit"] {
  background-color: #fff !important;
  border: 1px solid #40acc3;
  /* float: left; */
  color: #40acc3 !important;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, .form-submit input[type="submit"]:hover, .invert input[type="button"]:hover, .invert input[type="submit"]:hover, .invert button:hover, .invert .button:hover, .invert .form-submit input[type="submit"]:hover {
  background-color: #3aa1b7 !important;
  color: #fff !important;
}
button, .button {
  float: left;
}
.invert button, .invert .button {
  float: none;
  /* Orange Button */
}
button.secondary, .button.secondary, .invert button.secondary, .invert .button.secondary, .home .bottom-slider .button, .agency-top .button.btn-large {
  /* background-color: #fff; */
  background: rgba(255, 255, 255, 0.87);
  border: 1px solid #f17232;
  color: #f17232 !important;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus, .invert button.secondary:hover, .invert button.secondary:focus, .invert .button.secondary:hover, .invert .button.secondary:focus, .home .bottom-slider .button:hover, .home .bottom-slider .button:focus, .agency-top .button.btn-large:hover, .agency-top .button.btn-large:focus {
  /* background-color: rgba(240,101, 31, 1) !important;  */
  background-color: #f0651f !important;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus, .invert button.secondary:hover, .invert button.secondary:focus, .invert .button.secondary:hover, .invert .button.secondary:focus, .home .bottom-slider .button:hover, .home .bottom-slider .button:focus, .agency-top .button.btn-large:hover, .agency-top .button.btn-large:focus {
  color: #fff !important;
}
button.btn-large, .button.btn-large {
  font-size: 20px;
  /* END Button */
}
.section-title .heading {
  color: #40acc3;
  font-size: 20px;
  /* Centre */
  font-weight: 300;
  max-width: none !important;
  /* Blog Titles */
  text-align: center;
}
@media (min-width: 40em) {
  .section-title .heading {
    font-size: 30px;
  }
}
.blog-story .section-title .heading {
  text-align: left;
}
.section-title h1.heading {
  text-align: left;
}
.title-big {
  padding-bottom: 3.5%;
  padding-top: 3.5%;
  /* .has-image {
	.media-image 
} */
  /* Images Stacked */
}
.title-big .section-title .heading {
  font-size: 35px;
  line-height: 1.2;
  margin-bottom: 55px;
}
@media (min-width: 40em) {
  .title-big .section-title .heading {
    font-size: 40px;
    margin-bottom: 76px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 70em) {
  .title-big .section-title .heading {
    font-size: 48px;
    margin-bottom: 96px;
  }
}
.images-stacked .column:nth-child(odd) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  /* Second... */
}
@media (min-width: 40em) {
  .images-stacked .column:nth-child(odd) .media-image {
    /* margin-right: 8%; */
    float: left;
    padding-left: 15px;
    /* width: 33.3333%; */
    padding-right: 15px;
    width: 41%;
  }
  .images-stacked .column:nth-child(odd) .media-body {
    /* width: 66.6667%; */
    float: right;
    margin-left: 8%;
    width: 50% !important;
  }
}
.images-stacked .column:nth-child(even) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
@media (min-width: 40em) {
  .images-stacked .column:nth-child(even) .media-image {
    float: right;
    margin-left: 8%;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333%;
  }
  .images-stacked .column:nth-child(even) .media-body {
    /* width: 66.6667%; */
    float: left;
    /* ul {
						margin-left: 17px;
					} */
    width: 58.6667% !important;
  }
}
.images-stacked .column:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.images-on-left .has-image:not(:last-child) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bototm: 15px;
}
@media (min-width: 40em) {
  .images-on-left .media-image {
    /* margin-right: 8%; */
    float: left;
    margin-right: 1%;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333%;
  }
  .images-on-left .media-body {
    /* width: 66.6667%; */
    float: right;
    width: 58.6667% !important;
  }
  .images-on-left .column {
    margin-bottom: 70px;
  }
}
.images-on-right {
  /* .images-on-top {
} */
}
@media (min-width: 40em) {
  .images-on-right .media-image {
    /* margin-left: 8%; */
    /* width: 50%; */
    float: right;
    width: 43%;
    padding-left: 15px;
    /* img {
					max-width: none;
				} */
    padding-right: 15px;
  }
  .images-on-right .media-body {
    /* width: 66.6667%; */
    /* width: 50% !important; */
    float: left;
    width: 53% !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wide-image {
  background-size: contain;
  /* Blogs */
}
.story h2, .story h3 {
  font-weight: 300;
}
.story blockquote {
  background-color: #fff;
  padding: 9px 32px 0 0;
  margin: 0 0 32px 0;
  color: #83c9d8;
}
.story blockquote p {
  color: #83c9d8;
}
.story {
  /* blockquote,
blockquote p {
	color: #83c9d8;
} */
}
.story img {
  margin-left: auto;
  margin-right: auto;
}
small {
  color: #4a4a4a;
}
figcaption {
  text-align: center;
  margin-bottom: 10px;
  /* #layers-widget-column-28,
.bkg-light-lines {
    background-color: #ffffff;
    background-image: url(../images/hatching.png);
} */
}
.stick-to-top {
  padding-top: 0;
}
.span-bg-image {
  padding-bottom: 0;
}
.span-bg-image .span-12 .media-image img {
  width: 100%;
  /* Agency triangle img */
}
.span-bg-image .container {
  width: 100%;
  max-width: none;
  /* Triangle white space */
}
.span-bg-image .container .column {
  margin-bottom: -1px;
}
.white-arrows-bottom .overlay {
  background: url(../images/triangle-wide-1980.png) 0 100% no-repeat transparent;
  background-size: contain;
  padding: 0 20px;
}
.home .arrows-top-bot {
  background-size: cover;
  margin-bottom: 20px;
  padding: 0;
  /* Agencies/Businesses */
}
@media (min-width: 40em) {
  .home .arrows-top-bot {
    margin-bottom: 0;
  }
}
.home .arrows-top-bot .column {
  background-size: contain;
  height: 400px;
  margin: 0;
  padding: 0;
}
.home .agencies-businesses {
  /* Replaced by .arrows-top-bot */
  /* .white-arrows-top {
		padding-top: 0;
		&:before {
			content: "";
			background: url(http://ss-local.2stroke.local/wp-content/uploads/2015/07/triangle-stat-top1.png) 0 0 no-repeat transparent;
			background-size: contain; 
			width: 100%;
			height: 400px;
		}
		.row.list-grid {
			background: url(../images/triangle-wide-1980.png) 0 0 no-repeat transparent;
			background-size: contain; 
		}
		&.content-vertical-massive {
			padding-bottom: 0 !important;
		}
		.column.span-6 {
			@media (min-width: $tab) {
				width: 50%;
				margin-right: 0;
				margin-bottom: 0;
			}
		}
		.media {
			padding-bottom: 7em;
		}
		.image-top {
			background-color: #fff;
				margin-top: 1em;	
				@media (min-width: $tab) {
					margin-top: 2.4em
				}
				@media (min-width: $desk) {
					margin-top: 93px;
				}
		}	
	} */
  /* Delivery Matters */
}
.home .agencies-businesses .media-body h5.heading {
  font-size: 20px;
}
@media (min-width: 40em) {
  .home .agencies-businesses .media-body h5.heading {
    font-size: 30px;
  }
}
.home .agencies-businesses.content-vertical-massive {
  padding-top: 1%;
}
.home .agencies-businesses .excerpt {
  margin-bottom: 30px;
}
@media (min-width: 40em) {
  .home .agencies-businesses .excerpt {
    margin-bottom: 0;
  }
}
.home .agencies-businesses .excerpt p {
  margin: 0;
}
.home .agencies-businesses .button {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 40em) {
  .home .agencies-businesses .button {
    width: 65%;
  }
}
@media (min-width: 70em) {
  .home .agencies-businesses .button {
    width: 60%;
  }
}
.home .bottom-slider {
  /* Home: Bottom */
}
.home .bottom-slider #layers-widget-slide-18-50 {
  background-position: 0 0;
}
@media (min-width: 40em) {
  .home .bottom-slider #layers-widget-slide-18-50 {
    background-position: 50% 50%;
  }
}
.home .bottom-slider .swiper-slide {
  background-size: cover;
}
@media (min-width: 40em) {
  .home .bottom-slider .overlay {
    padding-bottom: 6%;
    padding-top: 10%;
  }
}
.home .bottom-slider .copy-container {
  width: 30%;
}
.home .bottom-slider .copy-container .excerpt {
  margin-top: 8px;
  text-align: left;
}
.home .bottom-slider .copy-container .excerpt p {
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
}
.home .bottom-slider .copy-container .section-title .heading {
  text-align: left;
}
.home .bottom-slider .copy-container .button {
  width: 100%;
}
.home .home-bottom {
  /* Home: News */
}
.home .home-bottom h5 {
  font-size: 20px;
}
@media (min-width: 40em) {
  .home .home-bottom h5 {
    font-size: 30px;
  }
}
.home .home-bottom blockquote {
  font-size: 16px;
}
.home .home-news .container .section-title h3 {
  text-align: left;
  /* @media (min-width: $tab) {
				float: left;
				width: 33.3333%;
			} */
}
.home .home-news .container.list-list {
  /* margin-left: 8.33333% !important; */
  /* width: 58.3333%; */
  margin-bottom: 40px;
}
.home .home-news .container.list-list .blog-story {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
.home .home-news .container.list-list .blog-story:nth-child(3) {
  border-bottom: 0;
  margin-bottom: 0;
}
.home .home-news .container.list-list .section-title.large {
  clear: both;
  margin-bottom: 0;
}
.home .home-news .container.list-list .section-title.large .heading {
  font-size: 16px;
}
.home .home-news .container.list-list .section-title.large .heading a {
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  color: #4a4a4a;
  font-weight: bold;
}
.home .home-news .container.list-list .section-title.large .blog-article-header {
  display: none;
}
.home .home-news .container.list-list .copy {
  clear: left;
  display: inline;
}
.home .home-news .container.list-list .copy p {
  margin-bottom: 0;
}
.home .home-news .container.list-list p {
  display: inline;
}
.home .home-news .container.list-list .read-more:before {
  content: "+";
  margin-right: 5px;
}
.home .home-news .container.list-list .read-more {
  background-color: transparent;
  color: #84c340;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 20px;
  text-transform: lowercase;
}
.header-shroud-bottom {
  /* Company */
}
.header-shroud-bottom .overlay {
  background: url(../images/header-bottom-shroud.png) 0 100% no-repeat transparent;
  background-size: contain;
  padding: 0 20px;
}
@media (min-width: 40em) {
  .header-shroud-bottom .swiper-slide {
    background-size: cover;
    /* @media (min-width: $desk) {
			background-size: cover; 	
		} */
  }
}
.page-id-310 {
  /* Video/Vimeo: .video */
}
.page-id-310 h5.heading {
  font-size: 24px;
}
.page-id-310 .sub-heading {
  background: url(../images/bg-line-seperator.png) 0 100% no-repeat transparent;
  color: #84c340;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 23px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: -10px;
  padding-bottom: 10px;
}
.page-id-310 p {
  font-size: 14px;
}
.video .fluid-width-video-wrapper {
  border: 1px solid #eee;
  max-width: 640px;
  max-height: 360px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 40em) {
  .video .fluid-width-video-wrapper {
    padding-top: 360px !important;
  }
}
.page-template-template-features-list .video .fluid-width-video-wrapper {
  padding-top: 145px !important;
}
@media (min-width: 40em) {
  .page-template-template-features-list .video .fluid-width-video-wrapper {
    padding-top: 357px !important;
  }
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  max-height: 360px;
  /* Home: Wider video */
}
.home {
  /* Built with Layers */
}
.home .video .excerpt, .home .video .fluid-width-video-wrapper {
  max-width: 780px;
}
.home .video .fluid-width-video-wrapper {
  max-height: 439px !important;
}
@media (min-width: 40em) {
  .home .video .fluid-width-video-wrapper {
    padding-top: 439px !important;
  }
}
.home .video .fluid-width-video-wrapper iframe, .home .video .fluid-width-video-wrapper object, .home .video .fluid-width-video-wrapper embed {
  max-height: 439px !important;
}
.created-using-layers {
  display: none;
  /* Framework Overrides */
}
.media .heading + .excerpt {
  font-size: 16px;
  /* Topics */
}
.sidebar .widget {
  /* Contact Form:  Right Sidebar */
}
.sidebar .widget ul {
  margin-left: 20px;
}
.sidebar .widget li {
  border-bottom: 0;
  font-size: 16px;
  list-style-type: disc;
  margin: 0;
  padding: 0;
}
.sidebar .widget li a:hover {
  color: #72a935;
}
.pull-right.sidebar {
  /* Contact Page */
}
.pull-right.sidebar .well {
  background-color: #fff;
}
.pull-right.sidebar .section-nav-title {
  color: #4a4a4a;
  font-size: 23px;
  font-weight: 300;
  text-transform: none;
}
.pull-right.sidebar .wpcf7-form p {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.pull-right.sidebar .wpcf7-submit, .pull-right.sidebar input[type="submit"].wpcf7-submit {
  background-color: #84c340 !important;
  border-color: #84c340 !important;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 300;
  font-size: 17px;
  text-align: center;
  padding: 9px 37px;
  width: 100%;
}
.pull-right.sidebar .wpcf7-submit:hover, .pull-right.sidebar input[type="submit"].wpcf7-submit:hover {
  background-color: #6f9e1d !important;
  border-color: #6f9e1d !important;
  color: #fff !important;
}
.page-id-45 {
  /* h5 [class^="icon-"] {

} */
}
.page-id-45 h4 {
  font-size: 24px;
  /* Right */
}
@media (min-width: 40em) {
  .page-id-45 #wrapper-content .span-3 {
    margin-left: 16.6667% !important;
  }
}
.page-id-45 #wrapper-content .span-3 h5 {
  font-size: 18px;
}
.page-id-45 .row.container {
  margin-top: 30px;
}
@media (min-width: 40em) {
  .page-id-45 .row.container {
    margin-top: 60px;
  }
}
@media (min-width: 70em) {
  .page-id-45 .row.container {
    margin-top: 112px;
  }
}
.hero[class^="icon-"], .hero[class*=" icon-"] {
  color: #40acc3;
  display: block;
  font-size: 70px;
  padding-top: 16px;
  margin: 0;
  /* Funnel on Business page */
}
.hero.plus[class^="icon-"], .hero.plus[class*=" icon-"] {
  color: #f06a25;
  font-size: 84px;
  margin: auto;
  width: 155px;
  /* Agency & Business:  Centre headings with ICONS */
}
.page-id-55 .title-big .section-title .heading, .page-id-627 .title-big .section-title .heading {
  margin-top: 55px;
}
.page-id-55 h5.heading, .page-id-627 h5.heading {
  /* Icons inside text bubbles */
}
.page-id-55 h5.heading .icon-header, .page-id-627 h5.heading .icon-header {
  display: table-cell;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  /* vertical-align: middle; */
  font-weight: 300;
  vertical-align: top;
  padding-top: 20px;
}
.page-id-55 .text-bubble h5.heading, .page-id-627 .text-bubble h5.heading {
  display: table;
}
@media (min-width: 40em) {
  .page-id-55 .text-bubble h5.heading + .excerpt p, .page-id-627 .text-bubble h5.heading + .excerpt p {
    padding-left: 133px;
    margin-top: -55px;
    margin-bottom: 50px;
  }
}
.bottom-blurb {
  padding-top: 6%;
}
.page-template-template-features-list .feature-breadcrumb {
  font-size: 13px;
  margin-top: 100px;
  /* Features Specific Pages */
}
.page-template-template-features-list .feature-breadcrumb .caret {
  color: #909090;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.page-template-template-features-list #wrapper-content h1 {
  font-size: 30px;
  /* margin-top: 50px; */
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  /* Features */
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content h1 {
    font-size: 48px;
  }
}
.page-template-template-features-list .wrapper-content {
  z-index: 1002;
}
.page-template-template-features-list .menu-wrapper.scrollTop {
  display: none;
  background: #fff;
  height: 110px;
  opacity: 0.8;
  margin-top: -2px;
  position: fixed;
  width: 100%;
  z-index: 1002;
}
@media (min-width: 40em) {
  .page-template-template-features-list .menu-wrapper.scrollTop {
    display: block;
  }
}
.page-template-template-features-list .content-main.archive {
  padding-top: 0;
  /* START Features-start */
}
.page-template-template-features-list .features-start {
  background: url(../images/hatching.png) 0 0 repeat transparent;
  /* Clear Float */
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
  /* END Features-start */
  /* Features Menu */
}
@media (min-width: 40em) {
  .page-template-template-features-list .features-start {
    padding-top: 128px;
    margin-bottom: 112px;
  }
}
.page-template-template-features-list .features-start .features-title.widget_text {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 40em) {
  .page-template-template-features-list .features-start .features-title.widget_text {
    width: 33.3333%;
    /* Powerful Features */
  }
}
.page-template-template-features-list .features-start .features-title.widget_text h2 {
  font-size: 38px;
  padding-top: 40px;
}
@media (min-width: 40em) {
  .page-template-template-features-list .features-start .features-title.widget_text h2 {
    font-size: 48px;
    line-height: 57px;
    padding-top: 0;
  }
}
.page-template-template-features-list .features-start .features-title.widget_text .textwidget {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-top: 24px;
  margin-bottom: 20px;
}
.page-template-template-features-list .features-start .features-title.widget_simpleimage {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.page-template-template-features-list .features-start .features-title.widget_simpleimage p {
  margin-bottom: 0;
}
.page-template-template-features-list .features-start .features-title.widget_simpleimage p img {
  display: block;
}
@media (min-width: 40em) {
  .page-template-template-features-list .features-start .features-title.widget_simpleimage {
    width: 66.6667%;
  }
}
.page-template-template-features-list #wrapper-content .container .sub-nav {
  overflow: hidden;
  width: 100%;
  top: 120px;
  /* width: 700px; */
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  z-index: 1002;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav {
    top: 90px;
  }
}
.page-template-template-features-list #wrapper-content .container .sub-nav li {
  background-color: #fff;
  float: left;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li a {
  display: block;
  line-height: 25px;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav li a {
    padding: 3px 9px;
  }
}
@media (min-width: 70em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav li a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child) {
  display: none;
  border-right: 1px solid #40acc3;
  border-top: 1px solid #40acc3;
  border-bottom: 1px solid #40acc3;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child) {
    display: block;
  }
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child) a {
  color: #40acc3;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child).active {
  background-color: #40acc3;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child).active a {
  color: #fff;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:not(:first-child):not(.active) a:hover {
  color: #737373;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:nth-child(1) {
  display: none;
  border: 1px solid #f06a25;
  border-radius: 3px;
  margin-right: 4px;
  padding: 5px 10px;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav li:nth-child(1) {
    display: block;
  }
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .sub-nav li:nth-child(1) {
    padding: 0;
  }
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:nth-child(1) a {
  color: #f06a25;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:nth-child(2) {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #40acc3;
}
.page-template-template-features-list #wrapper-content .container .sub-nav li:last-child {
  border-radius: 0 3px 3px 0;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper {
  border-bottom: 1px solid #ccc;
  clear: both;
  padding-bottom: 30px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 10;
  /* Remove border from last wrapper */
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .feature-wrapper {
    padding-bottom: 112px;
    margin-bottom: 112px;
    /* padding-top: 112px; */
    /* Clear Float */
  }
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .section-title h2.heading {
  font-size: 20px;
  text-align: left;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .feature-wrapper .section-title h2.heading {
    font-size: 30px;
  }
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper:nth-child(even) .feature-image {
  float: right;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper:nth-child(odd) .feature-image {
  float: left;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper:nth-child(odd) .feature-story {
  float: right;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-image {
  position: relative;
  z-index: 10;
  width: 100%;
  /* Update width for features with no images */
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-image {
    width: 58.3333%;
  }
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-image:empty {
  display: none;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-image:empty + .feature-story {
  width: 100%;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-story {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 40em) {
  .page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-story {
    width: 33.3333%;
    /* Get started */
  }
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-story .copy a {
  display: block;
  margin-bottom: 20px;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper .feature-story .button.secondary {
  width: 100%;
}
.page-template-template-features-list #wrapper-content .container .feature-wrapper:last-child {
  border: none;
}
.nav-mobile li.menu-item-has-children .toggle {
  background: url(../images/bg-arrow-down.png) 50% 50% transparent no-repeat;
  cursor: pointer;
  cursor: hand;
  width: 15px;
  height: 9px;
  float: right;
  margin-top: 5px;
  padding: 10px;
  /* Mobile Menu */
  /* .nav-mobile { */
}
.nav-mobile li.menu-item-has-children .toggle:hover {
  background-image: url(../images/bg-arrow-down-hover.png);
}
.nav-mobile li.menu-item-has-children .toggle.open {
  background-image: url(../images/bg-arrow-up.png) !important;
}
.nav-mobile li.menu-item-has-children .toggle.open:hover {
  background-image: url(../images/bg-arrow-up-hover.png) !important;
}
section[class*=" off-canvas-"] li a, section[class*=" off-canvas-"] li a:hover {
  background-color: transparent;
  font-family: "Droid Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  text-align: left;
}
section[class*=" off-canvas-"] li a {
  color: #4a4a4a !important;
}
section[class*=" off-canvas-"] li a:hover {
  color: #40acc3 !important;
}
.nav-mobile {
  width: 175px;
  margin-bottom: 15px;
}
.nav-mobile .nav.nav-vertical {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  width: 175px;
}
.nav-mobile .sub-menu {
  background-color: #eee;
  line-height: 28px;
}
.nav-mobile .sub-menu li a:hover {
  background-color: transparent;
}
section[class*=" off-canvas-"] li.menu-item-31 a {
  background-color: #f06a25;
  border-radius: 3px;
  color: #fff !important;
  height: 30px;
  /* margin-top: 10px; */
  line-height: 30px;
  text-align: center;
  padding: 0 7px 7px 7px;
}
section[class*=" off-canvas-"] li.menu-item-31 a:hover {
  background-color: #f06a25;
}
section[class*=" off-canvas-"] li.menu-item-883 a {
  text-align: center;
}
.nav-mobile .nav {
  right: auto;
  /* Hamburger */
}
.responsive-nav {
  padding-right: 25px;
  /* padding-top: 3px; */
  margin-left: 11px;
  /* } */
  /* Get Started Modal */
}
#get-started-modal {
  text-align: center;
  padding: 30px;
  /* Icons */
  /* em[class^="icon-"], */
}
#get-started-modal .column {
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
#get-started-modal h4 {
  color: #4a4a4a;
  font-size: 23px;
  margin-bottom: 8px;
}
#get-started-modal .close-reveal-modal {
  font-size: 40px;
}
#get-started-modal .frame {
  margin-left: auto;
  margin-right: auto;
}
i[class^="icon-"] {
  font-size: 98px;
  margin-right: 32px;
  margin-bottom: 48px;
  /* START PPC */
}
.page-id-892 {
  /* END PPC */
  /* START Partner Portal /partner/portal/ */
}
.page-id-892 .section-title .heading {
  color: #444;
}
.page-id-892 #layers-widget-slide-21-689, .page-id-892 #layers-widget-slide-26-206 {
  background-color: #84c340 !important;
}
@media (min-width: 70em) {
  .page-id-892 #layers-widget-slide-21-689, .page-id-892 #layers-widget-slide-26-206 {
    background-color: #444 !important;
  }
}
.page-id-892 .ppc-wide {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.page-id-892 .ppc-wide .swiper-wrapper {
  background-color: red !important;
}
.page-id-892 .ppc-wide .container {
  padding-right: 0;
}
@media (min-width: 40em) {
  .page-id-892 .ppc-wide {
    background: url(../images/bg-ppc-customers.png) 50% 100% no-repeat transparent;
    background-size: 130px 102px;
  }
}
@media (min-width: 70em) {
  .page-id-892 .ppc-wide {
    background-position: 50% 98%;
  }
}
@media (min-width: 70em) {
  .page-id-892 .ppc-wide .slide.swiper-container {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    width: 100%;
    height: 380px;
  }
}
.page-id-892 .ppc-wide #text-38, .page-id-892 .ppc-wide #text-42, .page-id-892 .ppc-wide .ppc-features {
  /* Sign up Form */
}
@media (min-width: 70em) {
  .page-id-892 .ppc-wide #text-38, .page-id-892 .ppc-wide #text-42, .page-id-892 .ppc-wide .ppc-features {
    margin-top: 380px;
  }
}
.page-id-892 .ppc-wide #text-38, .page-id-892 .ppc-wide #text-42 {
  background-color: #fff;
  /* float: right; */
  clear: right;
  overflow: hidden;
  padding: 15px 30px;
  position: relative;
  z-index: 2000;
}
@media (min-width: 40em) {
  .page-id-892 .ppc-wide #text-38, .page-id-892 .ppc-wide #text-42 {
    left: 88px;
    top: 20px;
    width: 41.6667%;
  }
}
@media (min-width: 70em) {
  .page-id-892 .ppc-wide #text-38, .page-id-892 .ppc-wide #text-42 {
    top: -140px;
    /* right: 0; */
  }
}
.page-id-892 .ppc-wide .ppc-top .section-title .heading {
  text-align: left;
}
.page-id-892 .ppc-wide .ppc-top .overlay .copy-container {
  float: right;
  width: 41.6667%;
  /* Video */
}
.page-id-892 .ppc-wide .ppc-top .overlay .image-container {
  border: 2px solid #fff;
  float: left;
  margin-top: 0;
  width: 50%;
}
.page-id-892 .ppc-features .column, .page-id-892 .ppc-marketing .column {
  margin-bottom: 0;
}
.page-id-892 .ppc-features .media.medium .heading + .excerpt, .page-id-892 .ppc-marketing .media.medium .heading + .excerpt {
  margin-top: 0;
}
.page-id-892 .ppc-features p, .page-id-892 .ppc-marketing p {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.page-id-892 .ppc-features .media-image img, .page-id-892 .ppc-marketing .media-image img {
  width: 60px;
  height: 60px;
}
@media (min-width: 40em) {
  .page-id-892 .ppc-features {
    margin-bottom: 100px;
  }
}
.page-id-892 .ppc-features .media-body {
  float: right;
  width: 65%;
}
.page-id-892 .ppc-features .media-image {
  margin-top: 20px;
  margin-right: 0;
  float: left;
  width: 30%;
}
@media (min-width: 40em) {
  .page-id-892 .ppc-features .media-image {
    margin-top: 0;
  }
}
.page-id-892 .ppc-marketing {
  padding-left: 20px;
  padding-right: 20px;
  /* PPC Grey bar */
}
.page-id-892 .ppc-marketing .media-body {
  float: left;
  width: 70%;
}
.page-id-892 .ppc-marketing .media-image {
  margin-top: 20px;
  float: right;
  width: 30%;
}
@media (min-width: 40em) {
  .page-id-892 .ppc-marketing .media-image {
    margin-top: 0;
    margin-left: 0;
  }
}
.page-id-892 .wide {
  /* Clear Float */
  background-color: #e6e6e6;
  clear: both;
  overflow: hidden;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  width: 100%;
  height: 230px;
  padding-bottom: 15px;
  padding-top: 15px;
}
@media (min-width: 40em) {
  .page-id-892 .wide {
    height: 90px;
  }
}
@media (min-width: 70em) {
  .page-id-892 .wide {
    position: absolute;
    /* margin-bottom: 50px;
		margin-top: 50px; */
  }
}
.page-id-892 .wide .row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (min-width: 40em) {
  .page-id-892 .wide .row {
    width: 960px;
  }
}
.page-id-892 .wide .row .span-2 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  /* We work with everyone */
}
@media (min-width: 40em) {
  .page-id-892 .wide .row .span-2 {
    clear: none;
    float: left;
  }
}
.page-id-892 .wide .row .excerpt p {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 300;
  margin-top: 15px;
  padding: 0;
}
.page-id-892 .wide .row .column.span-1:nth-child(6n+7), .page-id-892 .wide .row .column.span-2:nth-child(2n+3) {
  clear: none;
}
.page-id-892 .wide .row .media-image {
  line-height: 60px;
  margin-right: 15px;
}
.page-id-892 .wide .row .media-image img {
  display: inline-block;
  vertical-align: middle;
  max-height: 50px;
  width: auto;
}
.page-id-892 .ppc-marketing {
  margin-top: 90px;
  /* PPC Green bar: Flexible Powerful */
}
.page-id-892 .flexible-wide {
  color: #fff;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  width: 100%;
  height: 296px;
  /* Quotation Widget */
}
.page-id-892 .flexible-wide #layers-widget-slide-23-67 {
  height: 350px !important;
}
.page-id-892 .flexible-wide .section-title .heading {
  text-align: left;
}
@media (min-width: 70em) {
  .page-id-892 .flexible-wide .section-title .heading {
    padding-top: 34px;
  }
}
.page-id-892 .flexible-wide .content {
  padding-bottom: 0;
  padding-top: 0;
}
.page-id-892 .flexible-wide .container {
  min-height: 296px;
}
@media (min-width: 40em) {
  .page-id-892 .flexible-wide .container {
    background: url(../images/stage_gears.png) 100% 0 no-repeat transparent;
  }
}
.page-id-892 .flexible-wide .copy-container {
  float: left !important;
  text-align: left !important;
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-892 .flexible-wide .copy-container {
    width: 41.6667%;
  }
}
.page-id-892 .quotation-widget {
  padding-left: 20px;
  /* min-height: 550px; */
  padding-right: 20px;
  /* Quotes */
  margin-top: 296px;
}
.page-id-892 .quotation-widget .row .column {
  border: 12px solid #eee;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  min-height: 270px;
  padding: 15px;
  width: 100%;
}
@media (min-width: 40em) {
  .page-id-892 .quotation-widget .row .column {
    width: 45%;
  }
}
.page-id-892 .quotation-widget .row .column p {
  color: #6e6e6e;
  font-weight: 300;
}
.page-id-892 .quotation-widget .row .column h3 {
  color: #444;
  font-size: 20px;
}
@media (min-width: 40em) {
  .page-id-892 .quotation-widget .row .column {
    /* Bottom arrow bg-image */
  }
  .page-id-892 .quotation-widget .row .column:nth-child(2) {
    float: right;
  }
}
@media (min-width: 40em) {
  .page-id-892 .quotation-widget .row .column::after {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/bg-ppc-quote1.png);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: -97px;
    content: "";
    height: 98px;
    position: absolute;
    right: 100px;
    width: 128px;
  }
  .page-id-892 .quotation-widget .row .column:nth-child(2)::after {
    background-image: url(../images/bg-ppc-quote2.png);
    left: 100px;
    right: auto;
  }
}
.page-id-892 .bkg-pre-footer .row {
  padding-bottom: 20px;
  padding-top: 20px;
}
.page-id-892 .bkg-pre-footer .row h4 {
  font-size: 30px;
  line-height: 60px;
}
.page-id-892 .bkg-pre-footer .row a.button {
  background-color: #f06a25 !important;
  border: 1px solid #e2682b;
  color: #fff !important;
  display: inline-block;
  padding: 17px 50px;
}
.page-id-892 .bkg-pre-footer .row a.button:hover {
  background-color: #e25c0b !important;
}
.page-template-template-partner-portal {
  /* END Portal */
  /* Partner Certification /partner/certification/ */
}
.page-template-template-partner-portal .container {
  max-width: 100em;
  /* Header */
}
.page-template-template-partner-portal .header-partner-portal {
  background: url(../images/hatching.png) 0 0 repeat transparent !important;
  /* To fix in the email address on smaller devices */
  /* Below Header */
}
.page-template-template-partner-portal .header-partner-portal .column {
  margin-top: 20px;
  /* Avatar */
}
.page-template-template-partner-portal .header-partner-portal .layers-widget-column-825 {
  /* One column */
}
.page-template-template-partner-portal .header-partner-portal .layers-widget-column-825 img {
  border: 2px solid #40acc3;
  border-radius: 100%;
}
.page-template-template-partner-portal .header-partner-portal .span-12 .excerpt {
  max-width: none;
  /* Responsive layout */
}
@media only screen and (max-width: 450px) {
  .page-template-template-partner-portal .header-partner-portal .media-image {
    display: none;
  }
  .page-template-template-partner-portal .header-partner-portal .media-body .excerpt p {
    font-size: 15px !important;
  }
}
@media only screen and (min-width: 450px) {
  .page-template-template-partner-portal .header-partner-portal {
    display: block;
  }
}
.page-template-template-partner-portal .header-partner-portal .media-image {
  width: 100px;
  float: left;
  margin-right: 20px;
}
.page-template-template-partner-portal .header-partner-portal .media-body {
  margin-top: 0;
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .header-partner-portal .media-body {
    margin-top: 20px;
  }
}
.page-template-template-partner-portal .header-partner-portal .media .heading {
  color: #40acc3;
  font-size: 19px;
  line-height: 30px !important;
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .header-partner-portal .media .heading {
    font-size: 24px;
  }
}
.page-template-template-partner-portal .header-partner-portal .media.medium .heading + .excerpt {
  color: #4a4a4a;
  margin-top: 0;
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .header-partner-portal .media.medium .heading + .excerpt {
    margin-top: 10px;
  }
}
.page-template-template-partner-portal .header-partner-portal h4 {
  color: #4a4a4a;
  font-size: 18px;
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .header-partner-portal h4 {
    font-size: 23px;
  }
}
.page-template-template-partner-portal .header-partner-portal .excerpt p {
  margin: 10px 0;
}
.page-template-template-partner-portal .status-publish h3 {
  font-size: 23px;
  margin-top: 3px;
  margin-bottom: 8px;
}
.page-template-template-partner-portal .status-publish h3 img {
  /* margin-left: 6px; */
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 7px;
  width: 18px;
  height: auto;
}
.page-template-template-partner-portal .status-publish li {
  margin-bottom: 5px;
}
.page-template-template-partner-portal .status-publish .icon-newspaper, .page-template-template-partner-portal .status-publish .icon-video-camera, .page-template-template-partner-portal .status-publish .icon-form {
  float: left;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 0;
  margin-right: 10px;
}
.page-template-template-partner-portal .status-publish .span-8 {
  /* Right Sidebar */
}
.page-template-template-partner-portal .status-publish .span-8 .column.span-6 {
  width: 100%;
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .status-publish .span-8 .column.span-6 {
    margin-right: 6%;
    width: 44%;
  }
}
.page-template-template-partner-portal .status-publish .span-8 a {
  color: #888;
}
.page-template-template-partner-portal .status-publish .span-8 a:hover {
  color: #f06a25;
}
.page-template-template-partner-portal .status-publish .span-4 {
  clear: both;
  width: 100%;
  /* clear: none; */
  /* More Contacts */
}
@media (min-width: 40em) {
  .page-template-template-partner-portal .status-publish .span-4 {
    clear: none;
    width: 32%;
  }
}
@media (min-width: 70em) {
  .page-template-template-partner-portal .status-publish .span-4 {
    /* width: 32%; */
    padding-left: 100px;
  }
}
.page-template-template-partner-portal .status-publish .span-4 .portal-right, .page-template-template-partner-portal .status-publish .span-4 #layers-widget-column-95 {
  padding-top: 0;
}
.page-template-template-partner-portal .status-publish .span-4 .button, .page-template-template-partner-portal .status-publish .span-4 button {
  float: none;
  width: 100%;
}
.page-template-template-partner-portal .status-publish .span-4 .feature-icon {
  border: 2px solid #40acc3;
  /* border-image-outset: 0 0 0 0;
					border-image-repeat: stretch stretch;
					border-image-slice: 100% 100% 100% 100%;
					border-image-source: none;
					border-image-width: 1 1 1 1; */
  border-radius: 50%;
  height: 100px;
  left: 50%;
  margin-left: -50px;
  position: relative;
  width: 100px;
}
.page-template-template-partner-portal .status-publish .span-4 .feature-icon i {
  color: #40acc3;
  display: block;
  font-size: 49px;
  left: 25%;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  position: relative;
  top: 40%;
}
.page-template-template-partner-portal .status-publish .span-4 .sandbox-credential {
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 2px;
}
.page-template-template-partner-portal .status-publish .more-contacts {
  border-top: 1px solid #ddd;
}
.page-template-template-partner-portal .status-publish .more-contacts h3.heading {
  text-align: left;
}
.page-template-template-partner-portal .status-publish .more-contacts .media-image img {
  border: 2px solid #40acc3;
  border-radius: 100%;
  width: 71px;
}
.page-template-template-partner-portal .status-publish .more-contacts h5.heading {
  color: #4a4a4a;
  font-size: 23px;
}
.page-template-template-partner-portal .status-publish .more-contacts .excerpt {
  margin-top: 0;
}
.page-template-template-partner-portal .status-publish .more-contacts .excerpt h5 {
  font-size: 18px;
}
.page-template-template-partner-portal .status-publish .more-contacts .excerpt p {
  margin: 0;
}
.page-template-template-partner-portal .status-publish .column .download-list {
  margin-bottom: 30px;
}
.page-template-template-partner-portal .status-publish .column .download-list i {
  color: #888;
}
.page-template-template-partner-certification {
  /* Price is Right /partner/the-price-is-right/ */
}
.page-template-template-partner-certification .header-partner-certification {
  background: url(../images/hatching.png) 0 0 repeat transparent !important;
}
.page-template-template-partner-certification .header-top {
  padding-bottom: 0;
  /* Mobi Logo */
}
@media (min-width: 70em) {
  .page-template-template-partner-certification .header-top .container.clearfix {
    background: url(/wp-content/uploads/2015/07/CertificationBadge_single_05-300x297.png) 100% 0 no-repeat transparent;
  }
}
.page-template-template-partner-certification .header-top .container .section-title {
  width: 100%;
}
@media (min-width: 70em) {
  .page-template-template-partner-certification .header-top .container .section-title {
    width: 60%;
  }
}
@media (min-width: 70em) {
  .page-template-template-partner-certification .header-top .container.list-grid {
    background: url(/wp-content/uploads/2015/07/CertificationBadge_single_05-300x297.png) 100% -257px no-repeat transparent;
    border-bottom: 1px solid #ded8e2;
    padding-bottom: 5%;
  }
}
.page-template-template-partner-certification .header-top .container.list-grid .column {
  width: 100%;
}
@media (min-width: 70em) {
  .page-template-template-partner-certification .header-top .container.list-grid .column {
    width: 20%;
  }
}
.page-template-template-partner-certification .header-top .container.list-grid .column .button {
  float: none;
}
@media (min-width: 70em) {
  .page-template-template-partner-certification .header-top .container.list-grid .column .button {
    float: left;
  }
}
.page-template-template-partner-certification #simpleimage-21 {
  border-bottom: 1px solid #ded8e2;
  display: block;
  padding-bottom: 5%;
  /* Cert Benefits */
}
@media (min-width: 70em) {
  .page-template-template-partner-certification #simpleimage-21 {
    display: none;
  }
}
.page-template-template-partner-certification #simpleimage-21 .simple-image {
  text-align: center;
}
.page-template-template-partner-certification .certification-benefits {
  padding-bottom: 0;
  /* What you Get */
}
.page-template-template-partner-certification .certification-benefits h3, .page-template-template-partner-certification .certification-benefits .excerpt p {
  text-align: center;
}
.page-template-template-partner-certification .certification-benefits h3 {
  font-size: 19px;
}
@media (min-width: 40em) {
  .page-template-template-partner-certification .certification-benefits h3 {
    font-size: 23px;
  }
}
.page-template-template-partner-certification .certification-benefits .container.list-grid {
  border-bottom: 1px solid #ded8e2;
  padding-bottom: 5%;
}
.page-template-template-partner-certification .what-you-get em[class^="icon-"], .page-template-template-partner-certification .what-you-get i[class^="icon-"] {
  color: #84c340;
  float: left;
  /* margin-bottom: 40px; */
  /* @media (min-width: $tab) { */
  font-size: 48px;
  /* } */
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 20px;
  margin-top: 10px;
  position: absolute;
}
.page-template-template-partner-certification .what-you-get p:nth-child(2) {
  color: #4a4a4a;
  padding-left: 58px;
}
.page-template-template-partner-certification .what-you-get .media-body .excerpt {
  border: 1px solid #84c340;
  margin-top: 0;
  padding: 15px 20px;
}
.page-template-template-partner-certification .what-you-get + .span-bg-image {
  padding-top: 0;
}
.page-template-template-partner-certification h3.heading {
  text-align: left;
  /* h5.heading:nth-child(1):before {
		content: "1";
	}
	h5.heading:nth-child(2):before {
		content: "2";
	} */
}
.page-template-template-partner-certification .certification {
  padding-top: 0;
}
.page-template-template-partner-certification .certification h5.heading {
  color: #84c340;
  font-size: 16px;
  font-weight: bold;
  /* 1, 2, 3... */
}
.page-template-template-partner-certification .certification .list-item {
  border: 2px solid #84c340;
  border-radius: 999px;
  color: #84c340;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  width: 52px;
  height: 52px;
  text-align: center;
  margin-right: 15px;
}
.page-template-template-partner-certification .certification .media .excerpt {
  margin-left: 65px;
  /* Left Column ULs */
}
.page-template-template-partner-certification .certification ul li {
  border-left: 0;
  /* list-style-position: inside; */
  list-style-type: circle;
  margin-bottom: 0;
}
.page-template-template-partner-certification .status-publish .span-4 ul {
  margin-left: 20px;
}
.page-template-template-partner-certification .status-publish .span-4 ul li {
  border-left: 0;
  list-style-type: disc;
  margin-bottom: 0;
}
.page-template-template-webinar {
  /* Magic */
}
.page-template-template-webinar .wrapper-content {
  padding-bottom: 112px;
  padding-top: 112px;
}
.page-template-template-webinar .wrapper-content h4 {
  color: #4a4a4a;
  font-size: 23px;
  /* Download Slide Deck */
}
.page-template-template-webinar .wrapper-content a {
  clear: both;
  display: block;
}
.page-template-template-webinar .wrapper-content h2.subheader {
  color: #83c9d8;
  font-size: 30px;
}
.page-template-template-webinar .content-main {
  padding-top: 15px;
}
.page-id-1032 {
  font-size: 16px;
  /* General bullets */
}
.page-id-1032 h4 {
  color: #808080;
  font-size: 16px;
  margin: 3px 0 15px 0;
}
.page-id-1032 .magic-top {
  margin: 10px 0 25px;
  padding: 0;
}
.page-id-1032 .magic-top .section-title .excerpt {
  max-width: none;
}
.page-id-1032 .magic-top h2 {
  color: #333;
  font-size: 32px;
  line-height: 38.4px;
}
.page-id-1032 .magic-top h5 {
  font-size: 18px;
}
.page-id-1032 .magic-grey-bar {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.page-id-1032 .magic-grey-bar img {
  display: block;
  margin: 0 auto;
}
.page-id-1032 .magic-grey-bar.content-vertical-massive {
  padding-bottom: 25px;
  padding-top: 50px;
}
.page-id-1032 .magic-copyright {
  padding: 0;
}
.page-id-1032 .magic-copyright .section-title {
  margin-bottom: 0;
}
.page-id-1032 .magic-copyright p {
  font-size: 12.8px;
}
ul.bullets {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 300;
  margin-left: 20px;
  /*
Update grid for retina/small tablet devices
--------------------------------------------------------------*/
}
ul.bullets li {
  border-left: 0;
  list-style-type: disc;
  margin-bottom: 0;
}
@media only screen and (min-width: 625px) {
  /* Magic Trick import */  .span-1 {
    width: 6.5%;
  }
  .span-2 {
    width: 15%;
  }
  .span-3 {
    width: 23.5%;
  }
  .span-4 {
    width: 33.33333%;
  }
  .span-5 {
    width: 40.5%;
  }
  .span-7 {
    width: 57.5%;
  }
  .span-8 {
    width: 66%;
  }
  .span-9 {
    width: 74.5%;
  }
  .span-10 {
    width: 83%;
  }
  .span-11 {
    width: 91.5%;
  }
  .span-12 {
    clear: both;
    float: none;
  }
  .column.span-7, .column.span-8, .column.span-9, .column.span-10, .column.span-11 {
    float: left;
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.magic-trick-wrap1 {
  font-size: 100%;
  background: #0f3500;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.74);
  min-height: 1200px;
}
.magic-trick-wrap1 .hide {
  display: none;
}
.magic-trick-wrap1:before {
  content: '';
  /* Old browsers */
  background: #5cc105;
  /* FF3.6+ */
  background: -moz-radial-gradient(center, ellipse cover, #5cc105 8%, #0f3500 100%);
  /* Chrome,Safari4+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(8%, #5cc105), color-stop(100%, #0f3500));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-radial-gradient(center, ellipse cover, #5cc105 8%, #0f3500 100%);
  /* Opera 12+ */
  background: -o-radial-gradient(center, ellipse cover, #5cc105 8%, #0f3500 100%);
  /* IE10+ */
  background: -ms-radial-gradient(center, ellipse cover, #5cc105 8%, #0f3500 100%);
  /* W3C */
  background: radial-gradient(ellipse at center, #5cc105 8%, #0f3500 100%);
  /* IE6-9 fallback on horizontal gradient */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cc105', endColorstr='#0f3500',GradientType=1);
  height: 110%;
  width: 100%;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
}
.magic-trick-wrap1:after {
  content: '';
  background: url('/wp-content/themes/layerswp/assets/images/noisy-texture-300x300.png');
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0.5;
}
.magic-trick-wrap1 h1, .magic-trick-wrap1 h2, .magic-trick-wrap1 h3, .magic-trick-wrap1 p, .magic-trick-wrap1 small {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.magic-trick-wrap1 a {
  color: #76d3e6;
}
.magic-trick-wrap1 h1 {
  font-size: 66px;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .magic-trick-wrap1 h1 {
    font-size: 50px;
  }
}
.magic-trick-wrap1 h2 {
  font-size: 26px;
}
.magic-trick-wrap1 h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.magic-trick-wrap1 .container {
  position: relative;
  z-index: 2;
}
.magic-trick-wrap1 .avatar {
  display: block;
  border: 4px solid #fff;
  height: 100px;
  width: 100px;
  margin: 0 auto 15px;
  border-radius: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.magic-trick-wrap1 .avatar img {
  border-radius: 100%;
  min-width: 100%;
  height: auto;
}
.magic-trick-wrap1 .avatar i[class^="icon-"] {
  font-size: 40px;
  color: #fff;
  height: 40px;
  width: 40px;
  margin: 50% auto 0;
  display: block;
  top: -20px;
  position: relative;
  text-align: center;
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .avatar i[class^="icon-"] {
    font-size: 14px;
    top: -7px !important;
    width: auto;
  }
}
.magic-trick-wrap1 .avatar i.icon-globe {
  top: -20px;
  left: 3px;
}
.magic-trick-wrap1 .click-text {
  margin-top: 15px;
}
.magic-trick-wrap1 .guide-text.stuck {
  position: fixed !important;
  top: 70px;
  width: 100%;
  left: 0;
}
.magic-trick-wrap1 .arrow {
  position: relative;
  bottom: 20px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}
.magic-trick-wrap1 .bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.magic-trick-wrap1 .card {
  display: block;
  margin: auto;
  position: relative;
  width: 20.875rem;
  height: 30.5rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  cursor: pointer;
  text-shadow: none;
  z-index: 100;
}
.magic-trick-wrap1 .card.red {
  color: #b91c23;
}
.magic-trick-wrap1 .card.back {
  background: url(/wp-content/themes/layerswp/assets/images/card-back-2.jpg) no-repeat 49% 50%;
  background-size: 113%;
  overflow: hidden;
}
.magic-trick-wrap1 .card .card-letter, .magic-trick-wrap1 .card .card-suit {
  display: block;
}
.magic-trick-wrap1 .pull-left {
  float: left;
  left: -4%;
  -moz-transform: rotate(-25deg) !important;
  -o-transform: rotate(-25deg) !important;
  -webkit-transform: rotate(-25deg) !important;
  transform: rotate(-25deg) !important;
}
@media (max-width: 768px) {
  .magic-trick-wrap1 .pull-left {
    left: -17%;
  }
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .pull-left {
    left: -50%;
  }
}
.magic-trick-wrap1 .pull-right {
  float: right;
  right: -4%;
  -moz-transform: rotate(25deg) !important;
  -o-transform: rotate(25deg) !important;
  -webkit-transform: rotate(25deg) !important;
  transform: rotate(25deg) !important;
}
@media (max-width: 768px) {
  .magic-trick-wrap1 .pull-right {
    right: -17%;
  }
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .pull-right {
    right: -50%;
  }
}
.magic-trick-wrap1 .topleft, .magic-trick-wrap1 .bottomright {
  position: absolute;
  width: 0.6rem;
  font-size: 3rem;
  text-align: center;
  line-height: 1.2;
  width: 28px;
  font-size: 28px;
}
.magic-trick-wrap1 .topleft {
  top: 1rem;
  left: 1rem;
}
.magic-trick-wrap1 .bottomright {
  bottom: 1rem;
  right: 1rem;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.magic-trick-wrap1 .suit {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14.5rem;
  height: 160px;
  line-height: 1;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 100px;
  height: 100px;
}
.magic-trick-wrap1 .waypoint {
  height: 1000px;
}
.magic-trick-wrap1 .notifications {
  position: fixed;
  top: 20%;
  z-index: 1;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-transition: 600ms ease-in;
  -moz-transition: 600ms ease-in;
  -o-transition: 600ms ease-in;
  transition: 600ms ease-in;
}
@media (max-width: 768px) {
  .magic-trick-wrap1 .notifications {
    top: 33%;
  }
  .magic-trick-wrap1 .notifications.at-bottom {
    top: 20%;
  }
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .notifications.at-bottom {
    top: 62px;
  }
}
.magic-trick-wrap1 .notifications:first-child {
  width: 100%;
  display: block;
  float: none;
}
.magic-trick-wrap1 .notifications #info-0 {
  -webkit-transition: 600ms ease-in;
  -moz-transition: 600ms ease-in;
  -o-transition: 600ms ease-in;
  transition: 600ms ease-in;
  opacity: 0;
  margin-bottom: 50px;
}
.magic-trick-wrap1 .notifications #info-0.visible {
  opacity: 1;
}
.magic-trick-wrap1 .notifications .added-info-wrap {
  display: table;
  width: 100%;
}
.magic-trick-wrap1 .notifications .added-info-wrap > div {
  width: 200px;
  height: 170px;
  display: table-cell;
  -webkit-transition: 1s ease-in;
  -moz-transition: 1s ease-in;
  -o-transition: 1s ease-in;
  transition: 1s ease-in;
  opacity: 0;
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .notifications .added-info-wrap > div {
    width: 100%;
    height: 50px;
    display: block;
  }
}
.magic-trick-wrap1 .notifications .added-info-wrap > div.visible {
  opacity: 1;
}
.magic-trick-wrap1 .notifications .added-info-wrap > div .avatar {
  width: 80px;
  height: 80px;
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .notifications .added-info-wrap > div .avatar {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 10px;
  }
  .magic-trick-wrap1 .notifications .added-info-wrap > div .avatar + div {
    float: left;
    margin: 3px 0 0 20px;
  }
}
.magic-trick-wrap1 .notifications .added-info-wrap > div p {
  color: #aae6e3;
}
@media (max-width: 768px) {
  .magic-trick-wrap1 .notifications .added-info-wrap > div p {
    font-size: 12px;
  }
}
.magic-trick-wrap1 .bottom-words {
  opacity: 0;
  -webkit-transition: 500ms ease-in;
  -moz-transition: 500ms ease-in;
  -o-transition: 500ms ease-in;
  transition: 500ms ease-in;
}
.magic-trick-wrap1 .bottom-words.visible {
  opacity: 1;
}
@media (max-width: 400px) {
  .magic-trick-wrap1 .bottom-words h2 {
    font-size: 16px;
  }
}
.magic-trick-wrap1 .flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  margin: auto;
  width: 20.875rem;
  height: 30.5rem;
  border-radius: 10px;
  z-index: 100;
  position: relative;
}
.magic-trick-wrap1 .flip-container.hover .front {
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.magic-trick-wrap1 .flip-container.hover .back {
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.magic-trick-wrap1 .flip-container .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.magic-trick-wrap1 .flip-container .front, .magic-trick-wrap1 .flip-container .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  width: 20.875rem;
  height: 30.5rem;
  border-radius: 10px;
}
.magic-trick-wrap1 .flip-container .front {
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}
.magic-trick-wrap1 .flip-container .back {
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
