html, body {
	margin: 0;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.col-md-6 {
  width: 50%;
  float: left;
  padding: 0 16px;
}
.col-md-4 {
  width: 33.33%;
  float: left;
  padding: 0 16px;
}
.col-md-3 {
  width: 25%;
  float: left;
  padding: 0 16px;
}

.col-md-6:first-child,
.col-md-4:first-child,
.col-md-3:first-child {
  padding-left: 0;
}

.col-md-6:last-child,
.col-md-4:last-child,
.col-md-3:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .col-md-3, .col-md-4, .col-md-6 {
    width: 100%;
    padding: 0;
  }

  .col-md-3 + .col-md-3,
  .col-md-4 + .col-md-4,
  .col-md-6 + .col-md-6 {
    margin-top: 20px;
  }
}

.uscaled-down .logo nmn {
    max-height: 35px !important;
}


.close-modal-mobile {
    display:none;
}

.author .author-avatar {
    float: none;
    margin:auto;
    
}
.author .author-avatar img {
    margin: auto;
    margin-top: 30px;
}

.author .author-meta {
    text-align: center;
    margin-top: 30px;
}

.overview .chapter-preview-img img {
    width: auto;
    height: auto;
    border-radius: none;
}

.overview .chapter-preview-img {
    margin-bottom: 20px;
    background:none;

}

.overview .chapter-title{
    font-style: none;
    text-align:center;
}



/*/*
------------Sign-up button*/

 #menu-item-528 {
    background: #0092ed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    padding: 10px 20px;
    border: 0;

}

#menu-item-528 a{
    color: ##FFFFFF;
 }
 
.button {
    font-family:'Roboto Slab', serif;
    font-weight: 700;
 }
 
 
 
 
 
 /*/*
------------Features Page*/
 
.overview {
    background: #fff;
}

.container .sixteen .andmore a {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size:18px;
    color:#333;
    margin-right:23px;
    
}

.container .sixteen .andmore a:hover{
    color:#0092ed;
    
}

.andmore{
    float:right;

}


.overview .product-sample .dl-link {
    bottom: 350px;

}



/*/*
------------PRICING PAGE*/


.purchase .product-name {
    font-family: ROBOTO SLAB;
    font-weight: 700;
    
}

.purchase .product-name:after {
  /* content: ''; */
  width: 100%;
  height: 3px;
  background: #fe6860;
  position: absolute;
  top: 85%;
  left: 0;
  z-index: -1 !important;
}

.purchase .price-table {
    width: 183px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    min-height:365px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
}

.purchase .price-table .price-table-title {
    font-size: 23px;
    min-height: 80px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchase .price-table .plan-choose {
    margin-top: auto;
    padding: 0 5px;
}

.purchase .price-table .price p {
font-family: 'Montserrat', sans-serif;
font-size: 2.66em;
margin-top: -10px;
color: #f2f2f2;
font-weight: 700;
}

.purchase .price-table .price-table-description {
    font-family: 'Montserrat', sans-serif;
  text-decoration: none;

}

.purchase .price-table .button.sm {
  padding: 10px 12px;
  font-size: 16px;
}








/*/*
------------New Template*/

.interior-page h3{
font-size: 40px;
margin-bottom: 40px;
margin-top: 60px;
text-align: center;
}


.ezcol-one-quarter {
    background-color: #eee;
}

.ezcol-one-quarter h1 {
    font-size:1em;
    color:#0092ed;
    margin-bottom:0;
}

 .ezcol-one-quarter p {margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
font-size: .9em;
line-height: 1.2em;
 }
 
 .interior-image{
     margin:30px;
 }
 
 .home-interior{
     margin:30px;
         margin-top:0px;

 }
 
 .learn-more{
     font:pacifico;
     font-size:1em;
 }
 
 .learn-more h1{
     font:pacifico;
     font-size:2em;
     font-weight:100;
 }
 
 

 
 /*/*
------------Blog Page with image on the side*/

.post-content{
    margin-top:1em;
}
.post-content p{
    /*margin-left:1.05em;*/
}



.blog-page-header {
margin-top: 100px;
background:#fff;
}


.post-image-left {
    float:left;
    width:28%;
    margin-top:20px;
    display:inline-block;

}
.post-text-right{
    float:right;
    width:66%;
    min-height:290px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
color: #666666;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
display:inline-block;
margin-bottom:20px;

    
}

.post-text-right h1, .post-text-full h1{
    color: #333333;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size:40px;
}


.post-text-right p, .post-text-full p{
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom:10px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

.post-text-right p strong{
    font-weight: 700;
position: relative;
z-index: 1 !important;
}

.post-text-right p strong:after{
content: '';
  width: 100%;
  height: 3px;
  background: #0092ed;
  position: absolute;
  top: 85%;
  left: 0;
  z-index: -1 !important;
}

.post-text-other{
    width:100%;
    display: inline-block;
    
}

.post-text-other h2, .post-text-full h2{
    width:100%;
    display: inline-block;
/*  margin-top: 2.5em;*/
    margin-bottom: 0;
    font-size: 2em;
    /*margin-left: 0.5em;*/
    font-weight:300;
    
}

.post-content h2{
    width:100%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 2em;
/*  margin-left: 0.5em;*/
    font-weight:300;
    
}

.post-content h3{
    width:100%;
    text-align:left;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.5em;
    /*margin-left: 0.6em;*/
    font-weight:300;
    margin-top: 10px;
}
.post-content h4{
    width:100%;
    display: inline-block;
    text-align:left;
    margin-bottom: 0.6em;
    font-size: 1.3em;
    /*margin-left: 0.88em;*/
    font-weight:200;
    margin-top:0px;
}

.post-text-end{
    width:100%;
    display: inline-block;
    
}

.post-text-end h1{
        width:100%;
    display: inline-block;
    margin-top: 2.5em;
    margin-bottom: 0;
    font-size: 2em;
    font-weight:300;
}


.post-text-bullets{
    width:70%;
    display: inline-block;
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom:-50px;
    margin-top: 20px;
}

    
.post-text-bullets ul{
    list-style-type:none;
    margin-bottom:50px;
}
    
.post-text-bullets li{
    line-height:1.5em;
        
}
    
.post-text-bullets h3{
    font-size:1.5em;
    text-align:left;    
    margin-bottom:10px;
    margin-top:0;
        
}

.post-text-bullets h4{
    font-size:1.2em;
    text-align:left;    
    font-weight:500;
    margin-bottom: 0px;
        
}

.post-text-bottom{
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom:10px;
}
    
    .post-text-bottom p strong{
    font-weight: 700;
    position: relative;
    z-index: 1 !important;
}

.post-text-bottom p strong:after{
    content: '';
    width: 100%;
    height: 3px;
    background: #0092ed;
    position: absolute;
    top: 85%;
    left: 0;
    z-index: -1 !important;
}


/*/*
------------Industry Page */

.industry-profile{
    float:left; 
}

.industry-profile-image{
    border-radius: 50%;
    width: 203px;
    height: 200px; 
    background-color:#0092ed;
     transition: all 0.5s ease;
}

.industry-profile-image:hover{
    background-color:#fe6860;
}


.industry-profile2{
    float:left;
    margin-left:10em;
    
}

.industry-profile3{
    float:left;
    margin-left:9em;
}

.industry-profile-box{
    margin:auto;
}

.industry-subprofile-industries{
    position:relative;
}

.industry-profile .industry-title, .industry-profile2 .industry-title,
.industry-profile3 .industry-title{
    text-align:center;
    font-family:'Roboto Slab', serif;
        font-size:5em;
        font-weight:700;
        color:#333;
    margin-top:1em;
}

.subsections-title{
    clear:both;
    margin-top:20em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family:'Lato', Helvetica, Arial, sans-serif;
    font-size:1em;
    color:##666666;
    font-weight:400;
    
}
.industry-profile h5, .industry-profile2 h5, .industry-profile3 h5{
    color:#333333;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 1.3em;

}

.industry-subsection {
    margin-bottom:110px;
}


.subsection-profile{
    float:left;
    padding-right:15px;
    margin-top:15px;
}

.hightech:hover{
    background-color:#72c6af;
    height:90px;
    width:22%;
    margin-right: 10px;
        
}

.financial:hover{
    background-color:#d86b6b;
    height:90px;
    width:22%;
    margin-right: 10px;
        
}

.financial,.legal, .hightech, .ngo{
    background-color:#C7C7C7;
    height:90px;
    width:22%;
    margin-right: 10px;
        
}
.legal:hover{
    background-color:#6da0c7;
    height:90px;
    width:22%;
    margin-right: 10px;
        
}

.ngo:hover{
    background-color:#976cb7;
    height:90px;
    width:22%;
    margin-right: 10px;
        
}

.hightech img, .financial img, .legal img, .ngo img {
    float:left;
    padding-left: 1em;
    padding-top: 1em;
}

.industry-profile .industry-title, .industry-profile2 .industry-title,
.industry-profile3 .industry-title{
    font-weight: 700;
    font-size: 22px;
    color: #333;
}
.subsection-profile a:visited, .subsection-profile a{
    color: #333;
}

.subsection-profile span{
    line-height: 36px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    padding-left: .8em;
    padding-top: 1.7em;
}

.industry-secondpart {
    clear:both;
}


a:hover,
a:focus {
  color: #fe6860;
}


.price-table.tablefree{
background: #eeeeee;

}

.price-table.tablefree:hover {
  background-color: #fe6860;
}


/*/*
------------No Pins Required Page */
.post-thumbnail {
float: left;

}


/*/*
------------The more Boxes from interior templates */

.morefeatures-list li {
    background: #E0E0E0;
    width: 12em;
    text-align: center;
    padding: 1px 4px 10px 4px;
    float: left;
    /* line-height: 1.4; */
    height: 130px;
    margin: 1em 1em 1em 1em;
}

.morefeatures-list {
    margin-top: -1em;
}

.morefeatures-list li a:hover{
    color:#fe6860;
    
}



/*/*
------------The international page with the country flags*/

.table {
  width: 100%;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eee;
}
  
.list-of-countries{
    width:100%;
    margin-top:10px;
}
.countries{
    width:35%;
    vertical-align:middle;
    
}

.flags{
    width:15%;
    
}

.table-countries-header{

    width:100%;
}


th, td {
padding-top: 2px;
border-bottom: 1px solid #eee;
padding-left: 10px;

}


/*/*
------------ global sign-up */

.global-signup, .global-signups  {
    float:right;
    position:absolute;
    top: -1px;
    right: 0px;
}
/* @media only screen and (max-width: 959px) */
/* Tablet Landscape & Desktops + Anything Larger */
@media only screen and (max-width: 959px) {
    .global-signup, .global-signups  {
    float:right;
    position:absolute;
    top: -1px;
    right: 80px;
    }
}

@media only screen and (max-width: 700px) {
    .global-signup, .global-signups  {
	display:none;
    }
}


@media only screen and (min-width: 950px) {
    #menu-item-4042 {
        display: none;
    }
   .global-signup.button {
        display: none;
   } 
}




header .container .sixteen.columns {
    position:absolute;
    left: 0;
}

@media only screen and (min-width: 950px)
#menu-item-4042 {
    display: none;
}


.global-nav-button {
    padding: 10px 14px;
    font-size: 14px;
}

#primary-prices {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 25px;
}
#primary-prices:after {
    content: "* Contact sales for custom pricing for more than 1,000 callers";
    position: absolute;
    color: rgba(255,255,255,.7);
    bottom: -6px;
    left: 50%;
    font-size: 12px;
    transform: translateX(-50%);
}
#secondary-prices {
    display: none;
    padding-left: 15%;
}


/*  responsiveness  */
/* @media only screen and (min-width: 768px) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   #chapter-4 { /* hide feature #3 when on tablet as it doesnt fit */
       display:none;
   }

   .ngo { /* non-profits don't fit on responsive.... */
       display:none;
   }
 
   .subsection-profile {  /* industry small tiles can be wider when NGO's are
gone */
    width: 29%;
   } 

   .industry-profile2 {
        margin-left: 4em;   /* for tablet, makes the Large Corporations not wrap
*/
   }

   .feature-icon {  /* the thumbtack, etc in the "international" section needs
to go on small screens*/
    display:none;
   }

   .purchase .price-table {
    width: 170px;
    min-height:365px;
    margin-right: 20px;
   }

}

#different-plans {
}

.post-body ul {
  list-style:  square;
  margin-left: 35px;
}
.post-body ol {
  margin-left: 40px;
}



.important-heading {

  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 2em;
  margin-left: 0.5em;
  font-weight: 300;


}


.numberCircle {

border-radius: 50%;
    behavior: url(PIE.htc);
    width: 31px;
    height: 31px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 26px Arial, sans-serif;
    margin-right: 10px;


}
.rightOfCircle {
   float:left;
   padding-left: 6px;
   width: 110px;
}


.homer {

    margin-bottom: 15px;
    float: left;
    display: inline-flex;

}

#yellow-screen-phone{
   position: absolute;
   top: -8%;
   right: -12%;
   z-index: 100;
   width: 700px;
   height: 900px;
   background-repeat: no-repeat;
}

#hero-hands {
   position: absolute;
   top: 11%;
   right: -14%;
   z-index: 100;
   width: 700px;
   height: 900px;
   background-image:
url("/wp-content/uploads/2014/06/homepage_hands_giant.png");
   background-repeat: no-repeat;
}

#hero-hands-need-space {
   padding-bottom: 3%;
}

.signup-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.25);
  text-align: center;
}

.signup-modal-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.signup-modal {
    display: inline-block;
    vertical-align: middle;
    /*max-width: 550px;*/
}

.form-clue {
   color: #333;
   font-size: 12px;
   padding-top: 5px;
}
.form-clue div {
   padding-left: 33px;
   display: inline-block;
}
.form-clue span {
   color: #777;
   font-size: .9em;
}
.close-modal {
   float: right;
   padding-right: 5px;
   opacity: .7;
}

.framed-box .form-wrapper {
  padding: 30px 32px 0;
}

.framed-box .footer-content {
  background-color: #f5f7f8;
  border-top: 1px solid #e8ebef;
  text-align: center;
  padding: 20px 0;
}

.framed-box .footer-content > * {
  display: inline-block;
  vertical-align: middle;
}

.framed-box .footer-content > * + * {
  margin-left: 20px;
}

.framed-box .form-wrapper .signup-step:not(.active){
  display: none;
}

.framed-box .form-wrapper .form-group .box-input .apple .coupon {
    display:none;
}
#coupon_holder{
    display:none;
}
#coupon_holder input{
    width: 95;
    top: 770px;
    margin-left: -10px;
}

.form-group .j-signupform .formfield {
    width: 49%; 
    position: relative; 
    float: left; 
    margin-right: 4px; 
    margin-bottom: 10px;
    border: 0px;
}
.j-signupform button{
    width: 165px;
}

.framed-box {
  background-color: white;
  text-align: left;
  /*height: 100%;*/
  overflow-y: auto;
  /*position: relative;
  width: 430px;
  height: auto;
  border: 1px solid #d0d0d0;
  box-shadow: 0px 4px 4px 1px #dedede;
  margin-top: 15px;
  */
  /*width: 70%;*/
      width: 710px;
  float:left;
}

.framed-box form {
    margin-bottom: 0;
}

.supported-card-list  {
    display:  inline-block;  
    padding: 0px;
    margin: 0px;
    float:left;
    width: 300px;    
 
}

@media only screen and (max-width: 515px) {
        #coupon-frame {
	    display:none;
            height: 10px;
	}
	.coupon_div {
	    display:none;
	}
        .ngo {
 	    display: none;
	} 
	.financial, .legal, .hightech {
	    
	    height: 100px;
 	    width: 25%;
            margin-right: 10px;
 	}
       .subsection-profile {
	/*	width: 12%;*/
	}
       .industry-profile-box {
          display: none;
       }
	.signup-modal {
	    display: inline-block;
	    vertical-align: middle;
            max-width: 500px;
	}
        .j-signupform .formfield {
            width: 90%;
        }
        .overview .chapter-preview-img img {
            display: none;
        }
        .overview .chapter-preview-img  {
           border-bottom: 1px solid #888;
        }
	.purchase .price-table .price-table-title{
	   font-size: 14px;
	}
        .purchase .price-table .price p {
	    font-size: 2em;
        }
        .home p {
  	    font-size: 13px;
  	    line-height: 14px;
        }  
        .purchase .price-table .price-table-description p {
            font-style: none;
 
        }
        .feature-icon {
 	    display: none;
        } 

        .plan-choose .button {
            padding: 10px;
        }
        .purchase .price-table{
	   padding-bottom: 9px;
           width: 100%;
 	}
        .purchase .price-table .price p{
 	 	width: 100%;
		background-color: #fff;
		color: #555;
 		font-size: 14px; 
	}
        .purchase .price-table .price-table-title, .purchase .price-table .price, .purchase .price-table .price-table-description {
	   padding: 0px;
	}

}

@media only screen and (max-width: 768px) {
	.nav .menu {
	  margin: 0;
	    background-color: #fff;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


}

.supported-card-list img {
    display:  inline-block;  
    padding: 0px;
    margin: 0px;
    float:left;  
}
    
 

.framed-box * {box-sizing: border-box;}

.framed-box .form-control {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #ffffff;
  margin-right:10px;
  background-image: none;
  border: 1px solid #e5e5de;
  border-radius: 4px;
  height: 36px;
}

.framed-box .box-header {
  width: 100%;
  background-color: #ddd;
  padding: 10px 20px;
  font-family: 'Roboto Slab', serif;
}
.framed-box .box-header span {
  font-size: 20px;
  color: 1px solid #717070;
}
.framed-box .box-header  {
    display: inline-block;
  float: left;
  /*font-family: monospace, sans-serif;*/
  cursor: pointer;
}

.framed-box-signin .box-header  {
  width: 30%;
  display: inline-block;
  float: left;
  /*font-family: monospace, sans-serif;*/
  cursor: pointer;
 
}

.framed-box .box-header .close-modal:hover {
    color: black;
}

.framed-box .box-content {
  padding: 12px 20px;
  width: 60%;
  display: inline-block;
}


.framed-box .box-content p {
  color: #999999;
  line-height: 18px;
  font-size: 14px;
  /*#width: 460px;*/
}
.framed-box .box-content h2 {
  font-size: 18px;
  color: #666666;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

/* .framed-box .form-wrapper .form-group .box-input-small {
  width: 140px;
  color: #999999;
  font-size: 14px;
  border: 1px solid #e5e5de;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  height: 35px;
  border-radius: 5px;
  padding: 0px 3%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
} */

.framed-box .form-wrapper .form-group .box-input {
  width: 100%;
  color: #494949;
  font-size: 17px;
  border: 1px solid #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  height: 38px;
  border-radius: 3px;
  padding: 0px 12px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  background: transparent;
}
.framed-box .form-wrapper .form-group .box-input:focus {
  border-color: #0092ed;
}
.framed-box .form-wrapper .form-group .box-input.error {
  border-color: #a94442;
}

.framed-box .form-wrapper .form-group .box-input.apple {
  border: 0px solid #e5e5de;
  /* height: 43px; */
}
.framed-box .form-wrapper .form-group .box-input-small {
  width: 72px;
  padding: 0px 3%;
  margin-right:10px;
}
.framed-box .form-wrapper .form-group .box-select {
  width: 100%;
  color: #999999;
  font-size: 14px;
  border: 1px solid #e5e5de;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  padding: 12px 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 10px;
}
.framed-box .form-wrapper .form-group label.error {
  line-height: 10px;
  margin-top: 5px;
  margin-bottom: -15px;
  color: #a94442;
}
.framed-box .form-wrapper .form-group label.terms {
    display: inline-block;
    width: 100%;
}
.framed-box .form-wrapper .form-group label.terms label.error {
    top: 15px;
    left: 5px;
}
.framed-box .form-wrapper .form-group .terms {
  font-size: 14px;
  line-height: 18px;
  color: #999999;
  font-weight: normal;
  text-align: center;
}
.framed-box .form-wrapper .form-group .terms a {
  color: #0092ed;
  text-decoration: none;
}
.framed-box .form-wrapper .form-group .terms input[type="checkbox"] {
  margin-right: 7px;
}
.framed-box .form-wrapper .form-group.submit-form {
  margin-top: 10px;
  text-align: right;
}
.framed-box .form-wrapper .form-group.submit-form .btn {
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 20px;
  color: #666;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.framed-box .form-wrapper .form-group.submit-form .btn:hover {
  background-color: #f9f9f9;
}
.framed-box .existing-users {
  color: #0092ed;
  text-decoration: none;
  font-size: 16px;
}


.alert {
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.error {
    color: #a94442;
}

 .signup-modal-wrapper {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

.signup-modal {
  -webkit-user-select: initial;  /* Chrome all / Safari all */
  -moz-user-select: initial;     /* Firefox all */
  -ms-user-select: initial;      /* IE 10+ */
  user-select: initial;          /* Likely future */      
}

.signup-modal-wrapper {
  z-index:10;
}

#processing {
    display: inline-block;
}

#waitimage {
   opacity: 0;
   padding-right: 20px;
   display: inline-block;
}

#signup-form h1 {
   font-size: 30px;
   margin-bottom: 0px;
   
   text-align: center;
   color: #0092ed;
}

#signup-form h3 {
   font-size: 16px;
   text-align: center;
   font-weight: 600;
   line-height: 15px;
}
#signup-form h4 {
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase; 
   color: "#0092ed";
   text-align: center;
}



.pretty-block {
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 6em ;
}

.side-content {
   float: right;
   display: inline-block;
   width: 40%;
   margin: 0;
    border-left: 1px solid #e8ebef;
    background: #f5f7f8;
    text-align: center;
    border-radius: 0 5px 5px 0;
    height: 100%;

    min-height: 660px;
 
}

.side-content.paid {
    min-height: 710px;
}

/*.mini {
   width: 20px;
}*/

.box-input input[type="text"], input[type="password"], input[type="email"], textarea, select {
   height: 25px;
}


.mini select {
 width: 230px;
   z-index:1000;
}
.cvc input[type="text"]{
   width: 230px;
   z-index:1000;
}
.input[type="text"]{
   width: 230px;
   z-index:1000;
}

.coupon_div {
  /*margin-top: 5px;*/
  padding-top: 20px;
}
.create-account {
   text-align:center;
   margin-left: auto;
}

.signup-form_next-step-btn {
  font-family: inherit;
  font-size: 15px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 0;
}

.mini {
   float:left;
   display: inline-block;
   padding: 0px 3%;
}

.form-control.small {

   width: 87px;
}

.framed-box label {
}
.more-right-stuff {
    width: 145px;
    margin-left: auto;
    margin-right: auto;
}

.j-signinform a {
    
}

.spacey {
   height: 30px;
}

.trial_box {
  font-size: 12px;
}
.trial_box img{
  margin-top: 70px;
  margin-left: 28px;
  border: 1px solid #444;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (min-width: 499px) and  (max-width: 767px){ /* phones show 2x2 plans */
   .purchase .price-table {
    width: 170px;
    min-height:365px;
   }
   /* show single column signup */
   .side-content{
       display:none;
   }
   .signup-modal{
      max-width: 300px; 
   } 

   .framed-box{
       width:  350px; 
   } 

   .framed-box .box-content{
       width: 100%; 
   } 
  .create_account.free {
	   margin-top: -30px;
  }
  .create_account {
	   width: 70%;
	   margin-right: 4%;
  }
.close-modal-mobile {
    display:inline-block;
    float:right;
}

#signup-form h1 {
    font-size: 27px;
    font-weight: bolder;
}
}

@media only screen and (max-width: 499px){ 
  .pretty-block {
    display:none;
  }
  .close-modal-mobile {
    display:inline-block;
    float:right;
  }
  .side-content {
    display:none;
  }

  #signup-form h1 {
    font-size: 27px;
    font-weight: bolder;
  }
  .create_account.free {
    margin-right: 100px;
    margin-top: 10px;
  }

   .framed-box {
       /*width:  270px; */
       width:  100%; 
   } 

   .framed-box .box-content{
       width: 100%; 
   } 
}


.review img {
   display: inline-block;
   float: left;
   padding: 3%;
   width: 14%;
   opacity: .9;
}



.trust{
    text-transform: uppercase;
    font-weight: bolder;
    color:#555;
}



/* pricing 1/26/16 */
.trial-choose {
}

/* pricing 1/26/16 */
.purchase .price-table .trial-choose a {
   /* background: #d95843 !important;*/
    background: #22b573 !important;
}

/* pricing 1/26/16 */
.purchase .price-table .price-table-title, .purchase .price-table .price-table-description {
    padding: 16px 0;

}

/* pricing 1/26/16 */
.form-group textarea{
   height: 100px;
   min-height: 100px;
}





/* fix for top of pricing page spacing */
.landing-page .section-header .description {
    max-width: 50%;
    margin: 0 auto 10px;
}
.framed-box .box-content-intouch {
    width: 100%;
    padding: 10px;
    margin-top: 50px;

}

.framed-box-signin  .box-content {
    padding: 5px 20px;
    width: 100%;
}


.framed-box .form-wrapper .form-group .coupon_div input{
   display: none;
   width: 100px;
}

.coupon_inner {
    margin-left: 36%;
    width:200px;
    height: 34px;
    display:none;
}

.modified_align_left {
    margin: 0px 20px 20px 0px;
}

.mostra_mac {
  background-image: url(https://brandedbridgeline.com/wp-content/uploads/2014/06/imac_smaller-300x237.png);
  background-repeat: no-repeat;
  background-size: 400px 320px;
  float:right;
  padding: 20px 20px 20px 20px;
  width: 400px;
  height: 320px;
}
#coupon-frame {
            height: 0px;
}

/* new signup page stuff */
.js-tab-pane h2{
    color: white;
    font-weight: bolder;
    font-size: 22px;
    background-color: #3F5D72;
    padding: 10px;
    margin: -10px -10px 10px;
}


.form-group label {
   /* font-weight: 600;
    padding-bottom: 3px;
    font-size: 17px;*/
    display: block;
    color: #555;
}

.js-tab-pane input {
     font: 17px/1.5em 'Roboto Slab', serif;
     height: 38px;
     padding: 0px 15px;
     border: 1px solid #ccc;
}

.col-12 {
    padding-left: 20px;
}

.col-12 .text-xl {
    font-size: 15px;
    margin-bottom: 0px;
}

.col-12 h3 {
    font-size: 19px;
    font-weight: 700;
    color:#777;
    

}

.sixteen .post-content .suform {
    padding-top:0px;
}

.vc_col-has-fill{
    padding-top: 0px;
}

.header-nostick {
   position: relative;
}

.loadingOverlay {
   position:absolute;
                     top:50%;
                     left:50%;
                     z-index:1002;
                     overflow:auto;
                     width:31px;
                     height:31px;
		     opacity:0;
}

.errors {
     color: #cc350e;
     font-size: 18px;
     font-weight: bold;
     margin-top: -10px;
     padding-bottom:10px;
}



/**-- */

.home-top ul {
  list-style: square;
  padding-left: 30px;
  font-size: 1.2em;
}

.home-top ul li {
  font-size: 0.9em;
  color: #333;
  line-height: 1.5em;
}


li {
  line-height:  1.2em;
  margin-bottom: 6px;
}


.f1-steps {
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.f1-progress {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.f1-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background: #0092ed;
}

.f1-step {
  position: relative;
  float: left;
  width: 33.333333%;
  padding: 0 5px;
}

.f1-step-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  background: #ddd;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.f1-step.activated .f1-step-icon {
  background: #fff;
  border: 1px solid #0092ed;
  color: #0092ed;
  line-height: 38px;
  cursor: pointer;
}

.f1-step.active .f1-step-icon {
  width: 48px;
  height: 48px;
  margin-top: 0;
  background: #0092ed;
  font-size: 22px;
  line-height: 48px;
  color: white;
}

.f1-step.activated .f1-step-icon:hover {
  background: #0092ed;
  color: white;
}

.f1-step p {
  color: #ccc;
}

.f1-step.activated p {
  color: #0092ed;
}

.f1-step.active p {
  color: #0092ed;
}

.home-top span li{
   font-size: 1.1em;
}

a.mobile-login-link {
  line-height: 1.2em;
  display: none;
  padding-bottom: 20px;
  padding-left: 40px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #666666;
}

.menu-toggle:not(.open) ~ .mobile-login-link {
  display: none;
}

@media only screen and (max-width: 700px) {
  .mobile-nav {
    background: white;
  }

  a.mobile-login-link {
    display: block;
  }
}




.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

#tooltip #tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btn-holder a{
    background-color: #cc350e ;
    color: white;
    padding: 5px;
    margin: 2px;
    border-radius: 6px;
    margin-left: 20px;
}

.btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-group .button {
  font-size: 16px;
}

.btn-group .button.active {
  background-color: #0b517d!important;
}

.btn-group .button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid #29a0ea;
}

.btn-group .button + .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
font-family: 'Montserrat', sans-serif;
}

.plans-box {
  background: #eee;
  padding: 20px 30px;
  margin-bottom: 15px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}

.plans-box ul {
  list-style: disc;
}

.plans-box p {
  font-size: 16px;
}

.plans-box .flexwrap-center {
  text-align: left;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.plans-box .footer-note,
.plans-box .footer-note a {
  color: #0092ed;
  font-size: 14px;
}

.plans-box .footer-note a {
  text-decoration: underline;
}