/* General Style */

/* Resets */

*,
*:after,
*:before {
  box-sizing: border-box;
}


/* Helper classes */

.cf:before,
.cf:after {
  content: ' ';
  display: table;
}

.cf:after {
  clear: both;
}

.ov {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 85vh;
}

.show {
  display: inherit;
}

.hide {
	display: none !important;
}

.msg-hidden {
	display: none;
	font-weight: bold;
	font-size: 18px;
	color: red;
}

/* Main styles */
html, body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  margin: 0;
  padding-left: 0;
  font-weight: 400;
  font-size: 16px;
  font-size: 100%;
  color: #000000;
  background: #ffffff;
  overflow-x: hidden;
  counter-reset: section;
}

body .bodyWrapper {
  -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a {
  text-decoration: none;
  color: #8bbd5c;
  outline: none;
}

a:hover {
  color: #fff;
  text-decoration: none;
}

h1 {
  font-family: 'montserrat', sans-serif;
  font-weight: 500;
}

.mt-fnt { font-family:'montserrat', sans-serif; }

.ft25em { font-size: 2.25em; }
.ft600 { font-weight: 600; }
.ft800 { font-weight: 800; }
p {
  margin-bottom: 20px;
  color: #555555;
}

/* CSS FROM OTHER PAGES */

.justify {
  text-align: justify;
}

.bg-primary {
    background-color: #8bbd5c;
}

.bg-light {
  background-color: #ffffff;
}

.bg-light-blue {
  background-color: #d3eff7;
 }

.bg-dark-blue {
  background-color: #259045;
  color: #fff;
}

.bg-section-green {
  background-color: #1b6f54;
  color: #fff;
}

.bg-section-green p {
  color: #ffffff !important;
}

.bg-lightdark {
  color: #000000;
  background: #FBFBFB;
}

.bg-lightdarker {
  background-color: #ebebeb;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.bg-llg {
  background-color: #e9f5ff;
  /*border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;*/
}

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

.text-faded {
    color: rgba(255,255,255,.7);
}

.blktxt-faded {
  color: rgba(0,0,0,0.600);
}

.white {
  border-color: #fff;
}
section {
    display: inline-block;
    width:  100%;
    padding: 80px 0 50px 0;
    font-size: 1.8em;
}

.colorLink { color: #fff; font-weight: bold; }

/* section hack */
.pk {
    padding: 30px 0 50px !important;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.extra {
  padding: 50px 0;
  text-align: center;
}

.extra p {
  font-weight: 400 !important;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.dbloc {
  display: block;
}

.posrel {
	position: relative;
}

/**/
.col-plan {
  width: 20%;
}

.pricing-table h2 {
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pricing-table .active {
  background-color: #f7daf7;
  border: 1px solid #a558a6 !important;
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}

 .plan:hover {
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}

.plan {
  padding: 5px;
}

.plan-name{
  padding: 5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  }

.cl4 { background-color: #a1c86b !important; } .cl3 { background-color: #a558a6 !important; } .cl2 { background-color: #e54b81 !important; } .cl1 { background-color: #514e9f !important; }

.hl5 { color: #fb6a01 !important; } .hl4 { color: #a1c86b !important; } .hl3 { color: #a558a6 !important; } .hl2 { color: #e54b81 !important; } .hl1 { color: #514e9f !important; }

.pricing-table-bronze  {
  padding: 20px;
  color: #fff;
  background-color: #f89406;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.pricing-table .plan .plan-name span {
  font-size: 28px;
  font-weight: 400;
  display: block;
  padding: 30px 0;
}

.pricing-table .plan {
  /*border: 1px solid #d0d0d0;*/
}

.blmv {
  border-left: 0 !important;
}

.brmv {
  border-right: 0 !important;
}

.pricing-table .plan ul {
  list-style: none;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.pricing-table .plan ul li.plan-feature {
  text-align: left;
  padding: 10px 8px;
}

.pricing-table .plan-feature .fa {
    color: #73b351;
    float: left;
    padding-right: 3px;
}

.pricing-table .plan-feature .btn {
  font-size: 12px;
}

.pricing-three-column {
  margin: 0 auto;
  width: 100%;
}

.pricing-variable-height .plan {
  float: none;
  margin-left: 2%;
  vertical-align: bottom;
  display: inline-block;
  zoom:1;
  *display:inline;
}

.plan-mouseover .plan-name {
  background-color: #4e9a06 !important;
}

.btn-plan-select {
  padding: 6px 22px;
  font-size: 14px;
  font-weight: 600 !important;
}

.well {
  background: transparent;
  border: 0;
}

/* --- Plans ---------------------------- */

.mobile-pricing {
  display: none;
  background-color: #ffffff;
}
.panel-primary { border-color: #ddd; }
.panel-primary>.panel-heading {
  background-color: #f8f8f8;
  border-color: #ddd;
  padding: 0;
}

/*Panel tabs*/
.panel-tabs {
    position: relative;
    clear:both;
    border-bottom: 1px solid transparent;
}

.panel-tabs > li {
    float: left;
    width: 33.3%;
    border-right: 1px solid #ddd;
    margin-bottom: -1px;
}

.panel-tabs > li:last-child {
    border-right: 1px solid transparent;
}


.panel-tabs > li > a {
    margin-right: 1px;
    line-height: 1.2em;
    margin: auto 0;
    height: 54px;
    border: 1px solid transparent;
    color: #000;
}

.panel-tabs > li > a:hover {
    border-color: transparent;
    color: #ffffff;
    background-color: transparent;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #585858;
    border-bottom-color: transparent;
}

.table>tbody>tr>td:first-child { width: 70%; }
.table>tbody>tr>td:last-child { width: 30%; }

.table>tbody>tr:nth-last-child(2)>td:last-child { border-bottom: 1px solid #ddd; }

.table>tbody>tr:last-child>td:last-child a {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 25% -10px;
}

.my_planHeader {
    text-align: center;
    padding-top:1.2em;
    padding-bottom:0.2em;
    width: calc(33% - 2px);
}
.my_planHeader.my_plan3 { border-top: 4px solid #7869bb; border-left: 1px solid #dedede; }
.my_planHeader.my_plan4 { border-top: 4px solid #a1c86b; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.my_planHeader.my_plan5 { border-top: 4px solid #84B553; border-right: 1px solid #dedede; }
.my_planTitle {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
    padding-bottom: 0.5em;
}
.my_planPrice {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0.8em;
    line-height: 1.4em;
}
.my_planDuration {
    margin-top: -0.6em;
    display: none;
}
.my_planPrice .symbol {
    color: #656565;
    font-size: 0.7em;
    font-weight: 600;
    margin-top: -0.6em;
    margin-right: 0.2em;
    display: inline-block;
}
.my_planPrice .duration {
    color: #656565;
    font-size: 0.7em;
    font-weight: 600;
    margin-top: -0.6em;
    display: inline-block;
}

/* --- Features ------------------------- */

.my_feature {
    /*line-height:2.8em;*/
    line-height:1.5em;
    padding: 1em 0.5em;
}

.my_planFeature {
    text-align: center;
    padding-top: 1em;
    width: 33%;
}

.my_featureRow {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

.my_check {
  color: #73b351;
}

.featurebg { background: #ededed;}
.astrix { margin-top: 5%;}
.astrix .my_feature { line-height: 1.3em;}

/** Download Icon **/
.icon-dwn{
  padding: 0 3px;
}

.top-email-form {
  text-align: left;
}
.top-email-form .form-control {
  color: #000000;
  height: 46px;
  padding: 6px 18px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 2em;
}
.top-email-form .form-group {
  width: 35em;
  margin-right: 1em;
  display: inline-block;
}
.top-email-form .btn {
  display: inline-block;
  height: 46px;
  padding: 6px 32px;
  vertical-align: top;
  border-radius: 2em;
  -webkit-border-radius: 2em;
  background-color: #FF6C00;
  border-color: #E97F02;
  /* Animation for the hover */
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.top-email-form .btn:hover {
  background-color: #f0962c;
}

/* Growing Businesses Page */
#growing {

}

#growing img {
  float: left;
  width: 52%;
  padding-right: 10px;
}

#growing  p {
  float: right;
  font-size: 16px;
  text-align: left;
}

#enterprise img {
  width: 100%;
  float: left;
}

#enterprise p {
  float: left;
  font-size: 16px;
  text-align: justify;
}

/* Situation: New Testimonials */
#testimonial-carousel {
    margin: 30px auto;
}

.carousel-indicators .active {
    background: #31708f;
}

#testimonial-carousel .thumbnail {
  background-color: transparent;
}

.carousel-indicators {
  bottom: -20px;
}

.content {
    margin-top: 20px;
}

.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.adjust2 {
    margin: 0;
}

.adjust2 p {
  margin-bottom: 5px;
}

.carousel-indicators li {
    border: 1px solid #ccc;
}

.carousel-control {
    color: #31708f;
    width: 5%;
}

.carousel-control:hover, .carousel-control:focus {
    color: #31708f;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    height: 2em;
    width: 2em;
    background: #02243C;
    border-radius: 8em;
    text-align: center;
    padding-top: 0.3em;
    color: #ffffff;
}

.media-object {
    margin: auto;
    margin-top: 15%;
}

blockquote { border-left: 0;}

@media screen and (max-width: 768px) {
    .media-object {margin-top: 0;}
}

/* features table */
.features_table h2 {
    font-size:25px !important;

}
.features_table h3 {
    font-size:20px !important;

}
li{
    list-style:none;
}
.table {
  background: #f7f7f7;
  font-weight: 400;
}
.table tr td {
    color: #333;
    text-align: center;
    font-size: 15px;
    padding: 15px 24px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  font-weight: 400;
}

.table>thead>tr>th {
    background: #848484 none repeat scroll 0 0;
    font-family: 'montserrat', sans-serif;
    color: #fff;
    font-weight: 500;
    font-size: 1.2em;
    margin: 0;
    padding: 19px 21px;
    text-align: center;
    text-transform: uppercase;
}
.table thead tr th, .table tr th {
  padding: 16px 21px;
  cursor:pointer;
}
.table thead tr th:nth-child(2), .features_table tr.subhead td:nth-child(2) {
  background: #FF7B4F;
}
.features_table tr.subhead td:nth-child(2) { opacity:0.3; }
.table thead tr th:nth-child(3), .features_table tr.subhead td:nth-child(3) {
  background: #a558a6;
}
.features_table tr.subhead td:nth-child(3) { opacity: 0.3; }
.table thead tr th:nth-child(4), .features_table tr.subhead td:nth-child(4) {
  background: #6C5BB5;
}
.features_table tr.subhead td:nth-child(4) { opacity: 0.3; }
.table thead tr th:nth-child(5), .features_table tr.subhead td:nth-child(5) {
  background: #a1c86b;
}
.features_table tr.subhead td:nth-child(5) { opacity: 0.3; }
.table thead tr th:nth-child(6), .features_table tr.subhead td:nth-child(6) {
  background: #84B553;
}
.features_table tr.subhead td:nth-child(6) { opacity: 0.3; }
.table thead tr th:nth-child(2), .table thead tr th:nth-child(3), .table thead tr th:nth-child(4) {
  font-size: 28px;
}
/*.table tr td:nth-child(2) {
  background: #f9e1da;
}
.table tr td:nth-child(3) {
  background: #e6f9d2;
}
.table tr td:nth-child(4) {
  background: #e4deff;
}*/
.table tr th, .table thead tr th:first-child {
  border: 1px solid transparent;
  color: inherit;
}
.table thead tr th:first-child {
  background: #fff;
}
.table .subhead {
  background: #d3dee6 none repeat scroll 0 0;
  font-weight: 500;
  margin: 0;
  padding: 19px 21px;
  font-family: 'montserrat', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}
.table .subhead th {
    font-weight: 500;
    color: #02243c;
}
.features_table .table>tbody>tr>td:last-child {
  width: auto;
}
.features_table .symbol {
  font-size: 0.7em;
  font-weight: 500;
  margin-right: 0.2em;
}
.features_table .duration {
  font-size: 0.7em;
  font-weight: 500;
  text-transform: lowercase;
}
.fa.fa-check {
    color: #2cc14f;
}
.fa.fa-times {
    color: #BA5340;
}
.fa{
  font-size:30px;
}
.empty-fa { min-height: 60px;}
.no-padding{
  padding:0;
}
ul{
  padding:0;
}
.features-table li::before {
  counter-increment: section;               /* Increment the section counter*/
  content: "" counter(section) ": "; /* Display the counter */
}

/* Testimonials */
.testimonials {display: inline-block;}
.testimonials .item {
  width:40%;
  margin-top: 2%;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  /*float: left;*/
}
.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    height: 100px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0;
    height: 0;
  right: 0;
  bottom: 0;
  content: " ";
  display: block;
  position: absolute;
    border-bottom: 20px solid #fff;
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-left-style: inset; /*FF fixes*/
  border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}

.pull-left {
  width: 60%;
}

/* Contact */
.contact-pic {
  display: block;
  background: url(../images/contact.jpg) no-repeat;
  min-width: 1344px;
  width: 100%;
  min-height: 400px;
  margin-left: -143px;
    margin-right: -672px;
}

/* Contact Form Fix */
.contact-form {
  font-size: 22px;
}


.contact-form address {
  line-height: 1.8;
  font-weight: 400;
    font-size: .85em;
}

.contact-form h3 {
  font-size: 30px;
}

.contact-form .form-group {
  width: 48%;
  float: left;
}

.rck {
  width: 100% !important;
  margin-right: 0 !important;
}

.rck .form-control {
  /*border-left: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;*/
}

.contact-form .form-group label {
  font-weight: 500;
  font-size: 0.8em;
}

.contact-form .form-group .form-control, .marktCnt .form-control {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.marktCnt .form-control {
  background: transparent;
  padding: 6px 3px;
  font-size: 18px;
  height: 50px;
  margin-bottom: 20px;
}

.marktCnt textarea.form-control {
  height: auto;
}

.marktCnt .form_input_btn {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.marktCnt #contact-form {
  margin-top: 40px;
}

.contact-form .phk {
    margin-right:4%;
}

.contact-form .form-control {
  min-height: 50px;
  font-size: 16px;
}

.contact-form .form-group .input-group-addon {
  background: none !important;
  border-right: none !important;
  border-top: none !important;
  border-left: none !important;
}

.frameD {
  width:480px; height:320px; border: 1px solid #e6e6e6; position:relative; overflow: hidden; z-index:1;
}
.frameP {
  width: 140px; height: 270px; background: #ffffff; border: 1px solid #e6e6e6; position: absolute; z-index: 2; left: 400px; top: 50px;
}

#framedesktop{width:1440px;height:960px;border:0px;-ms-zoom:0.332;-moz-transform: scale(0.332);-moz-transform-origin: 0 0;-o-transform: scale(0.332);-o-transform-origin: 0 0;-webkit-transform: scale(0.332);-webkit-transform-origin: 0 0;;position:absolute;left:0px;top:0px; overflow: hidden; }
#frameipad{width:768px;height:1024px;border:0px;-ms-zoom:0.33;-moz-transform: scale(0.33);-moz-transform-origin: 0 0;-o-transform: scale(0.33);-o-transform-origin: 0 0;-webkit-transform: scale(0.33);-webkit-transform-origin: 0 0;position:absolute;left:38px;top:42px;}
#frameiphone{width:375px;height:636px;border:0px;-ms-zoom:0.368;-moz-transform: scale(0.368);-moz-transform-origin: 0 0;-o-transform: scale(0.368);-o-transform-origin: 0 0;-webkit-transform: scale(0.368);-webkit-transform-origin: 0 0;position:absolute;left:0px;top:0px;}

/* Featured Stories */
.thumbnail {
  border: none;
}

.thumbnail blockquote {
  border-left: 0;
}

/* Team page */

#team-desc p {
  font-size: 1em;
  text-align: justify;
  line-height: 1.4em;
}

h6.description{
  font-weight: bold;
  letter-spacing: 2px;
  color: #999;
  border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 5px;
}
.profile{
  margin-top: 25px;
  margin-bottom: 15px;
}
.profile h1{
  font-weight: normal;
  font-size: 20px;
  margin:10px 0 0 0;
}
.profile h2{
  font-size: 14px;
  font-weight: lighter;
  margin-top: 5px;
}

.profile h4 {
  font-size: 1em;
  font-weight: 300;
}

.profile .img-box{
  opacity: 1;
  display: block;
  position: relative;
}
.profile .img-box:after{
  content:"";
  opacity: 0;
  /*background-color: rgba(0, 0, 0, 0.75);*/
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.img-box ul{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  text-align: center;
  width: 100%;
  padding-left: 0px;
  height: 0px;
  margin:0px;
  opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
  font-size: 14px;
  letter-spacing: 10px;
}
.img-box ul li{
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #88C425;
  margin: 2px;
  padding: 5px 7px;
  display: inline-block;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  -moz-border-radius: 15px;
}
.img-box a{
  color:#fff;
}
.img-box:hover:after{
  opacity: 1;
}
.img-box:hover ul{
  opacity: 1;
}
.img-box ul a{
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
  border-color: #fff;
  color: #88C425;
}
.profile p {
  font-size: 14px;
}

i.red{
    color:#BC0213;
}

.clear {
  clear: both;
}

/* Animation HACKS */
.d1 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: .5s !important; /* Chrome, Safari, Opera */
    animation-delay: .5s !important;
}
.d2 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1s !important; /* Chrome, Safari, Opera */
    animation-delay: 1s !important;
}
.d3 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1.25s !important; /* Chrome, Safari, Opera */
    animation-delay: 1.25s !important;
}
.d4 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1.5s !important; /* Chrome, Safari, Opera */
    animation-delay: 1.5s !important;
}
.section-heading {
    margin-top: 0;
}

.shd {
  margin-top: 60px;
}

.nhk {
  margin-top: -20px;
}

.mthack {
  margin-top: 70px;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

.service-box p {
  font-size: 16px !important;
}

.service-box a {
  color: #222;
}

/* Support Box */
sp-box {
  margin: 50px auto 0;
  max-width: 600px;
}
.sp-box h4 {
  font-weight: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.sp-box p {
  font-size: 18px !important;
  text-align: center;
}

.pillar1 > .par-left, .pillar1 > .par-right, .pillar2 > .par-left, .pillar2 > .par-right, .pillar3 > .par-left, .pillar3 > .par-right, .pillar4 > .par-left, .pillar4 > .par-right   {
    width: 66%;
    text-align: left;
    margin: 0 auto;
    padding-left: 5%;
  }

/*1st pillar page*/
.header-image1 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-1st.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text {
    color: #fff;
    margin: 0 20% 0 20%;
}

.btn-p1 {
    color: #5064ae !important;
    background: #fff;
    padding: 10px 42px;
    margin-top: 1em;
}

.bannertop {
    position: relative;
    z-index: -5;
    top: -300px;
}

.parts {
    padding: 5% 0 2% 0;
}

.parts img {
    margin: 0 0 0 1em;
}

.parts p {
    color: #555555;
    font-weight: 300;
}

.margintop {
    margin-top: 2em !important;
}

.margin-top4 {
  margin-top: 4%;
}

.pillar1 {
    background: url('../images/pillar1-bg.png') repeat;
}

.bottom-buttons {
    padding: 5% 28% 5% 28%;
}


.dg:hover {
    background: #5663a6;
}

.dg2 {
    display: inline;
    background:  #FCFF00;
    color: #000;
    font-size: 0.8em;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin: 3em 0 3em;
    padding: 1em 2.5em;
    text-transform: uppercase;
    border: none;
    /* Radius */
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    position: relative;
    z-index: 10;
    /*transition*/
    transition: All 0.3s ease;
}

.dg2:hover {
    background: #5663a6;
}

.find {
        margin-top: 3em;
}

.rightsp {
    margin-right: 10%;
}

.leftsp {
    margin-left: 10%;
}

/*piller 2*/

.pillar2 {
    /*background: url('../images/pillar1-bg.png') repeat;*/
}

.header-image2 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-1st.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text2 {
    color: #fff;
    margin: 0 10% 0 10%;
}

/*pillar 3*/

.header-image3 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-3rd.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text3 {
    color: #fff;
    margin: 0 15% 0 15%;
}

.pillar3 {
    background: url('../images/pillar3-bg.png') repeat;
}


/*pillar 4*/

.header-image4 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-4th.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text4 {
    color: #fff;
    margin: 0 15% 0 15%;
}

.pillar4 {
    background: url('../images/pillar4-bg.png') repeat;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #000;
}

.text-white {
  color: #ffffff;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #E88024;
    color: #fff;
    /*background-color: #E88024;*/
    background: #FF6C00;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40;
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
}

.btn-xl {
  color: #76be33;
    padding: 12px 40px;
}

.btn-xd {
  color: #ffffff;
  /*background: #76be33;*/
  /* background: #02243C; */
  background: #259045;
  padding: 10px 42px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.orange { background: #FF7B4F; color: #fff;}
.green { background: #84B553; color: #fff;}
.greenlink {color:#00924D;font-weight:bold;}
.purple { background: #6C5BB5; color: #fff;}
.pink { background: #a558a6; color: #fff; }
.lightgreen { background: #a1c86b; color: #fff; }

.orange:hover { background: #ff8a63; color: #fff;}
.green:hover { background: #8ebb61; color: #fff;}
.purple:hover { background: #7869bb; color: #fff;}

.text-center ul li {
    list-style-type: none;
    color: rgba(0,0,0,.6);
}
.teeny-text {
    margin-top: 2em;
}
.teeny-text p {
    color: rgba(0,0,0,.6);
    font-size: .7em;
}
.livechatdl {
    display: inline;
    background: #E97F02;
    color: #ffffff;
    font-family: 'montserrat', sans-serif;
    font-size: 0.6em;
    font-weight: 700;
    letter-spacing: 0.3em;
    margin: 2.8em 1em 0;
    padding: 1em 3.6em;
    text-transform: uppercase;
    border: none;
    /* Radius */
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    position: relative;
    z-index: 10;
    /*transition*/
    transition: All 0.3s ease;
}
.livechatdl:hover {
    background: #3d3d3d;
}
/* Gateway Payment Methods */
.payment-method-list {
  text-align: left;
  padding-top: 30px;
}
.payment-method-list li {
  display: block;
  font-size: 15px;
  line-height: 2.4em;
  clear: both;
}
.payment-method-list li:first-child span {
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.payment-method-list li span {
  width: 25%;
  float: left;
  display: inline;
}
.payment-method-list .whck {
  width: 50% !important;
}
.payment-method-list li a {
  color: #006dcc;
  font-weight: 600;
}

/*mobile app*/

.app-up {
  display: inline-block;
  text-align: center;
  margin-bottom: 2em;
  padding-left: 7em;
  padding-right: 7em;
}

.app-up-dl {
  display: inline-block;
  margin: 0 0.3em;
  padding:0px 25px;
}

#mobile-features {
    background: #fff;
}

.dlapp {
    margin-bottom: 1em;
    line-height: 1.3em;
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

.featuresdiv ul li i {
    width: 25px;
    text-align: center;
    color: #02243C;
}


/* Header */
.header {
  background: rgba(255, 255, 255, 1);
  font-family: 'montserrat', sans-serif;
  position: absolute;
  top: 0;
  height: 85px;
  width: 100%;
  border-bottom: 1px solid #DEDFE0;
  transition: all 0.2s ease;
  z-index: 500;
  /* shadow */
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
}

#hd-home .menu-button::before,
#hd-home .menu-button::after,
#hd-home .menu-button span {
  background: #fff;
}

#hd-home .morph-button-modal-2 > button { /*color: #ffffff !important;*/ font-family: 'montserrat', sans-serif;}
.morph-button-modal-2 > button { font-family: 'montserrat', sans-serif;}

.header a:hover {
  color: #599149;
}

.under {
  text-decoration: underline;
}

#primary-header {
  position: fixed;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}

.header.shrink {
  background: #fff;
    /*height: 3em;*/
}

#page-home .bp-header__desc {
  color: #555555;
  font-size: 18px;
  text-align: left;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 2em;
}

.heightfix {
  height: 100% !important;
}

.bhck {
  /*background: transparent !important;*/
  border-bottom:none !important;
  box-shadow: !important;
    -webkit-box-shadow: none !important;
}

/* Blueprint header */

.bp-header {
  padding: 60px 2vw 120px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.bp-header.pd {
  padding: 120px 2vw 120px;
}

#page-features .bp-header {
  padding: 60px 2vw 10px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#page-pricing .bp-header {
  padding: 60px 2vw 60px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#page-map .bp-header {
  padding: 0px 2vw 0px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.bp-header__title {
  font-size: 4em;
  font-family: 'montserrat', sans-serif;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0.2em 0 0.25em 0;
  color: #000000;
}

.bp-headersmtitle {
  display: inline-block !important;
  width: 100% !important;
 /* font-size: 0.5em;
  font-weight: 600;
  margin: 0;
  text-align: left; margin-bottom: -0.35em;*/
  font-size: 42px;font-weight: 600;line-height: 1.2em; margin-top: 0.5em;
}

/*.bp-headersmtitle {
  font-size: 2em;
  font-weight: 400;
  margin: 1em 0;
  letter-spacing: 1px;
  color: #fff;
  text-align: left;
}*/

.bp-headerquestion {
  font-size: 2em;
  line-height: 1.2em;
  margin: 1em 0;
  color: #fff;
  text-align: center;
  /* text-shadow: 1px 1px 2px #3b3d3b; */
}


.bp-header__desc {
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.4em;
  margin: 0.5em 0 1em;
  padding: 0;
}

.bp-header__present {
  font-size: 0.75em;
  font-weight: 700;
  position: relative;
  z-index: 100;
  display: block;
  padding: 0 0 0.6em 0.1em;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #ffffff;
}

.bp-header__title em {
  font-style: normal;
}

#page-map .bp-header__title {
    position: absolute;
    z-index: 10;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#page-map img {
    margin-top: 6vw;
    margin-left: 30vw;
}

.topfoldscreen { width: 100%; margin: 4% 0 0;}

.img-responsive {
   display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* hpg header */
.hpg header {
  padding: 8em 8vw 2em;
  text-align: center;
  position: relative;
  z-index: 1;
}

.bp-tooltip:after {
  font-size: 50%;
  font-size: 75%;
  position: relative;
  top: -8px;
  left: -12px;
  width: 30px;
  height: 30px;
}

.bp-tooltip:hover:before {
  content: attr(data-content);
  font-size: 110%;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  left: auto;
  margin-left: 4px;
  padding: 0.8em 1em;
  text-align: left;
  text-indent: 0;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
  background: #5c5edc;
}

.tooltip-dot {
  display: block;
  position: relative;
  z-index: 2000;
  background: #ffffff;
  width: 2em;
  height: 2em;
  /* Border radius */
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  /* Transitions */
  -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.tooltip-dot .fa {
  color: #000000;
  padding: 0.5em;
}

.rtip90 {
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rtipbk {
  /* Transforms */
  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.bp-nav {
  margin: 0 0 0 -0.75em;
}

.bp-nav__item {
  position: relative;
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  margin: 0 0.1em;
  text-align: left;
  border-radius: 50%;
}

.bp-nav__item > span {
  display: none;
}

.bp-nav__item:hover:before {
  content: attr(data-info);
  font-size: 0.85em;
  font-weight: bold;
  position: absolute;
  top: 120%;
  left: 0;
  width: 600%;
  text-align: left;
  pointer-events: none;
  color: #595a5f;
}

.bp-nav__item:hover {
  background: #5c5edc;
}

.bp-icon:after {
  font-family: 'bpicons';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  color: #5c5edc;
  -webkit-font-smoothing: antialiased;

  speak: none;
}

.bp-nav .bp-icon:after {
  line-height: 2.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
}

.bp-nav a:hover:after {
  color: #fff;
}

.bp-icon--next:after {
  content: 'e000';
}

.bp-icon--drop:after {
  content: 'e001';
}

.wr {
  width: 90%;
  margin: 1% auto 5% auto;
}

.col-spec {
	position: relative;
    float: left;
    /*width: calc(50vw - 9px);*/
    width: calc(50vw - 26px);
    height: 100%;
    min-height: 715px;
    padding-right: 15px;
    padding-left: 15px;
}

/*Footer Section*/

footer {
  bottom: 0;
  left: 0;
  float: left;
  width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 50px 0;
}

.footer-stuff {
  width: 25%;
  padding-top: 1em;
  color: #fff;
  float: left;
}

.footer-stuff h5 {
  margin-bottom: 1em;
  color: #000;
  font-size: 1.5em;
  font-weight: 600;
  font-family: 'montserrat', sans-serif;
  letter-spacing: 2px;
}

.footer-links li {
  list-style-type: none;
  line-height: 1.7em;
  font-size: 1.4em;
  color: #000;
}

.socials li {
	display: inline-block;
}

.footer-links li a {
  font-size: inherit;
  color: inherit;
}

#page-last .click-to-learn-more {
  display: hidden !important;
}

#page-last  img {
  position: absolute;
  top: 0;
}

/* Morph Button */
.login-btn{
  display: block;
  float: right;
  width: 10em;
  height: 80px;
  margin: 10px 15px;
  position: relative;
}

.login-btn button {
    padding: 30px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    background: transparent;
    border: none;
}

.morph-button.morph-button-modal-2 {
}

/* Page Team */
#page-team .single {
  display: none;
  margin-top: -16px;
  margin-left: 16px;
}

#page-team .hide {
  opacity: 0;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

#page-team .show {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html.js {
  /*overflow: auto;
  height: 100vh;*/
}

.js body {
  overflow-x: hidden;
  height: 100vh;
}

/* Pages nav */

.pages-nav {
  display: none;
}

.js .pages-nav {
  position: fixed;
  /*top: 10em;*/
  z-index: 50;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 50px;
  pointer-events: none;
  opacity: 0;
  background: #5a9249;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
}

.js .pages-nav--open {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pages-nav__item {
  width: 33%;
  padding: 1em;
}

.js .pages-nav__item {
  padding: 2% 5%;
}

.pages-nav .pages-nav__item--social {
  width: 100%;
  opacity: 0;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.pages-nav--open .pages-nav__item--social {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.link {
  font-size: 1.7em;
    position: relative;
    letter-spacing: 1px;
  text-transform: capitalize;
}

.link:hover,
.link:focus {
  color: #cdf8b7;
  font-weight: bold;
  transition: all 0.2s ease;
}

.link--page {
  display: block;
  font-weight: 700;
  color: #ffffff;
  transition: all 0.2s ease;
}

.link--page:not(.link--faded)::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 30px;
  height: 2px;
  margin: 5px 0 0 -15px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
}

.link--page:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.link--faded {
  color: #4f4f64;
}

.link--faded:hover,
.link--faded:focus {
  color: #5c5edc;
}

.link--page.link--faded {
  font-size: 0.65em;
}

.link--social {
  font-size: 1.5em;
  margin: 0 0.75em;
}

.text-hidden {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  color: transparent;
}

/* Pages stack */

.js .pages-stack {
  /*overflow-x: hidden;*/
  z-index: 100;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.js .page {
  position: relative;
  clear: both;
  width: 100%;
  margin-bottom: -5px;
  pointer-events: auto;
  background: #ffffff;
  /* border-bottom: 1px solid #ebebeb; */
  overflow: hidden;
}

.js #page-home {
  background: #ffffff;
  display: inline-block;
  height: 750px;
  border-bottom: 1px solid transparent;
}

.js #page-home .hm-imac {
	position: relative;
}

.imacBg {
	display: block;
	width: 100%;
	/* background: transparent; */
	/* background: #F6C442; */
	background: #249145;
	/* animation: colorchange 30s infinite; */
	/* -webkit-animation: colorchange 30s infinite; */
	min-height: 715px;
	height: 1000px;
	position: absolute;
	top: 0em;
	right: 150px;
	transform: translateX(50%) rotate(15deg);
}

.imacBg2 {
	display: block;
    width: 100px;
    /* background: transparent; */
	background: #683C96;
    /* animation: colorchange 30s infinite; */
    /* -webkit-animation: colorchange 30s infinite; */
    min-height: 715px;
    transform: rotate(-15deg);
    height: 1000px;
    position: absolute;
    top: 0em;
    left: -45px;
}

.imacBg3 {
	display: block;
    width: 200px;
    /* background: transparent; */
	background: #ACDDDD;
    /* animation: colorchange 30s infinite; */
    /* -webkit-animation: colorchange 30s infinite; */
    min-height: 715px;
    transform: rotate(15deg);
    height: 1000px;
    position: absolute;
    top: 0em;
    left: -150px;
}

@keyframes colorchange
{
  0%   {background: #F6C442;}
  20%  {background: #F6C442;}
  21%  {background: #683C96;}
  40%  {background: #683C96;}
  41%  {background: #ACDDDD;}
  60% {background: #ACDDDD;}
  61% {background: #36B34C;}
  80% {background: #36B34C;}
  81% {background: #F6C442;}
  99% {background: #F6C442;}
  100% {background: #C9E6D5;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
	0%   {background: #F6C442;}
	20%  {background: #F6C442;}
	21%  {background: #683C96;}
	40%  {background: #683C96;}
	41%  {background: #ACDDDD;}
	60% {background: #ACDDDD;}
	61% {background: #36B34C;}
	80% {background: #36B34C;}
	81% {background: #F6C442;}
	99% {background: #F6C442;}
	100% {background: #C9E6D5;}
}

.js #page-home .hm-imac .topfoldscreen {
	display: block;
	background: url(../images/laptop1.png) no-repeat;
	background-size: cover;
	position: absolute;
	max-width: 100%;
	width: 763px;
	height: 500px;
	margin: 0 auto;
	z-index: 2;
	max-height: 500px;
	top: 12.5em;
	left: 15%;
}

.js #page-home .hm-imac .topfoldscreen .inner {
	display: block;
    background: #ffffff;
	width: calc(100% - 160px);
    height: calc(100% - 115px);
    position: absolute;
    top: 18px;
    left: 75px;
    border-radius: 4px;
    overflow: hidden;
}

.js #page-home .hm-imac .iphscr .inner .swiper-slide, .js #page-home .hm-imac .topfoldscreen .inner .swiper-slide {
	align-items: flex-start;
}

.js #page-home .hm-imac .topfoldscreen .inner .swiper-slide img, .js #page-home .hm-imac .iphone .inner .swiper-slide img {
	max-width: 100%;
	min-height: 100%;
}

.js #page-home .hm-imac .iphone {
	display: block;
	background: url(../images/iphone1.png) no-repeat;
	background-size: cover;
    position: absolute;
    max-width: 100%;
    height: 350px;
    margin: 0 auto;
    z-index: 2;
    max-height: 350px;
    width: 298px;
    top: 18.5em;
    left: 0;
}

.js #page-home .hm-imac .iphone .inner {
	display: block;
    background: #ffffff;
    width: calc(100% - 145px);
    height: calc(100% - 23px);
    position: absolute;
    top: 7px;
    left: 73px;
    border-radius: 13px;
    overflow: hidden;
}

.js #page-home .bp-header{
  width: 630px;
  /*margin-top: 7em;*/
  margin-top: 0em;
  margin-left: 25%;
  padding: 15% 0;
}

.js #page-home .bp-header__title {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 58px;
  text-align: left;
  font-weight: 800;
  line-height: 1.2em;
  margin-bottom: -.3em;
}

.js #page-home .bp-header__title span {
	overflow: hidden;
	/* white-space: nowrap; */
	display: inline-block;
	width: auto;
	position: relative;
}

.js #page-home .bp-header__title span#typewriter {
  font-size: 48px;
}

.js #page-home .lg {
  font-size: 0.7em;
  font-weight: 600;
  letter-spacing: 0.3em;
  margin: 4em 1em 0;
  padding: 1.2em 3.6em;
}

.js #page-first {
  background: #eeeded;
  overflow-y: scroll;
}

.js #page-second {
  background: #eeeded;
  overflow-y: scroll;
}

.js #page-last {
  color: #ffffff;
  background: #249145;
}

.js #page-features {
    background: #f7f7f7;
    color: #333;
    border-top: 1px solid #ebebeb;
}

.js #page-pricing {
  color: #fff;
  background: #f7f7f7;
}

.page-last .bp-header {
  width: 100%;
  height: 80vh;
}

.js #page-last .bp-header__title {
  color: #ffffff !important;
}

/*#page-features .bp-header__title { color: #333;}*/
#page-features li { color: #333; line-height: 2.4em; font-size: 16px; }
#page-features li:nth-child(2) { line-height: 1em; padding: 1em 0;}
.featuresimg img { margin: 5% auto;}
.features-link, .features-link:hover { text-decoration: underline; font-size: 20px; }

/* the page with the right and left split  */
#page-custom .bp-header {<img src="images/mobileshop3.png" class="img-responsive shopmobileimg">
  /*padding: 8em 0 2em;*/
  padding: 8vh 0 2em;
  height: 75vh;
  text-align: center;
  position: relative;
  z-index: 1;
}

#page-custom .bp-header__title{
  color: #354235;
  position: relative;
  z-index: 10;
}

#page-custom .merchant-story {
  font-size: 0.8em;
}

.left-section .merchant-story {
  margin-top: 15.7%;
}

.right-section .merchant-story {
  margin-top: 10%;
}

#page-custom .merchant-story h5 {
  font-weight: bold;
}

.storysuccess1 {
  left: 14%;
  top: 52%;
  position: absolute;
}

.storysuccess2 {
  left: 67%;
  top: 50%;
  position: absolute;;
}


#page-custom .dg {
  position: absolute;
  width: 17vw;
  margin:0 -8vw;
  bottom: -7vh;
}

.shopimg {
  position: absolute;
  width: 32%;
  top: 12%;
  left: 62%;
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}

.shopmobileimg {
  position: absolute;
  width: 32%;
  top: 12%;
  left: 2%;
  -ms-transform: rotate(-12deg);
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}


.js .page#page-pos, .js .page#page-googlelisting, .js .page#page-infos {
	display: inline-block;
}

.js .page#page-infos {
	/* background: #cae8e8; */
}

.js .page#page-infos:before {
	/* content: ""; */
    display: block;
    width: 65em;
    background: #cae8e8;
    min-height: 715px;
    transform: rotate(-15deg);
    height: 1500px;
    position: absolute;
    top: -150px;
    left: calc(50% - 5em);
}

.js .page#page-infos .bp-header__title {
	font-size: 4.5em;
	font-weight: 700;
}

.js .page#page-infos .page-cont-right .bp-header__title {
	font-size: 4em;
	font-weight: 600;
}

.js .page#page-infos .container.posrel .infoLeft {
	position: absolute;
	display: block;
	background: #ffffff;
	color: #249145;
	font-size: 4em;
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 65px;
	top: 50%;
	left: -100px;
	transform: translateY(-50%);
	border: 8px solid #249145;
	border-radius: 50%;
	z-index: 2;
	cursor: pointer;
}

.js .page#page-infos .container.posrel .infoLeft:hover , .js .page#page-infos .container.posrel .infoRight:hover {
	background: #249145;
	color: #ffffff;
}

.js .page#page-infos .container.posrel .infoRight {
	position: absolute;
	display: block;
	background: #ffffff;
	color: #249145;
	font-size: 4em;
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 65px;
	top: 50%;
	right: -100px;
	transform: translateY(-50%);
	border: 8px solid #249145;
	border-radius: 50%;
	z-index: 2;
	cursor: pointer;
}

.infodivs {
	display: inline-block;
	width: 100%;
	margin: 20px 0 30px;
}

.infodiv {
	display: block;
	position: relative;
    float: left;
    width: 16.666%;
    height: 70px;
    line-height: 70px;
    font-weight: 600;
    padding: 0 10px;
    background: #249145;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    text-align: center;
    vertical-align: top;
	cursor: pointer;
}

.infodiv.active {
	background: #4b3067 !important;
}

.infodiv.active:before {
	content: "f00c";
	/*font-family: 'fontawesome';*/
  font-family: 'Font Awesome 5 Free';
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff;
	color: #4b3067;
	width: 50px;
	height: 50px;
	line-height: 40px;
	border: 6px solid #4b3067;
	border-radius: 50%;
	z-index: 2;
}

.infodiv:hover {
	/*background: #482b67;*/
  color: #fff;
}

.infodiv:first-child {
	background: #683c96;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

.infodiv:nth-child(2) {
	background: #754d9e;
}

.infodiv:nth-child(3) {
	background: #8161a2;
}

.infodiv:nth-child(4) {
	background: #8b6fa9;
}

.infodiv:nth-child(5) {
	background: #997fb5;
}

.infodiv:last-child {
	background: #af95ca;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

.infodivselect {
	display: none;
}

.js .page#page-pos {
	overflow: hidden;
	/* background: #e1ffff; */
	/* background: #acdddd; */
	background: #259045;
}

/* .js .page#page-googlelisting:before{ */
  /* content:""; */
  /* display: block; */
  /* width: 300px; */
  /* background: #ACDDDD; */
  /* min-height: 715px; */
  /* height: 1000px; */
  /* position: absolute; */
  /* top: -10em; */
  /* right: 0px; */
  /* transform: translateX(50%) rotate(-15deg); */
  /* z-index:2; */
/* } */

/* .js .page#page-googlelisting:after{ */
  /* content:""; */
  /* display: block; */
    /* width: 100px; */
    /* background: #683C96; */
    /* min-height: 715px; */
    /* transform: rotate(15deg); */
    /* height: 1000px; */
    /* position: absolute; */
    /* top: 0em; */
    /* right: 50px; */
    /* z-index: 1; */
/* } */

.js .page#page-pos .page-pos-hor {
    position: absolute;
    height: 200%;
    width: calc(55% - 20px);
    left: 10%;
    top: 50%;
    /* background: #e8e8e8; */
	background: #ffffff;
    transform: translateY(-50%) rotate(-15deg);
}

.js .page#page-googlelisting { background: url(../images/googlelistingnew.png) calc(50% - 450px) calc(100% + 150px) no-repeat; }
.js .page#page-sme-grant { background: url(../images/sme-grant-home.png) calc(50% + 450px) calc(100%) no-repeat; }
/* .js .page#page-googlelisting:before { content: ""; background: rgba(255, 255, 255, 0.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  */
/* .js .page#page-googlelisting .bp-header.pd { padding: 220px 2vw 0; } */
.js .page#page-googlelisting-2 { background: url(../images/googlelistbg.jpg) #cae8e8; width: 50%; float: right; height: 500px; }
/* .js .page#page-googlelisting .bp-header__title { color: #ffffff; } */
/* .js .page#page-googlelisting .bp-header__desc { color: #ffffff; } */

.js .page#page-pos .page-cont-left, .js .page#page-pos .page-cont-right, .js .page#page-googlelisting .page-cont-left, .js .page#page-googlelisting .page-cont-right, .js .page#page-infos .page-cont-left, .js .page#page-infos .page-cont-right {
	display: inline-block;
	float: none;
	vertical-align: middle;
	margin-right: -2px;
}

.js .page#page-sme-grant .page-cont-left img {
    display: none;
}

/* .js .page#page-googlelisting .page-cont-right:before { */
	/* content: ""; */
    /* position: absolute; */
    /* display: block; */
    /* height: 60%; */
    /* width: 60%; */
	/* background: #683C96; */
    /* z-index: -1; */
    /* top: -10px; */
    /* left: -10px; */
    /* opacity: 0.5; */
    /* border-radius: 1em; */
/* } */

/* .js .page#page-googlelisting .page-cont-right:after { */
	/* content: ""; */
    /* position: absolute; */
    /* display: block; */
    /* height: 60%; */
    /* width: 60%; */
    /* background: #ACDDDD; */
    /* z-index: -1; */
    /* bottom: -10px; */
    /* right: -10px; */
    /* opacity: 0.8; */
    /* border-radius: 1em; */
/* } */

.js .page#page-pos .page-cont-right {
	/* padding-left: 4em; */
}

.js .page#page-pos .page-cont-right img {
	max-width: none;
    width: calc(100% + 120px);
}

/* .js .page#page-pos:before { */
	/* content: ""; */
    /* display: block; */
    /* width: 30em; */
    /* background: #259045; */
    /* min-height: 715px; */
    /* transform: rotate(-15deg); */
    /* height: 120%; */
    /* position: absolute; */
    /* left: -11.8em; */
    /* top: -5em;	 */
/* } */

/* .js .page#page-googlelisting .page-cont-left { */
	/* background: #683C96; */
	/* position: relative; */
	/* background-image: linear-gradient(45deg, #4285f4 12.50%, #0f9d58 12.50%, #0f9d58 25%, #db4437 25%, #db4437 37.50%, #f4b400 37.50%, #f4b400 50%, #4285f4 50%, #4285f4 62.50%, #0f9d58 62.50%, #0f9d58 75%, #db4437 75%, #db4437 87.50%, #f4b400 87.50%, #f4b400 100%); */
    /* background-size: 113.14px 113.14px; */
	/* background: #ffffff; */
	/* padding: 4em; */
	/* box-shadow: 1px -5px 14px 7px rgba(193,193,193,0.6);  */
/* } */

/* .js .page#page-googlelisting .page-cont-left:before { */
	/* content: ""; */
    /* position: absolute; */
    /* top: calc(50% + 10px); */
    /* left: 50%; */
    /* width: calc(100% - 20px); */
    /* height: 100%; */
    /* transform: translate(-50%, -50%); */
    /* z-index: 2; */
    /* background: #fff; */
/* } */

.js .page#page-googlelisting .page-cont-left .bp-header__title, .js .page#page-googlelisting .page-cont-left .bp-header__desc, .js .page#page-googlelisting .page-cont-left a {
	position: relative;
	z-index: 3;
}

.js .page#page-pos .page-cont-left a, .js .page#page-googlelisting .page-cont-right a, .js .page#page-infos .page-cont-right a, .js .page#page-sme-grant .page-cont-right a {
	display: inline-block;
	position: relative;
	font-size: 2em;
	color: #ffffff;
	font-weight: 600;
	background: #249145;
	margin-top: 0.25em;
    padding: 0.5em 3em 0.5em 2em;
    border-radius: 5em;
	border: 1px solid #249145;
}

.js .page#page-pos .page-cont-left a:hover, .js .page#page-googlelisting .page-cont-right a:hover, .js .page#page-infos .page-cont-right a:hover, .js .page#page-sme-grant .page-cont-right a:hover {
	background: #fff;
	color: #249145;
	border: 1px solid #249145;
	text-decoration: none;
}

.js .page#page-pos .page-cont-left a i, .js .page#page-googlelisting .page-cont-right a i, .js .page#page-infos .page-cont-right a i, .js .page#page-sme-grant .page-cont-right a i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	right: 25px;
}

.js .page#page-googlelisting .page-cont-left img { max-width: 500px; }

/* .js .page#page-pos .page-cont-left:before { */
  /* content: ""; */
  /* position: absolute; */
  /* display: block; */
  /* height: 60%; */
  /* width: 60%; */
  /* background: #ACDDDD; */
  /* z-index: -1; */
  /* top: -10px; */
  /* left: 50px; */
  /* opacity: 0.8; */
  /* border-radius: 1em; */
/* } */

/* .js .page#page-pos .page-cont-left:after { */
  /* content: ""; */
  /* position: absolute; */
  /* display: block; */
  /* height: 60%; */
  /* width: 60%; */
  /* background: #683C96; */
  /* z-index: -1; */
  /* bottom: -10px; */
  /* right: -10px; */
  /* opacity: 0.5; */
  /* border-radius: 1em; */
/* } */

/*the team section */

#page-team {
  color: #555555;
  min-height: 650px;
  background: transparent;
  /*overflow-y: hidden !important;*/
}

#page-team .bp-header {
  width: 100%;
  height: 100vh;
}

#page-team .bp-header__title {
  color: #333;
  /*text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
  -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.8);*/
}

#page-team .bp-header__desc {
  /*background: url(../images/black-transparent-image.png) no-repeat center center;*/
  line-height: 0.5em;
  bottom: -25vh;
  margin: 0 0 0 21%;
  position: relative;
  z-index: 3;
}

/* Page Team */
#page-team .team-image {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*#page-team .team-picture {
  width: 100%;
  position: absolute;
  left: 0;
  top: -150px;
  z-index: -1;
}*/

#page-team p{
  color: #fff;
  font-weight: 300;
  background: rgba(0,0,0,0.5);
  display: inline-block;
  /*display: block;*/
  padding: 0 6px;
  float: left;
  clear: both;
}

/* The ingredients horizontally placed */
.hpg {
  background: #fff;
  display: none;
  float: left;
  /*position: absolute;*/
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

#oneg {
  margin-right: 200%;
}

#twog {
  margin-right: 300%;
}

#threeg {
  margin-right: 400%;
}

#fourg {
  margin-right: 500%;
}

.right-section {
  position: absolute;
  right: 0;
  top: 0;
  min-height: 75vh;
  width: 50vw;
  max-width: 50vw;
  background: #d5ffd5;
}

.right-section .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  min-width: 100%;
  max-height: 100%;
  z-index: 1;
}

.right-section .info {
  font-size: 16px;
  text-align: left;
  color: #555555;
  margin-top: 25vh;
  position: relative;
  z-index: 10;
  padding: 2px 15px;
  margin-left: 15px;
  line-height: 1.5;
}

.right-section .info em {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'montserrat';
}

.left-section {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 75vh;
    width: 50vw;
    max-width: 50vw;
    background: #c7f7c7;
}

.left-section .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  min-width: 100%;
  max-height: 100%;
  z-index: 1;
}

.left-section .info {
  font-size: 16px;
  text-align: left;
  color: #555555;
  margin-top: 25vh;
  position: relative;
  z-index: 10;
  padding: 2px 15px;
  margin-right: 30px;
  line-height: 1.5;
}

.left-section .info ul, .right-section .info ul  {
  padding-left: 20px;
}

.left-section .info em {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'montserrat';
}

.info ul li {
  list-style-type: none;
}

/*.js .pages-stack--open .page {
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.45s, opacity 0.45s;
  transition: transform 0.45s, opacity 0.45s;
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.js .page--inactive {
  position: absolute;
  z-index: 0;
  top: 0;
  opacity: 0;
}*/

/* a fix to show the animations using the active class */
.active {
  display: inherit !important;
}

/* page content */

.left-section div, .right-section div {
  max-width: 450px;
  min-height: 230px;
  margin-left: auto;
  margin-right: auto;
}

.l-info {
  font-family: 'Lato', serif;
  font-size: 1.25em;
  max-width: 65%;
  margin-top: 1.5em;
  line-height: 1.5em;
  text-align: left;
}

.card-block {
  max-width: 80%;
  margin: 0.5em auto 0 auto;
}

.darkblur {
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.bg-image {
}

.btn-panel {
  color: #fff;
  background: #00b5be;
  margin-top: 8%;
  border-radius: 4px;
}

/*Video*/
.bg-video {
  position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
  height: auto;
    top: -3em;
}

.smaller-image {
  position: absolute;
  bottom: -5%;
  margin: 0 26%;
  height: auto;
  display: block;
}

.rb {
  float: left;
  clear: left;
}

.r-image {
  position: absolute;
  bottom: 15%;
  right: 2%;
  height: auto;
  display: block;
}

.center-psh {
  margin: 2em auto -2em auto;
  height: auto;
  width: auto;
}

/* Menu button */
.menu-button {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}

.no-js .menu-button {
  display: none;
}

.menu-button::before,
.menu-button::after,
.menu-button span {
  background: #000;
}

.menu-button::before,
.menu-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.menu-button span {
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 2px;
  text-indent: 200%;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.menu-button::before {
  -webkit-transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1);
  transform: translate3d(0, -10px, 0) scale3d(0.8, 1, 1);
}

.menu-button::after {
  -webkit-transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1);
  transform: translate3d(0, 10px, 0) scale3d(0.8, 1, 1);
}

.menu-button--open span {
  opacity: 0;
}

.menu-button--open::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.menu-button--open::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/*login*/
.login {
  position: absolute;
  z-index: 1000;
  top: 30px;
  right: 270px;
  padding: 10px 35px;
  font-size: 12px;
  font-weight: 600;
  width: auto;
  height: auto;
  cursor: pointer;
  border: none;
  outline: none;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* free-trial */
.free-trial {
  margin-top: 30px;
  margin-right: 40px;
  float: right;
  padding: 10px 35px;
  font-size: 1.2em;
  font-weight: 600;
  width: auto;
  height: auto;
  cursor: pointer;
  border: none;
  outline: none;
  /*color: #000;*/
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*background-color: #E97F02;*/
  background-color: #FF6C00;
  /* border radius */
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  /* Animation for the hover */
  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.free-trial a { color:#fff !important; }

.free-trial:hover {
  background-color: #f0962c;
  color: #ffffff;
  /* Animation for the hover */
  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.free-trial:hover a {
  color: #ffffff !important;
}

/* Website Navigation */
.website-nav {
  list-style-type: none;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

.website-nav li {
  position: relative;
  float: left;
  display: inline;
  padding: 20px 5px;
}

.website-nav li a {
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
}

.website-nav li:last-child a {
	padding-left: 50px;
}

.website-nav li a img {
	position: absolute;
    left: 18px;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    height: 25px;
}

.website-nav .dropdown-menu li { display: inline-block; width: 100%; }

.website-nav .dropdown-menu li a { padding-left: 8px; }

.grantflag{
	padding: 10px 35px;
    font-size: 1.2em;
    font-weight: 600;
    width: auto;
    height: auto;
    cursor: pointer;
    border: none;
    outline: none;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #fff0e5;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border: 1px solid #FF6C00;
	border-radius: 24px;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

a.grantflag:hover {
	background: #FF6C00;
	color: #ffffff;
}

/* Down Arrow */
.dwn-arrow {
  margin: 0 41.5%;
  display: block;
  background-image: url(../images/icon-down-arrow.svg);
  background-repeat: no-repeat;
    background-position: top left;
    background-size: 16px 8px;
    width: 1.2vw;/* width: 16px; */
    height: 1.2vh;/* height: 8px; */
}

.click-to-learn-more {
  position: absolute;
  z-index: 1000;
  bottom: 33vh;
  margin: 0 44.6%;
  padding: 0.1em 0.5em 1em;
  width: 9em;
  text-align: center;
}

.click-to-learn-more p {
  font-size: 0.8em;
  font-weight: 600;
    line-height: 1em;
    color: #ffffff;
}

/* the right arrow */
.click-next {
  background: #000000;
  position: absolute;
  z-index: 1000;
  right: 0;
  bottom: 60vh;
  margin: 44.6% -3% 0 0;
  padding: 0.1em 0.5em;
  width: 5em;
  text-align: center;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.click-next p {
  display: inline-block;
  font-weight: 600;
  font-size: 0.8em;
}

.right-arrow {
  display: inline-block;
  background-image: url(../images/icon-right-arrow.svg);
  background-repeat: no-repeat;
    background-position: top left;
    background-size: 16px 8px;
    width: 16px;
    height: 8px;
}

.click-next:hover {
  margin-right: 0;
  transition: all 0.3s ease-in-out;
}

/* the left arrow */
.click-prev {
  background: #000000;
  position: absolute;
  z-index: 1000;
  left: 0;
  bottom: 60vh;
  margin: 44.6% 0 0 -3%;
  padding: 0.1em 0.5em;
  width: 6em;
  text-align: center;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.click-prev p {
  display: inline-block;
  font-weight: 600;
  font-size: 0.8em;
}

.left-arrow {
  display: inline-block;
  background-image: url(../images/icon-left-arrow.svg);
  background-repeat: no-repeat;
    background-position: top left;
    background-size: 16px 8px;
    width: 16px;
    height: 8px;
}

.click-prev:hover {
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}

.ld {
  -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.ies-logo {
  float: left;
  z-index: 1000;
  margin-top: 25px;
  margin-left: 30px;
  width: auto;
  height: 40px;
  cursor: pointer;
  border: none;
  outline: none;
}

.boxout1 {
  position: absolute;
  z-index: 20 !important;
  margin-top: -32px;
  margin-left: -100px;
  width: 50%;
  max-width: 50%;
}


.boxout2 {
  position: absolute;
  z-index: 20 !important;
  margin-top: -32px;
  margin-left: -55px;
  width: 30%;
  max-width: 30%;
}

.boxout3 {
  position: absolute;
  z-index: 20 !important;
  margin-left: -55px;
  width: 40%;
  max-width: 40%;
}

.boxout4 {
  position: absolute;
  z-index: 20 !important;
  margin-left: 65%;
  margin-top: -45px;
  width: 50%;
  max-width: 50%;
}


/* the ingredient 1 first screen */
.fstop {
  z-index: 20;
  box-shadow: none !important;
  -webkit-box-shadow: !important;
}

/* Grid item "border" */
.grid__item::before {
  position: absolute;
  content: '';
  top: 0px;
  right: 55px;
  bottom: 0px;
  left: 55px;
  border-bottom: 1px solid rgba(74, 74, 74, 0.075);
}

.grid__item * {
    z-index: 10;
}

.article-icon {
  margin: 0 auto;
  padding: 0.5em;
  height: 100px;
  width: 100px;
  font-size: 2.5em;
  color: #599149;
  background-color: #transparent;
  border: 4px solid #599149;
  -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(153,153,153,1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(153,153,153,1);
    box-shadow: 2px 2px 10px 0px rgba(153,153,153,1);1);
}

.bullet {
  font-size: 0.5em;
  padding-right: 0.6em;
}

.close-ingredients {
  position: absolute;
  top: 15%;
  right: 9%;
  margin: 0 auto;
  padding: 0.5em;
  height: 50px;
  width: 90px;
  font-size: 1.2em;
  color: #599149;
  background-color: #transparent;
  z-index: 2;
}

.close-ingredients span {
  border: 1px solid #599149;
    padding: 5px;
}

.close-ingredients p {
  display: inline-block;
}

.close-ingredients span:hover{
  background: #8bbd5c;
}

.close-ingredients:hover {
  color: #ffffff;
}

.cdisnone{
  display: none;
}

.fa-space-shuttle {
  -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);

}

.grid__item h2 {
  font-size: 20px;
  font-weight: 500;
  margin: 0.8em 0 0.3em 0;
  color: #000000;
}

.grid__item p {
  color: #c1e1e7;
  font-size: 14px;
  line-height: 1.5em;
  text-align: inherit;
  height: 12.5em;
  max-height: 15em;
  margin: 2.5em 0 0;
  overflow: hidden;
}

#ingredient4 p {
}

.grid__item .expand-btn {
  background: rgba(255,255,255,1);
  color: #0b778b;
  font-size: 0.8em;
  font-weight: 800;
  cursor: pointer;
  margin: 2em -20%;
  padding: 1em 2em;
  position: absolute;
  /*transition*/
  transition: all 0.3s ease;
  /*border*/
  border: 1px solid;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
}

.grid__item .expand-btn:hover {
  background: #0b778b;
    color: #fff;
}


/* learn more */
.learn-more {
  background: #8bbd5c;
  color: #ffffff;
  font-size: 0.6em;
  font-family: 'montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 9em auto 0 auto;
  padding: 1.4em 6em;
  text-transform: uppercase;
  border: none;
  /* Radius */
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  /* transition */
  transition: all 0.3s ease;
}

.learn-more:hover {
  background: #a2ed5b;
  transition: all 0.3s ease;
}

#posHero .learn-more, #googleListingsHero .learn-more, #facebookadHero .learn-more {
  display: inline-block;
	background-color: #FF6C00;
	margin-top: 3em;
	padding: 1em 3em;
}

#posHero .learn-more:hover, #googleListingsHero .learn-more:hover, #facebookadHero .learn-more:hover {
  background: rgba(255,108,0,0.7);
  color: #ffffff;
}

.mktWhy { padding: 80px 0 80px 0; font-size: 2rem; line-height: 3.5rem; }
.marktCnt { /*padding-top: 0;*/ margin-top: -5px; }
.marktCnt div[class^="col-lg"] { padding-left: 5px; }
.mktWhy h2 { color: #4b7eab; }
.marktCnt.mktWhy h2 { color: inherit; }
.mktWhy ul { display: flex; flex-wrap: wrap; }
.mktWhy ul li { position: relative; width: 50%; margin-bottom: 30px; /*padding-left: 50px;*/ color: #555555; }
.mktWhy ul li span { display: flex; flex-direction: column; align-items: center; font-size: 2.25rem; font-weight: 600; }
.mktWhy ul li span i { font-size: 4rem; }
.expectation li:first-child i { color: #e83b7a; }
.expectation li:nth-child(2) i { color: #4b7eab; }
.expectation li:nth-child(3) i { color: #fdb74c; }
.expectation li:last-child i { color: #4fa983; }
/*.mktWhy ul li:before { content: ""; height: 15px; width: 15px; border-radius: 50%; background: #efbb66; position: absolute; top: 10px; left: 0; }*/
.bgRgtImg { background: #fff5e5 url(../images/social-media-bubbles.webp) 145% 0 no-repeat; margin-top: -5px; margin-bottom: -5px; }
.posWhy .row div.col-lg-4, .mktWhy .row div.col-lg-4 {
	background: #ffffff;
  min-height: 100px;
	padding: 20px;
	/*-webkit-box-shadow: 4px 4px 17px -2px rgba(173,173,173,1);
	-moz-box-shadow: 4px 4px 17px -2px rgba(173,173,173,1);
	box-shadow: 4px 4px 17px -2px rgba(173,173,173,1);*/
	margin: 15px;
	display: inline-block;
	float: none;
  vertical-align: top;
}
.posWhy .row div.col-lg-4 img, .mktWhy .row div.col-lg-4 img { float: left; width: 75px; margin-right: 10px; }
.posWhy .row div.col-lg-4 h4, .mktWhy .row div.col-lg-4 h4 { font-size: 0.9em; margin-bottom: 10px; }
.posWhy .row div.col-lg-4 p, .mktWhy .row div.col-lg-4 p { font-size: 0.9em; padding-left: 85px; }
.pos h4 { font-weight: 600; line-height: 1.3em; margin-bottom: 30px; }

.notOnline { background: #259045; position: relative; overflow: hidden; }
.notOnline:before {
	content:"";
	position: absolute;
    height: 200%;
    width: 750px;
    left: 15%;
    top: 50%;
	background: #ffffff;
    transform: translateY(-50%) rotate(-15deg);
}

.fbfx:before {
  width: 850px;
}

.supportSec img {
	max-height: 450px;
    margin: 0 auto -50px;
}

.brimfx { max-height: 400px; max-width: 100%; }

.pos-signup {
  display: inline-block;
  margin-bottom: 50px;
}

.pos-signup input { height: 45px; border-radius: 4px; border: 1px solid #cdd6df; }
.pos-signup input[type="text"] {
    width: 250px;
    margin-left: 10px;
    margin-right: 10px;
    color: #000;
    font-size: 1.2em;
    padding: 10px;
}
.pos-signup input[type="submit"] {
  margin-left: 20px;
  background-color: #FF6C00;
  border: 0;
  padding: 5px 30px;
  border-radius: 24px;
}

.pos-signup input[type="submit"]:hover {
  background-color: #f0962c;
  color: #ffffff;
}

/*=================================================
Pricint fiv
===================================================*/
.bs-five-area{
    width:100%;
    display: inline-block;
    border: 1px solid #ebebeb;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.bs-five-area.bs-radius{
    border-radius: 0px;
}
.bs-five-area > div{
    padding:0;
}

.bs-five-area .bs-five{
    position: relative;
    width: 100%;
    margin: auto;
    transition: all 0.4s;
    padding:20px 0px;
}
.bs-five-area .bs-five h6{
    font-size: 1em;
	font-weight: 600;
    letter-spacing: 2px;
}
.bs-five-area .bs-five h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
	margin-top: 50px;
    margin-bottom: 20px;
}
.bs-five-area .bs-five h1 sup {
    font-size: 24px;
    font-weight: 500;
    top: -16px;
	margin-right: 5px;
}
.bs-five-area .bs-five h1 span {
	font-weight: 500;
	font-size: 24px;
}
.bs-five-area .bs-five ul {
    margin:0;
    padding:0;
    list-style: none;
}
.bs-five-area .bs-five ul li{
    line-height: 45px;
    border-bottom:0px;
}
/* .bs-five-area .bs-five:hover{ */
    /* background: #3ca936;  */
    /* transition: all 0.4s; */
/* } */
/* .bs-five-area .bs-five.active { */
    /* background: #3ca936;    */
/* } */
.bs-five-area .bs-five .btn-success{
    margin-top: 30px;
	padding: 10px 50px;
    display: inline-block;
    border-radius: 30px;
    background-color: #FF6C00;
    border-color: #FF6C00;
}
.bs-five-area .bs-five.active .btn.btn-success,
.bs-five-area .bs-five:hover.bs-five .btn.btn-success{
    background-color: #f0962c;
    color: #ffffff;
}
/*.bs-five-area .bs-five.active,*/
/*
.bs-five-area .bs-five.active ul li,
.bs-five-area .bs-five:hover.bs-five,
.bs-five-area .bs-five:hover.bs-five ul li{
    color:#fff;
}*/
.bs-five-area .col-md-4:first-child .bs-five {
  transition: none;
}
.bs-five-area .col-md-4:first-child .bs-five:hover ul li, .bs-five-area .col-md-4:first-child .bs-five:hover h6 {
  color: #000;
}
.bs-five-area .col-md-4:first-child .bs-five:hover {
  background: transparent;
}
.bs-five-area .col-md-4:first-child .bs-five ul {
  padding-top: 7.5em;
}
.bs-five-area .col-md-4:nth-child(2), .bs-five-area .col-md-4:nth-child(3) {
  border-left: 1px solid #ebebeb;
}
/* features button */
.features-btn {
  background: #02243c;
  color: #333;
  font-size: 1.2em;
  display: inline-block;
  cursor: pointer;
  width: 15em;
  margin-right: 1em;
  font-family: 'montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
  padding: 1em 2em;
  text-transform: uppercase;
  border: none;
  /* Radius */
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;
  /* transition */
  transition: all 0.3s ease;
}

.features-btn a, .features-btn { color: #fff; position: absolute; }

.features-btn:hover, .features-btn a:hover, .btn-xd:hover {
  opacity: .8;
  color: #fff;
  transition: all 0.3s ease;
}

.feat-link {
  color: #333;
  font-size: 1.2em;
  display: inline-block;
  width: 15em;
  margin-right: 1em;
  font-family: 'montserrat', sans-serif;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.2em;
  padding: 1em 2em;
  text-transform: uppercase;
  border: none;
  /* Radius */
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;
  /* transition */
  transition: all 0.3s ease;
}

.template-showcase div a.features-btn {
  font-size: 0.8em;
  width: auto;
  position: relative;
}

/* pricing button */
.pricing-btn {
  color: #333;
  font-size: 1.2em;
  font-family: 'montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 9em auto 0 auto;
  text-transform: uppercase;
  border: none;
  /* Radius
  -webkit-border-radius: 6em;
  -moz-border-radius: 6em;
  border-radius: 6em;*/
  /* transition */
  transition: all 0.3s ease;
  text-decoration: underline;
}

.pricing-btn:hover {
  opacity: 0.8;
}


/* Exaggerated margin */
.exm {
  margin-top: 15em;
}

.par-left, .par-right {
  /*text-align: center;*/
  margin: 0 auto;
}

.par-left .article-icon {
  float: left;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 10px;
}

.par-left h3, .par-right h3 {
  font-family: 'montserrat', sans-serif;
  color: #599149;
  text-transform: uppercase;
}

.par-left p, .par-right p {
  line-height: 1.5em;
  color: #6f6f6f;
}

.top-intro {
  font-size: 20px;
  width: 100% !important;
}

.par-left p {
  width: 80%;
}

.par-left img {
  display: block;
  float:right;
  position:relative;
  margin-top: -10.5em;
  margin-bottom: 1em;
}

#sale {
  display: block;
  float:right;
  position:relative;
  margin-top: -6.5em !important;
}

.par-right img {
  float: left;
  margin-right: 2%;
  margin-top: -1em;
}

/* Page First */
.separator {
  margin: 2em auto;
  display: block;
  background: #d6ebca;
  height: 1px;
  width: 75%;
  clear: both;
}

/* page-software */
#page-software {
  /*background-color: #535353;*/
}
#page-software .left-list {
  width: 29%;
  margin-top: 7em;
  float: left;
  display: block;
}

#page-software .left-list  li {
  list-style: none;
  text-align: left;
  padding: 0.4em 0;
  margin: 0.1em 0;
  border-bottom: 1px solid #575757;
}

#page-software .left-list li:hover {
  background: #f2ffeb;
}

#page-software .left-list li:hover h4 {
  color: #599149;
}

#page-software .left-list li:hover p {
  color: #4f4f4f;
}

#page-software .left-list li:hover .article-icon {
  color: #87b279;
}


#page-software .left-list li .article-icon {
  float: left;
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 5% 4% auto 0;
  padding: 0.5em;
  font-size: 1.5em;
  color: #a5b2a2;
  border-color: #a5b2a2;
}

#page-software .left-list li h4 {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  color: #fefffe;
}

#page-software .left-list li p {
  display: flex;
  color: #939393;
  font-family: 'Lato', serif;
  font-size: 0.8em;
  line-height: 1.5em;
}

/* Right List */
#page-software .right-list {
  width: 29%;
  margin-top: 7em;
  float: right;
  display: block;
}

#page-software .right-list  li {
  list-style: none;
  text-align: left;
  padding: 0.4em 0;
  margin: 0.1em 0;
  border-bottom: 1px solid #575757;
}

#page-software .right-list li .article-icon {
  float: left;
  text-align: center;
  width: 60px;
  height: 60px;
  margin: 5% 4% auto 0;
  padding: 0.5em;
  font-size: 1.5em;
  color: #a5b2a2;
  border-color: #a5b2a2;
}

#page-software .right-list li h4 {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  color: #fefffe;
}

#page-software .right-list li p {
  display: flex;
  color: #939393;
  font-family: 'Lato', serif;
  font-size: 0.8em;
  line-height: 1.5em;
}

#page-software .right-list li:hover {
  background: #f2ffeb;
}

#page-software .right-list li:hover h4 {
  color: #599149;
}

#page-software .right-list li:hover p {
  color: #4f4f4f;
}

#page-software .right-list li:hover .article-icon {
  color: #87b279;
}

/* Page Showcase */
#page-showcase {
	background: #ebebeb;
  color: #555555;
  overflow: hidden;
}

/* #page-showcase:before { */
	/* content: ""; */
	/* display: block; */
	/* width: 20em; */
	/* background: #acdddd; */
	/* min-height: 715px; */
	/* transform: rotate(-15deg); */
	/* height: 100%; */
	/* position: absolute; */
	/* right: -14em; */
	/* top: -5em; */
/* } */

/* #page-showcase:after { */
    /* content: ""; */
    /* display: block; */
    /* width: 20em; */
    /* background: #683c96; */
    /* min-height: 715px; */
    /* transform: rotate(15deg); */
    /* height: 100%; */
    /* position: absolute; */
    /* bottom: -30em; */
    /* right: -16em; */
/* } */

#page-showcase .bp-header {
  padding-top: 10vh !important;
}

#page-showcase .bp-header__desc {
  /*color: #E0F2F1;*/
}

#page-showcase .dg {
  margin: -2em 1em 0;
}

#page-showcase .container.content .swiper-container { padding: 60px 0; }

#page-showcase .swiper-slide .caption p:first-child { font-weight: 600; }

#page-showcase blockquote small:before, .glyphicon { display: none; }
#page-showcase blockquote small i { font-size: 12px; }

.stories.content { background: ; }

.stories.content img {
  box-shadow: 4px 8px 8px rgba(0, 0, 0, .3);
}

.stories.content .thumbnail { margin-bottom: 30px; padding-top: 30px; cursor: pointer; }

.stories.content .thumbnail img { transition: all 0.3s ease-in-out; }

.stories.content .thumbnail:hover img { transform: scale(1.025); }

.stories.content div.thumbnail:first-child { background: #ebebeb;  }

.stories.content .thumbnail p {
    font-family: 'montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 10px;
}

.stories.content .thumbnail small cite {
    font-size: 14px;
    font-style: normal;
}

#page-question-1 {
  background: #44153C;
  color: #ffffff;
}

/* Page Ingredients */
#page-ingredients {
  background: #F1F1D9;
}

#page-ingredients .bp-header__title {
  color: #333;

}

#page-ingredients .bp-header__desc {
  color: #555555
}


#page-ingredients .grid__item h2 {
  font-family: 'montserrat', sans-serif;
  color: #333;
  /* Size */
  height: 2em;
}

#page-ingredients .grid__item p {
  color: #555555;
}

#page-ingredients .bg-image {
  opacity: 0.1;
}

.ingredient-anime img {
    /*width: 99%;*/
}

#ingredient2 {
    /*padding-bottom: 2.2em;*/
}

#ingredient3 {
    /*padding-bottom: 3.5em;*/
}

.dg:hover {
  background: #2a913b;
  color: #ffffff;
}

/* lG */
.lg {
  display: inline;
  background: #8abd5b;
  color: #ffffff;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  margin: 2em 1em 0;
  padding: 0.8em 3.6em;
  text-transform: uppercase;
  border: none;
  /* Radius */
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  position: relative;
  z-index: 10;
}

.g-list {
  width: 45%;
  margin-top: 1.5em;
  padding-left: 0;
  float: left;
  display: block;
}

.g-list  li {
  list-style: none;
  text-align: left;
  padding: 0.4em 0;
  margin: 0.1em 0;
  border-bottom: 1px solid #a7bca1;
}

.g-list .article-icon {
  float: left;
  margin: 0 0.5em auto 0;
  padding: 0.5em;
  height: 60px;
  width: 60px;
  font-size: 1.7em;
  color: #f6f8f5;
  border: 2px solid #f6f8f5;
  -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
}

.g-list li h4 {
  display: initial;
}

.g-list  li p {
  display: flex;
}

.g-list .learn-more {
  display: block;
  clear: both;
  float: left;
}

/* Grid item */
.grid-item {
  margin: 0 1em;
  position: relative;
  color: inherit;
  background: rgba(255, 255, 255, .1);
  min-height: 300px;
  cursor: pointer;
  text-align: center;
  display: -webkit-inline-flex;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 23%; /* Might remove if it doesn't work */
  /* Border radius */
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  border: 2px solid #ffffff;
  overflow: hidden;
}

.grid-item h4 {
  z-index: 2;
    color: #ffffff;
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.grid-item p {
  font-family: 'Lato', serif;
  z-index: 2;
  color: #e4fcdd;
  font-size: 0.8em;
  line-height: 1.4;
}

.grid-item img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* page-custom */
#page-custom {
}

.fp {
  font-family: 'Lato', serif;
}

/* page-blog */
#page-blog .article-icon {
  color: #ffffff;
  background: rgba(255,255,255,0.2);
  border: none;
  position: relative;
  z-index: 2;
}

/* Support Grid Class */
.support-grid {
  padding: 2em 0;
}

/* Page Contact */
#page-contact {
  background: #6E6E6E;
}

/* Last grid */

.showcase-grid {
  position: relative;
  padding: 1em 0 0;
}

.lgd-item {
  margin: 0 0.5em;
  position: relative;
  color: inherit;
  background: transparent;
  min-height: 300px;
  cursor: pointer;
  text-align: center;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 300px;
  overflow: hidden;
}

.lgd-item p {
  font-size: 16px;
  line-height: 2.8vh;
  /*color: #E0F2F1;*/
  color: #555555;
}

.lgd-item em {
  /*color: #ffffff;*/
  font-weight: bold;
  padding: 0 0.2em;
}

.lgd-item img {
  width: 25vw;
}

.lgd-item a {
  color: #ececec;
}

/* lgd thumb */
.thumb {
  height: 17vh;
  /* Height: 100%; */
  /* max-width: 112px; */
    max-width: 17vh;
    display: block;
    margin: -11vh auto 0 auto;
    position: relative;
    z-index: 2;
    /* margin: -3.1em auto 0 auto ; */
}

.wehavemore {
	background: #249145;
	color: #ffffff;
	/* background: #555555; */
	border-radius: 2em;
	cursor: pointer;
	padding: 0.75em 2em;
	font-weight: 600;
	font-size: 1.7em;
	/* color: #ffffff; */
	display: inline-block;
	border: 1px solid #249145;
}

.wehavemore:hover {
	background: #fff;
	color: #249145;
}

#page-questions .rp {
  width: 70%;
  margin: 1.5em auto;
}

#page-questions .learn-more, .learn-more {
  padding: 1.8em 9em;
    font-size: 1em;
  /* Border radius */
    -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.ml {
  display: block;
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.4em;
}

.simform {
  position: relative;
  margin: 0 auto;
  padding: 2em 0;
  max-width: 860px;
  width: 100%;
  text-align: left;
  font-size: 2.5em;
}

.simform .submit {
  display: none;
}

/* Question list style */
.simform ol {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
}

.simform ol:before {
  content: '';
  background-color: rgba(0,0,0,0.1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.35em;
}

.questions li {
  z-index: 100;
  position: relative;
  visibility: hidden;
  height: 0;
  -webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
  transition: visibility 0s 0.4s, height 0s 0.4s;
}

.questions li.current,
.no-js .questions li {
  visibility: visible;
  height: auto;
  -webkit-transition: none;
  transition: none;
}

/* Labels */
.questions li > span {
  display: block;
  overflow: hidden;
}

.questions li > span label {
  display: block;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.questions li.current > span label,
.no-js .questions li > span label {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.show-next .questions li.current > span label {
  -webkit-animation: moveUpFromDown 0.4s both;
  animation: moveUpFromDown 0.4s both;
}

@-webkit-keyframes moveUpFromDown {
  from { -webkit-transform: translateY(100%); }
  to { -webkit-transform: translateY(0); }
}

@keyframes moveUpFromDown {
  from { -webkit-transform: translateY(100%); transform: translateY(100%); }
  to { -webkit-transform: translateY(0); transform: translateY(0); }
}

/* Input field */
.questions input {
  display: block;
  margin: 0.3em 0 0 0;
  padding: 0.5em 1em 0.5em 0.7em;
  width: calc(100% - 2em);
  border: none;
  background: transparent;
  color: rgba(255,255,255,0.8);
  font-size: 1em;
  line-height: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.questions .current input,
.no-js .questions input {
  opacity: 1;
}

.questions input:focus,
.simform button:focus {
  outline: none;
}

/* Next question button */
.next {
  position: absolute;
  right: 0;
  bottom: 2.15em; /* padding-bottom of form plus progress bar height */
  display: block;
  padding: 0;
  width: 2em;
  height: 2em;
  border: none;
  background: none;
  color: rgba(0,0,0,0.4);
  text-align: center;
  opacity: 0;
  z-index: 100;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.next:hover {
  color: rgba(0,0,0,0.5);
}

.next::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "e600";
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'icomoon';
  line-height: 2;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.next.show {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  pointer-events: auto;
}

/* Progress bar */
.simform .progress {
  width: 0%;
  height: 0.15em;
  background: rgba(0,0,0,0.3);
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.simform .progress::before {
  position: absolute;
  top: auto;
  width: 100%;
  height: inherit;
  background: rgba(0,0,0,0.05);
  content: '';
}

/* Number indicator */
.simform .number {
  position: absolute;
  right: 0;
  overflow: hidden;
  margin: 0.4em 0;
  width: 3em;
  font-weight: 700;
  font-size: 0.4em;
}

.simform .number:after {
  position: absolute;
  left: 50%;
  content: '/';
  opacity: 0.4;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.simform .number span {
  float: right;
  width: 40%;
  text-align: center;
}

.simform .number .number-current {
  float: left;
}

.simform .number-next {
  position: absolute;
  left: 0;
}

.simform.show-next .number-current {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.simform.show-next .number-next {
  -webkit-animation: moveUpFromDown 0.4s both;
  animation: moveUpFromDown 0.4s both;
}

/* Error and final message */
.simform .error-message,
.simform .final-message {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.simform .error-message {
  padding: 0.4em 3.5em 0 0;
  width: 100%;
  color: #ffffff;
  font-style: italic;
  font-size: 0.4em;
}

.final-message {
  top: 50%;
  left: 0;
  padding: 0.5em;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.error-message.show,
.final-message.show {
  visibility: visible;
  opacity: 1;
}

.final-message.show {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}



/* Final hiding of form / showing message */
.simform-inner.hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

/* No JS Fallback */
.no-js .simform {
  font-size: 1.75em;
}

.no-js .questions li {
  padding: 0 0 2em;
}

.no-js .simform .submit {
  display: block;
  float: right;
  padding: 10px 20px;
  border: none;
  background: rgba(0,0,0,0.3);
  color: rgba(0,0,0,0.4);
}

.no-js .simform .controls {
  display: none;
}

/* Last Page */
.lst-pg {
  /*background: rgba(10,96,96,0.9);*/
  color: #ffffff;
    /*width: 22em;*/
    width: 100%;
    /*margin: 1em auto 0 auto;*/
    padding: 1em 0.5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    font-size: 1.5em;
}

.lst-pg .learn-more {
  padding: 1em 4em !important;
  margin: 0 auto !important;
  display: block;
  background: #FF6C00;
  color: #ffffff;
  font-weight: 700;
}

.lst-pg .learn-more:hover {
  background: #f0962c ;
}

.lst-pg .sml {
  font-size: 0.7em;
  display: block;
    padding-top: 1em;
}

.lst-pg span {
  letter-spacing: 1px;
}

.lst-pg  .bp-header__desc a {
  font-weight: bold;
}

.threestepsdiv { margin: 50px auto; }
.icondiv { font-size: 2em;}
.threesteps { border-right: 1px solid #70dfe4; padding: 15px 5px; }
.threesteps:last-child { border-color: transparent; }
.threesteps p { color: #fff; font-size: 1.1em;}

#page-team .single > button {
  line-height: 1.5em;
  font-weight: 800;
}

#page-team .single > button em {
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: capitalize;
  font-style: normal;
}

.team-button {
  float: left;
  clear: both;
  background: #E97F02;
  color: #ffffff;
  font-family: 'montserrat', sans-serif;
  font-size: 0.6em;
  font-weight: 700;
  letter-spacing: 0.3em;
  margin: 2.8em 0 0;
  padding: 1em 3.6em;
  text-transform: uppercase;
  border: none;
  /* Radius */
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  position: relative;
  z-index: 10;
  /*transition*/
  transition: All 0.3s ease;
}

.team-button:hover {
  background: #3d3d3d;
}

#team_desc {
  margin: 1em 0 0 0;
    font-weight: 400;
    font-size: 1.3em;
    line-height: 2em;
}

/* FREE TRIAL BOX */

#freetrialbox {
    font-size: 12px;
    z-index: 20006;
    position: fixed;
    top: -100%;
    left: 50%;
    width:350px;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    zoom: 1.01;
}

#loginbox {
    position: absolute;
    font-size: 12px;
    z-index: 20006;
    left: 50%;
    top: -100%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.mainbox button.close {
    color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    opacity: 1;
    font-weight: 700;
    font-size: 21px;
    cursor: pointer;
    border-radius: 50%;
    padding: 7px 12px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    margin: 20px 44% 0px;
    background: transparent;
}

.mainbox button.close {
    color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    opacity: 1;
    font-weight: 700;
    font-size: 21px;
    cursor: pointer;
    border-radius: 50%;
    padding: 7px 12px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    margin: 20px 44% 0px;
    background: transparent;
}

#bg-over {
    display: none;
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    min-height: 980px;
    z-index: 20002;
    opacity: 0.6;
    top: 0;
    background: rgb(0, 0, 0);
}

/* END FREE TRIAL BOX*/

/* #posHero */
#posHero, #googleListingsHero, #facebookadHero, #mktHero {
	background: #ffffff;
	position: relative;
	overflow: hidden;
	/* height: 642px; */
	/* margin-top: 80px; */
}

#posHero:before, #mktHero:before {
	content:"";
    display: block;
    width: 500px;
    background: #ACDDDD;
    min-height: 715px;
    transform: rotate(15deg);
    height: 1000px;
    position: absolute;
    top: 0em;
    right: -150px;
	z-index: 3;
}

#googleListingsHero:before {
  content: "";
  display: block;
  width: 500px;
  background: #ACDDDD;
  min-height: 715px;
  transform: rotate(15deg);
  height: 1000px;
  position: absolute;
  top: 0em;
  right: -250px;
  z-index: 3;
}

#posHero:after, #mktHero:after {
	content:"";
	display: block;
    width: 100px;
    background: #683C96;
    min-height: 715px;
    transform: rotate(-15deg);
    height: 1000px;
    position: absolute;
    top: 0em;
    right: 135px;
	z-index: 2;
}

#mktHero:after { background: #fbb243; }

#posHero .posherobl, #mktHero .posherobl {
  content:"";
  background: #259045;
  position: absolute;
  height: 200%;
  width: 100%;
  left: calc(-50% - 350px);
  top: -400px;
  transform: rotate(15deg);
}

#googleListingsHero .gogherobl {
  content:"";
  background: #259045;
  position: absolute;
  height: 200%;
  width: 100%;
  left: calc(-50% - 350px);
  top: -400px;
  transform: rotate(15deg);
}

#posHero img, #mktHero img {
	max-width: 105%;
	position: absolute;
	top: 0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}

  #mktHero img {
    top: -150px;
    max-width: 145%;
  }

#googleListingsHero img {
  max-width: 105%;
  position: absolute;
  top: 30px;
  left: -30px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  }

#facebookadHero img {
  max-width: 105%;
  position: absolute;
  left: 80px;
  top: -20px;
  height: 650px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 2;
}

.facebookheroCircle {
  height: 500px;
  width: 500px;
  /*background: #259045;*/
  background: #ACDDDD;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: -5px;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 1;
}

 #posHero img:nth-child(1), #mktHero img:nth-child(1) {
 	left: 0;
 }

 #posHero img:nth-child(2), #mktHero img:nth-child(2) {
 	right: 0;
 }

 #posHero .container h1, #mktHero .container h1, #googleListingsHero .container h1, #facebookadHero .container h1 { /*color: #ffffff;*/ font-size: 2.8em; font-weight: 600; line-height: 1.3em; margin-bottom: 30px; position: relative;
    z-index: 3; }

#mktHero .container h1 { font-weight: 800; color: #e54159; }

.tpHf {
  position: relative;
    top: 50%;
    transform: translateY(50%);
}

.tpHf2 img {
  height: 500px;
}

#mktHero {
  background: #fff0d9;
  padding: 180px 0 180px 0;
}

#mktHero p {
  font-size: 2rem;
  line-height: 3rem;
  z-index: 3;
    position: relative;
}

#mktHero .posherobl {
  background: #efbb66;
  left: calc(-50% - 350px);
  top: -400px;
}

#mktHero img:nth-child(1) {
  left: -365px;
}

#mktHero:before {
  background: #fe9b80;
}

/* Toggle Style */
body.toggled .bodyWrapper, body.toggled .header {
  -webkit-transform: translate3d(80%, 0, 0);
  -ms-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

#sidebar-wrapper {
    z-index: 1000;
    width: 80%;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    /* background: #000; */
	background: #231431;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

body.toggled #sidebar-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Sidebar Style */
.sidebar-nav {
    position: absolute;
    top: 0;
/*    width: 250px;*/
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav .tree { padding-left: 12px; background: #2e2637; }

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    font-size: 1.5em;
    text-decoration: none;
    /* color: #999999; */
	color: #ffffff;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    /* color: #999999; */
	color: #ffffff;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.panel-info {
    border: #eee;
    -webkit-box-shadow: 2px 2px 10px 3px rgba(255,255,255,0.3);
    box-shadow: 2px 2px 10px 3px rgba(255,255,255,0.3);
}
    .navbar-default {
      min-height: 50px;
    }
    .navbar-brand {
      padding: 7px 0;
    }
    .navbar-brand img {
      width: 80%;
    }
    .section {
      padding: 80px 10px;
    }
    .navbar-toggle {
      margin-right: 1px;
    }
    .col-plan {
      width: 100%;
    }
    .pricing-table .plan {
      padding-bottom: 15px;
      border: 1px solid #d0d0d0;
    }
    .pricing-table .plan li:last-child.plan-feature {

    }
    .icon-dwn {
      padding:10px 0;
    }

    .input:focus {
        outline: none;
        border-bottom-color: #599149 !important;
    }
    .input:hover {
        border-bottom-color: #599149;
    }
    .input:invalid {
        box-shadow: none;
    }

    .pass:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }

    .inputButton {
    position: relative;
    width: 85%;
    height: 50px;
    display: block;
    margin: 30px auto 30px;
    color: white;
    background-color: #599149;
    border: none;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
    }
    .inputButton:hover {
        background-color:#86bd76;
    }
    .inputButton:active {
        top: 5px;
        box-shadow: none;
    }
    .inputButton:focus {
        outline: none;
    }


}

/* From Other pages css file */
/**/
.col-plan {
  width: 20%;
}
.pricing-table .plan {
  margin-left:0px;
  border-radius: 5px;
  text-align: center;
  background: #fff;
}

.pricing-table h2 {
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pricing-table .active {
  background-color: #f7daf7;
  border: 1px solid #a558a6 !important;
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}

 .plan:hover {
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}

.plan {
  padding: 5px;
  margin-left:0px;
}

.plan-name{
  padding: 5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  }

.cl4 { background-color: #a1c86b !important; } .cl3 { background-color: #a558a6 !important; } .cl2 { background-color: #e54b81 !important; } .cl1 { background-color: #514e9f !important; }

.hl5 { color: #fb6a01 !important; } .hl4 { color: #a1c86b !important; } .hl3 { color: #a558a6 !important; } .hl2 { color: #e54b81 !important; } .hl1 { color: #514e9f !important; }

.pricing-table-bronze  {
  padding: 20px;
  color: #fff;
  background-color: #f89406;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.pricing-table .plan .plan-name span {
  font-size: 28px;
  font-weight: 400;
  display: block;
  padding: 30px 0;
}

.pricing-table .plan {
  /*border: 1px solid #d0d0d0;*/
}

.blmv {
  border-left: 0 !important;
}

.brmv {
  border-right: 0 !important;
}

.pricing-table .plan ul {
  list-style: none;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.pricing-table .plan-feature .fa {
    color: #73b351;
    float: left;
    padding-right: 3px;
}

.pricing-three-column {
  margin: 0 auto;
  width: 100%;
}

.pricing-variable-height .plan {
  float: none;
  margin-left: 2%;
  vertical-align: bottom;
  display: inline-block;
  zoom:1;
  *display:inline;
}

.plan-mouseover .plan-name {
  background-color: #4e9a06 !important;
}

.btn-plan-select {
  padding: 6px 22px;
  font-size: 14px;
  font-weight: 600 !important;
}

.btn-plan-select:hover {
  /*background-color: #f0962c;*/
  color: #ffffff;
  /* Animation for the hover */
  -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.well {
  background: transparent;
  border: 0;
}

/** Download Icon **/
.icon-dwn{
  padding: 0 3px;
}

/* Growing Businesses Page */
#growing {

}
/* Contact */
.contact-pic {
  display: block;
  background: url(../images/contact.jpg) no-repeat;
  min-width: 1344px;
  width: 100%;
  min-height: 400px;
  margin-left: -143px;
    margin-right: -672px;
}

/* Contact Form Fix */
.contact-form {
  font-size: 22px;
}


.contact-form address {
  line-height: 1.8;
  font-weight: 400;
    font-size: .85em;
}

.contact-form h3 {
  font-size: 30px;
}

.contact-form .form-group {
  width: 48%;
  float: left;
}

.rck {
  width: 100% !important;
  margin-right: 0 !important;
}

.rck .form-control {
  /*border-left: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;*/
}

.contact-form .form-group label {
  font-weight: 500;
  font-size: 0.8em;
}

.contact-form .phk {
    margin-right:4%;
}

.contact-form .form-control {
  min-height: 50px;
  font-size: 20px;
}

.contact-form .form-group .input-group-addon {
  background: none !important;
  border-right: none !important;
  border-top: none !important;
  border-left: none !important;
}

/* Featured Stories */
.thumbnail {
  border: none;
}

.thumbnail blockquote {
  border-left: 0;
}

/* Team page */
.team{
    padding:55px 0;
}
h6.description{
  font-weight: bold;
  letter-spacing: 2px;
  color: #999;
  border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 5px;
}
.profile{
  margin-top: 25px;
  margin-bottom: 15px;
}
.profile h1{
  font-weight: normal;
  font-size: 20px;
  margin:10px 0 0 0;
}
.profile h2{
  font-size: 14px;
  font-weight: lighter;
  margin-top: 5px;
}

.profile h4 {
  font-size: 1em;
  font-weight: 300;
}

.profile .img-box{
  opacity: 1;
  display: block;
  position: relative;
}
.profile .img-box:after{
  content:"";
  opacity: 0;
  /*background-color: rgba(0, 0, 0, 0.75);*/
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.img-box ul{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  text-align: center;
  width: 100%;
  padding-left: 0px;
  height: 0px;
  margin:0px;
  opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box a{
  color:#fff;
}
.img-box:hover:after{
  opacity: 1;
}
.img-box:hover ul{
  opacity: 1;
}
.img-box ul a{
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
  border-color: #fff;
  color: #88C425;
}
.profile p {
  font-size: 14px;
}
a{
    color:#249145;
}
a:hover{
    text-decoration:none;
    color:#519548;
}
a.white {
	color: #ffffff;
}
i.red{
    color:#BC0213;
}

.clear {
  clear: both;
}

/* Animation HACKS */
.d1 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: .5s !important; /* Chrome, Safari, Opera */
    animation-delay: .5s !important;
}
.d2 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1s !important; /* Chrome, Safari, Opera */
    animation-delay: 1s !important;
}
.d3 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1.25s !important; /* Chrome, Safari, Opera */
    animation-delay: 1.25s !important;
}
.d4 {
  -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
  -webkit-animation-delay: 1.5s !important; /* Chrome, Safari, Opera */
    animation-delay: 1.5s !important;
}

header {
    position: p;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

.section-heading {
    margin-top: 0;
}

.nhk {
  margin-top: -20px;
}

.mthack {
  margin-top: 70px;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

.service-box p {
  font-size: 16px !important;
}

.service-box a {
  color: #222;
}

.feature-box {
    margin: 50px auto 0;
    max-width: 600px;
}

.feature-box p {
  font-size: 16px !important;
  text-align: justify;
}

.feature-box a {
  color: #222;
}

.feature-box a i {
  color: #399477;
}

/* Support Box */
sp-box {
  margin: 50px auto 0;
  max-width: 600px;
}
.sp-box h4 {
  font-weight: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.sp-box p {
  font-size: 18px !important;
  text-align: center;
}

.pillar1 > .par-left, .pillar1 > .par-right, .pillar2 > .par-left, .pillar2 > .par-right, .pillar3 > .par-left, .pillar3 > .par-right, .pillar4 > .par-left, .pillar4 > .par-right   {
    width: 66%;
    text-align: left;
    margin: 0 auto;
    padding-left: 5%;
  }

/*1st pillar page*/
.header-image1 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-1st.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text {
    color: #fff;
    margin: 0 20% 0 20%;
}

.btn-p1 {
    color: #5064ae !important;
    background: #fff;
    padding: 10px 42px;
    margin-top: 1em;
}

.bannertop {
    position: relative;
    z-index: -5;
    top: -300px;
}

.parts {
    padding: 5% 0 2% 0;
}

.parts img {
    margin: 0 0 0 1em;
}

.parts p {
    color: #555555;
    font-weight: 300;
}

.margintop {
    margin-top: 2em !important;
}

.pillar1 {
    background: url('../images/pillar1-bg.png') repeat;
}

.bottom-buttons {
    padding: 5% 28% 5% 28%;
}

.dg {
    display: inline;
    font-family: 'montserrat', sans-serif;
    background:  #FCFF00;
    color: #000;
    font-size: 0.8em;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin: 3em 0 3em;
    padding: 1em 2em;
    text-transform: uppercase;
    border: none;
    /* Radius */
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    position: relative;
    z-index: 10;
    /*transition*/
    transition: All 0.3s ease;
}

.dg:hover {
    background: #5663a6;
}

.dg2 {
    display: inline;
    background:  #FCFF00;
    color: #000;
    font-size: 0.8em;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin: 3em 0 3em;
    padding: 1em 2.5em;
    text-transform: uppercase;
    border: none;
    /* Radius */
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    position: relative;
    z-index: 10;
    /*transition*/
    transition: All 0.3s ease;
}

.dg2:hover {
    background: #5663a6;
}

.find {
        margin-top: 3em;
}

.rightsp {
    margin-right: 10%;
}

.leftsp {
    margin-left: 10%;
}

/*piller 2*/

.pillar2 {
    /*background: url('../images/pillar1-bg.png') repeat;*/
}

.header-image2 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-1st.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text2 {
    color: #fff;
    margin: 0 10% 0 10%;
}

/*pillar 3*/

.header-image3 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-3rd.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text3 {
    color: #fff;
    margin: 0 15% 0 15%;
}

.pillar3 {
    background: url('../images/pillar3-bg.png') repeat;
}


/*pillar 4*/

.header-image4 {
    top: 0px;
    height: 490px;
    width: 100%;
    background: url('../images/top-4th.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 15em 0 0 0;
    z-index: -10;
}

.header-text4 {
    color: #fff;
    margin: 0 15% 0 15%;
}

.pillar4 {
    background: url('../images/pillar4-bg.png') repeat;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #000;
}

.text-white {
  color: #ffffff;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40;
    background-color: #f05f40;
}

.btn-primary .badge {
    color: #f05f40;
    background-color: #fff;
}

/*live chat*/
.bullet {
    font-size: 0.5em;
    padding-right: 0.6em;
}
.text-center ul li {
    list-style-type: none;
    color: rgba(0,0,0,.6);
}
.teeny-text {
    margin-top: 2em;
}
.teeny-text p {
    color: rgba(0,0,0,.6);
    font-size: 0.8em;
}
.livechatdl {
    display: inline;
    background: #E97F02;
    color: #ffffff;
    font-family: 'montserrat', sans-serif;
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.3em;
    margin: 2.8em 1em 0;
    padding: 1em 3.6em;
    text-transform: uppercase;
    border: none;
    /* Radius */
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    position: relative;
    z-index: 10;
    /*transition*/
    transition: All 0.3s ease;
}
.livechatdl:hover {
    background: #3d3d3d;
}
/* Gateway Payment Methods */
.payment-method-list {
  text-align: left;
  padding-top: 30px;
}
.payment-method-list li {
  display: block;
  font-size: 15px;
  line-height: 2.4em;
  clear: both;
}
.payment-method-list li:first-child span {
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.payment-method-list li span {
  width: 25%;
  float: left;
  display: inline;
}
.payment-method-list .whck {
  width: 50% !important;
}
.payment-method-list li a {
  color: #006dcc;
  font-weight: 600;
}

/*feature admin panel v8*/

.adminpanel-title {
    margin-top: 10%;
    margin-bottom: 2%;
    text-align: center;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.swiper-pagination-bullet-active {
  background: #599149;
}

.swiper-pagination {
  position: relative;
  margin-top: 15px;
}

.swiper-slide h1 { font-size: 1.2em;}

/*mobile app*/

#mobile-features {
    background: #fff;
}

.dlapp {
    margin-bottom: 1em;
    line-height: 1.3em;
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240,95,64,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}
.logotrial {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    height: 90px;
    z-index: 2;
}
.logoimg {
    display: block;
    background: url(../images/logo-newtrial.png) no-repeat 50% 0;
    width: 100%;
    height: 100%;
}

.mainbox button.close {
    color: #fff;
    border-radius: 50%;
    padding: 7px 12px;
    border: 2px solid #ffffff;
    margin: 0 44%;
    opacity: 1;
  background:transparent;
  margin-top:20px;
  font-weight:700;
  font-size:21px;
  cursor:pointer;
}

#logbox {
        padding: 10px;
        margin: 80px auto;
        width: 400px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    }

  #logbox h1 {
        text-align: center;
        font-size: 175%;
        font-weight: 300;
    }

  .logbox-logo {
    width: auto;
    display: block;
    text-align: center;
  }

  #logbox .input {
        width: 75%;
        height: 50px;
        font-size: 18px;
        display: block;
        margin: 0 auto 15px;
        padding: 0 15px;
        border: none;
        border-bottom: 2px solid #ebebeb;
    }
    .input:focus {
        outline: none;
        border-bottom-color: #599149 !important;
    }
    .input:hover {
        border-bottom-color: #599149;
    }
    .input:invalid {
        box-shadow: none;
    }

    .pass:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }

    .inputButton {
    position: relative;
    width: 85%;
    height: 50px;
    display: block;
    margin: 30px auto 30px;
    color: white;
    background-color: #599149;
    border: none;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
    }
    .inputButton:hover {
        background-color:#86bd76;
    }
    .inputButton:active {
        top: 5px;
        box-shadow: none;
    }
    .inputButton:focus {
        outline: none;
    }

    .imgFix { display: block; max-width: 100%; }

.testi-head h1 { text-transform:lowercase; }
.formcontainer { padding: 20px !important; margin: 10px auto 20px !important; width: 400px; background-color: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }
.input .shortinput { width: 238px !important; }

div.formcontainer input[type="text"], div.formcontainer input[type="password"], div.formcontainer input[type="email"], div.formcontainer input[type="tel"], div.formcontainer input[type="number"], div.formcontainer textarea, div.formcontainer select, div.formcontainer input[type="file"] {  border-bottom:2px solid #ebebeb; border-top:none; border-left: none; border-right: none; }

.formrow .formlabel { font-size:16px; color:#939393; }
.formrow .input { width:70%; }
.formpair { width:100%; margin: 10px 0 !important; }
#cvv { width:70% !important; }
.sub-text{font-size:12px;}

.pos-form {
  margin: 0 auto;
  width: 440px;
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-box-shadow: 4px 4px 17px 0px rgba(173,173,173,1);
  -moz-box-shadow: 4px 4px 17px 0px rgba(173,173,173,1);
  box-shadow: 4px 4px 17px 0px rgba(173,173,173,1);
}

.pos-form legend {
  font-family: 'montserrat';
  font-size: 30px;
  text-transform: capitalize;
  border: 0;
  margin-bottom: 30px;
  text-align: left;
    padding-left: 30px;
}

.pos-form .btn {
  width: 100%;
  height: 45px;
}

.pos-form input {
  height: 45px;
}

.pos-form .btncenterfix {
  float: none;
  padding: 0;
  text-align: center;
  display: inline-block;
}

.pos-form .form-group {
  width: 85%;
  margin: 20px auto;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.pos-form .form-group:first-child {
  margin-top: 0;
}

.pos-form .form-group:last-child {
  border: none;
}

.pos-form .form-group input[type="text"], .pos-form .form-group input[type="password"] {
  border: none;
  box-shadow: none;
}

.pos-form .form-group .control-label {
    padding: 0 0 0 10px;
    vertical-align: middle;
    display: inline-block;
    line-height: 3em;
    text-align: left;
}

.pos-form .textdivider {
  padding-top: 15px;
  padding-bottom: 15px;
      position: relative;
}

.pos-form .textdivider:before,
.pos-form .textdivider:after  {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #dcdcdc;
  top: 50%;
  width: calc(50% - 6em);
}

.pos-form .textdivider:after {
  right: 50%;
}

.pos-form .textdivider:before {
  left: 50%;
}

.pos-form .textdivider span { background: #fff; color:#b8b8b8; padding: 10px; position: relative; z-index: 10; }

/*#pos-newaccount-form, #pos-addUser-form, #pos-addOutlet-form {}*/

/* POS Login Form */
#pos-login-form {}

#pos-newaccount-form, #pos-addOutlet-form { margin: 3em auto; }

/* Progress Bars */
.progress { margin-left:-12%; margin-right:6%; margin-bottom:0px;}

/* Margins to be used to space things up */
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt4 { margin-top: 4em; }
.mt5 { margin-top: 5em; }
.mt6 { margin-top: 6em; }
.mt7 { margin-top: 7em; }
.mt8 { margin-top: 3em; }
.mt9 { margin-top: 9em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }
.mb4 { margin-bottom: 4em; }
.mb5 { margin-bottom: 5em; }
.mb6 { margin-bottom: 6em; }
.mb7 { margin-bottom: 7em; }
.mb8 { margin-bottom: 8em; }
.mb9 { margin-bottom: 9em; }

/* Vertical Offset Bottom */
.vert-offset-top-12{
    margin-top: 12em;
}
.vert-offset-top-11{
    margin-top: 11em;
}
.vert-offset-top-10{
    margin-top: 10em;
}
.vert-offset-top-9{
    margin-top: 9em;
}
.vert-offset-top-8{
    margin-top: 8em;
}
.vert-offset-top-7 {
    margin-top: 7em;
}
.vert-offset-top-6{
    margin-top: 6em;
}
.vert-offset-top-5{
    margin-top: 5em;
}
.vert-offset-top-4{
    margin-top: 4em;
}
.vert-offset-top-3{
    margin-top: 3em;
}
.vert-offset-top-2{
    margin-top: 2em;
}
.vert-offset-top-1{
    margin-top: 1em;
}
.vert-offset-top-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.vert-offset-bottom-12{
    margin-bottom: 12em;
}
.vert-offset-bottom-11{
    margin-bottom: 11em;
}
.vert-offset-bottom-10{
    margin-bottom: 10em;
}
.vert-offset-bottom-9{
    margin-bottom: 9em;
}
.vert-offset-bottom-8{
    margin-bottom: 8em;
}
.vert-offset-bottom-7{
    margin-bottom: 7em;
}
.vert-offset-bottom-6{
    margin-bottom: 6em;
}
.vert-offset-bottom-5{
    margin-bottom: 5em;
}
.vert-offset-bottom-4{
    margin-bottom: 4em;
}
.vert-offset-bottom-3{
    margin-bottom: 3em;
}
.vert-offset-bottom-2{
    margin-bottom: 2em;
}
.vert-offset-bottom-1{
    margin-bottom: 1em;
}
.vert-offset-bottom-0{
    margin-bottom: 0em;
}

/* Restaurant Details */
#setup-restaurant .container {
  width: 800px;
  margin-top: 50px;
}

#setup-restaurant form {
  width: 100%;
  margin: 35px 0 0;
}

#setup-restaurant form .formcontainer {
  width: 100%;
  margin-bottom: 15px;
  padding: 20px 0;
}

#setup-restaurant .formlabel {
  width: 100%;
  text-align: left;
  color: #000000;
  font-weight: bold;
}

#setup-restaurant div.formrow:nth-child(3), #setup-restaurant div.formrow[data-row="5"], #setup-restaurant div.formrow[data-row="6"] {
  margin-bottom: 20px;
}

#setup-restaurant div.formrow:nth-child(7) {
  margin-bottom: 40px;
}

#setup-restaurant div.formrow:nth-child(9) .formpair, #setup-restaurant div.formrow:nth-child(10) .formpair, #setup-restaurant div.formrow:nth-child(11) .formpair, #setup-restaurant div.formrow:nth-child(12) .formpair, #setup-restaurant div.formrow:nth-child(13) .formpair, #setup-restaurant div.formrow:nth-child(14) .formpair, #setup-restaurant div.formrow:nth-child(15) .formpair {
  width: 150px;
  vertical-align: bottom;
}

#setup-restaurant div.formrow:nth-child(9) .formpair .input select, #setup-restaurant div.formrow:nth-child(10) .formpair .input select, #setup-restaurant div.formrow:nth-child(11) .formpair .input select, #setup-restaurant div.formrow:nth-child(12) .formpair .input select, #setup-restaurant div.formrow:nth-child(13) .formpair .input select, #setup-restaurant div.formrow:nth-child(14) .formpair .input select, #setup-restaurant div.formrow:nth-child(15) .formpair .input select {
  margin-right: 20px;
}

#setup-restaurant div.formrow:nth-child(9) div.formpair:nth-child(2) {
  width: 230px;
}

#setup-restaurant .formpair .input {
  width: 100%;
}

#setup-restaurant .formpair .input span.link {
  font-size: 16px;
  border: 1px solid #249145;
  color: #249145;
  padding: 4px 10px;
  margin-left: 20px;
  text-transform: uppercase;
  cursor: pointer;
}

#setup-restaurant .formpair .input span.link:hover {
  background: #249145;
  color: #ffffff;
}

#setup-restaurant .formpair .input .radioinline {
    margin-right: 20px;
    border: 1px solid #d2d2d2;
    padding: 5px 20px 0px 10px;
    margin-top: 10px;
}

#setup-restaurant .formpair .input input, #setup-restaurant .formpair .input textarea {
  width: 100% !important;
}

#setup-restaurant .formpair .input input[name="Takeaway_LeadTime_Hour"], #setup-restaurant .formpair .input input[name="Takeaway_LeadTime_Min"], #setup-restaurant .formpair .input input[name="Delivery_LeadTime_Hour"], #setup-restaurant .formpair .input input[name="Delivery_LeadTime_Min"] {
  width: 140px !important;
  margin-right: 10px;
}

#setup-restaurant .formpair .input .radioinline input { width: 30px !important; cursor: pointer; }
#setup-restaurant .formpair .input .radioinline label { font-weight: 500; cursor: pointer; }
#setup-restaurant div.formrow[data-row="8"] h5 {
  font-size: 16px;
  font-weight: bold;
}

#setup-restaurant div.formrow[data-row="4"], #setup-restaurant div.formrow[data-row="7"] {
  background: #f5f5f5;
  padding: 5px 15px;
}

#setup-restaurant div.formrow[data-row="5"], #setup-restaurant div.formrow[data-row="6"] {
  background: #f5f5f5;
  padding: 0 15px;
}

#setup-restaurant form input[type="submit"] {
  margin-top: 30px;
  float: right;
  padding: 10px 35px;
  font-size: 1em;
  font-weight: 600;
  width: auto;
  height: auto;
  cursor: pointer;
  border: none;
  outline: none;
  /*color: #000;*/
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*background-color: #E97F02;*/
  background-color: #FF6C00;
  /* border radius */
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 28px;
  /* Animation for the hover */
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

/*.formcontainer{width:90%;}
.formlabel{width:150px!important;}*/

/*#myiframe {
  width: calc(100% - 40px) !important;
  max-width: calc(100vw - 40px) !important;
  display: block;
  margin: 0 auto;
}
*/
/* tablets/desktops and up ----------- */
@media only screen and (max-width: 1800px) {
  .js .page#page-sme-grant {
    background-size: 40%;
  }
  .bgRgtImg { background-position-x: 165%; }
}

@media only screen and (max-width: 1600px) {
  .js .page#page-sme-grant {
    background: url(../images/sme-grant-home-rnd.png) calc(100% - 150px) calc(50%) no-repeat;
    background-size: 40%;
  }
  .bgRgtImg { background-position-x: 185%; }
}

@media only screen (min-width: 1441px)
and (max-width : 1600px) {
	.js #page-home .bp-header {
		margin-left: 20%;
	}
}

@media only screen
and (max-width : 1440px) {
	.js #page-home .bp-header {
		width: 620px;
		margin-left: 19%;
	}
	.imacBg {
		right: 130px;
	}
  .imacBg2 {
    left: -80px;
  }
  .imacBg3 {
    left: -210px;
  }
	.js .page#page-pos .page-pos-hor {
		width: calc(65% - 20px);
		left: 2.5%;
	}
  #posHero:before { right: -330px; }
  #posHero:after { right: -55px; }
  #googleListingsHero:before { right: -350px; }
  .notOnline:before { left: calc(5% + 20px); }
  .js #page-home .bp-header {
    width: 660px;
    margin-left: 15%;
  }
  #page-home .bp-header__desc {
    padding-right: 3em;
  }
  .bgRgtImg { background-position-x: 215%; }
}

@media only screen
and (max-width : 1280px) {
	.js #page-home .bp-header {
		width: 560px;
		margin-left: 10%;
	}
  .website-nav li a { padding: 10px 5px; }
  .login-btn { width: 8em; }
	.js #page-home .bp-header__title {
		font-size: 52px;
	}
	.imacBg2 {
		left: -65px;
	}
	.imacBg3 {
		left: -180px;
	}
  .js .page#page-sme-grant {
    background: #ffffff;
    /*background: url(../images/sme-grant-home-rnd.png) calc(100% - 150px) calc(50%) no-repeat;
    background-size: 40%;*/
  }
  .js .page#page-sme-grant .page-cont-left img {
    display: block;
  }
  .bgRgtImg { background-position-x: 295%; }
}

@media (min-width: 1025px) and (max-width: 1223px) {
	.js #page-home .hm-imac .topfoldscreen .inner {
		width: calc(100% - 50px);
	}
    .js #page-home .bp-header {
		width: 520px;
        margin-top: 8em;
        margin-left: 2em;
    }
	.imacBg { right: 90px; }
	.imacBg3 { left: -220px; }
	.imacBg2 { left: -70px; }
    .website-nav li {
      padding: 20px 5px;
    }
    .free-trial {
      margin-right: initial;
      padding: 10px 20px;
    }
    /*#posHero .container h1 { color: #fff; text-shadow: rgb(46, 46, 46) 0px 4px 5px; }*/
    #posHero img:nth-child(2) { display: none; }
    .posWhy .row div.col-lg-4, .mktWhy .row div.col-lg-4 { height: auto; }
    #page-map .bp-header__title {
      top: 30%;
      left: 60%;
    }
    #page-map img {
      margin-top: 6vw;
      margin-left: 5vw;
    }
}

@media (max-width: 1190px) {
	.website-nav { display: none; }
	.menu-button {
		display: block;
		left: 30px;
	}
	.ies-logo {
		margin-left: 100px;
	}
  .bgRgtImg { background-position-x: 360%; }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
  .carousel-indicators { margin-left: -3%; }
  .carousel-indicators li {
      display: block;
      float: left;
  }
  #loginbox, #freetrialbox { position: fixed; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
  .ies-logo {
    margin-left: 100px;
  }
  .hm-imac {
    position: absolute;
    right: -3em;
    top: 5em;
}
.js #page-home .hm-imac .topfoldscreen .inner {
	top: 15px;
	left: 60px;
	height: calc(100% - 94px);
	width: calc(100% - 25px);
}
.js #page-home .hm-imac .iphone .inner {
    top: 5px;
    left: 51px;
	width: calc(100% - 89px);
    height: calc(100% - 17px);
}
.js #page-home .bp-header { margin-top: 4em; }
#page-home .bp-header__desc {
  /* width: 50%; */
  margin-top: 1em;
}
.bp-headersmtitle { font-size: 28px; }
.js .page#page-infos .bp-header__title, .js .page#page-infos .page-cont-right .bp-header__title, #posHero .container h1, #googleListingsHero .container h1, #facebookadHero .container h1, .ft25em { font-size: 32px; }
.js #page-home .bp-header__title span#typewriter { font-size: 32px; }
.imacBg { right: 100px; }
  .website-nav {
    display: none;
  }
  /*.free-trial {
    margin-right: -30px;
  }*/
  .menu-button {
    display: block;
    left: 30px;
  }
  /* .bp-header__desc { font-size: 14px; } */
  .js #page-home .bp-header__title {
    /* font-size: 32px; */
  }
  .img-responsive {
    margin-top: 45px;
    height: 500px !important;
  }
  .infocon .img-responsive, #page-pos .img-responsive, .media-object.img-responsive, .img-responsive.infographic, #posHero .img-responsive, #googleListingsHero .img-responsive, #page-sme-grant .img-responsive {
    height: auto !important;
    margin-top: initial;
  }
  .facebookheroCircle {
    width: 350px;
    height: 350px;
    left: 50%;
    transform: translate(calc(-50% - -18px));
    top: 65px;
  }
  .tpHf {
    transform: initial !important;
  }
  #page-map .img-responsive { margin-top: 10vw; margin-left: 25vw; }
  .carousel-indicators { margin-left: -3%; }
  .carousel-indicators li {
      display: block;
      float: left;
  }
  .top-email-form .form-group {
    width: 100%;
  }
  .top-email-form .btn {
    font-size: 12px;
    padding: 15px;
  }
  .grid {
    padding: 10px 0 50px 0;
  }
  .grid__item {
    display: block;
    float: left;
  }
  #page-custom .dg {
    width: 30vw;
    margin: 0 -15vw;
    bottom: -28vh;
  }
  .storysuccess2 {
    width: 15%;
    top: 46%;
    left: 78%;
  }
  .storysuccess1{
    width: 15%;
    top: 50%;
    left: 8%;
  }
  .featuresimg {
    position: absolute;
    top: 1em;
    right: -35em;
  }
  .left-section .merchant-story h5 { margin-left: 27%;}
  .shopimg, .shopmobileimg {top: 6%;}
  #page-showcase {/*margin-top: 20%;*/}
  #page-team .bp-header__desc {
    margin: 0 0 0 10%;
  }
  .testimonials .item {width: 40%;}
  .footer-stuff { width: 25%; padding: 0.5em 1em; }
  .bp-header.lastbit { padding: 30px 2vw 30px;}
  .app-up-dl { float: none; }
  /*#posHero .container h1 { color: #fff; text-shadow: rgb(46, 46, 46) 0px 4px 5px; }*/
  #posHero img:nth-child(2) { display: none; }
  .posWhy .row div.col-lg-4, .mktWhy .row div.col-lg-4 { height: auto; }
  .my_planTitle { font-size: 1em; font-weight: 600; }
  .btn-plan-select { padding: 6px 12px; }
  #setup-restaurant .container {
    width: 750px;
  }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
  .js #page-home .bp-header {
	width: 520px;
	margin-top: 11em;
	margin-left: 5%;
  }
  .js #page-home .bp-header__title {
	font-size: 48px;
  }
  .free-trial {
    margin-right: 5px;
    padding: 10px 20px;
  }
  .website-nav li {
    padding: 20px 5px;
  }
  .website-nav li a {
    padding: 10px 5px;
    font-size: 10px;
  }
  .bp-header__title {
    font-size: 28px;
  }
  .imacBg2 {
	  left: -80px;
  }
  .imacBg3 {
	left: -210px;
  }
  .bp-header__desc { font-size: 14px; }
  .top-email-form .btn {
    font-size: 12px;
    padding: 15px;
  }
  .grid__item .expand-btn {
    margin: 2em -28%;
  }
  #posHero:before {
    right: -440px;
  }
  #posHero:after {
    right: -160px;
  }
  .js #page-home .hm-imac .topfoldscreen .inner { top: 18px; left: 75px; height: calc(100% - 116px); }
  .js #page-home .hm-imac .iphone .inner { top: 8px; left: 72px; height: calc(100% - 25px); }
  #googleListingsHero:before { right: -460px; }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
  .grid__item {
      padding: 15px 10px 35px;
      width: 23%;
  }
  .grid__item h2 {
    font-size: 18px;
  }
  .grid__item .expand-btn {
    margin: 2em -33%;
  }
  .boxout1 {
    margin-left: -40px;
  }
  .imacBg { right: 50px; }
  #page-team .bp-header__title {
    color: #ffffff;
  }
  .js #page-home .bp-header {
	  width: calc(100% + 7.5%);
	  margin-left: 5%;
  }
  .js #page-home .bp-header__title {
    font-size: 42px;
  }
	.js .bp-header__title {
		font-size: 3em;
	}
  .js #page-home .hm-imac .topfoldscreen {
	  width: 663px;
	  height: 400px;
  }
  .js #page-home .hm-imac .iphone {
	  height: 250px;
	  width: 198px;
  }
  .btn-plan-select {
    margin-left: -6px;
  }
  #posHero:before {
    right: -510px;
  }
  #posHero:after {
    right: -115px;
  }
  #googleListingsHero:before {
    right: -510px;
  }
}

/* Smartphones (portrait and landscape) RESPONSIVE ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 767px) {
  #freetrialform{width:90%;}
/* Styles */
.col-xs-hidden { display: none; }
  .bp-header { padding: 60px 0 30px; }
  .bp-header__title { line-height: 1.3; }
  .js #page-home { height: auto; }
  .js #page-home .bp-header { width: 95%; margin-left:2.5% !important; margin-top: 2em; margin-left: 0; }
  .js #page-home .bp-header__title span#typewriter { font-size: 28px; }
  .bp-headersmtitle { font-size: 24px; }
  #posHero .img-responsive, #googleListingsHero .img-responsive { position: relative; }
  #googleListingsHero .img-responsive { left: -5px; }
  #posHero:before, #googleListingsHero:before { right: -510px; z-index: 0; }
  #googleListingsHero:before { right: -540px; }
  #googleListingsHero .gogherobl { left: calc(-50% - 200px); }
  #posHero:after { right: -150px; }
  .imacBg { right: -180px; }
  .imacBg2 { left: -135px; }
  .imacBg3 { left: -280px; }
  .col-spec { width: 100%; }
  .bp-header.pd { padding: 60px 15px 60px; }
  .shopimg { width: 80%; }
  .shopmobileimg { width: 80%; left: 60%; }
  .page-home-mobcnt {
	  display: block;
	  position: relative;
	  height: 180px;
	  margin-top: 20px;
  }
  .js #page-home .hm-imac { position: absolute; }
  .js #page-home .iphone {
	display: block;
    background: url(../images/iphone1.png) no-repeat;
    margin: 20px auto;
    z-index: 2;
    left: 0;
	position: absolute;
	background-size: contain;
	max-width: 100%;
	height: 100px;
	max-height: 350px;
	width: 82px;
	opacity: 0;
  }
  .js #page-home .topfoldscreen {
	display: block;
    background: url(../images/laptop1.png) no-repeat;
    max-width: 100%;
    margin: 0 auto;
    z-index: 2;
    max-height: 350px;
    left: 35px;
	position: absolute;
    background-size: contain;
    height: 150px;
	width: 230px;
	opacity: 0;
  }
.js #page-home .topfoldscreen .inner {
	position: absolute;
	top: 6px;
    left: 23px;
	width: 180px;
    height: calc(100% - 36px);
}
.js #page-home .iphone .inner {
	position: absolute;
	border-radius: 5px;
	width: 40px;
    height: calc(100% - 10px);
	top: 2px;
    left: 20px;
}
.js #page-home .topfoldscreen img {
	max-width: 100%;
}
.js #page-home .iphone img {
	max-width: 100%;
}
.js .page#page-pos .page-pos-hor {
	width: calc(115% - 20px);
	left: -2.5%;
}
.js .page#page-googlelisting { background-image: none; }
.js .page#page-pos .page-cont-left a, .js .page#page-googlelisting .page-cont-right a, .js .page#page-infos .page-cont-right a {
	padding: 0.5em 3em 0.5em 1em;
}
.googlListings .imgFix { position: relative !important; left: initial !important; top: initial !important; height: auto; }
.googlListings .img-responsive { position: relative !important; left: initial !important; top: initial !important; /*height: 400px !important;*/ }
.googlListings .tpHf { transform: initial; }
.facebookheroCircle { width: 300px; height: 300px; left: 50%; transform: translate(-50%); top: 35px; }
.infodivs {
	display: none;
}
.infodivselect {
    display: inline-block;
    position: relative;
    border: 2px solid #249145;
    font-size: 24px;
    font-weight: 600;
    background: #fff;
    margin-top: 0;
    color: #000000;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 5em;
    margin-bottom: 3em;
    width: 100%;
}
/* Fix for image size (infographics)  */
.infographic {
  width: 155%;
  max-width: none;
  margin-left: -27%;
}
  .pos-form { width: 100%; }
  .pos-form .form-group { width: 100%; }
  .pos-form legend { padding-left: 0; }
  .page-cont-left {
	  margin-bottom: 3.5em;
  }
  #page-sme-grant .page-cont-left {
    margin-top: 3em;
  }
  .carousel-indicators { margin-left: -5%; }
  .carousel-indicators li {
      display: block;
      float: left;
  }
  .top-email-form .form-group, .top-email-form .btn {
    width: 100%;
  }
  .ies-logo {
    float: left;
    width: 50%;
    display: block;
    text-align: center;
    margin: 25px 0 0 60px;
  }
  .ies-logo img { width: auto; max-width: 100%; }
  .website-nav {
    display: none;
  }
  .menu-button {
    display: block;
    left: 15px;
    z-index: 1010;
  }
  .team-button { line-height: 1.5em; }
  .bottom-buttons { display: inline; }
  #services .container .row div:nth-child(2n+1) { clear: both; }
  .login {
    display: none;
  }
  .free-trial {
    letter-spacing: 0;
    border-radius: 0;
    ms-border-radius: 0;
    moz-border-radius: 0;
    webkit-border-radius: 0;
    margin-right: 0;
  /*  padding: 34px 5px;
    position: absolute;*/
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    /* top: 0px; */
    margin-top: 0;
    padding: 15px 10px;
    }
  .login-btn {
    display: none !important;
  }
  .js .pages-stack {
    width: 100vw;
  }
  h1 { font-size: 32px; }
  .js .page#page-infos .bp-header__title { font-size: 28px; }
  .js .page#page-infos .bp-header__title br { display: none; }
  .js #page-home .bp-header__title, .bp-header__title, .js #page-last .bp-header__title, .js .page#page-infos .page-cont-right .bp-header__title {
      font-size: 24px;
  }
  .js #page-home .bp-header__title { font-size: 36px; }
  .js .page#page-pos .page-cont-right { padding-left: 15px; }
  .grid__item p { margin: 1em 0 0; height: 6.5em; max-height: 17em; }
  .grid__item {
    width: 90%;
    margin-bottom: 35px;
  }
  .grid__item .expand-btn {
    margin: 1em -18% 0;
    padding: 1em 2em;
  }
  .formcontainer { min-width: 0 !important; width: 100%;}
  .formcontainer .formrow .input { width: 100%; }
  .extra { padding-left: 5px; padding-right: 5px; }
  .feature-box { margin: 30px auto 0; }
  .feature-box img { width: 100%; }
  #page-custom { background: #ffffff; }
  #page-custom .bp-header { height: 134vh; }
  .left-section, .right-section { min-height: 50vh; width: 100vw; max-width: 100vw; position: relative; }
  .left-section .info { margin-top: 15px; }
  .right-section .info { margin-top: 0; }
  .left-section .merchant-story h5 {margin-left: 24%;}
  .storysuccess1 {left: 4%; width: 18%; top: 41%;}
  .right-section .merchant-story h5 {margin-left: 20%;}
  .merchant-story h5 { margin-bottom: 10%;}
  .storysuccess2 {left: 3%;width: 18%;top: 38%;}
  #page-custom .dg { position: relative; margin: 0 auto; width: 65vw; bottom: 3vh; }
  #page-team .bp-header__desc { bottom: -30vh; margin: 0; padding:0 10px; }
  .testimonials .item { width: 100%; }
  .lst-pg { width: 100%; }
  .contact-form .form-group {width: 96%;}
  .btn-xd { width: 100%; }
  footer { padding: 0px 5px 0 5px; }
  footer .container { padding: 0; }
  footer .container .col-md-12 { display: inline-block; width: 100%; }
  .footer-stuff { width: 50%;}
  footer .footer-stuff:nth-child(3) {
    clear: left;
  }
  .threesteps {
    border-bottom: 1px solid #70dfe4;
    border-right: 1px solid transparent;
    margin: 10px;
    padding: 10px;
  }
  #page-last img {
    height: 100%;
    width: auto;
    left: -70%;
    max-width: none;
  }
  .features-btn { width: 100%; position: inherit; }
  .col-md-4.threesteps { width: 100%;}
  .features_table h2 { font-size: 16px !important; }
  .features-table h2, .features-table-cheap h2, .features-table-moderate h2, .features-table-expensive h2 { padding: 19px 6px; }
  .features-table li { font-size: 13px; padding: 2px 14px; }
  .features_table .table thead tr th, .features-table .table tr th, .features_table .table>tbody>tr>td, .features_table .table>tbody>tr>th, .features_table .table>tfoot>tr>td, .features_table .table>tfoot>tr>th, .features_table .table>thead>tr>td, .features_table .table>thead>tr>th { padding: 7px 1px; font-size: 0.6em; }
  /*.features-table-expensive { display: none; }*/
  .mobile-pricing {
    display: inline-block;
  }
  .mobile-pricing .table { background-color: transparent; }
  .mobile-pricing .panel-body {
    padding: 0;
  }
  .mobile-pricing .table>tbody>tr:first-child td:nth-child(2) {
    font-size: 1.5em;
  }
  .mobile-pricing .table>tbody>tr>td:first-child {
    text-align: left;
    width: 60%;
  }
  .mobile-pricing .table>tbody>tr:last-child>td { border-right: 1px solid transparent; }
  .mobile-pricing .table>tbody>tr:nth-last-child(2)>td:last-child { border-bottom: 1px solid #f1f1f1; }
  .desktop-pricing {
    display: none;
  }
  #loginbox { width: 80%; }

  .my_planTitle { font-size: 1em;}
  .my_feature { line-height: 1.2em; margin: 1em 0;}
  .btn-plan-select { padding: 1.2% 10%;}
  .btn { letter-spacing: 0}
  .table { display: block; }
  .app-up { padding-left: 5em; padding-right: 5em; }
  .app-up-dl { float: none; }
  body.toggled #page-showcase .swiper-container { display: none; }
  .frameD {
    width:232px; height:165px;
  }
  .frameP {
    width: 100px; height: 160px; left: 160px; top: 20px;
  }

  #framedesktop{width:1440px;height:960px;border:0px;-ms-zoom:0.16;-moz-transform: scale(0.16);-moz-transform-origin: 0 0;-o-transform: scale(0.16);-o-transform-origin: 0 0;-webkit-transform: scale(0.16);-webkit-transform-origin: 0 0;position:absolute;left:0px;top:0px; overflow: hidden; }
  #frameiphone{width:375px;height:600px;border:0px;-ms-zoom:0.26;-moz-transform: scale(0.26);-moz-transform-origin: 0 0;-o-transform: scale(0.26);-o-transform-origin: 0 0;-webkit-transform: scale(0.26);-webkit-transform-origin: 0 0;position:absolute;left:0px;top:0px;}
  #posHero { margin-top: 0; }
  #posHero .container h1, #googleListingsHero .container h1, #facebookadHero .container h1 { /* color: #fff; text-shadow: rgb(46, 46, 46) 0px 4px 5px; */ font-size: 32px; }
  #posHero .learn-more { position: relative; z-index: 3; }
  .pos .ft25em, .googlListings .ft25em { font-size: 28px; }
  #posHero img:nth-child(2) { display: none; }
  .notOnline:before { left: calc(5% - 20px); }
  .posWhy .row div.col-lg-4, .mktWhy .row div.col-lg-4 { height: auto; margin: 15px 0; }
  .pos-signup input[type="text"] { display: block; margin-top: 10px; margin-bottom: 10px; }
  .pos-signup input[type="submit"] { display: block; width: 85%; margin-top: 20px; }
  #page-map .bp-header__title {
    width: 80%;
  }
  #page-map img {
    margin-top: 15vw;
    margin-left: 0;
  }
  #setup-restaurant .ft25em {
    font-size: 24px;
  }
  #setup-restaurant .formpair[data-row="1"] .input input,  #setup-restaurant .formpair[data-row="2"] .input input,  #setup-restaurant .formpair[data-row="3"] .input textarea {
    min-height: 45px;
  }
  #setup-restaurant .container {
    width: calc(100% - 40px);
    margin-top: 20px;
  }
  #setup-restaurant form .formcontainer {
    padding: 0 !important;
    box-shadow: none;
  }
  #setup-restaurant .formpair .input .radioinline {
    margin-left: 5px;
    margin-right: 5px;
    width: calc(50% - 10px);
    padding: 5px 5px 0px 0px;
  }
  #setup-restaurant .formpair .input .radioinline label {
    font-size: 16px;
  }
  #setup-restaurant div.formrow[data-row="4"], #setup-restaurant div.formrow[data-row="7"] {
    padding: 5px 5px;
  }
  #setup-restaurant div.formrow[data-row="4"] .formpair, #setup-restaurant div.formrow[data-row="7"] .formpair {
    padding: 0;
  }
  #setup-restaurant div.formrow:nth-child(9) .formpair, #setup-restaurant div.formrow:nth-child(10) .formpair, #setup-restaurant div.formrow:nth-child(11) .formpair, #setup-restaurant div.formrow:nth-child(12) .formpair, #setup-restaurant div.formrow:nth-child(13) .formpair, #setup-restaurant div.formrow:nth-child(14) .formpair, #setup-restaurant div.formrow:nth-child(15) .formpair {
    display: inline-block;
    position: relative;
    width: calc(50% - 3px);
    padding: 0;
  }
  #setup-restaurant div.formrow:nth-child(9) div.formpair:nth-child(2) { width: calc(50% - 3px); }
  #setup-restaurant div.formrow:nth-child(9) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(10) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(11) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(12) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(13) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(14) .formpair .formlabel, #setup-restaurant div.formrow:nth-child(15) .formpair .formlabel {
    display: block;
  }
  #setup-restaurant div.formrow[data-row="5"], #setup-restaurant div.formrow[data-row="6"] { padding: 5px 15px; }
  #setup-restaurant .formpair .input span.link {
    position: absolute;
    display: inline-block;
    background: #249145;
    color: #fff;
    left: calc(-100% - 3px);
    margin: 0;
    bottom: -45px;
    width: 120px;
    text-align: center;
  }
  #setup-restaurant div.formrow[data-row="9"] { margin-bottom: 40px; }
  #setup-restaurant form input[type="submit"] { float: left; }
  #mktHero img:nth-child(1) { display: none; }
  .mktWhy ul li { padding-right: 5px; }
  .mktWhy ul li span { align-items: flex-start; }
  #mktHero { padding: 100px 0 100px 0; }
  #mktHero .container h1, .mktWhy h2 { font-size: 4rem; }
  .marktCnt.mktWhy h2 { font-size: 3rem; }
  #mktHero:before { right: -540px; }
  #mktHero:after { right: -115px; }
  .bgRgtImg { background: #fff5e5; }
 }

 /* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
  #freetrialform{width:100%;}
  /* Styles */
  #page-custom .bp-header {
    height: 183vh;
  }
  .carousel-indicators { margin-left: -13%; }
  .carousel-indicators li {
      display: block;
      float: left;
  }
  .grid__item .expand-btn {
    margin: 1em -21% 0;
  }
  .storysuccess2 {top: 49%;}
  .storysuccess1 {top: 45%;}
  #page-showcase {margin-top: 0%;}
  .plans-title { font-size: 1.5em;}
  .my_planTitle { font-size: 1em;}
  #setup-restaurant .ft25em {
    font-size: 28px;
  }
}

 /* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (orientation : landscape) {
/* Styles */
  .desktop-pricing {
    display: block;
  }
  .mobile-pricing {
    display: none;
  }
  /*#freetrialbox {
    top: -100%;
    width: calc(80% - 10px);
  }
  .mainbox button.close {
    position: absolute;
    right: -13em;
    top: 8em;
  }
  #myiframe {
    height: 250px !important;
  }*/
}


/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
  .featuresdiv { margin-top: 120px; }
  .grid__item .expand-btn {
      padding: 1em 4em;
  }
  .carousel-indicators { margin-left: -2%; }
  .carousel-indicators li {
      display: block;
      float: left;
  }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
button.button {height:40px;padding-left:40px;white-space:nowrap;overflow:hidden;width:215px;font-family:'Open Sans', sans-serif;color:white;text-align:center;border-radius:5px;font-size:14px;cursor:pointer;border:2px solid transparent;}
button.facebook {background-image:url('https://cdn10.instantestore.com/images/fb_logo.png');background-color:#3b5998;background-repeat:no-repeat;background-position:10px,left;background-size:20px;}
button.facebook:hover {background-color:#4567B1;}
.font-small{font-size:12px;}