/* ==========================================================================
   Marketing
   ========================================================================== */

.boxShadow {
-webkit-box-shadow: 3px 3px 10px 0px rgba(186,186,186,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(186,186,186,1);
box-shadow: 3px 3px 10px 0px rgba(186,186,186,1);
}

.navbar-default {
  background-color:rgba(0,0,0,0.7);
  border:none;
  }
  
.navbar {
  border-radius:0;
  min-height:70px;
  text-shadow:0px 2px 4px rgba(0,0,0,0.5); 
  border:none;
  padding-top:0px;
  }

.navbar .container { position:relative; }

a.logo {
  background:url('../img/logo.png') no-repeat center center; 
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  width:200px;
  height:50px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  position:absolute;
  top:0;
  left:15px;
  margin-top:10px;
  }
  
.navbar-nav { margin-top:16px; }

.navbar-default .navbar-nav>li>a { 
  color:rgba(255,255,255,0.8);
  font-size:16px;
  padding:6px 10px 7px;
  margin:0 5px;
  border-radius:0px;
  -webkit-transition:background-color 0.25s linear; /* Saf3.2+, Chrome */
  -moz-transition:background-color 0.25s linear; /* FF3.7+ */
  -o-transition:background-color 0.25s linear; /* Opera 10.5 */
  transition:background-color 0.25s linear;
  }

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a.selected {
  color:white;
  background-color:rgba(255,255,255,0.2);
  }

.navbar-default .navbar-nav>li>a.btn {
  color:white;
  }

section {
  background-color:white;
  padding-bottom:100px;
  background-size:100% auto;
  text-align:center;
  position:relative;
  }

.feature-mininav {
  display:none;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
  background-color:rgba(0,0,0,0.7);
  line-height:40px;
  height:40px;
  text-align:center;
  font-size:18px;
  color:rgba(255,255,255,0.5);
  text-shadow:-1px -1px 0px rgba(0,0,0,0.25);
  }

.feature-mininav a {
  color:rgba(255,255,255,0.5);
  text-shadow:-1px -1px 0px rgba(0,0,0,0.25);
  padding:0 10px;
  }
  
.feature-mininav a:hover {
  color:rgba(255,255,255,1);
  text-shadow:-1px -1px 0px rgba(0,0,0,0.5);
  }

.feature-mininav span {
  color:white;
  font-size:10px;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  }

.feature-mininav .btn {
  color:white;
  position:relative;
  top:-2px;
  line-height:19px;
  margin-left:10px;
  }

section h2.section-title {
  font-size:49px;
  text-align:center;
  margin-top:100px;
  font-weight:600;
  letter-spacing:-0.08em;
  }

section h2.section-title i {
  position:relative;
  top:-10px;
  font-size:26px;
  padding:10px 14px 14px 10px;
  background:#2865bb;
  background:linear-gradient(to bottom, #5990d4 0%, #255ab5 50%, #033ca6 100%);
  border-radius:100px;
  color:white;
  text-shadow:-1px -1px 0px rgba(0,0,0,0.25);
  }
  
section h2.script {
  color:#666;
  font-size:45px;
  text-align:center;
  margin-top:100px;
  padding: 0 100px;
  }

section li {
  font-size:24px;
  font-weight:300;
  color:#666;
  }

section.chaos-vs-simplicity p { margin:0 60px 40px; }
section.features p { margin-bottom:50px; }
section.backgrounds p { margin-bottom:100px; }
section.backgrounds.choose-background p { margin-bottom:50px; }
section.professions p { margin-bottom:50px; }
section.signup p.subhead { margin-bottom:50px; }
section.signup-form p { margin-bottom:50px; }
section.contact p { margin:50px 290px; }
.video-p {margin-bottom: 50px;}
.features, .contact, .webinars {padding-top:90px;}
section.about-us h2.script { font-size:48px; margin-bottom:50px; }
.features-p-text {margin-bottom: 50px;}
section.about-us li { 
  text-align:left; 
  font-size:18px;
  line-height:27px;
  margin:4px auto;
  max-width:800px;
  }
section.text-page > .container { max-width:800px; }
section.text-page h2.script { margin-bottom:50px; }
section.text-page h3 { text-align:left; margin-top:36px; margin-bottom:12px; }
section.text-page p { 
  text-align:left; 
  font-size:18px;
  line-height:24px;
  margin:0 auto 24px auto;
  letter-spacing:0;
  }
section.text-page ol { max-width:100%; }

.team-wrap{margin-left:14%;}
.team-img{ width:170px;height:200px;margin:20px 50px; }
.team-img img{ width:150px;height:180px; }
.team-photo img { max-width:80%; }
section.dark { background-color:#f8f8f8; }
section.chaos-vs-simplicity, section.imagine { padding-bottom:100px; }

.scroll-down {
  /*display:none;*/
  position:absolute;
  bottom:30px;
  width:100%;
  text-align:center;
  }

.scroll-down a {
  font-size:9px;
  text-transform:uppercase;
  color:#aaa;
  letter-spacing:0;
  }

.scroll-down a:hover { text-decoration:none; }

.scroll-down i {
  font-size:9px;
  vertical-align:middle;
  color:#ddd;
  }

.intro {
  background:url('../img/photo4.jpg') no-repeat center center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  }

.intro .well {
  position:relative;
  margin-top:580px;
  padding:30px;
  color:white;
  text-shadow:0px 2px 4px rgba(0,0,0,0.7);
  text-align:left;
  overflow: hidden;
  }

.intro .well h2 {
  font-size:38px;
  font-weight:700;
  line-height:22px;
  }

.creatives .well h2 {
  font-size:36px;
  }

.intro .well h3 {
  font-size:30px !important;
  font-weight:400;
  margin-top: 25px;
  line-height: 35px;
  }

.intro .well h4 {
  font-weight:300;
  color:#dedede;
  margin-top:24px;
  }

.thank-you .well input.form-control { width:420px; }
.btn-xl {
  font-size:24px;
  height:60px;
  width:230px;
  box-shadow:0px 4px 8px rgba(0,0,0,0.25);
  margin-top:25px;
  line-height:36px;
  }
.btn-xl:active {
  box-shadow:0px 2px 8px rgba(0,0,0,0.35) inset;
  background: #0948b3;
}
.btn-xl-alt { display:none; }
.well-content {
  float: left;
}
.intro .btn-xl {
  float: right;
  position:relative;
  }

.video-container {
  margin:44px auto 0;
  width:605px;
  height:385px;
  }

a.tile, .tile {
  display:block;
  color:#444;
  text-align:center;
  height:180px;
  border:1px #bbb solid;
  border-radius:10px;
  margin-bottom:30px;
  padding-top:15px;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  background:rgba(238,238,238,0.5); /* Old browsers */
  background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0) 75%, rgba(221,221,221,0) 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(75%,rgba(238,238,238,0)), color-stop(100%,rgba(221,221,221,0))); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0) 75%,rgba(221,221,221,0) 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0) 75%,rgba(221,221,221,0) 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0) 75%,rgba(221,221,221,0) 100%); /* IE10+ */
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0) 75%,rgba(221,221,221,0) 100%); /* W3C */
  }

a.tile:hover { 
  border:1px #2865bb solid; 
  box-shadow:0 2px 6px rgba(0,0,0,0.25);
  background:#fff; 
  
  }

a.bgtile, .bgtile {
  display:block;
  color:#444;
  text-align:center;
  height:150px;
  border-radius:10px;
  margin-bottom:30px;
  padding-top:15px;
  border-right:1px rgba(255,255,255,1) solid;
  border-bottom:1px rgba(255,255,255,1) solid;
  background-size:cover;
  }

a.bgtile:hover {
  border:0;
  box-shadow:0px 2px 10px rgba(0,0,0,0.25);
  border-top:1px rgba(255,255,255,0.75) solid;
  border-right:0;
  border-bottom:0;
  }

a.bgtile.selected {
  border:3px #72B624 solid;
  box-shadow:0px 2px 10px rgba(0,0,0,0.25);
  }

a.bgtile.notselected, a.tile-color.notselected {
  opacity:0.5;
  }


.bgtile h4 {
  padding-top:90px;
  color:white;
  text-shadow:0px 1px 4px rgba(0,0,0,0.5);
  }

.professions .tile {
  padding-top:30px;
  border:1px #ddd solid;
  box-shadow:none;
  background:#fff;
  }

.professions .tile.mime-tile { padding-top:40px; }

.tile i {
  font-size:36px;
  color:#74b52a;
  }

.professions .tile i {
  font-size:36px;
  color:#aaa;
  }

.tile h4 {
  margin-top:6px;
  margin-bottom:3px;
  font-size:16px;
  font-weight:600;
  }

.tile p {
  color:#666;
  font-size:13px;
  letter-spacing:0;
  margin:0 38px;
  }

.tile-color-title { 
  display:block;
  height:50px; 
  line-height:50px; 
  }

.tile-color { 
  display:inline-block; 
  height:50px; 
  width:50px;
  border-radius:10px;
  margin:0 5px;
  border:0;
  border-right:1px rgba(255,255,255,1) solid;
  border-bottom:1px rgba(255,255,255,1) solid;
  box-shadow:none;
  }

a.tile-color:hover {
  box-shadow:0px 2px 10px rgba(0,0,0,0.25);
  border-top:1px rgba(255,255,255,0.75) solid;
  border-right:0;
  border-bottom:0;
  }
  
a.tile-color.selected {
  border:3px #72B624 solid;
  box-shadow:0px 2px 10px rgba(0,0,0,0.25);
  }
  
.discount-alt {
  display:block;
  margin-top:30px;
  }

.pricing { margin-bottom:50px; }
.notify-form { margin-top:50px; margin-bottom:50px; }
.pricing-info-page { margin-top: 90px;}
.about-us .script {margin-top: 190px;}

.logo-green {
  margin:40px 0;
  color:#75B52A;
  text-align:center;
  }

.logo-green i { padding-right:95px; }
.logo-green span { display:none; }

.thank-you .well {
  background-color:rgba(0,0,0,0.1);
  margin-top:40px;
  padding:40px;
  }

.thank-you .well p { font-size:21px; }

.thank-you .well .btn { color:black; }
.badge { text-shadow:-1px -1px 0px rgba(0,0,0,0.25); }
.panel { border-radius:10px; }

.progress {
  height:30px;
  border-radius:15px;
  }

.progress-bar-success { 
  background-color:#75B52A;
  text-shadow:-1px -1px 0px rgba(0,0,0,0.25);
  line-height:30px;
  font-size:14px;
  font-weight:600;
  }

.thank-you .table>tbody>tr>td { 
  border:0;
  text-align:center;
  width:16%;
  }

.btn-tile {
  font-size:100px;
  line-height:100px;
  width:150px;
  height:150px;
  padding:0;
  cursor:default;
  }

.gift-panel-alt { display:none; }
.gift-panel-alt h3 { margin-top:30px; }

p.message-from-our-team { 
  text-align:left; 
  margin:25px 40px;
  }

p.bodycopy { 
  font-size:16px;
  line-height:24px;
  text-align:left; 
  margin:0 auto;
  margin-bottom:16px;
  max-width:500px;
  }

ol {
  font-weight:300;
  color:#666;
  font-size:16px;
  line-height:24px;
  text-align:left; 
  margin:0 auto;
  margin-bottom:16px;
  max-width:500px;
  }

.invitation-code .well {
  max-width:500px; 
  margin:0 auto 50px;
  }
.invitation-code .form-row .form-control {
  width:80%;
  text-align:center;
  }

section.choose-background { padding-top:30px; }
.well-superlight { background-color:rgba(255,255,255,0.8); }

section.choose-background h2.script {
  margin:0 180px 10px;
  }

#the-end .well, .signup .well {
  padding:50px;
  }

ul.pricing-bullets {
  text-align:left;
  list-style-type:none;
  font-size:21px;
  line-height:46px;
  padding:0;
  }

.pricing-bullets i {
  color:#2865bb;
  }
  
a.plan { display:block; background: #fafafa; }

.plan {
  height:80px;
  margin-bottom:10px;
  background-color:rgba(255,ac255,255,0.5);
  border:1px #ccc solid;
  border-radius:10px;
  text-align:left;
  padding:15px;
  }

.plan-doublestack {
  height:120px;
  }

.plan h4 {
  font-size:21px;
  color:#2865bb;
  font-weight:600;
  margin:0 0 3px 0;
  }

.plan-last h4 {
  margin-top:7px;
  }

.tinytext {
  font-size:11px;
  font-weight:400;
  color:#999;
  text-transform:uppercase;
  letter-spacing:0;
  }

.urgency {
  display:block;
  color:#bf1621;
  clear:both;
  padding-top:10px;
  font-weight:600;
  }

.brain-trust {
  text-align:left;
  padding:20px;
  }

.brain-trust p {
  font-size:15px;
  line-height:21px;
  }

.plan-last {
  margin-top:4px;
  }

.price {
  color:#454545;
  font-size:36px;
  line-height:34px;
  font-weight:600;
  letter-spacing:-0.08em;
  }

.price .currency {
  position:relative;
  top:-0.6em;
  font-size:16px;
  letter-spacing:0;
  }

.price .tinytext {
  position:relative;
  top:-5px;
  line-height:11px;
  }

.invite-buttons { margin:50px 0; }
.invite-buttons .btn { width:150px; }

.signup-form .well {
  padding:40px;
  }

.signup-form h2.script, .signup-form p {
  color:white;
  text-shadow:0px 2px 6px rgba(0,0,0,1);  
  }

.signup-form .form-row .form-control {
  margin-right:40px;
  }

.form-row {
  margin:15px 0;
  }

.form-row i {
  font-size:24px;
  opacity:0.3;
  position:relative;
  top:2px;
  }
  
.form-row .form-control {
  display:inline-block;
  width:40%;
  }

.contact .form-row .form-control {
  width:80%;
  }

.contact p.subhead { margin-bottom:50px; }

.form-row .tinytext {
  display:inline-block;
  margin-left:10px;
  position:relative;
  top:-3px;
  width:230px;
  text-align:left;
  }

.form-row .tinytext.tinytext2 { top:4px; }

section.webinars p {
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  }
section.webinars form {
  max-width:500px;
  margin:50px auto;
  }

section.webinars form label {
  font-weight:600;
  font-size:18px;
  }

footer { padding:30px 0 10px; }

footer ul {
  list-style:none; 
  padding:0;
  margin-bottom:20px;
  }

footer ul li {
  display:inline-block;
  }

footer ul li:after {
 
  }

footer ul li.last-item:after {
  content:"";
  }

/* interactive screenshot */

.interactive_screenshot {
  margin-top:30px;
  }
  
.interactive_screenshot .screen {
  height:530px;
  width:750px;
  margin:0 auto;
  border-radius:10px;
  box-shadow:0px 3px 8px 0 rgba(0, 0, 0, 0.25);
  }

.interactive_screenshot .screen-overview { background:url('../img/dashboard.jpg') no-repeat center center; background-size:cover; }
.interactive_screenshot .screen-funnels { background:url('../img/funnels.jpg') no-repeat center center; background-size:cover; }
.interactive_screenshot .screen-landingPages { background:url('../img/landingPages.jpg') no-repeat center center; background-size:cover; }
.interactive_screenshot .screen-tribe { background:url('../img/tribe.jpg') no-repeat center center; background-size:cover; }


.interactive_screenshot .screen-comparison {
	 width:1200px;
	}
	
.screen-comparison { 
	 margin-top:10px;
	height:530px;
 
  margin:0 auto;
  border-radius:10px;
  box-shadow:0px 3px 8px 0 rgba(0, 0, 0, 0.25);
	background:url('../images/comparison.jpg') no-repeat center center; background-size:cover; }

.banner_container { position:relative; }
      
.infobox {
  height:90px;
  text-align:right;
  position:absolute;
  width:500px;
  top:0px;
  }

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

.infobox.right {
  right:0px;
  text-align:left;
  }

.infobox.right > .infobox_title, .infobox.right > .infobox_description { right:0px; }

.infobox.right > .infobox_line {
  right:166px;
  left:6px;
  }

.infobox.right > .infobox_dot { left:-6px; }
.infobox.right > .infobox_pulse { left:-15px; }
.infobox.active > .infobox_title { opacity:1; }

.infobox.active > .infobox_description {
  opacity:1;
  transition-delay:0.1s;
  }

.infobox.active > .infobox_line { opacity:1; }

.infobox.active.left > .infobox_line {
  background:url('../img/infoline.png') repeat-x 0 0;
  }

.infobox.active.right > .infobox_line {
  background:url('../img/infoline.png') repeat-x 100% 0;
  }

.infobox_title {
  position:absolute;
  margin-top:-2px;
  width:160px;
  height:20px;
  font-size:16px;
  opacity:0;
  transition:opacity 0.3s;
  transition-delay:0.05s;
  white-space:nowrap;
  }

.infobox_line {
  position:absolute;
  height:20px;
  left:166px;
  right:6px;
  top:0px;
  opacity:0;
  transition:opacity 0.3s;
  }

.infobox_description {
  position:absolute;
  width:160px;
  height:70px;
  top:20px;
  font-size:12px;
  line-height:16px;
  letter-spacing:0;
  opacity:0;
  transition:opacity 0.5s;
  transition-delay:0.05s;
  }

.infobox_dot {
  position:absolute;
  width:12px;
  height:12px;
  border-radius:12px;
  top:4px;
  right:-5px;
  background-color:#ff9600;
  }

.sweepstakes { text-align:left; }
.sweepstakes p { margin-bottom:50px; }
.sweepstakes ul { margin-bottom:50px; padding-left:24px; }
.sweepstakes ul li { font-size:18px; font-weight:300; }
.sweepstakes ul.fineprint li {
  font-size:11px;
  font-weight:400;
  color:#999;
  text-transform:uppercase;
  letter-spacing:0;
  }
  

blockquote.quote {
  background-color:#ebebeb;
  border-radius:10px;
  padding:30px;
  margin:50px 100px;
  min-height:185px;
  }

.quote-photo {
  float:left;
  width:125px;
  height:125px;
  border-radius:125px;
  border:1px white solid;
  }

.quote-text { 
font-size:26px;
  margin-left:140px;
  margin-top:10px;
  line-height:28px;
  text-indent:-5px;
  }

.quote-text-big { 
  display:block;
  font-size:30px;
  line-height:36px;
  letter-spacing:-0.05em;
  text-indent:0px;
  margin-top:30px;
  }

.quote-name { font-size:14px; letter-spacing:-0.02em; }

section.testimonial {
  min-height:1px;
  background-color:#454545;
  padding:0;
  }

section.testimonial blockquote.quote {
  background-color:transparent;
  border-radius:0;
  padding:30px;
  margin:0 auto;
  min-height:185px;
  max-width:940px;
  color:rgba(255,255,255,0.8);
  text-shadow:-1px -1px 0px black;
  }

section.testimonial .quote-photo {
  border:0;
  }

 
  
.fu-price ul.pricing-bullets {
  line-height:34px;}
.fu-price .btn-xl {
  font-size: 24px;
  height: 67px;
  width:100%;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
  margin-top: 6px;
  line-height: 42px;}
.fu-price .price .tinytext {text-align:right}
.affiliate {margin-top:40px;}


#horz-cell p {font-size: 16px; font-weight: 400; color: #888;}
#horz-cell h4 {font-size: 20px; font-weight: 700; color: #555;}

.table-money {
  width: 600px;
}
.table-money tr {
  border-bottom: 1px solid #888;
  padding: 5px 0;
}
#background-image { left:0; position:fixed; top:0;}
.aboutus-features-list {
  text-align: left;
  list-style: none;
}

/* responsive media queries ============================================== */

.navbar-toggle { margin-top:12px; background: #fff; }
.navbar-toggle:hover {background: #fff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none !important; }

@media(max-width:650px){
  .table-money {width: 300px;}
}
@media(max-width:480px){
  #behold-the-chaos img {width: 100%;}
  .team-img{ display:block; margin:0 auto !important; float:none;}
  .interactive_screenshot .screen{ max-height:300px; }  
  section.testimonial { display:none; }
  .navbar {
  min-height:60px;
  }
  
  .intro .btn-sm { text-align: center; }

  .footmobile {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;}
  
  
  .buttonfooter {
  position: relative;
  float: right;
  }
  .interactive_screenshot .screen {width: 100% !important;}
  section.backgrounds { display:none; }
  a.tile, .tile {height: auto; padding: 15px;}
  
  .aboutus-features-list {
    width: 100% !important;
  }
  .div-testimonies-author { width: 100%; text-align: center; display: block; padding: 20px; }
  .div-testimonies-text { width: 100%; text-align: center; display: block; margin-top: 10px; padding: 0 20px 20px 20px; font-size: 18px !important; }
  .div-testimonies-sep { display: none; }
  .div-testimonies tr { border: 1px solid #e2e2e2; }
}
@media(max-width:400px){
  .table-money {width: 200px;}
}
@media(max-width:360px){
  .puppy-img {width: 190px; height: 190px;}
}
.stickyFooter {
     position: fixed;
     bottom: 0px;
     width: 100%;
     color: #fff;
     overflow: visible;
     z-index: 99;
     padding-top: 15px;
     padding-bottom: 25px;
     background-color: rgba(0,0,0,0.7);
     height: 70px;
     text-shadow: none !important;
}

.sticky-right {
     float: right;
     margin-top: -20px;
}

.simple-chaos { 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    margin-top: 12px; }

  
  }

@media(min-width:768px){ 
   .container {width: 700px !important;}

}

@media(max-width:767px){ 

  .mobile-break {display:inline;}
  section { min-height:1px; }
  section.intro { padding-bottom:0px; }
  section.testimonial { display:none; }
  .header .btn {  }
 .navbar {min-height:60px;}
  a.logo { 
    background:url('../img/logo.png') no-repeat center center; 
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width: 200px; height: 41px; margin-top: 10px; }
  .intro .well { margin-top:200px; height:auto; padding:10px; margin-bottom:10px }
  .intro .well h2 { font-size:24px; line-height:24px; }
  .creatives .well h2 { font-size:20px; }
  .intro .well h3 { font-size:15px; margin-bottom:5px;  }
  .intro .well h4 { font-size:14px; margin-top:10px; line-height:20px; text-align:center; }
  .intro .btn-l { display:none; }
  .btn-xl { font-size:18px; height:50px; line-height:25px; }
  .intro .btn-xl-alt { display:block; width:100%; }
  section h2.script, section.about-us h2.script { font-size:30px; margin-left:20px; margin-right:20px; }
  section p { font-size:15px; margin-left:20px; margin-right:20px; }
  .scroll-down { bottom:10px; }
  .professions .tile { height:110px; padding-top:15px; }
  .tile h4 { font-size:14px; }
  .tile p { display:none; }
  section.chaos-vs-simplicity p { margin:0 20px 30px; }
  section.professions p { margin-bottom:30px; }
  section.backgrounds p { margin-bottom:30px; }
  section.features p { margin-bottom:15px; }
  section.signup p.subhead { margin-bottom:30px; }
  section.contact p { margin:0; }
  .bgtile h4 { font-size:16px; padding-top:80px; }
  .bgtile, a.bgtile { height:130px; }
  .pricing { margin-bottom:20px; }
  ul.pricing-bullets { font-size:18px; }
  .plan-name .tinytext span { display:none; }
  .plan h4 { font-size:15px; }
  .plan .price { font-size:26px; }
  .thank-you .well { padding:20px; }
  .thank-you .well input.form-control { width:100%; }
  .thank-you .well button { margin:5px 0; }
  .thank-you p { text-align:left; }
  .thank-you p.message-from-our-team { margin:25px 10px; }
  .gift-panel-alt { display:block; }
  .gift-panel { display:none; }
  .infobox{ display:none; }
  .interactive_screenshot .screen { width:280px; max-height:210px; }
  section h2.section-title{ font-size:36px; }
  .features .tile { height:110px; }
  .professions .tile.mime-tile { padding-top:25px; }
  section h2.section-title{ margin-top:50px; }
  .feature-mininav, .feature-mininav a, .feature-mininav span { display:none; height:0; }
  section h2.section-title i { font-size:18px; padding:6px 10px 10px 6px; top:-4px; }
  section h2.section-title { font-size:24px; }
  #the-end .well{ padding:15px;border-radius:0px; }
  .team-img{ margin:20px; }
  .team-wrap{ margin-left:0px; }
  .signup-form .well{margin:40px 10px;}
  .invite-buttons .btn { width:120px; }
  .form-row .form-control{width:70%;}
  #the-end .well, .signup .well { padding:25px 15px; }
  blockquote.quote { margin:10px; }
  .quote-photo { display:block; float:none; margin:0 auto; }
  .quote-text { margin-left:0; }
  .quote-name { display:block; line-height:21px; margin-top:10px; }
  footer ul li { display:block; margin:6px 0; }
  footer ul li:after { content:""; }
   
  .btn-success {margin-bottom: 5px !important;}
  .intro .btn-xl {float: left;}
  .navbar-default .navbar-nav>li>a {text-align: center;}
  section {padding-bottom: 50px;}
  section h2.script {margin-top: 50px;}
  section.chaos-vs-simplicity, section.imagine {padding-bottom: 50px;}
  #horz-cell .col-lg-4 { margin-bottom: 20px; }
  
  .btn-xl {width: 100% !important;}
  .div-testimonies {width: 100% !important; margin-top: 30px;}
  .div-testimonies-sep { width: 7%; }
}

/* tablets vertical */
@media(min-width:768px) and (max-width:991px){
  .stickyFooter { display:none; }
  .navbar-default .navbar-nav>li>a { padding:10px 5px 12px; font-size:14px; }
  .navbar-default .navbar-nav>li>a.btn { padding:4px 7px 6px; margin-top:4px; }
  section { min-height:1px; }
  section.testimonial { display:none; }
  .intro .well { height:auto; }
  .intro .well h2 { font-size:24px; line-height:12px; }
  .creatives .well h2 { font-size:22px; }
  .intro .well h3 { font-size:21px; }
  .intro .well h4 { font-size:16px; }
  .btn-xl { font-size:18px; height:40px; line-height:18px; width:auto; float: left !important; width: 100% !important; }
  section h2.script { font-size:48px; }
  section.about-us h2.script { margin-left:100px; margin-right:100px; }
  section p { font-size:18px; }
  section.chaos-vs-simplicity p { margin:0 0 40px; }
  section.features .tile { height:170px; }
  section.contact p { margin:50px 170px; }
  .gift-panel-alt { display:block; }
  .gift-panel { display:none; }
  .team-img{ margin:20px; }
  .team-wrap{ margin-left:0px; }
  .tile p { display:block; }
  .infobox{ display:none; }
  .interactive_screenshot .screen { width:auto; max-height:510px; }
  .navbar i { font-size:24px; line-height:30px; padding-right:60px }
   #horz-cell .col-lg-4 { margin-bottom: 20px; }

  .btn-xl {width: 100% !important;}
  .div-testimonies {width: 100% !important; margin-top: 30px;}
}

@media(max-width:650px){
  .youtube-1 { width: 390px; height: 218px; }
}
@media(max-width:580px){
  .btn-xl {font-size: 20px !important;}
}
@media(max-width:480px){
  .intro .mobilebutton { display:none; }
  .simple-chaos img { -webkit-background-size:cover; width: 100%; }
  .btn-xl {font-size: 18px !important;}
  .youtube-1 { width: 100%; height: 320px; }
}
@media(max-width:380px){
  .btn-xl {font-size: 15px !important;}
}
@media(max-width:340px){
  .btn-xl {font-size: 14px !important;}
}
/* tablets horizontal */
@media(min-width:992px) and (max-width:1200px){
.stickyFooter { display:none; }
  section { min-height:1px; }
  section.testimonial { display:none; }
  .intro .well h2 { font-size:30px; }
  .intro .well h3 { font-size:28px; }
  .creatives .well h2 { font-size:27px; }
  section h2.script { font-size:48px; }
  section p { font-size:18px; }
  section.chaos-vs-simplicity p { margin:0 0 80px; }
  .gift-panel img { width:100px; height:100px; }
  .gift-panel .btn-tile { width:100px; height:100px; font-size:65px; line-height:65px; }
  .thank-you .table>tbody>tr>td { font-size:12px; }
  .team-img{ margin:20px; }
  .infobox{ display:none; }
  #horz-cell .col-lg-4 { margin-bottom: 20px; }
}
@media(max-width:560px){
  section h2.script {
    padding: 0 10px;
    
}
@media(min-width:1201px){
.stickyFooter { display:none; }
}