/**************************************/
/*************** NOTES ****************/
/**************************************/
/* Here are all my palette hexes, and other notes I might need, all in comments, e.g. */
/* Dark blue: #205081 */
/* Light blue: #3572b0 */
/* Link color: .... */
/*******************************************/
/************** THRIVE EMPTY ***************/
/*******************************************/
body#main .thrive_fullscreen {
  min-height: 500px;
}

/*fix for auto-hyphenation on the blog etc, nick*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
a,
li,
ul,
ol {
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

/*.grecaptcha-badge {
  visibility: collapse !important;
}*/
body#main #registration_form {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding-left: 3%;
  padding-top: 3%;
}

body#main .thrv_wrapper #registration_form div {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/*********************************************/
/************** SLIDER CONTENT ***************/
/*********************************************/
body#main #slider {
  background-color: #3ac4d7;
  width: 100%;
  min-height: 45.9vw;
  padding: 0;
  overflow: hidden;
  position: relative;
}

body#main #slider h1 {
  color: #fff;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: bold;
  margin-top: 0;
  padding-bottom: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  line-height: 52px;
}

body#main #slider .slider_content {
  left: 50%;
  position: absolute;
  top: 11.8vw;
  width: 59.3vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

body#main #slider .slider_content .main_image {
  background: rgba(0, 0, 0, 0) url("../../images/laptop-blue.svg") no-repeat scroll 0 0/contain;
}

body#main #slider .slider_content img.top {
  /*width: 36.8vw;*/
  /*height: 39.1vw;*/
  left: 0vw;
  margin: auto;
  padding: 12.8%;
  position: relative;
  top: -1.65vw;
  width: 100%;
}

body#main #slider .slider_content video.top {
  /*width: 36.8vw;*/
  height: 39.1vw;
  left: 0vw;
  margin: auto;
  padding: 12.8%;
  position: relative;
  top: -1.65vw;
  width: 100%;
}

body#main #slider .slider_text {
  position: relative;
  top: 5vw;
  z-index: 90;
  /*left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

body#main #slider img.top1 {
  display: block;
  position: absolute;
  right: 6.1vw;
  top: 35.8vw;
  width: 8.7vw;
}

body#main #slider .books_content {
  display: block;
  position: absolute;
  right: 1.7vw;
  top: 17vw;
  width: 18vw;
}

body#main #slider .books_content img.top2 {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}

body#main #slider .books_content img.top2_1 {
  left: 6.5vw;
  position: absolute;
  top: -1.7vw;
  width: 2.7vw;
}

body#main #slider .books_content img.top2_2 {
  left: 8.2vw;
  position: absolute;
  top: -1.7vw;
  width: 2.7vw;
}

body#main #slider .books_content img.top2_3 {
  left: 9.9vw;
  position: absolute;
  top: -1.7vw;
  width: 2.7vw;
  transform: rotate(0deg);
  animation-name: book_fall;
  animation-duration: 0.3s;
  animation-timing-function: ease-in;
  animation-delay: 3s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
}

@-webkit-keyframes book_fall {
  50% {
    left: 13.8vw;
    top: 0.7vw;
    transform: rotate(102deg);
  }
  100% {
    left: 13.8vw;
    top: 0.7vw;
    transform: rotate(102deg);
  }
}
@keyframes book_fall {
  50% {
    left: 13.8vw;
    top: 0.7vw;
    transform: rotate(102deg);
  }
  100% {
    left: 13.8vw;
    top: 0.7vw;
    transform: rotate(102deg);
  }
}
/*body#main #slider .clock {
    display: block;
    position: absolute;
    right: 2vw;
    top: 3vw;
    width: 7vw;
}*/
body#main #slider .frame {
  display: block;
  left: 7vw;
  position: absolute;
  top: 37.6vw;
  width: 7vw;
}

body#main #slider .frame img.top4 {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}

body#main #slider .frame img.topeye {
  display: block;
  left: 3.25vw;
  position: absolute;
  top: 2.95vw;
  width: 0.18vw;
  -webkit-animation: wink 5s linear infinite;
  -moz-animation: wink 5s linear infinite;
  -ms-animation: wink 5s linear infinite;
  -o-animation: wink 5s linear infinite;
  animation: wink 5s linear infinite;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

body#main #slider .frame img.topeye_right {
  display: block;
  left: 3.55vw;
  position: absolute;
  top: 2.95vw;
  width: 0.18vw;
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

body#main #slider img.top6 {
  display: block;
  position: absolute;
  right: 0.5vw;
  top: 31.6vw;
  width: 8vw;
}

body#main #slider .top-border {
  border: 2px solid #1099b5;
  height: 25vw;
  left: -6.1vw;
  position: absolute;
  top: -5.4vw;
  width: 23vw;
  display: block;
}

body#main #slider .top-border-inner {
  border: 2px solid #1099b5;
  height: 23.5vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.5vw;
  overflow: hidden;
}

body#main #slider img.top5-1 {
  bottom: 10vw;
  position: absolute;
  right: 2vw;
  width: 11vw;
  display: block;
  -webkit-animation: floating1 10s linear infinite;
  -moz-animation: floating1 10s linear infinite;
  -ms-animation: floating1 10s linear infinite;
  -o-animation: floating1 10s linear infinite;
  animation: floating1 10s linear infinite;
}

body#main #slider img.top5-2 {
  bottom: 2vw;
  position: absolute;
  right: 13vw;
  width: 11vw;
  display: block;
  -webkit-animation: floating2 8s linear infinite;
  -moz-animation: floating2 8s linear infinite;
  -ms-animation: floating2 8s linear infinite;
  -o-animation: floating2 8s linear infinite;
  animation: floating2 8s linear infinite;
}

body#main #slider img.top5-3 {
  bottom: -3vw;
  position: absolute;
  right: 0vw;
  width: 11vw;
  display: block;
  -webkit-animation: floating3 15s linear infinite;
  -moz-animation: floating3 15s linear infinite;
  -ms-animation: floating3 15s linear infinite;
  -o-animation: floating3 15s linear infinite;
  animation: floating3 15s linear infinite;
}

body#main #registration {
  background-color: #384257;
  width: 100%;
}

body#main #registration .form-control {
  background-color: #384257;
  background-image: none;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px 6px 16px;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #registration .form-control::-webkit-input-placeholder {
  color: #fff;
  font-weight: 300;
  opacity: 0.6;
}

body#main #registration .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-weight: 300;
  opacity: 0.6;
}

body#main #registration .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-weight: 300;
  opacity: 0.6;
}

body#main #registration .form-control:-ms-input-placeholder {
  color: #fff;
  font-weight: 300;
  opacity: 0.6;
}

body#main #registration .form-control:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #fff;
  border: 1px solid #fff;
}

body#main #registration button {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 0 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main #registration button i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #registration button:hover i,
body#main #registration button:focus i {
  right: -8px;
}

body#main #registration .form-group {
  margin-bottom: 0;
}

body#main.page-template-pricing #clients .client_title {
  padding: 0 0 20px;
}

/**********************************************/
/************** CLIENTS CONTENT ***************/
/**********************************************/
body#main #clients {
  background-color: #fafafa;
  padding: 10px 0;
  width: 100%;
}

body#main #clients .client_title {
  color: #545c6e;
  display: block;
  font-size: 24px;
  padding: 40px 0 20px;
  text-align: center;
  width: 100%;
}

body#main #clients .clients_col {
  padding-top: 30px;
  padding-bottom: 30px;
}

body#main #clients .clients_col .client_last {
  float: right;
}

body#main #clients .clients_col img.clients {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: default;
  margin: 0 auto;
  max-height: 60px;
}

body#main #clients .clients_col img.clients:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

/***********************************************/
/************** FEATURES CONTENT ***************/
/***********************************************/
body#main #features {
  background-color: #fff;
  width: 100%;
  padding: 100px 0;
}

body#main #features .laptop_bg {
  background: rgba(0, 0, 0, 0) url("../../images/browser-grey.svg") no-repeat scroll 0 0/contain;
  width: 100%;
}

body#main #features .laptop_bg img {
  display: block;
  max-width: 100%;
  padding: 15.6% 2.6% 0;
  position: relative;
  top: -40px;
  width: 100%;
}

body#main #features .row.desktop {
  display: block;
}

body#main #features .row.mobile {
  display: none;
}

body#main #features h1,
body#main #features h2.features_header,
body#main #jet h2.header_jet,
body#main #pricing_faq h2.features_header {
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  padding-bottom: 30px;
  padding-top: 30px;
}

body#main #features h2.features_header,
body#main #pricing_faq h2.features_header {
  color: #ff6154;
  font-family: "Montserrat";
  font-size: 40px;
  font-weight: bold;
  margin-top: 0;
}

body#main.page-template-allpricing #pricing_features h2.featured_header_text {
  color: #384257;
  font-family: "Montserrat";
  font-size: 43px;
  font-weight: bold;
  text-transform: none;
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

body#main #pricing_faq h2.features_header {
  padding-left: 15px;
}

body#main #jet h2.header_jet {
  color: #fff;
  font-family: "Montserrat";
  font-size: 40px;
  font-weight: bold;
  margin-top: 0;
}

body#main #features .up {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  color: #3ac4d7;
  font-weight: 300;
  font-size: 16px;
  font-family: "Montserrat";
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 60px;
  line-height: 25px;
}

body#main #features p {
  margin-bottom: 20px;
}

body#main #features .features_row {
  margin-top: 0px;
}

body#main #features .features_row .features_col img {
  margin: auto auto 40px;
  max-width: 280px;
}

body#main #features .features_row .features_col img.feature_hidden {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #features .features_row .features_col:hover img.feature_hidden {
  opacity: 1;
}

body#main #features .features_row .features_col img.feature_visible {
  left: 50%;
  position: absolute;
  opacity: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #features .features_row .features_col:hover img.feature_visible {
  opacity: 0;
}

body#main #features .features_row .features_col body#main #features .features_row .features_col img.feature3_hidden.feature_hidden.img-responsive {
  max-width: 179px;
  position: relative;
  top: 11px;
}

body#main #features .features_row img.feature2 {
  max-width: 245px;
}

body#main #features .features_row > div.features_col > a {
  display: block;
  height: 180px;
}

body#main #features .features_row > div.features_col > a.inner_link {
  display: block;
  height: auto;
}

body#main #features .button_col {
  text-align: center;
  margin: 60px 0 0;
}

body#main #features a.btn,
body#main #features a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main #features a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #features a.btn:hover i,
body#main #features a.btn:focus i {
  right: -8px;
}

body#main #features a.btn span {
  /*background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;*/
}

/***************************************************/
/************** TESTIMONIALS CONTENT ***************/
/***************************************************/
body#main #testimonials {
  background-color: #fafafa;
  width: 100%;
}

body#main #testimonials .tabs-menu {
  bottom: 0;
  left: 180px;
  position: absolute;
}

body#main #testimonials .tabs-menu li {
  display: inline-block;
  padding-right: 10px;
}

body#main #testimonials .tabs-menu li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #testimonials .tabs-menu li.current img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

body#main #testimonials .tabs-menu li:last-child {
  padding-right: 0;
}

body#main #testimonials #tabs-container {
  min-height: 280px;
}

body#main #testimonials #tabs-container .tab {
  left: 0;
  position: absolute;
  top: 0;
}

body#main #testimonials .tab-content {
  width: 100%;
  display: none;
}

body#main #testimonials #tab-1 {
  display: block;
}

body#main #testimonials .quote {
  color: #3ac4d7;
  font-size: 22px;
  font-weight: 300;
  line-height: 26px;
  font-family: "Hind", sans-serif;
  margin-bottom: 30px;
  margin-left: 180px;
}

body#main #testimonials img.testimonial {
  left: 0;
  position: absolute;
  top: -15px;
}

/******************************************/
/************** JET CONTENT ***************/
/******************************************/
body#main #jet {
  background-color: #384257;
  padding: 60px 0;
  width: 100%;
}

body#main #jet h1 {
  color: #fff;
  padding-bottom: 30px;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #jet p {
  color: #fff;
  margin: 0 0 4px;
}

body#main #jet .up {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  color: #3ac4d7;
  font-weight: 300;
  font-size: 16px;
  font-family: "Montserrat";
  margin-top: 30px;
  line-height: 25px;
}

/****************************************/
/************** KEYFRAMES ***************/
/****************************************/
@-webkit-keyframes flame /* Safari and Chrome */ {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -ms-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  75% {
    -ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes flame {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -ms-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }
  75% {
    -ms-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tilt /* Safari and Chrome */ {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -ms-transform: rotate(-0.2deg);
    -moz-transform: rotate(-0.2deg);
    -webkit-transform: rotate(-0.2deg);
    -o-transform: rotate(-0.2deg);
    transform: rotate(-0.2deg);
  }
  75% {
    -ms-transform: rotate(0.2deg);
    -moz-transform: rotate(0.2deg);
    -webkit-transform: rotate(0.2deg);
    -o-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes tilt {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -ms-transform: rotate(-0.2deg);
    -moz-transform: rotate(-0.2deg);
    -webkit-transform: rotate(-0.2deg);
    -o-transform: rotate(-0.2deg);
    transform: rotate(-0.2deg);
  }
  75% {
    -ms-transform: rotate(0.2deg);
    -moz-transform: rotate(0.2deg);
    -webkit-transform: rotate(0.2deg);
    -o-transform: rotate(0.2deg);
    transform: rotate(0.2deg);
  }
  100% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes floating1 /* Safari and Chrome */ {
  0% {
    bottom: 10vw;
    right: 2vw;
  }
  25% {
    bottom: 10.5vw;
    right: 1.5vw;
  }
  75% {
    bottom: 9.5vw;
    right: 2.3vw;
  }
  100% {
    bottom: 10vw;
    right: 2vw;
  }
}
@keyframes floating1 {
  0% {
    bottom: 10vw;
    right: 2vw;
  }
  25% {
    bottom: 10.5vw;
    right: 1.5vw;
  }
  75% {
    bottom: 9.5vw;
    right: 2.3vw;
  }
  100% {
    bottom: 10vw;
    right: 2vw;
  }
}
@-webkit-keyframes floating2 /* Safari and Chrome */ {
  0% {
    right: 13vw;
  }
  25% {
    right: 12vw;
  }
  75% {
    right: 13.5vw;
  }
  100% {
    right: 13vw;
  }
}
@keyframes floating2 {
  0% {
    right: 13vw;
  }
  25% {
    right: 12vw;
  }
  75% {
    right: 13.5vw;
  }
  100% {
    right: 13vw;
  }
}
@-webkit-keyframes floating3 /* Safari and Chrome */ {
  0% {
    bottom: -3vw;
    right: 0vw;
  }
  25% {
    bottom: -4vw;
    right: -2vw;
  }
  75% {
    bottom: -3.5vw;
    right: 1vw;
  }
  100% {
    bottom: -3vw;
    right: 0vw;
  }
}
@keyframes floating3 {
  0% {
    bottom: -3vw;
    right: 0vw;
  }
  25% {
    bottom: -4vw;
    right: -2vw;
  }
  75% {
    bottom: -3.5vw;
    right: 1vw;
  }
  100% {
    bottom: -3vw;
    right: 0vw;
  }
}
@-webkit-keyframes wink /* Safari and Chrome */ {
  0% {
    -ms-transform: scaleY(0.1);
    -moz-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  10% {
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes wink {
  0% {
    -ms-transform: scaleY(0.1);
    -moz-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    -o-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  10% {
    -ms-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
/*****************************************/
/************** LOGIN PAGE ***************/
/*****************************************/
body#main.page-template-login #register {
  background-color: #fafafa;
  padding: 140px 0 100px;
  position: relative;
  width: 100%;
  height: 100%;
}

body#main.page-template-login #register h1 {
  color: #384257;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  text-transform: none;
  margin-bottom: 40px;
}

body#main.page-template-login #register .form-control#InputId {
  display: inline-block;
  float: left;
  width: 73%;
}

body#main.page-template-login #register .additional_text {
  display: inline-block;
  float: left;
  text-align: right;
  position: relative;
  top: 15px;
  width: 25%;
  color: #384257;
  float: left;
  font-family: "Hind", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

body#main.page-template-login #register .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #384257;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px 6px 16px;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-login #register .form-group {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  margin-bottom: 10px;
  min-height: 50px;
  position: relative;
}

body#main.page-template-login #register .form-control:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-login .copyright_container {
  padding-bottom: 10px;
}

body#main.page-template-login #register .form-control.has-value + .placeholder,
body#main.page-template-login #register .form-control:focus + .placeholder {
  font-size: 14px;
  top: -36px;
  left: 0;
}

body#main.page-template-login #register .form-control:focus + .placeholder {
  opacity: 1;
}

body#main.page-template-login #register .form-group .placeholder {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  left: 17px;
  top: 5px;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-login #register button.btn,
body#main.page-template-login #register button.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 0 36px;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main.page-template-login #register button.btn.disabled_button,
body#main.page-template-login #register button.btn.disabled_button:focus {
  opacity: 0.5;
  cursor: not-allowed;
}

body#main.page-template-login #register button.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main .chat_icon {
  display: inline-block;
  margin: 0 10px;
  max-width: 40px;
  width: 100%;
}

body#main.page-template-login #register button.btn.disabled_button:hover i,
body#main.page-template-login #register button.btn.disabled_button:focus i {
  right: 0;
}

body#main.page-template-login #register button.btn:hover i,
body#main.page-template-login #register button.btn:focus i {
  right: -8px;
}

/*body#main.page-template-login #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
body#main.page-template-login #register .not_registered_label,
body#main.page-template-login #register .not_registered_label a {
  font-size: 16px;
}

/************************************************/
/************** REGISTRATION PAGE ***************/
/************************************************/
body#main.page-template-registration .footer_col,
body#main.page-template-login .footer_col,
body#main.page-template-thankyou .footer_col {
  display: none;
}

body#main.page-template-registration .main-content {
  padding-bottom: 150px;
}

body#main.page-template-registration #myForm .registered_label {
  display: block;
  font-size: 14px;
  margin-top: -30px;
}

body#main.page-template-registration #wrapper,
body#main.page-template-login #wrapper {
  background-color: #fafafa;
}

body#main.page-template-registration footer .copyright_container .social_media {
  display: none;
}

body#main .copyright_container .social_media.mobile {
  display: none;
}

body#main footer .footer_col .social_media {
  position: relative;
  top: 36px;
}

body#main.page-template-registration footer .menu-footer_policies-container {
  float: right;
  position: relative;
  top: -9px;
}

body#main footer .menu-footer_policies-container {
  float: right;
  width: auto;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li {
  display: inline-block;
  padding-bottom: 0;
  padding-right: 15px;
  position: relative;
  top: 7px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li:last-child {
  padding-right: 0;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a {
  color: #64676d;
  font-size: 13px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a:hover {
  color: #3ac4d7;
}

body#main .footer-logo img {
  height: auto;
  max-width: 180px;
  width: 100%;
}

body#main .footer-logo {
  display: inline-block;
  float: left;
  width: auto;
}

body#main.page-template-registration footer .copyright_container .copyright,
body#main.page-template-thankyou footer .copyright_container .copyright {
  float: left;
  position: relative;
  top: -9px;
}

body#main.page-template-registration .navbar-header,
body#main.page-template-thankyou .navbar-header {
  float: none;
  margin: 0 auto;
  display: block;
  width: 160px;
  left: 0;
  top: 0;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .speech_bubble {
    left: 36%;
    animation-name: stretchmob;
    animation-duration: 1.2s;
    animation-timing-function: ease-in;
    animation-delay: 0.4s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
  }
}
@media only screen and (min-width: 768px) {
  .speech_bubble {
    left: 15px;
    animation-name: stretch;
    animation-duration: 1.2s;
    animation-timing-function: ease-in;
    animation-delay: 0.4s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
  }
}
@keyframes stretch {
  50% {
    top: -120px;
    height: 5px;
  }
  70% {
    opacity: 1;
    top: -120px;
    height: 90px;
    width: 16px;
  }
  100% {
    opacity: 1;
    top: -120px;
    width: 355px;
    height: 90px;
  }
}
@keyframes stretchmob {
  50% {
    top: -120px;
    height: 5px;
    left: 36%;
  }
  70% {
    opacity: 1;
    top: -120px;
    height: 90px;
    width: 46%;
    left: 29%;
  }
  100% {
    opacity: 1;
    top: -120px;
    width: 98%;
    height: 90px;
    left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .speech_bubble:after {
    left: 46%;
    border-width: 0 8px 24px 8px;
    border-color: transparent transparent #384257 transparent;
  }
}
@keyframes arrow {
  100% {
    opacity: 1;
  }
}
/***** slider dot animated border */
.rangeslider__handle.unclicked:after {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: dashed 1px #394257;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-animation: s3-rotate 5s infinite linear;
  -moz-animation: s3-rotate 5s infinite linear;
  animation: s3-rotate 5s infinite linear;
}

@keyframes s3-rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
body#main .speech_bubble_stop {
  background-color: #384257;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  left: 17%;
  padding: 4px 20px;
  position: absolute;
  top: -6px;
  z-index: 8;
}

body#main .speech_bubble_stop::after {
  background-color: #384257;
  content: "";
  height: 20px;
  position: absolute;
  right: -6px;
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
  z-index: 2;
}

body#main #stop_bubble > a {
  border-bottom: 1px solid transparent;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 22px;
  position: relative;
  top: 4px;
}

body#main #stop_bubble > a:hover {
  border-bottom: 1px solid #fff;
}

/*--------PRICING SPEECH BUBBLE---------*/
.speech_bubble_pricing {
  padding: 12px 15px;
  text-align: left;
  font-size: 18px;
  color: transparent;
  opacity: 0;
  position: absolute;
  bottom: 0;
  height: 0px;
  width: 16px;
  margin: 0 auto;
  background-color: #384257;
  border-radius: 3px;
  z-index: 190;
}

.speech_bubble_pricing {
  left: 8px;
  animation-name: stretch_pricing;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 0.2s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#pricing_bubble_go.speech_bubble_pricing {
  left: 105px;
  animation-name: stretch_pricing;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 0.2s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@keyframes stretch_pricing {
  50% {
    bottom: 60px;
    height: 5px;
    color: transparent;
  }
  70% {
    opacity: 1;
    bottom: 40px;
    height: 45px;
    width: 16px;
    color: transparent;
  }
  100% {
    opacity: 1;
    bottom: 40px;
    width: 105px;
    height: 45px;
    color: #fff;
  }
}
.speech_bubble_pricing:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 24px 16px;
  border-color: transparent transparent transparent #384257;
  z-index: -100;
  position: absolute;
  bottom: -21px;
  left: 0px;
  opacity: 0;
  animation-name: arrow_pricing;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
}

@keyframes arrow_pricing {
  100% {
    opacity: 1;
  }
}
/*--------END PRICING SPEECH BUBBLE---------*/
body#main .speech_bubble_stop {
  display: none;
}

body#main.page-template-registration #register-content.contains_thankyou {
  min-height: 690px;
}

body#main.page-template-registration #thankyou {
  min-height: 36vw;
  position: relative;
  top: 3vw;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0) url("../../images/envelope.svg") no-repeat scroll 50% bottom/contain;
}

body#main.page-template-registration #thankyou-content {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

body#main.page-template-registration .thankyou_inner {
  left: 50%;
  position: absolute;
  top: 17%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 32vw;
}

body#main.page-template-registration #thankyou-content h1 {
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #3ac4d7;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-registration #thankyou-content .thankyou_text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  width: 100%;
}

body#main.page-template-registration #thankyou-content h2 {
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  color: #384257;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-registration .thankyou_border {
  border-radius: 100%;
  bottom: 7px;
  left: 0;
  box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

body#main.page-template-registration #thankyou-content #thankyou img {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 80;
}

body#main.page-template-registration #register {
  background-color: #fafafa;
  width: 100%;
  padding: 0;
  /*min-height: 41vw;*/
  position: relative;
}

body#main.page-template-registration #register .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #384257;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px 6px 16px;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-registration #register .form-control.has-error,
body#main.page-template-registration #register .form-group.has-error .form-control {
  border-color: #e83c33;
}

body#main.page-template-registration #register .form-control.mail-error {
  border-color: #e83c33;
}

body#main.page-template-registration #register .error_label2,
body#main.page-template-registration #register .error_label {
  color: #e83c33;
  display: block;
  width: 100%;
}

body#main.page-template-registration #register #InputCompanySlug.form-control.has-error {
  border-color: #e83c33;
}

body#main.page-template-registration #register #InputCompanySlug.form-control.has-error:focus {
  border-color: #3ac4d7;
}

body#main.page-template-registration #register .form-group {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  margin-bottom: 40px;
  min-height: 50px;
  position: relative;
}

body#main.page-template-registration #register .form-control:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-registration #register .form-control.has-value + .placeholder,
body#main.page-template-registration #register .form-control:focus + .placeholder {
  font-size: 14px;
  top: -36px;
  left: 0;
}

body#main.page-template-registration #register .form-control:focus + .placeholder {
  opacity: 1;
}

body#main.page-template-registration #register .form-group .placeholder {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  left: 17px;
  top: 5px;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-registration #register .form-control ~ .required {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  right: 17px;
  top: 9px;
  color: #384257;
  display: block;
  font-size: 22px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

body#main.page-template-registration #register .form-control:focus ~ .required {
  color: #3ac4d7;
}

body#main.page-template-registration #register .form-control.has-error ~ .required,
body#main.page-template-registration #register .form-group.has-error .form-control ~ .required {
  color: #e83c33;
}

body#main.page-template-registration #register .form-control.mail-error ~ .required {
  color: #e83c33;
}

body#main.page-template-registration #register .form-control#InputCompanySlug {
  float: left;
  width: 72%;
}

body#main.page-template-registration #register .form-control body#main.page-template-registration #register button {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 0 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main.page-template-registration #register button i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-registration #register button:hover i,
body#main.page-template-registration #register button:focus i {
  right: -8px;
}

/*body#main.page-template-registration #register button span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
}*/
body#main.page-template-registration #register a.btn,
body#main.page-template-registration #register a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main.page-template-registration #register a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-registration #register a.btn:hover i,
body#main.page-template-registration #register a.btn:focus i {
  right: -8px;
}

body#main.page-template-registration #register a.btn_back,
body#main.page-template-registration #register a.btn_back:focus {
  border-bottom: 2px solid #3ac4d7;
  color: #3ac4d7;
  display: inline-block;
  width: auto;
  font-family: "Montserrat";
  font-size: 15px;
  font-weight: 300;
  margin-top: 10px;
  padding: 4px 6px;
}

body#main.page-template-registration #register a.btn_back:hover {
  border-bottom: 2px solid #384257;
  color: #384257;
}

/*body#main.page-template-registration #register a.btn_back i {
    font-size: 17px;
    padding-right: 6px;
    position: relative;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-registration #register a.btn_back:hover i, body#main.page-template-registration #register a.btn_back:focus i {
    left: -4px;
}*/
body#main.page-template-registration #register .backwards {
  display: inline-block;
  float: right;
}

/*body#main.page-template-registration #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
body#main.page-template-registration #register .col-registration-form b {
  font-family: "Montserrat";
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #384257;
  display: block;
  padding-left: 15px;
}

body#main.page-template-registration #register .col-registration-form body#main.page-template-registration #register .col-registration-form .third_step body#main.page-template-registration #register .col-registration-form .third_step body#main.page-template-registration #register .col-registration-form .third_step body#main.page-template-registration #register .form-group.radio_group {
  margin-bottom: 40px;
}

body#main.page-template-registration #register .col-registration-form .third_step body#main.page-template-registration #register .col-registration-form .third_step span.agree_text a {
  font-weight: 600;
  color: #545c6e;
}

body#main.page-template-registration #register .col-registration-form .third_step span.agree_text a:hover {
  color: #3ac4d7;
}

body#main.page-template-registration #register .col-registration-form body#main.page-template-registration #register .register-container {
  padding-top: 180px;
}

body#main.page-template-registration #register .col-registration-form .step {
  display: none;
}

body#main.page-template-registration #register .col-test {
  /*padding-top: 200px;*/
  display: block;
}

/*body#main.page-template-registration #register .col-registration-form .first_step {
    display: block;
}*/
body#main.page-template-registration footer,
body#main.page-template-login footer,
body#main.page-template-thankyou footer {
  bottom: 0;
  left: 0;
  padding: 10px 0 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

body#main.page-template-registration footer {
  background-color: #fafafa;
}

body#main.page-template-thankyou footer {
  background-color: #fff;
}

body#main.page-template-registration footer .divider,
body#main.page-template-login footer .divider,
body#main.page-template-thankyou footer .divider {
  display: none;
}

body#main.page-template-registration footer .col-newsletter-mobile,
body#main.page-template-login footer .col-newsletter-mobile,
body#main.page-template-thankyou footer .col-newsletter-mobile {
  display: none;
}

/*******************************************/
/************** PRICING PAGE ***************/
/*******************************************/
body#main.page-template-pricing #pricing_header {
  background-color: #f6f6f6;
}

body#main #testimonials .testimonials_title {
  color: #ff6154;
  font-family: "Montserrat";
  font-size: 30px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 60px;
  display: block;
}

body#main.page-template-pricing #pricing_header h1 {
  color: #384257;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-pricing #pricing_header span.pricing_subtext {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main.page-template-pricing #plans .plan-content {
  display: none;
  border-top: 1px solid #3ac4d7;
  padding-top: 60px;
}

body#main #plans .plan-row span.register a,
body#main #plans .plan-row span.register a:hover,
body#main #plans .plan-row span.register a:focus {
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  padding: 16px 40px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 4;
}

body#main #plans .go_plan-row span.register a,
body#main #plans .go_plan-row span.register a:hover,
body#main #plans .go_plan-row span.register a:focus {
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  padding: 16px 40px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  z-index: 4;
}

body#main #plans .plan-row span.register.register_lg a,
body#main #plans .plan-row span.register.register_lg a:hover,
body#main #plans .plan-row span.register.register_lg a:focus,
body#main #plans .go_plan-row span.register.register_lg a,
body#main #plans .go_plan-row span.register.register_lg a:hover,
body#main #plans .go_plan-row span.register.register_lg a:focus,
body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a,
body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a:hover,
body#main.page-template-allpricing #plans #paid-plans .plan-row span.register a:focus {
  right: 4px;
}

body#main #plans .plan-row:hover span.register a,
body#main #plans .go_plan-row:hover span.register a {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main.page-template-pricing #plans #paid-plans.plan-content {
  display: block;
}

body#main.page-template-pricing #plans .plans-menu {
  text-align: center;
}

body#main.page-template-pricing #plans .plans-menu li {
  display: inline-block;
}

body#main.page-template-pricing #plans .plans-menu li.current a {
  color: #3ac4d7;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #3ac4d7 #3ac4d7 #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 4px;
  font-family: "Montserrat";
}

body#main.page-template-pricing #features .features_col,
body#main.page-template-allpricing #features .features_col {
  margin-bottom: 30px;
}

body#main.page-template-pricing #plans .plans-menu li a {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  padding: 15px 100px 1px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  padding: 15px 100px 6px;
  position: relative;
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  z-index: 100;
  bottom: 5px;
}

body#main.page-template-pricing #plans .plans-menu li:hover a {
  color: #3ac4d7;
}

body#main.page-template-pricing #registration .registration_top {
  margin-bottom: 60px;
}

body#main.page-template-pricing #registration .registration_top h1 {
  color: #fff;
  font-size: 43px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-pricing #registration .registration_top span.registration_subtext {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main.page-template-pricing #features {
  padding: 60px 0;
}

body#main.page-template-pricing #features .features_row {
  margin-top: 0;
}

body#main.page-template-pricing #special {
  background-color: #f6f6f6;
  padding: 60px 0;
}

body#main.page-template-pricing #special h2 {
  color: #384257;
  font-size: 22px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-pricing #special span.special_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
}

body#main.page-template-pricing #special a.special_btn {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  padding: 6px 16px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
}

body#main.page-template-pricing #special a.special_btn:hover {
  color: #3ac4d7;
  background-color: #fff;
  border: 1px solid #3ac4d7;
}

body#main.page-template-pricing #pricing_faq {
  padding: 60px 0;
}

body#main.page-template-pricing #pricing_faq h1 {
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  padding-left: 15px;
  margin-bottom: 20px;
}

body#main.page-template-pricing #pricing_faq b {
  color: #3ac4d7;
  font-size: 16px;
  font-weight: 300;
  font-family: "Montserrat";
  display: block;
  margin-bottom: 20px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-pricing #pricing_faq span.faq_content_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}

body#main.page-template-pricing #plans .paid_plan_options {
  display: block;
  width: 100%;
  margin-bottom: 60px;
  text-align: center;
}

body#main.page-template-pricing #plans .paid_plan_options span {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border: 1px solid #aaadb6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 14px;
  cursor: pointer;
  margin-right: 20px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span i {
  font-style: normal;
  font-weight: 300;
  padding-left: 4px;
  color: #87898e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span:hover i {
  color: #309ead;
}

body#main #plans .paid_plan_options span.active_plan i {
  color: #309ead;
}

body#main.page-template-pricing #plans .paid_plan_options em,
body#main.page-template-allpricing #plans .paid_plan_options em {
  color: #384257;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  padding-right: 18px;
  font-style: normal;
}

body#main.page-template-pricing #plans .paid_plan_options span:last-child {
  margin-right: 20px;
}

body#main.page-template-pricing #plans .paid_plan_options span.active_plan,
body#main.page-template-pricing #plans .paid_plan_options span:hover {
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-pricing #plans .range_slider {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #3ac4d7;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 17px;
  font-weight: 300;
  height: 40px;
  line-height: 17px;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
  top: -6px;
  width: 100px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input:focus {
  border: 1px solid #3ac4d7;
  outline: none;
}

body#main.page-template-pricing #plans .range_slider em {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
}

body#main.page-template-pricing #plans .range_slider span {
  color: #384257;
  font-weight: 300;
  font-family: "Montserrat";
  /*margin-bottom: 30px;
    padding-left: 4px;
    font-size: 14px;*/
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 15px;
  line-height: 30px;
  vertical-align: top;
  margin-bottom: 35px;
}

body#main.page-template-pricing #plans .plans_table {
  margin-bottom: 20px;
}

body#main #plans .plans_table #plans_table_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(250, 250, 250, 0.6);
  z-index: 200;
}

body#main #plans .plans_table #plans_table_overlay.changed {
  display: block;
}

body#main.page-template-pricing #plans .plans_table-header {
  margin-bottom: 20px;
}

body#main.page-template-pricing #plans .plans_table-header .header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  color: #384257;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-pricing #plans .col-subscribers {
  text-align: left;
}

body#main.page-template-pricing #plans .col-mails {
  text-align: center;
}

body#main.page-template-pricing #plans .col-cost {
  text-align: right;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan.highlighted_plan,
body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan.highlighted_plan {
  border: 1px solid #3ac4d7;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-animation: plan_highlight 1.5s 1 linear;
  -moz-animation: plan_highlight 1.5s 1 linear;
  animation: plan_highlight 1.5s 1 linear;
}

@keyframes plan_highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #a1e7e9;
  }
  100% {
    background-color: #fff;
  }
}
body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row .plan-col.col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #plans .plans_table-results .plan-row .plan-col span.old_price {
  visibility: hidden;
}

body#main #plans .plans_table-results .plan-row.selected_plan .plan-col body#main.page-template-pricing #plans .border {
  width: 100%;
  display: block;
  height: 1px;
  background-color: #e6e6e6;
  margin: 20px 0;
}

body#main.page-template-pricing #plans .pricing_more .more-col {
  width: 49.6%;
  display: inline-block;
}

body#main .more_col_mobile {
  display: none;
  width: 100%;
  float: left;
  padding-left: 15px;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-subscribers-text {
  text-align: left;
  padding-left: 15px;
  color: #384257;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all {
  text-align: right;
  padding-right: 15px;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border-bottom: 2px solid #3ac4d7;
  padding: 4px;
  display: inline-block;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a:hover {
  color: #384257;
  border-color: #384257;
}

body#main.page-template-pricing #plans .pricing_more .more-col.col-all a i {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  padding-left: 4px;
  position: relative;
  top: 0;
}

body#main .free_text {
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  width: 100%;
  float: left;
  position: relative;
  top: -5px;
}

body#main .free_text_small {
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 300;
  width: 100%;
  float: left;
  position: relative;
  top: -8px;
}

body#main .free_text_all {
  bottom: 4px;
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 300;
  position: absolute;
  right: 15px;
  width: auto;
}

/*body#main .first_plan_all .plan-col.col-cost {
    position: relative;
    top: -8px;
}*/
/*body#main .pre_text {
    display: block;
    float: left;
    width: 100%;
}

body#main .pre_text_small.small_span {
    position: relative;
    top: -6px;
}*/
/*body#main .first_plan.selected_plan .plan-col.col-subscribers, body#main .first_plan.selected_plan .plan-col.col-mails {
    position: relative;
    top: -6px;
}

body#main.page-template-pricing #plans .plans_table-results .plan-row.first_plan.selected_plan .plan-col {
    height: 40px;
    padding-top: 5px;
}*/
body#main.page-template-pricing #plans .range_slider span.free_tab {
  background-color: #384257;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 42px;
  position: absolute;
  right: 0;
  text-transform: none;
  top: -6px;
  width: 12vw;
  min-width: 200px;
  padding: 0;
  text-align: center;
  font-family: "Hind", sans-serif;
  display: none;
}

/* pay as you go */
body#main.page-template-pricing #plans .go_plans_table {
  margin-bottom: 20px;
}

body#main.page-template-pricing #plans .go_plans_table-header {
  margin-bottom: 20px;
}

body#main.page-template-pricing #plans .go_plans_table-header .go_header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  color: #384257;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-pricing #plans .go_col-subscribers {
  text-align: left;
}

body#main.page-template-pricing #plans .go_col-mails {
  text-align: center;
}

body#main.page-template-pricing #plans .go_col-cost {
  text-align: right;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #plans .go_plans_table-results .go_plan-row .go_plan-col {
  position: relative;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/***********************************************/
/************** NEW PRICING PAGE ***************/
/***********************************************/
body#main.page-template-new_pricing #pricing_header {
  background-color: #3ac4d7;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}

body#main #testimonials .testimonials_title {
  color: #ff6154;
  font-family: "Montserrat";
  font-size: 30px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 60px;
  display: block;
}

body#main.page-template-new_pricing #pricing_header h1 {
  border-bottom: 2px solid #1099b5;
  color: #fff;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 50px;
  padding-bottom: 50px;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-new_pricing #pricing_header span.pricing_subtext {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main.page-template-new_pricing #plans .plan-content {
  display: none;
  border-top: 1px solid #3ac4d7;
  padding-top: 60px;
}

body#main.page-template-new_pricing #plans #paid-plans.plan-content {
  display: block;
}

body#main .integration-post-content .nav-tabs,
body#main.page-template-new_pricing #plans .plans-menu {
  text-align: center;
}

body#main.page-template-new_pricing #plans .plans-menu li,
body#main .integration-post-content .nav-tabs li {
  display: inline-block;
}

body#main.page-template-new_pricing #plans .plans-menu li.current a,
body#main .integration-post-content .nav-tabs li.active a {
  color: #3ac4d7;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #3ac4d7 #3ac4d7 #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 4px;
  font-family: "Montserrat";
  font-weight: bold;
}

body#main.page-template-new_pricing #features .features_col,
body#main.page-template-allpricing #features .features_col {
  margin-bottom: 30px;
}

body#main .integration-post-content .nav-tabs li a,
body#main.page-template-new_pricing #plans .plans-menu li a {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  padding: 15px 100px 1px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  padding: 15px 100px 6px;
  position: relative;
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  z-index: 100;
  bottom: 8px;
}

body#main .integration-post-content .nav-tabs li:hover a,
body#main.page-template-new_pricing #plans .plans-menu li:hover a {
  color: #3ac4d7;
}

body#main.page-template-new_pricing #registration .registration_top {
  margin-bottom: 60px;
}

body#main.page-template-new_pricing #registration .registration_top h1 {
  color: #fff;
  font-size: 43px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-new_pricing #registration .registration_top span.registration_subtext {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main.page-template-new_pricing #features {
  padding: 60px 0;
}

body#main.page-template-new_pricing #features .features_row {
  margin-top: 0;
}

body#main.page-template-new_pricing #special {
  background-color: #f6f6f6;
  padding: 60px 0;
}

body#main.page-template-new_pricing #special h2 {
  color: #384257;
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 18px;
  line-height: 36px;
}

body#main.page-template-new_pricing #special span.special_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
  line-height: 1.42857143;
  font-family: "Hind", "sans-serif";
}

body#main.page-template-new_pricing #special a.special_btn {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  padding: 6px 16px;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-top: 30px;
  margin-bottom: 30px;
  transition: all 0.4s;
}

body#main.page-template-new_pricing #special a.special_btn:hover {
  color: #3ac4d7;
  background-color: #fff;
  border: 1px solid #3ac4d7;
}

body#main.page-template-new_pricing #pricing_faq {
  padding: 60px 0;
}

body#main.page-template-new_pricing #pricing_faq h1 {
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  padding-left: 15px;
  margin-bottom: 20px;
}

body#main.page-template-new_pricing #pricing_faq b {
  color: #3ac4d7;
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat";
  display: block;
  margin-bottom: 20px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-new_pricing #pricing_faq span.faq_content_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
  font-family: "Hind";
  font-weight: 100;
  line-height: 1.4;
}

body#main.page-template-new_pricing #plans .paid_plan_options {
  display: block;
  width: 100%;
  margin-bottom: 60px;
  text-align: center;
}

body#main.page-template-new_pricing #plans .paid_plan_options span {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  border: 1px solid #aaadb6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 14px;
  cursor: pointer;
  margin-right: 20px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span i {
  font-style: normal;
  font-weight: 600;
  padding-left: 4px;
  color: #87898e;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main #plans .paid_plan_options span:hover i {
  color: #309ead;
}

body#main #plans .paid_plan_options span.active_plan i {
  color: #309ead;
}

body#main.page-template-new_pricing #plans .paid_plan_options em,
body#main.page-template-allpricing #plans .paid_plan_options em {
  color: #384257;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  padding-right: 18px;
  font-style: normal;
}

body#main.page-template-new_pricing #plans .paid_plan_options span:last-child {
  margin-right: 20px;
}

body#main.page-template-new_pricing #plans .paid_plan_options span.active_plan,
body#main.page-template-new_pricing #plans .paid_plan_options span:hover {
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-new_pricing #plans .range_slider {
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

body#main.page-template-new_pricing #plans .range_slider #js-amount-input {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #3ac4d7;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 17px;
  font-weight: bold;
  height: 40px;
  line-height: 17px;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
  top: -6px;
  width: 100px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .range_slider #js-amount-input:focus {
  border: 1px solid #3ac4d7;
  outline: none;
}

body#main.page-template-new_pricing #plans .range_slider em {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
}

body#main.page-template-new_pricing #plans .range_slider span {
  color: #384257;
  font-weight: 300;
  font-family: "Montserrat";
  /*margin-bottom: 30px;
    padding-left: 4px;
    font-size: 14px;*/
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  padding-left: 10px;
  font-size: 15px;
  line-height: 30px;
  vertical-align: top;
  margin-bottom: 35px;
}

body#main.page-template-new_pricing #plans .plans_table {
  margin-bottom: 20px;
}

body#main #plans .plans_table #plans_table_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(250, 250, 250, 0.6);
  z-index: 200;
}

body#main #plans .plans_table #plans_table_overlay.changed {
  display: block;
}

body#main.page-template-new_pricing #plans .plans_table-header {
  margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .plans_table-header .header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  color: #384257;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .col-subscribers {
  text-align: left;
}

body#main.page-template-new_pricing #plans .col-mails {
  text-align: center;
}

body#main.page-template-new_pricing #plans .col-cost {
  text-align: right;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan.highlighted_plan,
body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan.highlighted_plan {
  border: 1px solid #3ac4d7;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-animation: plan_highlight 1.5s 1 linear;
  -moz-animation: plan_highlight 1.5s 1 linear;
  animation: plan_highlight 1.5s 1 linear;
}

@keyframes plan_highlight {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #a1e7e9;
  }
  100% {
    background-color: #fff;
  }
}
body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row .plan-col.col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #plans .plans_table-results .plan-row .plan-col span.old_price {
  visibility: hidden;
}

body#main #plans .plans_table-results .plan-row.selected_plan .plan-col body#main.page-template-new_pricing #plans .border {
  width: 100%;
  display: block;
  height: 1px;
  background-color: #e6e6e6;
  margin: 20px 0;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col {
  width: 49.6%;
  display: inline-block;
}

body#main .more_col_mobile {
  display: none;
  width: 100%;
  float: left;
  padding-left: 15px;
  font-size: 14px;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-subscribers-text {
  text-align: left;
  padding-left: 15px;
  color: #384257;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all {
  text-align: right;
  padding-right: 15px;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat";
  border-bottom: 2px solid #3ac4d7;
  padding: 4px;
  display: inline-block;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a:hover {
  color: #384257;
  border-color: #384257;
}

body#main.page-template-new_pricing #plans .pricing_more .more-col.col-all a i {
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  padding-left: 4px;
  position: relative;
  top: 0;
}

body#main .free_text {
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  width: 100%;
  float: left;
  position: relative;
  top: -5px;
}

body#main .free_text_small {
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 300;
  width: 100%;
  float: left;
  position: relative;
  top: -8px;
}

body#main .free_text_all {
  bottom: 4px;
  color: #384257;
  display: none;
  font-family: "Montserrat";
  font-size: 11px;
  font-weight: 300;
  position: absolute;
  right: 15px;
  width: auto;
}

/*body#main .first_plan_all .plan-col.col-cost {
    position: relative;
    top: -8px;
}*/
/*body#main .pre_text {
    display: block;
    float: left;
    width: 100%;
}

body#main .pre_text_small.small_span {
    position: relative;
    top: -6px;
}*/
/*body#main .first_plan.selected_plan .plan-col.col-subscribers, body#main .first_plan.selected_plan .plan-col.col-mails {
    position: relative;
    top: -6px;
}

body#main.page-template-new_pricing #plans .plans_table-results .plan-row.first_plan.selected_plan .plan-col {
    height: 40px;
    padding-top: 5px;
}*/
body#main.page-template-new_pricing #plans .range_slider span.free_tab {
  background-color: #384257;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 42px;
  position: absolute;
  right: 0;
  text-transform: none;
  top: -6px;
  width: 12vw;
  min-width: 200px;
  padding: 0;
  text-align: center;
  font-family: "Hind", sans-serif;
  display: none;
}

/* pay as you go */
body#main.page-template-new_pricing #plans .go_plans_table {
  margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .go_plans_table-header {
  margin-bottom: 20px;
}

body#main.page-template-new_pricing #plans .go_plans_table-header .go_header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  color: #384257;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-new_pricing #plans .go_col-subscribers {
  text-align: left;
}

body#main.page-template-new_pricing #plans .go_col-mails {
  text-align: center;
}

body#main.page-template-new_pricing #plans .go_col-cost {
  text-align: right;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_pricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main a.btn.dark_btn,
body#main a.btn.dark_btn:focus {
  background: #384257 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 30px auto 0;
  display: inline-block;
  width: auto;
}

body#main a.btn.dark_btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main a.btn.dark_btn:hover i,
body#main a.btn.dark_btn:focus i {
  right: -8px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan-col {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: "Hind", sans-serif;
  font-size: 22px;
  font-weight: 600;
  width: 32.9%;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col {
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: "Hind", sans-serif;
  font-size: 17px;
  font-weight: 300;
  width: 32.9%;
  position: relative;
  padding-left: 20px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col span {
  position: relative;
  font-family: "Hind", sans-serif;
  font-size: 17px;
}

body#main.page-template-new_pricing .new_plan_table .new_plan_footer-col span::before {
  border: 2px solid #1099b5;
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: -20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}

body#main .new_plan_table-footer {
  display: block;
  margin: 40px 0 30px;
  width: 100%;
}

body#main .new_plan_footer-col {
  text-align: center;
}

body#main .new_plan_footer-col:first-child {
  text-align: left;
}

body#main .new_plan_footer-col:last-child {
  text-align: right;
}

body#main .new_plan_title {
  color: #fff;
  display: block;
  font-family: "Montserrat";
  font-size: 22px;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

body#main .sub_text {
  display: block;
  font-size: 16px;
  font-weight: 300;
  width: 100%;
  font-family: "Hind", sans-serif;
}

body#main .new_plan-row {
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 20px;
}

body#main .new_plan-col {
  text-align: center;
}

body#main .new_plan-col:first-child {
  padding-right: 90px;
}

body#main .new_plan-col:last-child {
  padding-left: 90px;
}

body#main .pricing_illustration {
  position: absolute;
}

body#main .left_folder {
  left: 4vw;
  top: 6vw;
  width: 10vw;
}

body#main .small_folder {
  bottom: 12vw;
  left: 7vw;
  width: 4vw;
}

body#main .left_cloud {
  bottom: 8vw;
  left: 15vw;
  width: 10vw;
}

body#main .right_cloud {
  right: 16vw;
  top: 6vw;
  width: 10vw;
}

body#main .right_folder {
  bottom: 5vw;
  right: 5vw;
  width: 10vw;
}

body#main .closed_folder {
  right: -4vw;
  top: 5vw;
  width: 10vw;
}

/***********************************************/
/************** ALL PRICING PAGE ***************/
/***********************************************/
body#main.page-template-allpricing #pricing_header {
  background-color: #f6f6f6;
}

body#main.page-template-allpricing #pricing_features .more-col.col-optional-text {
  color: #384257;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  padding-left: 60px;
  padding-top: 20px;
  text-align: left;
  margin-bottom: 20px;
}

body#main.page-template-allpricing #pricing_header h1 {
  color: #384257;
  font-size: 38px;
  font-weight: bold;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-allpricing .sf-label-all::after {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #ddd;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  color: #3ac4d7;
  content: "\f3d0";
  display: block;
  font-family: "Ionicons";
  font-size: 16px;
  height: 33px;
  padding-top: 6px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 1px;
  width: 18px;
  z-index: 1;
}

body#main.page-template-allpricing select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: #3ac4d7;
  border-radius: 2px;
  box-shadow: none;
  color: #3ac4d7;
  font-family: "Montserrat";
  font-weight: 400;
  padding-left: 7px;
  padding-top: 6px;
  position: relative;
  width: 100px;
  z-index: 10;
  cursor: pointer;
}

body#main.page-template-allpricing #currency-plans-content {
  position: relative;
  height: 0;
}

body#main.page-template-allpricing .drop_down_currency {
  position: absolute;
  right: 15px;
  top: 56px;
}

body#main.page-template-allpricing #pricing_header span.pricing_subtext {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
}

body#main.page-template-allpricing #plans .plan-content {
  display: none;
  border-top: 1px solid #3ac4d7;
  padding-top: 60px;
}

body#main.page-template-allpricing #plans #paid-plans.plan-content {
  display: block;
}

body#main.page-template-allpricing #plans .plans-menu {
  text-align: center;
}

body#main.page-template-allpricing #plans .plans-menu li {
  display: inline-block;
}

body#main.page-template-allpricing #plans .plans-menu li.current a {
  color: #3ac4d7;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #3ac4d7 #3ac4d7 #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 4px;
  font-family: "Montserrat";
  font-weight: bold;
}

body#main.page-template-allpricing #plans .plans-menu li a {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  padding: 15px 100px 6px;
  position: relative;
  -webkit-transition: none 0s ease 0s;
  -moz-transition: none 0s ease 0s;
  -ms-transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  z-index: 100;
  bottom: 8px;
}

body#main.page-template-allpricing #plans .plans-menu li:hover a {
  color: #3ac4d7;
}

body#main.page-template-allpricing #registration .registration_top {
  margin-bottom: 60px;
}

body#main.page-template-allpricing #registration .registration_top h1 {
  color: #fff;
  font-size: 43px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-allpricing #registration .registration_top span.registration_subtext {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main.page-template-allpricing #plans .paid_plan_options {
  display: block;
  width: 100%;
  margin-bottom: 60px;
}

body#main.page-template-allpricing #plans .paid_plan_options span {
  color: #aaadb6;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  border: 1px solid #aaadb6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 7px 15px;
  cursor: pointer;
  margin-right: 20px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

body#main.page-template-allpricing #plans .paid_plan_options span:last-child {
  margin-right: 20px;
}

body#main #plans .paid_plan_options span.active_plan,
body#main #plans .paid_plan_options span:hover {
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-allpricing #plans .range_slider {
  text-align: center;
  margin-bottom: 60px;
}

body#main.page-template-allpricing #plans .range_slider output {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  display: inline-block;
  margin-bottom: 30px;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input-go,
body#main.page-template-new_pricing #plans .range_slider #js-amount-input-go {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #3ac4d7;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 17px;
  font-weight: 300;
  height: 40px;
  line-height: 17px;
  margin-bottom: 35px;
  position: relative;
  text-align: center;
  top: -6px;
  width: 100px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-pricing #plans .range_slider #js-amount-input-go:focus,
body#main.page-template-new_pricing #plans .range_slider #js-amount-input-go:focus {
  border: 1px solid #3ac4d7;
  outline: none;
}

body#main.page-template-allpricing #plans .range_slider em {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
}

body#main.page-template-allpricing #plans .range_slider span {
  color: #384257;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
  padding-left: 4px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-allpricing #plans .plans_table {
  margin-bottom: 20px;
  overflow: visible;
  position: relative;
}

body#main.page-template-pricing #plans .plans_table {
  overflow: visible;
}

body#main.page-template-allpricing #plans .plans_table-header {
  margin-bottom: 20px;
  /*min-width: 700px;*/
}

body#main .star_image {
  left: -20px;
  position: absolute;
  top: 284px;
  width: 20px;
  display: none;
}

body#main.page-template-allpricing .star_image {
  left: -30px;
  position: absolute;
  top: 57px;
  width: 20px;
  display: none;
}

body#main.page-template-pricing #plans .plans_table-header {
  /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .plans_table-header .header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  color: #384257;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-allpricing #plans .col-subscribers {
  text-align: left;
}

body#main.page-template-allpricing #plans .col-mails {
  text-align: center;
}

body#main.page-template-allpricing #plans .col-cost,
body#main.page-template-allpricing #plans .cost-th {
  text-align: right;
}

body#main.page-template-allpricing #plans .plans_table-results,
body#main.page-template-pricing #plans .plans_table-results {
  /*min-width: 700px;*/
  position: relative;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row {
  cursor: pointer;
  border: 1px solid #fff;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col.col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row .plan-col.col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .plans_table-results .plan-row.selected_plan .plan-col.col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .border {
  width: 100%;
  display: block;
  height: 1px;
  background-color: #e6e6e6;
  margin: 20px 0;
}

body#main.page-template-allpricing #plans .pricing_more .more-col {
  width: 49.6%;
  display: inline-block;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-subscribers-text {
  text-align: left;
  padding-left: 15px;
  color: #384257;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all {
  text-align: right;
  padding-right: 15px;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all a {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat";
  color: #3ac4d7;
}

body#main.page-template-allpricing #plans .pricing_more .more-col.col-all a i {
  font-family: "Montserrat";
  font-size: 15px;
  font-weight: 300;
  padding-left: 4px;
  position: relative;
  top: 1px;
}

body#main.page-template-allpricing #features {
  background-color: #f6f6f6;
  padding: 60px 0;
}

body#main.page-template-allpricing #unlimited b {
  color: #3ac4d7;
  font-size: 16px;
  font-weight: 300;
  font-family: "Montserrat";
  display: block;
  margin-bottom: 20px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-allpricing #unlimited span.unlimited_content_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}

body#main.page-template-allpricing #pricing_features {
  padding: 60px 0;
}

body#main.page-template-allpricing #pricing_features h1 {
  color: #384257;
  font-size: 43px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-allpricing #pricing_features b {
  color: #3ac4d7;
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat";
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  text-align: center;
  display: block;
}

body#main.page-template-allpricing #pricing_features a.btn:not(.orange),
body#main.page-template-allpricing #pricing_features a.btn:not(.orange):focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 50px auto auto;
  display: inline-block;
  width: auto;
}

body#main #pricing_features .btn.orange:hover,
body#main #pricing_features .btn.orange:focus,
body#main #pricing_features .btn.orange:active {
  color: #ffffff;
  box-shadow: none;
  border: 1px solid transparent;
}

body#main.page-template-allpricing #pricing_features a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #pricing_features a.btn:hover i,
body#main.page-template-allpricing #pricing_features a.btn:focus i {
  right: -8px;
}

/*body#main.page-template-allpricing #pricing_features a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
body#main.page-template-allpricing #pricing_features .features_table-results .feature-row body#main.page-template-allpricing #pricing_features .features_table-results body#main.page-template-allpricing #pricing_features .features_table-results .feature-row .feature-col.col-features {
  padding-left: 60px;
  text-align: left;
}

body#main.page-template-allpricing #pricing_features .features_table-results .feature-row body#main.page-template-allpricing #pricing_features .features_table-header {
  margin-bottom: 40px;
}

body#main.page-template-allpricing #pricing_features .features_table-header .header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 24.5%;
  min-width: 210px;
  color: #384257;
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat";
  text-align: center;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-allpricing #pricing_features .features_table-header,
body#main.page-template-allpricing #pricing_features .features_table-results {
  min-width: 900px;
}

body#main.page-template-allpricing #pricing_features .col-features {
  text-align: left;
}

body#main.page-template-allpricing #pricing_features .col-free,
body#main.page-template-allpricing #plans .col-paid {
  text-align: center;
}

body#main.page-template-allpricing #pricing_features .col-credits {
  text-align: right;
}

body#main.page-template-allpricing #pricing_features .features_table {
  margin-top: 70px;
  overflow: auto;
}

body#main.page-template-allpricing #pricing_features .features_table .feature-col body#main.page-template-allpricing #pricing_features .features_table .feature-col body#main.page-template-allpricing #plans .go_plans_table {
  margin-bottom: 20px;
  overflow: auto;
}

body#main.page-template-pricing #plans .go_plans_table {
  overflow: auto;
}

body#main.page-template-allpricing #plans .go_plans_table-header {
  margin-bottom: 20px;
  /*min-width: 700px;*/
}

body#main.page-template-pricing #plans .go_plans_table-header {
  /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .go_plans_table-header .go_header-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32.9%;
  /*min-width: 210px;*/
  color: #384257;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  padding-left: 15px;
  padding-right: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main.page-template-allpricing #plans .go_col-subscribers {
  text-align: left;
}

body#main.page-template-allpricing #plans .go_col-mails,
body#main.page-template-allpricing #plans .go_col-mails-th {
  text-align: center;
}

body#main.page-template-allpricing #plans .go_col-cost {
  text-align: right;
}

body#main.page-template-pricing #plans .go_plans_table-results,
body#main.page-template-allpricing #plans .go_plans_table-results {
  /*min-width: 700px;*/
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan {
  border: 1px solid #3ac4d7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33%;
  /*min-width: 210px;*/
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hind", sans-serif;
  height: 50px;
  padding-top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col {
  font-size: 22px;
  padding-top: 10px;
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-subscribers {
  padding-left: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row .go_plan-col.go_col-cost {
  padding-right: 20px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-subscribers {
  padding-left: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-allpricing #plans .go_plans_table-results .go_plan-row.selected_plan .go_plan-col.go_col-cost {
  padding-right: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*************************************************/
/************** CHECKBOX ANIMATION ***************/
/*************************************************/
body#main.page-template-registration #register .col-registration-form body#main.page-template-registration #register .col-registration-form .checkbox body#main.page-template-registration #register .col-registration-form .checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 1px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  border-color: #545c6e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0;
}

body#main.page-template-registration #register .col-registration-form .checkbox label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after,
body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:hover::after {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox label:hover::after {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox] {
  visibility: hidden;
}

body#main.page-template-registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

body#main.page-template-registration #register .agree_text {
  position: relative;
  top: -30px;
}

/*************************************/
/************** TABLES ***************/
/*************************************/
body#main table {
  border-bottom: 1px solid #e6e6e6;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

body#main table tbody {
  width: 100%;
  display: table;
}

body#main table td strong,
body#main th {
  color: #384257;
  display: inline-block;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
}

body#main table td {
  box-sizing: border-box;
  color: #545c6e;
  display: table-cell;
  font-family: "Hind", sans-serif;
  font-size: 16px;
  font-weight: 300;
  height: auto;
  padding: 10px;
  vertical-align: middle;
}

/*****************************************************/
/************** RADIO BUTTON ANIMATION ***************/
/*****************************************************/
body#main.page-template-registration #register .col-registration-form input[type=radio] {
  display: none;
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label {
  color: #545c6e;
  font-family: "Hind", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
  left: 20px;
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -20px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  border-color: #545c6e;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label span:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label span:hover:after {
  opacity: 1;
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label span:hover {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
}

body#main.page-template-registration #register .col-registration-form input[type=radio]:checked + label span,
input[type=radio]:checked + label span:hover {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
}

body#main.page-template-registration #register .col-registration-form input[type=radio]:checked + label span:after {
  opacity: 1;
}

body#main.page-template-registration #register .col-registration-form input[type=radio] + label span,
body#main.page-template-registration #register .col-registration-form input[type=radio]:checked + label span {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/*******************************************************/
/************** CHECKBOX SLIDE ANIMATION ***************/
/*******************************************************/
body#main.page-template-registration #register .col-registration-form body#main.page-template-registration #register .col-registration-form body#main.page-template-registration #register .col-registration-form .slideOne label {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: -6px;
  left: -3px;
  cursor: pointer;
  background: #384257;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox] {
  visibility: hidden;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label {
  left: 27px;
  background-color: #3ac4d7;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox] + label:after {
  font-family: "Ionicons";
  content: "\f129";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 8px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label:after {
  content: "\f121";
  top: 4px;
  left: 7px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/********************************************/
/************** STATS CONTENT ***************/
/********************************************/
body#main #stats {
  background-color: #3ac4d7;
  width: 100%;
}

body#main #stats .stats_col {
  text-align: center;
  color: #fff;
}

body#main #stats .stats_col .counter_name {
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 5px;
  width: 100%;
  float: left;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

/******************************************************/
/************** IMAGE COMPARISON SLIDER ***************/
/******************************************************/
.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0em auto;
}

.cd-image-container img {
  display: block;
  width: 100% !important;
}

.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
  -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.is-visible .cd-resize-img::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}

body#main .comparison_content.col-centered {
  margin-top: 60px;
}

/**************************************************/
/************** CREATE TABBED CONTENT *************/
/**************************************************/
body#main .tab_content {
  display: none;
  left: -6.8%;
  position: relative;
}

body#main #customization {
  display: block;
}

body#main.page-template-new_create #create_tools.feature_dark {
  background-color: #384257;
}

body#main.page-template-new_create #create_tools h3 {
  color: #fff;
  display: block;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  margin-top: 0;
  padding-bottom: 15px;
  text-transform: none;
  width: 100%;
}

body#main.page-template-new_create #create_tools.feature_dark .feature_text p {
  color: #fff;
}

body#main.page-template-new_create #create_tools.feature_dark .feature_text {
  margin-bottom: 60px;
  width: 100%;
  display: block;
}

body#main .tabs_menu li a {
  background-color: #fff;
  display: block;
  padding: 20px 20px 0;
  width: 100%;
  position: relative;
}

body#main .tabs_menu li a .tab_num {
  font-family: "Montserrat";
  font-size: 20px;
  color: #3ac4d7;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

body#main .tabs_menu li.current a .tab_num {
  color: #fff;
}

body#main .tabs_menu li a .tab_description {
  border-bottom: 1px solid #ccc;
  display: block;
  padding-bottom: 20px;
  width: 100%;
  padding-left: 50px;
}

body#main .tabs_menu li:last-child a .tab_description {
  border-bottom: 1px solid transparent;
}

body#main .tabs_menu li.current a .tab_description {
  border-bottom: 1px solid transparent;
}

body#main .tabs_menu li.current a {
  background-color: #3ac4d7;
}

body#main .tab_title {
  color: #3ac4d7;
  display: block;
  font-family: "Montserrat";
  font-size: 14px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
  padding-left: 50px;
}

body#main .tab_description p {
  color: #545c6e;
  font-size: 14px;
}

body#main .tabs_menu li.current .tab_title,
body#main .tabs_menu li.current .tab_description p {
  color: #fff;
}

body#main .tabs_menu {
  background-color: #3ac4d7;
  position: absolute;
  bottom: 47px;
}

body#main.page-template-new_create #create_tools .highlight {
  display: flex;
  align-items: stretch;
}

body#main .tabs_menu li.current {
  border-left: 15px solid #3ac4d7;
  left: -15px;
  position: relative;
}

/**************************************************/
/************** FEATURES INNER PAGE ***************/
/**************************************************/
body#main #features_inner_header h1 {
  color: #384257;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: 300;
  margin-top: 0;
  padding-bottom: 0;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  line-height: 52px;
}

body#main #features_inner_header.main_container {
  padding: 40px 0 80px;
}

body#main .bottom_container {
  padding: 0 0 80px;
}

body#main .features_container {
  padding: 30px 0 80px;
}

body#main .single_container {
  padding: 40px 0 0;
}

body#main .single_post_content {
  margin-top: 60px;
  display: block;
}

body#main #features_inner_header.main_container.page {
  padding: 60px 0 0;
}

body#main #features_inner_header.main_container .feature_content-text p img {
  margin: 20px auto 60px;
  display: block;
  max-width: 90%;
}

body#main #features_inner_header.main_container.recipes img {
  margin-top: -25px;
  margin-bottom: -60px;
}

body#main.page-id-210 #features_inner_header.main_container img {
  width: auto;
}

body#main #features_inner_header.main_container h2 {
  color: #ff6154;
  font-size: 22px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #features_inner_header a.btn,
body#main #features_inner_header a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 80px auto auto;
  display: inline-block;
  width: auto;
}

body#main #features_inner_header a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #features_inner_header a.btn:hover i,
body#main #features_inner_header a.btn:focus i {
  right: -8px;
}

body#main #features_inner_header-content .feature_content-text p {
  line-height: 1.5;
}

body#main #features_inner_header-content .feature_content-text ul,
body#main .wrappers_content ul {
  margin-bottom: 30px;
}

body#main #features_inner_header-content .feature_content-text ul li {
  padding-left: 28px;
  margin-bottom: 10px;
  color: #545c6e;
}

body#main #features_inner_header-content .feature_content-text ul li:before {
  color: #3ac4d7;
  content: "\f3a6";
  cursor: pointer;
  display: block;
  font-family: "Ionicons";
  font-size: 12px;
  height: 4px;
  left: -28px;
  padding-top: 6px;
  position: relative;
  top: 4px;
  width: 4px;
  z-index: 1;
}

body#main .wrappers_content ul li:before {
  top: 2px;
}

body#main #features_inner_header-content .feature_content-text ul li a {
  color: #384257;
  font-size: 18px;
  margin-bottom: 15px;
  display: block;
}

body#main .wrappers_content ul li {
  margin-bottom: 10px;
  color: #545c6e;
  display: inline-block;
  padding-right: 25px;
}

body#main .wrappers_content ul li img {
  margin-right: 8px;
  max-width: 24px;
  position: relative;
  top: -2px;
  width: 100%;
}

body#main .wrappers_content ul li a i {
  font-size: 30px;
  padding-right: 4px;
  position: relative;
  top: 7px;
}

body#main .wrappers_content ul li:first-child a i {
  font-size: 22px;
  top: 4px;
}

body#main.page-template-features_inner .feature_content-text.browser_grey {
  background: rgba(0, 0, 0, 0) url("../../images/browser-grey-test.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body#main.page-template-features_inner .feature_content-text.browser_grey img {
  cursor: default;
  display: block;
  max-width: 100%;
  padding: 6.9%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main.page-template-features_inner .feature_content-text.browser_grey video {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 6.9%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main .integration-post-content .nav-tabs {
  border-bottom: 1px solid #3ac4d7;
}

body#main .integration-post-content .nav-tabs li {
  float: none;
}

body#main .integration-post-content .nav-tabs li a {
  bottom: -1px;
  padding: 15px 92px 6px;
}

body#main.single .integration-post-content .nav-tabs > li:not(.active) > a:focus,
body#main.single .integration-post-content .nav-tabs > li:not(.active) > a:hover {
  background: transparent;
  border-color: transparent;
}

body#main.single #features_inner_header .integration-intro-row body#main.single #features_inner_header .integration-intro-row body#main.single .moo-button-prev,
body#main.single .moo-button-prev.swiper-button-disabled,
body#main .lg-backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}

body#main .integration_gal {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

body#main .related-recipes-container h2 {
  font-weight: 300;
  font-family: "Montserrat";
  font-size: 43px;
  text-transform: none;
  color: #384257;
}

body#main .related-recipe-row {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

body#main .related-recipe-row img {
  max-height: 370px;
}

body#main .related-recipe-description {
  font-size: 16px;
  display: block;
}

/*************************************/
/************** SEARCH ***************/
/*************************************/
body#main .templates_menu,
body#main .integrations_menu {
  position: relative;
  top: -80px;
}

body#main .searchform {
  float: left;
  padding: 40px 30px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
}

body#main .searchform div {
  position: relative;
}

body#main #searchform #searchsubmit {
  border-radius: 0;
  height: 40px;
  width: 40px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 4;
}

body#main #searchform span {
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: 9px;
  top: 6px;
  z-index: 2;
}

body#main #searchform input.search_field {
  background-color: transparent;
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 40px;
  padding: 0 8px;
  width: 100%;
}

body#main #searchform ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

body#main #searchform ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

body#main #searchform :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

body#main #searchform :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

/*****************************************/
/************** PAGINATION ***************/
/*****************************************/
ul.pagination li {
  display: inline-block;
  margin-right: 8px;
  color: #3ac4d7 !important;
}

ul.pagination li a {
  display: flex;
  border: 1px solid transparent;
  border-radius: 200px !important;
  padding: 5px 0 0;
  width: 39px;
  height: 39px;
  text-align: center;
  line-height: 20px;
  font-size: 24px !important;
  justify-content: center;
  align-items: center;
}

ul.pagination li a:hover,
ul.pagination li a:focus,
ul.pagination li.current a {
  background-color: #DCF2F5 !important;
  color: #3AC4D7 !important;
  border: 1px solid #3AC4D7 !important;
}

ul.pagination li.previous-btn-pagination a i, ul.pagination li.next-btn-pagination a i {
  font-size: 17px !important;
  margin-top: -3px;
  margin-left: -2px;
}

ul.pagination li.next-btn-pagination a i {
  margin-left: 2px;
}

ul.pagination li a.dont-hover-me {
  letter-spacing: 3px;
  font-size: 24px !important;
  font-weight: 400;
}

ul.pagination li a.dont-hover-me:hover, ul.pagination li a.dont-hover-me:focus, ul.pagination li.current a.dont-hover-me {
  background: none !important;
  border: unset !important;
}

/*********************************************************/
/************** AUTOMATIONS BREAKDOWN PAGE ***************/
/*********************************************************/
body#main #features_header.automations_header {
  background-color: #c4edf3;
}

body#main #features_header.automations_header h1 {
  margin-top: 70px;
}

body#main.page-template-automations_feature .feature_white h2,
body#main.page-template-automations_feature .feature_grey h2,
body#main.page-template-automations_feature .feature_content-text h3 {
  color: #384257;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  text-transform: none;
  padding-bottom: 20px;
}

body#main.page-template-automations_feature .feature_white .feature_text p,
body#main.page-template-automations_feature .feature_grey .feature_text p {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main .col_automation_icon_inner {
  margin-bottom: 30px;
}

body#main .col_automation_icon_inner img {
  margin: auto;
  height: 140px;
}

body#main .feature_white .automation_icon img,
body#main .feature_grey .automation_icon img,
body#main .feature_dark .automation_icon img {
  margin: 30px auto 50px;
  height: 30px;
}

body#main .automation_content {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 10px;
  width: 100%;
  position: relative;
  float: left;
}

/*body#main .col_automation_content {
    padding-left: 80px;
}*/
body#main .automation_left_icon {
  left: -40px;
  position: absolute;
  top: 0;
}

body#main .automation_title {
  display: inline-block;
  float: left;
  font-family: "Montserrat";
  font-size: 14px;
  width: 30%;
}

body#main .automation_description {
  display: inline-block;
  float: left;
  width: 70%;
}

body#main.page-template-automations_feature .feature_content-text > h3 {
  margin-top: 0;
  padding-top: 40px;
}

body#main .automation_left_icon img {
  max-height: 18px !important;
}

body#main .new_automation_content {
  display: block;
  margin-top: 50px;
  width: 100%;
}

body#main .automation_top_description {
  display: block;
  height: 40px;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

body#main .automation_top_image {
  display: block;
  margin: auto;
  width: 100%;
  margin-bottom: 20px;
}

body#main .automation_top_image img {
  display: block;
  margin: auto;
  width: auto;
}

body#main .row-centered {
  text-align: center;
}

body#main .col-centered2 {
  display: inline-block;
  float: none;
}

body#main .row-centered .col-centered2:first-child .new_automation_content {
  position: relative;
  top: 20px;
}

/********************************************/
/************** FEATURES PAGE ***************/
/********************************************/
body#main #features_header {
  background-color: #f6f6f6;
}

body#main #features_header h1 {
  color: #384257;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main[class*=category-recipes-] #features_header h1 {
  font-size: 24px;
}

body#main #features_header p {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main #registration .registration_top {
  margin-bottom: 60px;
}

body#main #registration .registration_top h1,
body#main #registration .registration_top h3 {
  color: #fff;
  font-size: 43px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #registration .registration_top span.header_register {
  color: #fff;
  font-family: "Montserrat";
  font-size: 43px;
  font-weight: 300;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  margin-top: 0;
  padding-bottom: 20px;
  display: block;
  width: 100%;
}

body#main #registration .registration_top span.registration_subtext {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main #special {
  background-color: #f6f6f6;
  padding: 60px 0;
  text-align: center;
}

body#main #get-support h2,
body#main #special h2 {
  color: #384257;
  font-size: 22px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #get-support h2 {
  padding-bottom: 10px;
}

body#main #get-support span.special_text,
body#main #special span.special_text {
  color: #545c6e;
  font-size: 16px;
  display: block;
}

/*body#main #special a.special_btn {
    color: #3AC4D7;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat';
    border-bottom: 2px solid #3AC4D7;
    padding: 4px 16px;
    display: inline-block;
    margin-top: 30px;
    -webkit-text-transform: uppercase;
    -moz-text-transform: uppercase;
    -ms-text-transform: uppercase;
    -o-text-transform: uppercase;
    text-transform: uppercase;
}

body#main #special a.special_btn:hover {
    color: #384257;
    border-color: #384257;
}*/
body#main #get-support a.btn,
body#main #get-support a.btn:focus,
body#main #special a.btn:not(.blue),
body#main #special a.btn:not(.blue):focus {
  background: #3ac4d7 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 20px auto 0;
  display: inline-block;
  width: auto;
}

body#main #special-content .btn.blue:hover,
body#main #special-content .btn.blue:focus,
body#main #special-content .btn.blue:active {
  color: #ffffff;
  box-shadow: none;
  border: 1px solid transparent;
}

.u-container-special {
  display: flex;
}

.u-container-special > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.u-container-special > div .btn.blue {
  margin-top: auto;
}

.u-container-special > div .special_text {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .u-container-special {
    flex-direction: column;
    color: black;
  }
  .u-container-special > div {
    width: 100%;
  }
}
body#main #get-support a.btn,
body#main #get-support a.btn:focus {
  margin: 0 auto;
}

body#main #get-support a.btn i,
body#main #special a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #special a.btn:hover i,
body#main #special a.btn:focus i {
  right: -8px;
}

body#main .feature_white h2,
body#main .feature_grey h2 {
  color: #ff6154;
  font-size: 22px;
  font-weight: 300;
  margin-top: 10px;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  text-align: center;
}

body#main .feature_white .feature_text p,
body#main .feature_grey .feature_text p {
  font-size: 16px;
  display: block;
  color: #384257;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

body#main .feature_white a.feature_btn,
body#main .feature_grey a.feature_btn,
body#main #breakdown .contact_col_inner a.feature_btn {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border-bottom: 2px solid #3ac4d7;
  padding: 4px;
  display: inline-block;
  margin-top: 30px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main .feature_white a.feature_btn.import_btn {
  margin-top: 10px;
  margin-bottom: 40px;
}

body#main .feature_white a.feature_btn:hover,
body#main .feature_grey a.feature_btn:hover,
body#main #breakdown .contact_col_inner:hover a.feature_btn {
  color: #384257;
  border-color: #384257;
}

body#main .feature_grey {
  background-color: #f6f6f6;
}

body#main .feature_dark {
  background-color: #384257;
}

body#main .feature_light {
  background-color: #3ac4d7;
}

body#main .highlight {
  min-height: 1.354vw;
  position: relative;
}

body#main .large_highlight {
  min-height: 1.6vw;
  position: relative;
}

body#main.page-template-manage .highlight,
body#main.page-template-analytics .highlight {
  min-height: 1vw;
}

body#main.page-template-create .highlight,
body#main.page-template-new_create .highlight {
  min-height: 320px;
}

body#main.page-template-create #create_tags .highlight {
  min-height: 23vw;
}

body#main .feature_white img,
body#main .feature_grey img,
body#main .feature_dark img,
body#main .feature_light img {
  margin: auto;
  width: auto;
}

body#main .highlight .feature_content-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

body#main .highlight .feature_content-text.browser_grey {
  background: rgba(0, 0, 0, 0) url("../../images/browser-grey.svg") no-repeat scroll 0 0/contain;
  width: 100%;
  left: 0;
  position: relative;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
}

body#main .highlight .feature_content-text.browser_grey img {
  display: block;
  max-width: 100%;
  padding: 11.6% 2.6% 40px;
  position: relative;
  top: -26px;
  width: 100%;
}

body#main span.play_vid,
body#main span.play_vid2,
body#main span.play_vid,
body#main span.play_vid3 {
  left: 50%;
  position: absolute;
  top: 50%;
  opacity: 1;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #f18277;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 82px;
  padding-left: 7px;
  color: #fff;
  font-size: 48px;
}

body#main .browser_grey span.play_vid,
body#main .browser_grey span.play_vid2,
body#main .browser_grey span.play_vid3 {
  top: 50%;
}

body#main .laptop_bg span.play_vid {
  -webkit-transform: translate(-50%, -90%);
  -moz-transform: translate(-50%, -90%);
  transform: translate(-50%, -90%);
}

body#main .smtp_list b {
  min-height: 60px !important;
}

body#main span.play_vid.dark {
  background: #384257;
}

body#main span.play_vid.dark:hover {
  background: #495772;
  color: #fff;
}

body#main span.play_vid:hover,
body#main span.play_vid2:hover,
body#main span.play_vid3:hover {
  background: #ff6154;
  color: #384257;
}

body#main span.play_vid.clicked,
body#main span.play_vid2.clicked,
body#main span.play_vid3.clicked {
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main .highlight .feature_content-text.browser_grey video {
  display: block;
  max-width: 100%;
  padding: 11.6% 2.6% 40px;
  position: relative;
  top: -26px;
  width: 100%;
  cursor: pointer;
}

/*body#main .highlight .feature_content-text.browser_grey video#myvideo2 {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 11.6% 2.6% 40px;
    position: relative;
    top: -26px;
    width: 100%;
}*/
/*body#main .highlight .feature_content-text.laptop_grey video#myvideo3, body#main .highlight .feature_content-text.laptop_grey video#myvideo2 {
    cursor: pointer;
    display: block;
    max-width: 100%;
    padding: 11.6% 12.7% 97px;
    position: relative;
    top: -23px;
    width: 100%;
}*/
body#main .highlight .feature_content-text.laptop_white video {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main #features .laptop_bg video {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 14% 2.4% 81px;
  position: relative;
  top: -34px;
  width: 100%;
}

body#main .highlight .feature_content-text.laptop_white {
  background: rgba(0, 0, 0, 0) url("../../images/laptop-white-test.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body#main .highlight .feature_content-text.laptop_white img {
  display: block;
  max-width: 100%;
  padding: 12.7%;
  position: relative;
  top: -14px;
  width: 100%;
}

body#main .highlight .feature_content-text.laptop_grey {
  background: rgba(0, 0, 0, 0) url("../../images/laptop-grey-test.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body#main .highlight .feature_content-text.laptop_grey video,
body#main .highlight .feature_content-text.laptop_grey img {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main .highlight .feature_content-text.laptop_grey iframe {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
  /*height: 86vh;*/
}

body#main .highlight .feature_content-text.laptop_white iframe {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
  /*height: 86vh;*/
}

body#main #create_drag iframe {
  opacity: 0;
}

body#main #highlight_drag iframe {
  opacity: 0;
}

body#main.page-template-new_create #create_delivery h3 {
  color: #384257;
  text-align: center;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  padding-bottom: 60px;
}

body#main.page-template-new_create #create_tags h3,
body#main.page-template-new_create #create_templates h3,
body#main.page-template-new_create #create_comparison h3 {
  color: #384257;
  text-align: center;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  padding-bottom: 30px;
  line-height: 1.2;
}

body#main .create_templates_images {
  margin-bottom: 40px;
}

body#main .left_create_img,
body#main .right_create_img {
  display: inline-block;
}

body#main .left_create_img {
  margin-right: 30px;
}

body#main .highlight .feature_content-text.browser_grey {
  background: rgba(0, 0, 0, 0) url("../../images/browser-grey-test.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body#main .highlight .feature_content-text.browser_grey_tall {
  background: rgba(0, 0, 0, 0) url("../../images/moosend_create_browser2.png") no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100.5%;
  max-width: 100.5%;
  margin: 0 auto;
}

body#main footer .input-group-btn button.disabled {
  cursor: pointer;
  opacity: 1;
}

body#main #ms-sub-form .help-block.with-errors {
  bottom: -40px;
  left: 0;
  position: absolute;
}

body#main #ms-sub-form .help-block.with-errors ul li {
  font-size: 13px;
  color: #e83c33;
}

body#main .highlight .feature_content-text.browser_grey video {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 6.9%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main .highlight .feature_content-text.browser_grey img {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 6.9%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main .highlight .feature_content-text.browser_grey iframe {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 6.9%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
}

body#main .highlight .feature_content-text.browser_grey_tall img {
  cursor: default;
  display: block;
  max-width: 100%;
  padding: 6.73%;
  position: relative;
  top: 1px;
  left: 0.3%;
  width: 100%;
}

body#main .feature_dark h2 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  margin-top: 30px;
  display: inline-block;
}

body#main .feature_dark .feature_text p {
  font-size: 18px;
  display: block;
  width: 100%;
  color: #ffffff;
}

body#main .feature_dark a.btn,
body#main .feature_dark a.btn:focus {
  background: #3ac4d7 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 30px auto 0;
  display: inline-block;
  width: auto;
}

body#main .feature_dark a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main .feature_dark a.btn:hover i,
body#main .feature_dark a.btn:focus i {
  right: -8px;
}

body#main .feature_grey a.btn.feature_btn_grey,
body#main .feature_grey a.btn.feature_btn_grey:focus {
  background: #3ac4d7 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: 30px auto 0;
  display: inline-block;
  width: auto;
}

body#main .feature_grey a.btn.feature_btn_grey i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main .feature_grey a.btn.feature_btn_grey:hover i,
body#main .feature_grey a.btn.feature_btn_grey:focus i {
  right: -8px;
}

/*body#main .feature_dark a.btn span {
    background: #2CB6CD none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
body#main #main_features .main_feature_col a.feature_effect {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #f6f6f6;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main .main_feature_row_separator {
  margin-top: 80px;
}

body#main #main_features .main_feature_col:hover a.feature_effect {
  background-color: #c4edf3;
}

body#main #main_features .main_feature_col a.feature_effect img {
  margin: auto;
}

body#main #main_features a span.map_header {
  font-size: 16px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 30px;
  margin-top: 40px;
  display: block;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #main_features a:hover span.map_header {
  color: #384257;
}

body#main #main_features .feature_text li,
body#main #key_points .feature_content-text li,
body#main .contact_col .col_list li {
  padding-left: 28px;
}

body#main #key_points .feature_content-text li,
body#main .contact_col .col_list li {
  margin-bottom: 10px;
}

body#main #main_features .feature_text li:before,
body#main #key_points .feature_content-text li:before,
body#main .contact_col .col_list li:before {
  color: #3ac4d7;
  content: "\f3a6";
  cursor: pointer;
  display: block;
  font-family: "Ionicons";
  font-size: 12px;
  height: 4px;
  left: -28px;
  padding-top: 6px;
  position: relative;
  top: 4px;
  width: 4px;
  z-index: 1;
}

body#main .contact_col.contact_col2 .col_list li:before {
  color: #ff6154;
}

body#main .contact_col.contact_col3 .col_list li:before {
  color: #f1c44c;
}

body#main .contact_col .col_list {
  margin-top: 60px;
  padding: 50px 30px 30px;
  position: relative;
}

body#main .contact_col1 .col_list {
  border: 1px solid #3ac4d7;
}

body#main .contact_col2 .col_list {
  border: 1px solid #ff6154;
}

body#main .contact_col3 .col_list {
  border: 1px solid #f1c44c;
}

body#main .contact_col .col_list span {
  background-color: #fff;
  left: 50%;
  padding: 20px;
  position: absolute;
  top: -32px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

body#main #main_features .feature_text a {
  color: #384257;
  font-size: 18px;
  margin-bottom: 15px;
  display: block;
}

body#main #main_features .feature_text a:hover {
  color: #3ac4d7;
}

body#main #features_nav .features_menu {
  border-bottom: 2px solid #b0e7ef;
  display: table;
  padding-bottom: 19px;
  width: 100%;
}

body#main #features_nav .features_menu > li {
  display: table-cell;
}

body#main #features_nav .features_menu li a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  color: #384257;
}

body#main #features_nav .features_menu li a:hover,
body#main #features_nav .features_menu li.current_feature a {
  color: #3ac4d7;
}

body#main #features_nav .features_menu a span {
  display: block;
  margin-top: 2px;
}

body#main #features_nav img.feature {
  margin: auto;
  display: block;
}

body#main #features_nav .features_menu li a .feature_border {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  height: 4px;
  position: relative;
  top: 22px;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #features_nav .features_menu li a:hover .feature_border,
body#main #features_nav .features_menu li.current_feature a .feature_border {
  background-color: #3ac4d7;
}

body#main #features_nav {
  background-color: #fff;
  display: block;
}

body#main #manage_members {
  padding-top: 120px;
}

body#main #manage_dedicated {
  padding-bottom: 120px;
}

body#main.page-template-create .feature_dark,
body#main.page-template-new_create .feature_dark,
body#main.page-template-analytics .feature_dark,
body#main.page-template-automate .feature_dark,
body#main.page-template-new_automations .feature_dark {
  background-color: #fff;
}

body#main.page-template-create .feature_dark h2,
body#main.page-template-create .feature_dark .feature_text p,
body#main.page-template-new_create .feature_dark h2,
body#main.page-template-new_create .feature_dark .feature_text p,
body#main.page-template-analytics .feature_dark h2,
body#main.page-template-analytics .feature_dark .feature_text p,
body#main.page-template-automate .feature_dark h2,
body#main.page-template-automate .feature_dark .feature_text p,
body#main.page-template-new_automations .feature_dark h2,
body#main.page-template-new_automations .feature_dark .feature_text p {
  color: #384257;
}

body#main.page-template-analytics .feature_dark h3 {
  color: #384257;
  font-size: 28px;
  padding-top: 10px;
  margin-bottom: 40px;
  display: inline-block;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-automate .feature_grey .feature_text b,
body#main.page-template-connect .feature_grey .feature_text b {
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 6px;
  margin-top: 8px;
}

body#main.page-template-automate .feature_grey .feature_text span,
body#main.page-template-connect .feature_grey .feature_text span {
  font-weight: 300;
  display: inline-block;
  margin-bottom: 10px;
}

body#main.page-template-automate #automate_trigger .feature_content-text.browser_grey,
body#main.page-template-new_automate #automate_hero .feature_content-text.browser_grey {
  background-size: 100% 100.6%;
}

body#main.page-template-automate #automate_trigger .feature_content-text.browser_grey video,
body#main.page-template-new_automate #automate_hero .feature_content-text.browser_grey video {
  width: 99.8%;
}

/************************************************/
/************** NEW AUTOMATE PAGE ***************/
/************************************************/
body#main h3.dark,
body#main h4.dark,
body#main h3.dark,
body#main h5.dark {
  color: #384257;
  text-align: center;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 38px;
  font-weight: 300;
  margin-top: 0;
  text-transform: none;
  padding-bottom: 30px;
}

body#main .automate_integrations,
body#main .recommendations {
  margin-top: 80px;
}

body#main .automate_integration_col {
  margin-bottom: 50px;
}

body#main .automate_integration {
  height: 160px;
  margin: auto auto 30px;
  object-fit: contain;
  width: 100%;
  max-width: 280px;
}

body#main .automate_integration_title {
  color: #545c6e;
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 20px;
  width: 100%;
  display: block;
  /*height: 60px;*/
}

body#main .automate_recommendation_title {
  color: #545c6e;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
  height: 30px;
  width: 100%;
  display: block;
}

body#main .automate_integration_description {
  display: block;
  /*height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;*/
  width: 100%;
}

body#main.page-template-new_automate .automate_integration_description {
  min-height: 110px;
}

body#main .integration_top {
  align-items: center;
  display: flex;
  padding: 20px 0;
}

body#main .integration_logo {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

body#main .integration_link {
  display: block;
  margin: 30px 0;
  width: 100%;
}

body#main .integration_logo img {
  max-width: 200px;
}

/*body#main .integration_link_content {
    float: right;
}*/
body#main .integration_link_content span {
  display: block;
  text-align: center;
  margin-top: 20px;
  width: 100%;
}

body#main .integration_description {
  background-color: #f6f6f6;
  padding: 0 30px;
}

body#main .integration_title_content {
  display: block;
  margin: 10px 0 20px;
  width: 100%;
}

/*body#main .integration_title_content h1 {
    float: left !important;
    font-size: 30px !important;
}*/
body#main .integration_btn {
  height: 40px !important;
  margin: 0 !important;
}

body#main .hide_desktop {
  display: none !important;
}

body#main #integrations_top.int-top-section {
  background-color: #f6f6f6;
  padding: 40px 0;
  position: absolute;
  top: 130px;
  width: 100%;
  left: 0;
  height: 253px;
  z-index: 105;
  overflow: hidden;
}

body#main #features_inner_header-content.new-integrations-content {
  padding-top: 290px;
}

/*body#main.fixed-subnav #features_inner_header-content {
    padding-top: 50px;
}*/
body#main.fixed-subnav .int-logo-col {
  display: none;
}

body#main.fixed-subnav .int-button-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

body#main.fixed-subnav .integration-intro-row .title-intro-desc {
  padding: 0;
}

body#main.fixed-subnav .integration-intro-row .integration-extra-fields p {
  margin-bottom: 0px;
  max-width: 174px;
  text-align: center;
}

body#main.fixed-subnav #features_inner_header .integration-intro-row body#main .integration-post-content #get-support {
  padding-bottom: 50px;
}

body#main .integration-post-content .chat.row {
  padding-top: 10px;
}

body#main .integration-post-content .support-articles {
  margin-bottom: 30px;
}

body#main .integration-post-content .support-articles .chat.row {
  padding-top: 20px;
}

body#main .integration-post-content .support-articles ol,
body#main .integration-post-content .support-articles ul {
  padding-left: 15px;
}

body#main .integration-post-content .support-articles li:before {
  color: #3ac4d7;
  content: "\f3a6";
  cursor: pointer;
  display: block;
  font-family: "Ionicons";
  font-size: 12px;
  height: 4px;
  left: -28px;
  padding-top: 6px;
  position: relative;
  top: 4px;
  width: 4px;
  z-index: 1;
}

body#main .integration-post-content .support-articles li {
  /*    list-style-type: decimal;
        color: #394258;
        font-size: 18px;
        line-height: 1.7;
        font-weight: 600;*/
  line-height: 1.5;
}

body#main .integration-post-content .support-articles li a {
  color: #545c6e;
  font-weight: 400;
  font-size: 18px;
}

body#main #get-support h2 {
  margin: 0;
  line-height: 52px;
}

body#main .automate_integration_col.integration_col:nth-child(odd) {
  clear: both;
}

body#main .automate_integration_content {
  padding: 0 10px 0 30px;
  /*min-height: 200px;*/
}

body#main.page-template-new_automate .automate_integration_content {
  min-height: 260px;
}

body#main a.automate_integration_btn {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border-bottom: 2px solid #3ac4d7;
  padding: 4px;
  display: inline-block;
  margin-top: 15px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main a.automate_integration_btn.back_btn {
  margin-right: 50px;
  position: relative;
  top: 40px;
}

body#main .attachment-post-thumbnail {
  max-width: 100%;
}

body#main .recommendation_btn {
  margin-top: 20px;
}

body#main .automate_recommendation_description {
  display: block;
  margin-top: 50px;
  text-align: center;
  width: 100%;
}

body#main a.automate_integration_btn:hover,
body#main a.automate_integration_btn:focus {
  color: #384257;
  border-bottom: 2px solid #384257;
}

body#main .create_tabs a.btn,
body#main #integrate a.btn,
body#main #breakdown a.btn,
body#main .create_tabs a.btn:focus,
body#main #integrate a.btn:focus,
body#main #breakdown a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main .create_tabs a.btn i,
body#main #breakdown a.btn i,
body#main #integrate a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main .create_tabs a.btn:hover i,
body#main #breakdown a.btn:hover i,
body#main #integrate a.btn:hover i,
body#main .create_tabs a.btn:focus i,
body#main #breakdown a.btn:focus i,
body#main #integrate a.btn:focus i {
  right: -8px;
}

body#main .automate_recommendation {
  -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  /*display: block;
    height: 400px;
    object-fit: cover;
    object-position: center top;
    width: 100%;*/
  display: block;
  height: auto;
  margin: auto;
}

body#main .statistics_col {
  background-color: #fff;
  margin-bottom: 80px !important;
  margin-top: 30px !important;
  padding: 0;
  -webkit-box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
  -moz-box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
  box-shadow: 5px 2px 12px rgba(153, 153, 153, 0.4);
}

body#main .statistics_row {
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 30px;
}

body#main .statistics_row:last-child {
  border-bottom: 0 solid #e8e8e8;
}

body#main .stats_content {
  display: inline-block;
  margin-top: 15px;
}

body#main .stats_right {
  position: relative;
  top: -10px;
}

body#main .automation_image {
  display: inline-block;
  float: left;
  height: 80px;
  object-fit: cover;
  padding-right: 30px;
  width: 110px !important;
}

body#main .automation_text {
  display: inline-block;
  float: left;
  padding-right: 60px;
  width: 280px;
}

body#main .automate_title,
body#main .click_title {
  width: 100%;
  display: block;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 6px;
}

body#main .click_title {
  color: #aaadb6;
}

body#main .automate_description,
body#main .click_number {
  width: 100%;
  display: block;
  color: #aaadb6;
  font-size: 16px;
}

body#main .automate_description p {
  color: #aaadb6;
}

body#main .clicks_col {
  float: left;
  padding-right: 60px;
}

body#main .clicks_col:last-child {
  padding-right: 0;
}

body#main #recipes_examples {
  background-color: #384257;
  color: #fff;
}

body#main #recipes_examples #create_tabs {
  background-color: #fff !important;
}

body#main .recipe_example {
  display: none;
  /*min-height: 400px;*/
}

body#main #example_user {
  display: block;
}

body#main .recipes_examples {
  border-top: 1px solid #3ac4d7;
  padding-top: 80px;
  font-size: 18px;
  font-weight: 300;
}

body#main .recipes_examples_menu li a {
  color: #aaadb6;
  font-family: "Montserrat";
  font-size: 14px;
  padding: 15px 20px 10px;
  position: relative;
  top: -10px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

body#main .recipes_examples_menu li.current a {
  border-color: #3ac4d7 #3ac4d7 #384257;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 5px;
  color: #3ac4d7;
  font-family: "Montserrat";
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

@media only screen and (min-width: 767px) {
  body#main .recipes_examples_menu.create_tabs li {
    width: 33%;
    text-align: center;
  }
}
body#main .recipes_examples_menu.create_tabs li.current a {
  border-color: #3ac4d7 #3ac4d7 #fff;
}

body#main .recipes_examples_menu {
  display: table;
  width: 100%;
}

body#main .recipes_examples_menu li {
  display: table-cell;
}

body#main .create_tabs .button_col {
  margin-top: 60px;
}

body#main .create_tabs h3 {
  color: #ff6154;
  font-size: 22px;
  font-weight: 300;
  margin-top: 10px;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
  text-align: center;
}

body#main .white_row {
  background-color: #fff;
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
  padding: 20px 30px 20px 80px;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

body#main .transparent_row {
  padding: 20px;
  position: relative;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 100%;
  display: block;
  float: left;
}

body#main .row_down::after {
  background-color: #fff;
  bottom: -50px;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
}

body#main .row_up::before {
  background-color: #fff;
  top: -50px;
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
}

body#main .img_border {
  width: 100%;
  height: auto;
  position: relative;
  padding: 10px;
  border: 1px solid #fff;
}

body#main.page-template-new_automate #breakdown .contact_col_inner h3 {
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}

body#main .automate_icons_subtitle {
  display: block;
  font-size: 18px;
  font-weight: 300;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

body#main #breakdown .contact_col_inner h3 p {
  color: #3ac4d7;
  display: block;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

body#main.page-template-new_automate #breakdown .contact_subtext {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

body#main #breakdown .contact {
  height: 20px;
  margin: auto;
  width: auto;
}

body#main.page-template-new_automate #breakdown #contact_header-content body#main .img_border img {
  height: 100%;
  max-height: 400px;
  object-fit: cover;
  object-position: 0 0;
  width: 100%;
}

body#main #breakdown .contact_col_inner h3.triggers_title_new p {
  color: #000;
}

body#main #breakdown .contact_col_inner h3.steps_title_new p {
  color: #ff6154;
}

body#main .clock_img {
  display: block;
  height: 100px;
  margin: 50px auto;
  width: 100px;
}

body#main .red_circle,
body#main .yellow_circle,
body#main .yellow_content {
  border-top: 1px solid #f2c24a;
  width: 100%;
  display: block;
  padding-top: 20px;
}

body#main .blue_content {
  border-top: 1px solid #3ac4d7;
  width: 100%;
  display: block;
  padding-top: 20px;
}

body#main .red_content {
  border-top: 1px solid #ff6154;
  width: 100%;
  display: block;
  padding-top: 20px;
}

body#main .first_tab .blue_content {
  margin-top: 200px;
}

body#main .first_tab .red_content {
  margin-top: 80px;
}

body#main .full_row {
  display: block;
  float: left;
  width: 100%;
}

body#main .full_row.no_margin_top {
  margin-top: -50px;
}

body#main .second_tab .margin_top {
  margin-top: 80px;
}

body#main .fourth_tab .margin_top {
  margin-top: 200px;
}

body#main .fourth_tab .red_content {
  margin-top: 80px;
}

body#main .title_row {
  display: block;
  font-family: "Montserrat";
  font-size: 22px;
  margin-bottom: 70px;
  width: 100%;
}

body#main .third_tab .white_row {
  margin-bottom: 20px;
}

body#main .third_tab .yellow_content,
body#main .third_tab .blue_content {
  border-top: none;
  padding: 10px 0 10px 20px;
  margin-bottom: 70px;
}

body#main .third_tab .yellow_content {
  border-left: 1px solid #f2c24a;
}

body#main .third_tab .blue_content {
  border-left: 1px solid #3ac4d7;
}

body#main .automate_icon {
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

body#main .mobile_automate_header {
  color: #3ac4d7;
  display: none;
  font-family: "Montserrat";
  margin: auto auto 60px;
  max-width: 220px;
  text-align: center;
  width: 100%;
}

/****************************************/
/************** ANIMATIONS **************/
/****************************************/
body#main .general_animation {
  opacity: 0;
}

body#main .general_animation.animated {
  opacity: 1;
}

/*********************************************/
/************** CLOCK ANIMATION **************/
/*********************************************/
@keyframes time1 {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes time2 {
  to {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes time3 {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*********************************************/
/************** TEMPLATES PAGE ***************/
/*********************************************/
body#main .templates_menu .template {
  background-color: #384257;
  color: #fff;
  padding: 40px 30px;
  position: relative;
  top: 0;
  font-size: 18px;
  font-weight: 600;
}

body#main .templates_menu .template .all_cats.current,
body#main .templates_menu .template li.current-cat a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

body#main .templates_menu .template .all_cats {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main .templates_menu .template li a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  width: 100%;
}

body#main .templates_menu .template li:first-child a {
  padding-top: 20px;
}

body#main .templates_menu .template li:last-child a {
  padding-bottom: 0;
}

body#main .template_col {
  position: relative;
  margin-bottom: 180px;
}

body#main .desktop_template {
  -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.3);
  float: right;
  height: 400px;
  margin: 15px;
  max-width: 250px;
  overflow-y: hidden;
  position: relative;
  width: auto;
}

body#main .desktop_template_img {
  -webkit-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
  -moz-box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.3);
}

body#main .mobile_template {
  bottom: -80px;
  height: 363px;
  overflow: hidden;
  position: absolute;
  width: 250px;
  z-index: 4;
}

body#main .mobile_span {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5;
}

body#main .mobile_img {
  height: 357px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
  -webkit-filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
  -moz-filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
  filter: drop-shadow(8px 4px 5px rgba(153, 153, 153, 0.3));
}

body#main .mobile_template_img {
  height: auto;
  left: 0;
  padding: 51px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}

body#main .template_popup {
  background-color: rgba(56, 66, 87, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}

/*body#main #template_1205 {
    display: block;
}*/
body#main .template_popup_content {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  background-color: #fff;
  padding: 30px;
}

body#main .templates_tabs_menu,
body#main .templatepopup_footer {
  width: 100%;
  display: block;
}

body#main .templates_tabs {
  width: 100%;
  display: block;
  height: 60vh;
  overflow-y: auto;
}

body#main .templates_tab_content {
  display: none;
  padding: 30px;
}

body#main .desktop_tab.templates_tab_content {
  display: block;
}

body#main .templates_tab_content img {
  margin: auto;
  -webkit-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
  -moz-box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
  box-shadow: 8px 8px 8px rgba(153, 153, 153, 0.4);
}

body#main .template_popup_close {
  color: #ff6154;
  font-size: 15px;
  position: absolute;
  right: 30px;
}

body#main .templates_tabs_menu li {
  display: inline-block;
  padding-right: 10px;
}

body#main .templates_tabs_menu li:last-child {
  padding-right: 0;
}

body#main .templates_tabs_menu li a {
  color: #d1d1d1;
}

body#main .templates_tabs_menu li.current a,
body#main .templates_tabs_menu li a:hover,
body#main .templates_tabs_menu li a:focus {
  color: #384257;
}

body#main .templates_tabs_menu li a.tablet_icon {
  font-size: 26px;
}

body#main .templates_tabs_menu li a.desktop_icon {
  font-size: 26px;
}

body#main .templates_tabs_menu {
  margin-bottom: 10px;
}

body#main .templatepopup_footer {
  margin-top: 30px;
  text-align: center;
}

body#main .templatepopup_footer a {
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  border-radius: 2px;
  color: #fff;
  padding: 16px 40px;
  width: auto;
  margin: auto;
  display: inline-block;
  font-family: "Montserrat";
}

body#main .templatepopup_footer a:hover,
body#main .templatepopup_footer a:focus {
  background-color: #fff;
  border: 1px solid #3ac4d7;
  color: #3ac4d7;
}

/*** pen icon for /templates items - DVM 1/3/22 ***/
img.previews__icon.lazyloaded {
  display: unset !important;
  position: absolute;
  width: 36px;
  height: 36px;
  right: 36px;
  top: 36px;
}

/*****************************************/
/************** ABOUT PAGE ***************/
/*****************************************/
body#main #team h2 {
  color: #384257;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #features_header .team-intro p {
  text-align: center;
}

body#main #team span.features_subtext {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main #team img {
  margin-top: 100px;
  margin-bottom: 40px;
  width: 120px;
  height: auto;
}

body#main #team .quote {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 20px;
}

body#main #team.main_container {
  padding: 80px 0 100px;
}

body#main #registration.team .button_col {
  text-align: center;
}

body#main #registration.team a.btn,
body#main #registration a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main #registration.team a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #registration.team a.btn:hover i,
body#main #registration.team a.btn:focus i {
  right: -8px;
}

/*body#main #registration.team a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
/************************************/
/************** BLAZY ***************/
/************************************/
/***************************************************/
/********************  TABLES **********************/
/***************************************************/
body#main:not(.page-template-pricing) .feature_content-text table,
body#main .tve_content_inner table {
  width: 100%;
  border-bottom: 0;
  margin-bottom: 40px;
  border-left: 1px solid #ddd;
  padding: 0 !important;
}

body#main:not(.page-template-pricing) .feature_content-text table > tbody > tr > td,
body#main:not(.page-template-pricing) .feature_content-text table > tbody > tr > th,
body#main:not(.page-template-pricing) .feature_content-text table > thead > tr > td,
body#main:not(.page-template-pricing) .feature_content-text table > thead > tr > th,
body#main .tve_content_inner table > tbody > tr > td,
body#main .tve_content_inner table > tbody > tr > th,
body#main .tve_content_inner table > thead > tr > td,
body#main .tve_content_inner table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

body#main:not(.page-template-pricing) .feature_content-text table > tbody > tr:nth-of-type(odd),
body#main .tve_content_inner table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

body#main:not(.page-template-pricing) .feature_content-text table > tbody > tr:last-child,
body#main .tve_content_inner table > tbody > tr:last-child {
  border-bottom: 1px solid #ddd;
}

/***************************************************/
/************** THRIVE REGISTRATION ****************/
/***************************************************/
body#main #empty {
  background: rgba(0, 0, 0, 0) url("../../images/landing-background.png") no-repeat scroll 0 0/cover;
}

body#main #registration.thrive_registration {
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
  float: left;
  padding: 30px 15px;
  width: 100%;
}

body#main #registration.thrive_registration .form-control {
  background-color: transparent;
  border: 1px solid #384257;
  color: #384257;
}

body#main #registration.thrive_registration .registration_top span.header_register {
  color: #384257;
  line-height: 1.2;
  font-size: 30px;
}

body#main #registration.thrive_registration .registration_top span.registration_subtext {
  color: #384257;
}

body#main #registration.thrive_registration .form-control::-webkit-input-placeholder {
  color: #384257;
  font-weight: 300;
  opacity: 1;
}

body#main #registration.thrive_registration .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #384257;
  font-weight: 300;
  opacity: 1;
}

body#main #registration.thrive_registration .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #384257;
  font-weight: 300;
  opacity: 1;
}

body#main #registration.thrive_registration .form-control:-ms-input-placeholder {
  color: #384257;
  font-weight: 300;
  opacity: 1;
}

body#main #registration.thrive_registration .form-group {
  margin-bottom: 20px;
}

body#main #registration.thrive_registration button {
  float: none;
  width: 100%;
}

/****************************************/
/************** AGENCIES ****************/
/****************************************/
body#main .agency_image_content {
  background-color: #f6f6f6;
  padding: 60px 0;
  text-align: center;
}

body#main .agency_col:nth-child(4) {
  clear: left;
}

body#main .agencies_content {
  margin: 40px 0;
}

body#main.page-template-agencies #features_header {
  background-color: #d8f3f7;
  min-height: 450px;
  padding: 0;
  display: flex;
  align-items: center;
}

body#main .dark_text {
  color: #384257;
  font-family: "Montserrat";
  font-size: 120px;
  text-transform: uppercase;
  line-height: 120px;
  padding-left: 5vw;
}

body#main .agency_slider_left {
  padding: 0 3vw;
}

body#main .agency_slider_image_content {
  display: block;
  height: 100%;
  width: 100%;
}

body#main .agency_slider_image_content img {
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

body#main .agency_slider_title {
  display: block;
  font-family: "Montserrat";
  font-size: 38px;
  width: 100%;
}

body#main .agency_slider_subtitle {
  display: block;
  font-family: "Montserrat";
  font-size: 18px;
  margin-bottom: 30px;
  width: 100%;
}

body#main .agency_slider_row {
  align-items: center;
  display: flex;
}

body#main.page-template-agencies .slick-dots li button::before {
  background-color: transparent;
  border: 2px solid #384257;
  border-radius: 100%;
  color: black;
  content: "";
  font-family: "slick";
  font-size: 6px;
  height: 15px;
  left: 0;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 15px;
}

body#main.page-template-agencies .slick-dots li.slick-active button::before {
  background-color: #384257;
  opacity: 1;
}

body#main.page-template-agencies .slick-dots {
  bottom: -50px;
  left: 290px;
  position: absolute;
  width: auto;
}

body#main.page-template-agencies span.map_header {
  display: block;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 30px;
  color: #3ac4d7;
  margin-top: 40px;
  text-transform: uppercase;
}

body#main .slick-prev,
body#main .slick-next {
  top: 46%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
}

/*body#main .slick-next {
  left: 635px;
}*/
body#main .slick-prev::before,
body#main .slick-next::before {
  color: #3ac4d7;
  font-family: "Ionicons";
  font-size: 54px;
  font-weight: 300;
  line-height: 54px;
  opacity: 1;
}

body#main .hidden-md-up {
  display: none;
}

body#main.page-template-agencies {
  overflow-x: hidden;
}

body#main #agencies_slider .slick-prev,
body#main #agencies_slider .slick-next {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}

body#main #agencies_slider .slick-prev:hover,
body#main #agencies_slider .slick-next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

body#main #agencies_slider .slick-next {
  -webkit-animation: animationSlickNext ease-in-out 1.5s;
  -o-animation: animationSlickNext ease-in-out 1.5s;
  animation: animationSlickNext ease-in-out 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@keyframes animationSlickNext {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(10px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animationSlickNext {
  0% {
    -moz-transform: translate(0px, 0px);
  }
  50% {
    -moz-transform: translate(10px, 0px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animationSlickNext {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(10px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@-ms-keyframes animationSlickNext {
  0% {
    -ms-transform: translate(0px, 0px);
  }
  50% {
    -ms-transform: translate(10px, 0px);
  }
  100% {
    -ms-transform: translate(0px, 0px);
  }
}
body#main #agencies_slider .slick-prev {
  -webkit-animation: animationSlickPrev ease-in-out 1.5s;
  -o-animation: animationSlickPrev ease-in-out 1.5s;
  animation: animationSlickPrev ease-in-out 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@keyframes animationSlickPrev {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-10px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes animationSlickPrev {
  0% {
    -moz-transform: translate(0px, 0px);
  }
  50% {
    -moz-transform: translate(-10px, 0px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
  }
}
@-webkit-keyframes animationSlickPrev {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-10px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@-ms-keyframes animationSlickPrev {
  0% {
    -ms-transform: translate(0px, 0px);
  }
  50% {
    -ms-transform: translate(-10px, 0px);
  }
  100% {
    -ms-transform: translate(0px, 0px);
  }
}
/********************************************/
/************** CONTACT PAGE ****************/
/********************************************/
body#main #contact_header {
  background-color: #f6f6f6;
}

body#main #contact_header h1,
body#main #contact_form h1,
body#main #breakdown h2 {
  color: #384257;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 20px;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #breakdown h2 {
  padding-bottom: 20px;
  margin-top: 0;
}

body#main .contact_subtext p {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
}

body#main .contact_subtext {
  margin-bottom: 60px;
  display: inline-block;
  width: 100%;
}

body#main #contact_header .contact_col_inner h2,
body#main #breakdown .contact_col_inner h3 {
  color: #3ac4d7;
  display: block;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 60px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #breakdown .contact_col_inner h3 {
  height: 45px;
}

body#main #contact_header.main_container {
  padding: 50px 0;
}

body#main #contact_form.main_container {
  padding: 30px 0 80px;
}

body#main #contact_form h3 {
  padding-left: 15px;
  display: block;
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #contact_form .contact_icons {
  padding-top: 80px;
}

body#main #contact_form .info_icon_col {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}

body#main #contact_form .contact_text li {
  padding-left: 78px;
}

/*body#main #contact_form .contact_text li:before {
    color: #3ac4d7;
    content: "\f3a6";
    cursor: pointer;
    display: block;
    font-family: "Ionicons";
    font-size: 12px;
    height: 4px;
    left: -28px;
    padding-top: 6px;
    position: relative;
    top: 4px;
    width: 4px;
    z-index: 1;
}*/
body#main #contact_form .contact_text li a {
  color: #3ac4d7;
  font-size: 17px;
  margin-bottom: 6px;
  display: block;
  font-weight: 200;
}

body#main #contact_form .contact_text li a:hover {
  color: #384257;
}

body#main #contact_form .contact_text .contact_info {
  font-size: 16px;
  display: block;
  width: 100%;
  margin-top: 10px;
  padding-left: 78px;
  font-weight: 200;
  line-height: 24px;
}

body#main #contact_form .contact_text a .bordered,
body#main #contact_form .contact_text a:hover .bordered,
body#main #contact_form .contact_text b.bold {
  color: #3ac4d7;
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
  font-family: "Montserrat";
  font-weight: 300;
}

body#main #contact_form .info_icon_col .contact {
  float: left;
  margin-right: 30px;
  margin-top: 7px;
}

body#main #contact_header .contact_col_inner:hover h2,
body#main #breakdown .contact_col_inner:hover h3 {
  color: #384257;
}

body#main #contact_header .contact_col_inner .contact_txt {
  font-size: 16px;
  min-height: 70px;
  color: #384257;
}

body#main #contact_header .contact_info {
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

body#main #contact_header .contact_info em {
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  padding-left: 44px;
}

body#main #contact_header .contact_info i {
  color: #3ac4d7;
  font-size: 40px;
  padding-right: 14px;
  position: relative;
  top: 10px;
}

body#main #contact_header .contact_location i {
  font-size: 45px;
  left: -9px;
  padding-right: 7px;
  top: 26px;
}

body#main #contact_header .contact_phone {
  margin-top: 10px;
}

body#main #contact_header-content .contact_col_inner {
  background-color: #fff;
  cursor: pointer;
  padding: 80px 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #breakdown #contact_header-content .contact_col_inner {
  background-color: #f6f6f6;
}

body#main #contact_header-content .contact_col_inner:hover,
body#main #breakdown #contact_header-content .contact_col_inner:hover {
  background-color: #c4edf3;
}

body#main #contact_header-content .contact_col_inner .contact_icon img {
  height: 180px;
  margin: auto;
}

form.wpcf7-form #Send {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  -ms-border-radius: 2px 0 0 2px;
  -o-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  color: #fff;
  height: 50px;
  /*padding: 4px 0 0 36px;*/
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
  min-width: 160px;
  padding: 4px 0 0 0;
}

form.wpcf7-form #Send ~ span.icon i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 14px;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

form.wpcf7-form #Send:hover ~ span.icon i,
form.wpcf7-form #Send:focus ~ span.icon i,
form.wpcf7-form #Send ~ span.icon:hover i {
  right: -8px;
}

form.wpcf7-form #Send ~ span.icon {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -ms-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  height: 50px;
  position: absolute;
  top: 0;
  width: 50px;
  cursor: pointer;
}

form.wpcf7-form .form-group {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  margin-bottom: 10px;
  min-height: 50px;
  position: relative;
  width: 100%;
}

form.wpcf7-form textarea {
  height: 160px !important;
}

.wpcf7-form-control-wrap {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  min-height: 50px;
  position: relative;
  width: 100%;
}

form.wpcf7-form .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #384257;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px 6px 16px;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

form.wpcf7-form textarea.form-control {
  padding: 12px 12px 6px 16px;
}

form.wpcf7-form .form-control:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

form.wpcf7-form .form-control.wpcf7-not-valid,
form.wpcf7-form .form-group .form-control.wpcf7-not-valid {
  border-color: #e83c33;
}

form.wpcf7-form .form-control ~ .required {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  right: 17px;
  top: 9px;
  color: #384257;
  display: block;
  font-size: 22px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

form.wpcf7-form .form-control:focus ~ .required {
  color: #3ac4d7;
}

form.wpcf7-form .form-control.wpcf7-not-valid ~ .required,
form.wpcf7-form .form-group .form-control.wpcf7-not-valid ~ .required {
  color: #e83c33;
}

form.wpcf7-form .form-control.wpcf7-not-valid ~ .required {
  color: #e83c33;
}

form.wpcf7-form .form-control.has-value ~ .placeholder,
form.wpcf7-form .form-control:focus ~ .placeholder {
  font-size: 14px;
  top: -30px;
  left: 0;
}

form.wpcf7-form .form-control:focus ~ .placeholder {
  opacity: 1;
}

form.wpcf7-form .form-group .placeholder {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  left: 17px;
  top: 5px;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

form.wpcf7-form span.wpcf7-not-valid-tip {
  color: #e83c33;
  display: block;
  width: 100%;
}

form.wpcf7-form div.wpcf7-mail-sent-ok {
  border: 0px solid #398f14;
  text-align: center;
  color: #384257;
  display: block;
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
}

div.wpcf7 img.ajax-loader {
  border: medium none;
  left: 130px;
  margin-left: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

/*******************************************/
/************** DEFAULT PAGE ***************/
/*******************************************/
/*body#main.page-template-default footer {
    bottom: 0;
    position: absolute;
}*/
body#main.page-template-default .main-content {
  min-height: 26.8vw;
}

/***************************************/
/************** 404 PAGE ***************/
/***************************************/
body#main.error404 header,
body#main #customers_header {
  background-color: #f6f6f6;
  overflow: hidden;
  position: relative;
  height: 40vw;
}

body#main #customers_case {
  background: #f6f6f6 none repeat scroll 0 0;
}

body#main .customers_header_column {
  height: auto;
  left: 30.3vw;
  position: absolute;
  top: 3vw;
  width: 39.5vw;
}

body#main .customers_img {
  width: 100%;
}

body#main #customers_header #tabs-container {
  left: 50%;
  position: absolute;
  top: 9.6%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 80%;
  z-index: 9;
}

body#main #customers_header h2 {
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.5vw;
  font-weight: 300;
  left: 50%;
  position: absolute;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  text-transform: uppercase;
  top: -9vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  max-width: 60%;
}

body#main #customers_header .quote {
  color: #545c6e;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  font-family: "Hind", sans-serif;
  margin-bottom: 30px;
}

body#main #customers_testimonials {
  background-color: #384257;
}

body#main #customers_testimonials h2 {
  color: #3ac4d7;
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  padding-bottom: 10px;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #customers_testimonials .quote {
  color: #fff;
  font-family: "Hind", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 10px;
}

body#main #customers_case h2,
body#main #customers_brands h1 {
  color: #384257;
  font-size: 38px;
  font-weight: 300;
  font-family: "Montserrat";
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #customers_case span.customers_case_subtext,
body#main #customers_brands span.customers_brands_subtext {
  color: #545c6e;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 60px;
  display: block;
}

body#main #customers_case .case_study {
  margin-bottom: 60px;
}

body#main #customers_case .case_study .customer_content_summary {
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
}

body#main a.case_btn {
  color: #3ac4d7;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border-bottom: 2px solid #3ac4d7;
  padding: 4px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 60px;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main a.case_btn:hover {
  color: #384257;
  border-color: #384257;
}

body#main #customers_case .case_study img {
  margin: auto;
}

body#main #customers_case .case_study a.case_study_text {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 300;
  font-family: "Montserrat";
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #customers_case .case_study a.case_study_text:hover,
body#main #customers_case .case_study:hover a.case_study_text {
  color: #384257;
}

body#main #customers_brands .brand {
  margin-bottom: 100px;
  height: 6vw;
  position: relative;
}

body#main #customers_brands .brand .customer_content-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

body#main #customers_brands .brand a {
  display: block;
  text-align: center;
}

body#main #customers_brands .brand img {
  display: inline;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: default;
}

body#main #customers_brands .brand img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

body#main #customers_testimonials h3 {
  font-weight: 300;
  color: #fff;
  font-family: "Montserrat";
  font-size: 38px;
  line-height: 50px;
  margin-bottom: 60px;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main #customers_header img.testimonial {
  margin: auto auto 30px;
  width: 8vw;
}

body#main #customers_header .tab-content {
  width: 100%;
  display: none;
}

body#main #customers_header #tab-1 {
  display: block;
}

body#main #customers_header .tabs-menu {
  left: 50%;
  position: absolute;
  top: 32vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

body#main #customers_header .tabs-menu li {
  display: inline-block;
  padding-right: 10px;
}

body#main #customers_header .tabs-menu li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #customers_header .tabs-menu li.current img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

body#main #customers_header .tabs-menu li:last-child {
  padding-right: 0;
}

body#main #customers_testimonials img {
  margin-top: 20px;
}

/*******************************************/
/************** THANK YOU PAGE ***************/
/*******************************************/
body#main.page-template-thankyou #register-content.contains_thankyou {
  min-height: 690px;
}

body#main.page-template-thankyou #thankyou {
  min-height: 36vw;
  position: relative;
  top: 60px;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0) url("../../images/envelope.svg") no-repeat scroll 50% bottom/contain;
}

body#main.page-template-thankyou #thankyou-content {
  position: relative;
  text-align: center;
}

body#main.page-template-thankyou #menu-footer_policies.menu {
  position: relative;
  top: -8px;
}

body#main.page-template-thankyou .thankyou_inner {
  left: 50%;
  position: absolute;
  top: 17%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 32vw;
}

body#main.page-template-thankyou #thankyou-content h1 {
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #3ac4d7;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-thankyou #thankyou-content .thankyou_text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
  width: 100%;
}

body#main.page-template-thankyou #thankyou-content h2 {
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 300;
  color: #384257;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-thankyou .thankyou_border {
  border-radius: 100%;
  bottom: 7px;
  left: 0;
  box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

body#main.page-template-thankyou #thankyou-content #thankyou img {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 80;
}

body#main.page-template-thankyou #register {
  background-color: #fff;
  width: 100%;
  padding: 0;
  /*min-height: 41vw;*/
  position: relative;
}

/*******************************************/
/************** ERRORS STYLE ***************/
/*******************************************/
body#main #registration .form-control.has-error {
  border-color: #e83c33;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

body#main #register .pass_info {
  color: #39c3d6;
  font-size: 13px;
  opacity: 1;
  width: 100%;
  float: left;
  position: absolute;
  top: 52px;
  left: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main #register .form-control.has-error {
  border-color: #e83c33;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

body#main.page-template-registration #register a.btn#btn_to_second {
  margin-top: 12px;
}

/*************************************/
/************** IE CSS ***************/
/*************************************/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  body#main #slider .slider_content video.top {
    top: 1vw;
  }
  *::-ms-backdrop,
  body#main #features .laptop_bg video {
    top: 2vw;
  }
  *::-ms-backdrop,
  body#main .laptop_bg span.play_vid {
    transform: translate(-50%, -50%);
  }
  *::-ms-backdrop,
  body#main.page-template-registration .main-content {
    overflow-x: hidden;
  }
}
/**************************************************/
/************** INTEGRATIONS & APPS ***************/
/**************************************************/
body#main.category-recipes .main_container {
  padding: 20px 0 80px;
}

body#main #menu-integrations,
body#main #menu-recipes {
  background-color: #384257;
  display: block;
  margin-bottom: 60px;
  position: relative;
  top: -80px;
  padding: 40px 30px;
}

body#main.category-recipes .integrations_menu {
  top: -20px;
}

body#main #menu-integrations li,
body#main #menu-recipes li {
  color: #384257;
  display: block;
  font-size: 18px;
}

body#main #menu-integrations li a,
body#main #menu-recipes li a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  width: 100%;
}

body#main .integrations_buttons {
  margin-bottom: 60px;
}

/*body#main #menu-integrations li a:hover, body#main #menu-recipes li a:hover {
    color: #3ac4d7;
}*/
body#main #menu-integrations li:last-child a,
body#main #menu-recipes li:last-child a {
  margin-bottom: 0;
}

body#main #menu-integrations li.current-menu-item a,
body#main #menu-integrations li.current-menu-item a:hover,
body#main #menu-recipes li.current-menu-item a,
body#main #menu-recipes li.current-menu-item a:hover {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

body#main #integrations a .integration_title {
  font-family: "Montserrat";
  color: #545c6e;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 15px;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*body#main #integrations .integration_image {
    width: 100%;
    padding: 30px;
    display: block;
}

body#main #integrations .recipe_image {
    display: block;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
}

body#main #integrations .integration_image img {
    height: auto;
    margin: auto;
    width: auto;
}

body#main #integrations .integration_image img.recipe_img {
    height: auto;
    margin: auto;
    width: auto;
}*/
body#main .automate_integration.recipe_img {
  height: auto;
  margin-bottom: 0;
  object-fit: contain;
  width: 100%;
  max-width: none;
}

body#main #integrations a:hover .integration_title {
  color: #3ac4d7;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main #integrations .integration_content a {
  display: block;
}

body#main #integrations .integration_content {
  display: block;
  margin-bottom: 50px;
  width: 100%;
}

body#main #integrations .all_integrations {
  font-size: 18px;
}

/************************************************************/
/************** RECIPES AND INTEGRATIONS MENU ***************/
/************************************************************/
body#main .integrations_menu .categories {
  background-color: #384257;
  color: #fff;
  padding: 40px 30px;
  position: relative;
  top: 0;
  font-size: 18px;
  font-weight: 600;
}

body#main .integrations_menu .categories .all_cats.current,
body#main .integrations_menu .categories li.current-cat a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

body#main .integrations_menu .categories .all_cats {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

body#main .integrations_menu .categories li a {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 10px 0;
  width: 100%;
}

body#main .integrations_menu .categories li:first-child a {
  padding-top: 20px;
}

body#main .integrations_menu .categories li:last-child a {
  padding-bottom: 0;
}

/**********************************************/
/************** CLOCK ANIMATION ***************/
/**********************************************/
.clock:not(.tree-clock) {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url("../../images/clock_plain.svg") no-repeat center;
  background-size: 88%;
  position: absolute;
  width: 7vw;
  height: 100%;
  max-height: 7vw;
  display: block;
  right: 2vw;
  top: 3vw;
}

.clock:not(.tree-clock).show {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
  -moz-transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
  transition: all 2.5s 0.5s cubic-bezier(0.12, 1.03, 0.34, 1);
}

.clock:not(.tree-clock)::after {
  background: #119ab6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5%;
  height: 5%;
  z-index: 10;
}

.minutes-container,
.hours-container,
.seconds-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hours-container {
  -webkit-animation: rotate 43200s infinite linear;
  -moz-animation: rotate 43200s infinite linear;
  animation: rotate 43200s infinite linear;
}

.linear .minutes-container {
  -webkit-animation: rotate 3600s infinite linear;
  -moz-animation: rotate 3600s infinite linear;
  animation: rotate 3600s infinite linear;
}

.linear .seconds-container {
  -webkit-animation: rotate 60s infinite linear;
  -moz-animation: rotate 60s infinite linear;
  animation: rotate 60s infinite linear;
}

.steps .minutes-container {
  -webkit-animation: rotate 3600s infinite steps(60);
  -moz-animation: rotate 3600s infinite steps(60);
  animation: rotate 3600s infinite steps(60);
}

.steps .seconds-container {
  -webkit-animation: rotate 60s infinite steps(60);
  -moz-animation: rotate 60s infinite steps(60);
  animation: rotate 60s infinite steps(60);
}

.local.steps .minutes-container {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.clock.simple {
  background: url("../../images/clock_plain.svg") no-repeat center;
  background-size: 88%;
}

.clock.simple:after {
  background-color: #119ab6;
  width: 5%;
  height: 5%;
}

/********************************************************/
/************** RADIAL PROGRESS ANIMATION ***************/
/********************************************************/
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 350px;
  height: 350px;
  position: absolute;
  border-radius: 50%;
}

.radial-progress .circle .shadow {
  box-shadow: 0 0 1px #374156 inset;
}

.radial-progress .circle .mask,
.radial-progress .circle .mask {
  clip: rect(0px, 350px, 350px, 175px);
}

.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .mask.full,
body#main.page-template-new_registration .header-logo {
  left: 20px;
  position: fixed;
  top: 20px;
}

body#main.page-template-new_registration nav {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

body#main.page-template-new_registration .footer_col,
body#main.page-template-login .footer_col,
body#main.page-template-thankyou .footer_col {
  display: none;
}

body#main.page-template-new_registration .main-content {
  padding: 0;
}

body#main.page-template-new_registration #myForm .registered_label {
  display: block;
  font-size: 14px;
  margin-top: -10px;
}

body#main.page-template-new_registration #wrapper,
body#main.page-template-login #wrapper {
  background-color: #fafafa;
}

body#main.page-template-new_registration footer .copyright_container body#main .copyright_container .social_media.mobile {
  display: none;
}

body#main footer .footer_col .social_media {
  position: relative;
  top: 36px;
}

body#main.page-template-new_registration footer .menu-footer_policies-container {
  float: right;
  position: relative;
  top: -9px;
}

body#main footer .menu-footer_policies-container {
  float: right;
  width: auto;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li {
  display: inline-block;
  padding-bottom: 0;
  padding-right: 15px;
  position: relative;
  top: 7px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li:last-child {
  padding-right: 0;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a {
  color: #64676d;
  font-size: 13px;
}

body#main footer .menu-footer_policies-container #menu-footer_policies li a:hover {
  color: #3ac4d7;
}

body#main.page-template-new_registration footer .copyright_container .copyright,
body#main.page-template-thankyou footer .copyright_container .copyright {
  float: left;
  position: relative;
  top: -9px;
}

body#main.page-template-new_registration .navbar-header,
body#main.page-template-thankyou .navbar-header {
  float: none;
  margin: 0 auto;
  display: block;
  width: 160px;
  left: 0;
  top: 0;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .speech_bubble {
    left: 36%;
    animation-name: stretchmob;
    animation-duration: 1.2s;
    animation-timing-function: ease-in;
    animation-delay: 0.4s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
  }
}
@media only screen and (min-width: 768px) {
  .speech_bubble {
    left: 15px;
    animation-name: stretch;
    animation-duration: 1.2s;
    animation-timing-function: ease-in;
    animation-delay: 0.4s;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-fill-mode: forwards;
  }
}
@keyframes stretch {
  50% {
    top: -120px;
    height: 5px;
  }
  70% {
    opacity: 1;
    top: -120px;
    height: 90px;
    width: 16px;
  }
  100% {
    opacity: 1;
    top: -120px;
    width: 355px;
    height: 90px;
  }
}
@keyframes stretchmob {
  50% {
    top: -120px;
    height: 5px;
    left: 36%;
  }
  70% {
    opacity: 1;
    top: -120px;
    height: 90px;
    width: 46%;
    left: 29%;
  }
  100% {
    opacity: 1;
    top: -120px;
    width: 98%;
    height: 90px;
    left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .speech_bubble:after {
    left: 46%;
    border-width: 0 8px 24px 8px;
    border-color: transparent transparent #384257 transparent;
  }
}
@keyframes arrow {
  100% {
    opacity: 1;
  }
}
/***** slider dot animated border */
.rangeslider__handle.unclicked:after {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: dashed 1px #394257;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-animation: s3-rotate 5s infinite linear;
  -moz-animation: s3-rotate 5s infinite linear;
  animation: s3-rotate 5s infinite linear;
}

@keyframes s3-rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
body#main .speech_bubble_stop {
  background-color: #384257;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  left: 17%;
  padding: 4px 20px;
  position: absolute;
  top: -6px;
  z-index: 8;
}

body#main .speech_bubble_stop::after {
  background-color: #384257;
  content: "";
  height: 20px;
  position: absolute;
  right: -6px;
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
  z-index: 2;
}

body#main #stop_bubble > a {
  border-bottom: 1px solid transparent;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 22px;
  position: relative;
  top: 4px;
}

body#main #stop_bubble > a:hover {
  border-bottom: 1px solid #fff;
}

/*--------PRICING SPEECH BUBBLE---------*/
.speech_bubble_pricing {
  padding: 12px 15px;
  text-align: left;
  font-size: 18px;
  color: transparent;
  opacity: 0;
  position: absolute;
  bottom: 0;
  height: 0px;
  width: 16px;
  margin: 0 auto;
  background-color: #384257;
  border-radius: 3px;
  z-index: 190;
  font-family: "Hind";
}

.speech_bubble_pricing {
  left: 8px;
  animation-name: stretch_pricing;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 0.2s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#pricing_bubble_go.speech_bubble_pricing {
  left: 105px;
  animation-name: stretch_pricing;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 0.2s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@keyframes stretch_pricing {
  50% {
    bottom: 60px;
    height: 5px;
    color: transparent;
  }
  70% {
    opacity: 1;
    bottom: 40px;
    height: 45px;
    width: 16px;
    color: transparent;
  }
  100% {
    opacity: 1;
    bottom: 40px;
    width: 105px;
    height: 45px;
    color: #fff;
  }
}
.speech_bubble_pricing:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 24px 16px;
  border-color: transparent transparent transparent #384257;
  z-index: -100;
  position: absolute;
  bottom: -21px;
  left: 0px;
  opacity: 0;
  animation-name: arrow_pricing;
  animation-duration: 0.6s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-fill-mode: forwards;
}

@keyframes arrow_pricing {
  100% {
    opacity: 1;
  }
}
/*--------END PRICING SPEECH BUBBLE---------*/
body#main .speech_bubble_stop {
  display: none;
}

body#main.page-template-new_registration #register-content.contains_thankyou {
  min-height: 690px;
}

body#main.page-template-new_registration #thankyou {
  min-height: 36vw;
  position: relative;
  top: 3vw;
  width: 100%;
  display: none;
  background: rgba(0, 0, 0, 0) url("../../images/envelope.svg") no-repeat scroll 50% bottom/contain;
}

body#main.page-template-new_registration #thankyou-content {
  bottom: 0;
  left: 50%;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

body#main.page-template-new_registration .thankyou_inner {
  left: 50%;
  position: absolute;
  top: 17%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 32vw;
}

body#main.page-template-new_registration #thankyou-content h1 {
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: 300;
  position: relative;
  top: -120px;
  color: #384257;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-new_registration #thankyou-content .thankyou_text {
  display: block;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 30px;
  width: 100%;
}

body#main.page-template-new_registration #thankyou-content h2 {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 300;
  color: #384257;
  -webkit-text-transform: none;
  -moz-text-transform: none;
  -ms-text-transform: none;
  -o-text-transform: none;
  text-transform: none;
}

body#main.page-template-new_registration .thankyou_border {
  border-radius: 100%;
  bottom: 7px;
  left: 0;
  box-shadow: 0 10px 3px rgba(0, 0, 0, 0.5);
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

body#main.page-template-new_registration #thankyou-content #thankyou img {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 80;
}

body#main.page-template-new_registration #register {
  background-color: #c4edf3;
  width: 100%;
  padding: 0;
  height: 100vh;
  position: relative;
}

body#main.page-template-new_registration #register .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: 1px solid #384257;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px 6px 16px;
  position: relative;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .form-control.has-error,
body#main.page-template-new_registration #register .form-group.has-error .form-control {
  border-color: #e83c33;
}

body#main.page-template-new_registration #register .form-control.mail-error {
  border-color: #e83c33;
}

body#main.page-template-new_registration #register .error_label2,
body#main.page-template-new_registration #register .error_label {
  color: #e83c33;
  display: block;
  width: 100%;
}

body#main.page-template-new_registration #register #InputCompanySlug.form-control.has-error {
  border-color: #e83c33;
}

body#main.page-template-new_registration #register #InputCompanySlug.form-control.has-error:focus {
  border-color: #3ac4d7;
}

body#main.page-template-new_registration #register .form-group {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  margin-bottom: 30px;
  min-height: 50px;
  position: relative;
}

body#main #first_step .registration_button {
  margin: 30px 0 20px;
}

body#main .registration_button {
  margin: 20px 0;
}

body#main.page-template-new_registration #register .pass_info {
  color: #39c3d6;
  float: left;
  font-size: 13px;
  left: 0;
  opacity: 1;
  padding-left: 16px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 4;
}

body#main.page-template-new_registration #register .pass_info::before {
  color: #3ac4d7;
  content: "\f3a6";
  display: block;
  font-family: "Ionicons";
  font-size: 10px;
  height: 4px;
  left: -14px;
  padding-top: 4px;
  position: relative;
  top: 1px;
  width: 4px;
  z-index: 1;
}

body#main.page-template-new_registration #register .form-control:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
}

body#main.page-template-new_registration #register .form-control.has-value + .placeholder,
body#main.page-template-new_registration #register .form-control:focus + .placeholder {
  font-size: 14px;
  top: -36px;
  left: 0;
}

body#main.page-template-new_registration #register .form-control:focus + .placeholder {
  opacity: 1;
}

body#main.page-template-new_registration #register .form-group .placeholder {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  left: 17px;
  top: 5px;
  color: #384257;
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -moz-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -ms-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  -o-transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
  transition: top 0.3s, left 0.3s, font-size 0.3s, opacity 0.3s;
}

body#main.page-template-new_registration #register .form-control ~ .required {
  line-height: 40px;
  height: 40px;
  position: absolute;
  z-index: 0;
  right: 17px;
  top: 9px;
  color: #384257;
  display: block;
  font-size: 22px;
  font-weight: 400;
  font-family: "Hind", sans-serif;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

body#main.page-template-new_registration #myForm {
  display: block;
  height: 100vh;
  position: relative;
  width: 100%;
}

body#main.page-template-new_registration #register .form-control:focus ~ .required {
  color: #3ac4d7;
}

body#main.page-template-new_registration #register .form-control.has-error ~ .required,
body#main.page-template-new_registration #register .form-group.has-error .form-control ~ .required {
  color: #e83c33;
}

body#main.page-template-new_registration #register .form-control.mail-error ~ .required {
  color: #e83c33;
}

body#main.page-template-new_registration #register .form-control#InputCompanySlug {
  float: left;
  width: 72%;
}

body#main.page-template-new_registration #register .form-control body#main.page-template-new_registration #register button {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 0 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main.page-template-new_registration #register button i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_registration #register button:hover i,
body#main.page-template-new_registration #register button:focus i {
  right: -8px;
}

/*body#main.page-template-new_registration #register button span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
}*/
body#main.page-template-new_registration #register a.btn,
body#main.page-template-new_registration #register a.btn:focus {
  background: #ff6154 none repeat scroll 0 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  height: 50px;
  padding: 10px 36px 0;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Hind", sans-serif;
  outline: none;
  border: none;
  margin: auto;
  display: inline-block;
  width: auto;
}

body#main.page-template-new_registration #register a.btn i {
  font-size: 20px;
  padding-left: 5px;
  position: relative;
  right: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn:hover i,
body#main.page-template-new_registration #register a.btn:focus i {
  right: -8px;
}

body#main.page-template-new_registration #register a.btn_back,
body#main.page-template-new_registration #register a.btn_back:focus {
  bottom: 30px;
  color: #384257;
  display: block;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 300;
  left: 30px;
  position: absolute;
  width: auto;
}

body#main.page-template-new_registration #register a.btn_back i {
  font-size: 20px;
  padding-right: 5px;
  position: relative;
  left: 0;
  top: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn_back:hover i,
body#main.page-template-new_registration #register a.btn_back:focus i {
  left: -4px;
}

body#main.page-template-new_registration {
  overflow: hidden;
}

body#main .steps_navigation {
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 4;
}

body#main .steps_navigation li {
  display: inline-block;
  padding-right: 10px;
}

body#main .steps_navigation li:last-child {
  padding-right: 0;
}

body#main .steps_navigation li a {
  background-color: transparent;
  border: 2px solid #384257;
  border-radius: 100%;
  display: block;
  height: 15px;
  width: 15px;
  cursor: default;
}

body#main .steps_navigation li a.current_step {
  background-color: #384257;
}

/*body#main.page-template-new_registration #register a.btn_back i {
    font-size: 17px;
    padding-right: 6px;
    position: relative;
    left: 0;
    top: 1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

body#main.page-template-new_registration #register a.btn_back:hover i, body#main.page-template-new_registration #register a.btn_back:focus i {
    left: -4px;
}*/
/*body#main.page-template-new_registration #register .backwards {
    display: inline-block;
    float: right;
}*/
/*body#main.page-template-new_registration #register a.btn span {
    background: #ff4f43 none repeat scroll 0 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    height: 50px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px;
}*/
body#main.page-template-new_registration #register .col-registration-form b {
  font-family: "Montserrat";
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 40px;
  color: #384257;
  display: block;
  padding-left: 15px;
  /*-webkit-filter: blur(0.000001px);*/
}

body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration #register .col-registration-form .third_step body#main.page-template-new_registration #register .col-registration-form .third_step body#main.page-template-new_registration #register .col-registration-form .third_step body#main.page-template-new_registration #register .form-group.radio_group {
  margin-bottom: 40px;
}

body#main.page-template-new_registration #register .col-registration-form .third_step body#main.page-template-new_registration #register .col-registration-form .third_step span.agree_text a {
  font-weight: 600;
  color: #545c6e;
}

body#main.page-template-new_registration #register .col-registration-form .third_step span.agree_text a:hover {
  color: #3ac4d7;
}

body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration #register .register-container {
  display: block;
  float: left;
  height: 100%;
  padding: 0;
  width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form .step {
  display: none;
  height: 100%;
}

body#main .registration_left {
  background-color: #c4edf3;
  display: table;
  float: left;
  height: 100%;
  position: relative;
  width: 60%;
}

body#main .registration_left_content {
  display: table-cell;
  height: auto;
  position: relative;
  width: 100%;
  padding: 0 20%;
  vertical-align: middle;
}

body#main #second_step .registration_left_content {
  padding: 0 15%;
}

body#main .registration_left_title {
  display: block;
  font-family: "Montserrat";
  font-size: 36px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}

body#main .registration_left_subtitle {
  display: block;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

body#main .registration_left_description {
  display: block;
  width: 100%;
  margin: 20px 0 40px;
}

body#main .registration_left_description ul {
  display: block;
  width: 100%;
  text-align: center;
}

body#main .registration_left_description ul li {
  display: inline-block;
  font-family: "Hind", sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding-right: 20px;
  position: relative;
  padding-left: 28px;
}

body#main .registration_left_description ul li:last-child {
  padding-right: 0;
}

body#main .registration_left_description ul li:before {
  color: #3ac4d7;
  content: "\f3a6";
  display: block;
  font-family: "Ionicons";
  font-size: 12px;
  height: 4px;
  left: -28px;
  padding-top: 4px;
  position: relative;
  top: 2px;
  width: 4px;
  z-index: 1;
}

body#main .step1_image {
  display: block;
  margin: auto;
  max-width: 320px;
}

body#main .registration_right {
  display: table;
  float: right;
  width: 40%;
  height: 100%;
  position: relative;
  background-color: #fff;
}

body#main .registration_right_content {
  display: table-cell;
  height: auto;
  position: relative;
  width: 100%;
  padding: 0 20%;
  vertical-align: middle;
}

body#main.page-template-new_registration #register .col-test {
  /*padding-top: 200px;*/
  display: block;
}

body#main .highlight .feature_content-text.browser_blue {
  background: rgba(0, 0, 0, 0) url("../../images/browser_blue.svg") no-repeat scroll 0 0/contain;
  width: 100%;
  left: 0;
  position: relative;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
}

body#main .highlight .feature_content-text.browser_blue img {
  display: block;
  max-width: 100%;
  padding: 11.5% 0.3% 0;
  position: relative;
  top: -1.35vw;
  width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration footer,
body#main.page-template-login footer,
body#main.page-template-thankyou footer {
  bottom: 0;
  left: 0;
  padding: 10px 0 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

body#main .activation_message {
  background-color: #c4edf3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 300;
  padding: 10px 15px;
  position: relative;
  top: -80px;
  width: 90%;
  margin-left: 15px;
  z-index: 4;
}

body#main .activation_message::before {
  background-color: #c4edf3;
  content: "";
  display: block;
  height: 20px;
  left: -6px;
  position: absolute;
  top: 35%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
  z-index: -1;
}

body#main .activated {
  border-bottom: 1px solid;
  font-family: "Montserrat";
  padding-bottom: 0;
}

body#main.page-template-new_registration footer {
  background-color: #fafafa;
  display: none;
}

body#main.page-template-thankyou footer {
  background-color: #fff;
}

body#main.page-template-new_registration footer .divider,
body#main.page-template-login footer .divider,
body#main.page-template-thankyou footer .divider {
  display: none;
}

body#main.page-template-new_registration footer .col-newsletter-mobile,
body#main.page-template-login footer .col-newsletter-mobile,
body#main.page-template-thankyou footer .col-newsletter-mobile {
  display: none;
}

/*************************************************/
/************** CHECKBOX ANIMATION ***************/
/*************************************************/
body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration #register .col-registration-form .checkbox body#main.page-template-new_registration #register .col-registration-form .checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 1px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  border-color: #545c6e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0;
}

body#main .registration_features {
  /*margin: 30px 0;*/
  margin: 6vh 0;
  padding: 0 30px;
}

body#main .registration_features_image {
  height: 140px;
  object-fit: contain;
  width: 100%;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after,
body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:hover::after {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox label:hover::after {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox] {
  visibility: hidden;
}

body#main.page-template-new_registration #register .col-registration-form .checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

body#main.page-template-new_registration #register .agree_text {
  position: relative;
  top: 0;
}

/*****************************************************/
/************** RADIO BUTTON ANIMATION ***************/
/*****************************************************/
body#main.page-template-new_registration #register .col-registration-form input[type=radio] {
  display: none;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label {
  color: #545c6e;
  font-family: "Hind", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding-left: 20px;
  position: relative;
  left: 20px;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -20px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid;
  border-color: #545c6e;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label span:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label span:hover:after {
  opacity: 1;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label span:hover {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio]:checked + label span,
input[type=radio]:checked + label span:hover {
  background-color: #3ac4d7;
  border-color: #3ac4d7;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio]:checked + label span:after {
  opacity: 1;
}

body#main.page-template-new_registration #register .col-registration-form input[type=radio] + label span,
body#main.page-template-new_registration #register .col-registration-form input[type=radio]:checked + label span {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/*******************************************************/
/************** CHECKBOX SLIDE ANIMATION ***************/
/*******************************************************/
body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration #register .col-registration-form body#main.page-template-new_registration #register .col-registration-form .slideOne label {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: -6px;
  left: -3px;
  cursor: pointer;
  background: #384257;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox] {
  visibility: hidden;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label {
  left: 27px;
  background-color: #3ac4d7;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox] + label:after {
  font-family: "Ionicons";
  content: "\f129";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 8px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

body#main.page-template-new_registration #register .col-registration-form .slideOne input[type=checkbox]:checked + label:after {
  content: "\f121";
  top: 4px;
  left: 7px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/********************************************/
/************* ABANDONMENT PAGE *************/
/********************************************/
body#main.page-template-abandonment_cart #abandonment_header {
  background: url(images/abandonment_bg.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 0 !important;
}

body#main.page-template-abandonment_cart #abandonment_header h1 {
  color: #fff;
  text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_header p {
  color: #fff;
}

body#main.page-template-abandonment_cart #abandonment_header .register {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  font-size: 18px;
  padding: 1rem 0;
  border-radius: 2px;
  margin: 2rem;
  display: inline-block;
  min-width: 175px;
}

body#main.page-template-abandonment_cart #abandonment_header .laptop_grey {
  background: rgba(0, 0, 0, 0) url(../../images/laptop-grey-test.png) no-repeat scroll 0 0;
  background-size: 100% auto;
  left: 0;
  position: inherit;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body#main.page-template-abandonment_cart #abandonment_header .laptop_grey iframe {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
  height: 72vh;
}

body#main.page-template-abandonment_cart #abandonment_intergration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 260px;
}

body#main.page-template-abandonment_cart #abandonment_steps h3 {
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  color: #394257;
  margin: 0 auto 5rem auto;
  -webkit-text-transform: capitalize;
  -moz-text-transform: capitalize;
  -ms-text-transform: capitalize;
  -o-text-transform: capitalize;
  text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_intergration h3 {
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  color: #394257;
  margin: 0 auto 5rem auto;
  text-transform: capitalize;
}

body#main.page-template-abandonment_cart #abandonment_intergration {
  padding: 50px 0;
}

body#main.page-template-abandonment_cart #abandonment_intergration body#main.page-template-abandonment_cart #abandonment_intergration body#main.page-template-abandonment_cart #abandonment_intergration body#main .abandoned_cart_tamplates h3 {
  color: #fff;
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 5rem;
}

body#main .abandoned_cart_tamplates p {
  color: #fff;
}

body#main .abandoned_cart_tamplates a {
  /*
        color: #fff;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
        padding-bottom:1px;
        margin:4rem auto 0 auto;
        display: inline-block;
    */
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Montserrat";
  border-bottom: 2px solid #fff;
  padding: 4px;
  display: inline-block;
  margin-top: 4rem;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main .abandoned_cart_tamplates a:hover {
  color: #fff;
}

body#main #manage_forms {
  padding: 100px 0;
}

body#main #manage_forms a.feature_btn {
  display: block;
  margin: 30px auto 0 auto;
  width: 96px;
}

body#main #manage_forms a.feature_btn:hover {
  color: #3ac4d7;
  border-color: #3ac4d7;
}

body#main #manage_forms img.after_arrow_to_right {
  position: absolute;
  bottom: -200px;
  right: -120px;
}

body#main #manage_fields img.after_arrow_to_left {
  position: absolute;
  bottom: -200px;
  left: -120px;
}

body#main.page-template-abandonment_cart #manage_fields {
  padding: 50px 0 !important;
}

body#main.page-template-abandonment_cart .main-content {
  overflow: hidden;
}

/********************************************************/
/************* PRODUCT RECOMMENDATIONS PAGE *************/
/********************************************************/
body#main.page-template-product_recommendations #recommendation_header {
  background: url(images/abandonment_bg.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 0 !important;
}

body#main.page-template-product_recommendations #recommendation_header h1 {
  color: #fff;
  text-transform: capitalize;
}

body#main.page-template-product_recommendations #recommendation_header p {
  color: #fff;
}

body#main.page-template-product_recommendations #recommendation_header body#main.page-template-product_recommendations #recommendation_header .register {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  font-size: 18px;
  padding: 1rem 0;
  border-radius: 2px;
  margin: 2rem;
  display: inline-block;
  min-width: 175px;
}

body#main.page-template-product_recommendations #recommendation_header body#main.page-template-product_recommendations #recommendation_header .laptop_grey iframe {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
  height: 72vh;
}

body#main.page-template-product_recommendations #recommendation_header .laptop_grey img {
  cursor: pointer;
  display: block;
  max-width: 100%;
  padding: 12.6%;
  position: relative;
  top: 0px;
  left: 0.07%;
  width: 100%;
  height: 72vh;
}

body#main.page-template-product_recommendations #recommendation_intergration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 260px;
}

body#main.page-template-product_recommendations #recommendation_intergration h3 {
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  color: #394257;
  margin: 0 auto 5rem auto;
  text-transform: capitalize;
}

body#main.page-template-product_recommendations #recommendation_intergration {
  padding: 50px 0;
}

body#main.page-template-product_recommendations #recommendation_intergration body#main.page-template-product_recommendations #recommendation_intergration body#main.page-template-product_recommendations #recommendation_intergration body#main.page-template-product_recommendations #recommendation_intergration body#main.page-template-product_recommendations #recommendation_intergration body#main .recommendation_cart_tamplates h3 {
  color: #fff;
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 5rem;
}

body#main.page-template-product_recommendations #create_delivery {
  padding-top: 0 !important;
}

body#main.page-template-product_recommendations #create_delivery h3 {
  color: #394257;
  text-align: center;
  display: block;
  width: 100%;
  font-family: "Montserrat";
  font-size: 38px;
  line-height: 38px;
  font-weight: bold;
  margin-top: 0;
  text-transform: none;
  padding-bottom: 30px;
}

body#main.page-template-product_recommendations #create_delivery .feature_content-text {
  margin-top: 60px;
}

body#main.page-template-product_recommendations #create_delivery h2 {
  padding-top: 18px;
}

body#main .recommendation_cart_tamplates p {
  color: #fff;
}

body#main .recommendation_cart_tamplates a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  border-bottom: 2px solid #fff;
  padding: 4px;
  display: inline-block;
  margin-top: 4rem;
  -webkit-text-transform: uppercase;
  -moz-text-transform: uppercase;
  -ms-text-transform: uppercase;
  -o-text-transform: uppercase;
  text-transform: uppercase;
}

body#main .recommendation_cart_tamplates a:hover {
  color: #fff;
}

body#main.page-template-product_recommendations #manage_fields {
  padding: 100px 0 !important;
}

body#main.page-template-product_recommendations .main-content {
  overflow: hidden;
}

/* Thrive subtitles */
body#main section.register p {
  color: #fff;
}

/***************************************************************/
/************** AUTHOR PAGE - DAVID M - DEC 2021 ***************/
/***************************************************************/
/** TO SORT **/
.post h3 {
  padding: 10px;
}

.post h3 a {
  font-size: 16px;
  color: #394257;
  font-weight: 600;
  line-height: 1.3;
}

/* Page */
.archive.author .main-content-holder {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 100px;
  padding-right: 0;
  padding-left: 0;
}

/* About the author */
.author-card__wrapper {
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 140px;
  padding-bottom: 70px;
}

#main .author-card-holder .author-info__bio h2 {
  font-family: "Montserrat";
  color: #384257;
  font-size: 30px;
  font-weight: 300;
  padding-bottom: 16px;
  line-height: 1.2;
}

#main .author-card-holder .author-info__bio h2 span {
  font-weight: 700;
}

body#main h3.author-info__social__title {
  margin: 5px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: normal;
  font-size: 20px;
}

/* Articles */
.author__posts {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

#main .author__posts .articles-title {
  color: #384257;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.5;
  padding: 0;
  margin-top: 40px;
  margin-bottom: 40px;
  text-transform: unset;
  text-align: center;
}

.author-articles-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  gap: 34px 36px;
}

.author-articles-holder .post {
  /* flex: 1 0 30%; */
  width: 31%;
  margin: 0 0 50px;
}

/* Post Wrapper - New */
.author-image-wrapper {
  max-width: 226px;
  width: 100%;
  padding: 0 20px;
}

.author-image-wrapper img {
  width: 186px;
  height: 186px;
  border-radius: 200px;
  border: 2px solid #fff;
}

body#main h1.author-name {
  margin: 0;
  padding-bottom: 30px;
  font-size: 30px;
  font-family: "Montserrat";
}

.author-articles-holder .post-wrapper {
  display: flex;
  /* max-width: 625px; */
  min-height: 201px;
  max-height: 201px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1294117647);
  border-radius: 19px;
  overflow: hidden;
  flex: 48%;
  max-width: 50%;
  min-width: 625px;
  width: 100%;
}

.author-articles-holder .post-wrapper > .in-wrapper {
  flex: 50%;
  max-width: 50%;
  display: inline-flex;
  padding: 26px 28px;
}

.author-articles-holder .post-wrapper > .in-wrapper:last-child {
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
}

.author-articles-holder .post-wrapper a.post-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.author-articles-holder .post-wrapper .meta-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.author-articles-holder .post-wrapper .meta-wrapper > .in-wrapper {
  display: inline-flex;
  gap: 15px;
  font-size: 14px !important;
}

.author-articles-holder .post-wrapper .meta-wrapper > .in-wrapper * {
  font-size: 14px !important;
  margin: 0 !important;
}

.author-articles-holder .post-wrapper .meta-wrapper a.category {
  background: #CEEDF2;
  padding: 2px 12px 0;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
}

.author-articles-holder .post-wrapper .meta-wrapper a.category:hover {
  color: #384257;
  border: 1px solid #66C1D4;
}

.pagination {
  width: 100%;
  text-align: center;
  margin: 60px 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  border-color: #3AC4D7;
}

.author-articles-holder .post > a {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}

#main .author-articles-holder .post h3 {
  padding: 20px 0;
  font-size: 18px;
  color: #384257;
  font-weight: 700;
  line-height: 1.45;
  text-transform: capitalize;
  margin-bottom: 0;
  transition: 0.3s all ease;
}

#main .author-articles-holder .post p {
  font-size: 14px;
  color: #3ac4d7;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  padding-bottom: 2px;
  margin-bottom: 10px;
  border-bottom: 2px solid #3ac4d7;
  width: fit-content;
}

#main .author-articles-holder .post .post__cta {
  margin-top: auto;
}

#main .author-articles-holder .post > a:hover h3 {
  color: #3ac4d7;
}

.post-element-title:hover {
  text-decoration: underline #3bc3d7;
  text-decoration: underline #3bc3d7 3px;
  color: unset;
}

.post-title.post-element-title {
  margin-bottom: 0;
}

/* author page pagination */
#main .author-articles-holder nav.navigation.pagination {
  position: absolute;
  bottom: -50px;
}

#main .author-articles-holder .nav-links {
  display: flex;
}

#main .author-articles-holder nav.navigation.pagination .page-numbers {
  font-size: 16px;
  padding: 8px 12px 6px;
  background-color: #fff;
  border-radius: 3px;
  line-height: 20px;
  color: #3ac4d7;
  border: 1px solid #3ac4d7;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
}

#main .author-articles-holder nav.navigation.pagination .page-numbers.current {
  background-color: #3ac4d7;
  border: 1px solid #3ac4d7;
  color: #ffffff;
}

#main .author-articles-holder nav.navigation.pagination .page-numbers.dots {
  background-color: #ffffff;
  border: none;
  color: #3ac4d7;
  padding: unset;
  min-width: unset;
  font-size: 17px;
  font-weight: 300;
}

/* Media Queries for Author page */
@media only screen and (min-width: 601px) and (max-width: 980px) {
  .author-photo {
    max-width: 20%;
  }
  .author-card-holder .author-photo img {
    max-width: 100% !important;
  }
  .author-card__wrapper {
    padding-top: 120px;
    padding-bottom: 50px;
  }
  .author-card-holder {
    flex-wrap: wrap;
  }
  .author-card-holder .author-info__bio {
    max-width: 80%;
  }
  .author-info__social {
    border-left: unset;
    padding: 30px 10px 0;
    height: unset;
    margin-left: unset;
    width: 100%;
  }
  .author-articles-holder .post {
    width: 48%;
  }
  .archive.author .main-content-holder {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 600px) {
  span.author-info__bio__name {
    display: block;
  }
  .archive.author .main-content-holder {
    padding-bottom: 0;
  }
  .author-card__wrapper {
    padding-top: 120px;
    padding-bottom: 50px;
  }
  .author-card-holder {
    flex-direction: column;
  }
  #main .author-card-holder .author-info__bio h2 {
    text-align: center;
    padding: 15px 0;
  }
  .author-card-holder .author-info__bio {
    padding: 0;
  }
  .author-card-holder .author-info__bio p {
    text-align: center;
  }
  .author-articles-holder .post {
    width: 100%;
  }
  .author-info__social {
    border-left: unset;
    padding: 15px 0;
    height: unset;
    margin-left: unset;
    width: 100%;
    text-align: center;
  }
  .author-info__social__icons {
    justify-content: center;
  }
  body#main h3.author-info__social__title {
    margin: 10px;
  }
  .author-info__social__icons a {
    margin: 5px 10px;
  }
  #main .author__posts .articles-title {
    text-align: center;
  }
}
/*****************************************************/
/************** INTERCOM BUTTON - CHAT ***************/
/*****************************************************/
/*****************************************************/
/************** BLOG ***************/
/*****************************************************/
#main.page-template-blog .main-content .resources-section {
  padding-top: 198px !important;
  transition: all 0.3s ease-in;
}

@media only screen and (max-height: 850px) {
  #main.page-template-blog .main-content div.resources-section {
    padding-top: 140px !important;
  }
}
.post-image-wrapper {
  width: 100%;
  height: auto;
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1607843137);
}

/*# sourceMappingURL=style.css.map */