@import url(https://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,700);
html,body{font-family: 'Open Sans', sans-serif!important;  padding-bottom: 0;font-size-adjust: 0.5;}
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 530px;}
  .promo h1{
  position: static;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.4em;  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); padding-top:55px;padding-bottom: 10px;text-transform: uppercase;font-size:60px}
	.play{margin-bottom:30px;}
	.play p{font-size: 17px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 2em;
}
.info-page .section {font-size:24px;margin-top:20px;margin-bottom:10px;}
.info-page {margin-bottom:20px;}

 .landing h1, .offer h1, .feature-listing h1, .demosites h1, .extensions h1, .info-page h1 {
    text-align: center;
    color: #001e40;
    text-shadow: none;
    font-weight: bold;
    margin: 50px 0px 30px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 2em;}
	
  .offer h1{padding-bottom:10px;}
  .feature-listing h1{  padding-bottom: 50px;}
.navbar-inverse .navbar-toggle span.icon-bar{ background-color: #001e40;}
 
  #text, #ico {
    line-height: 50px;
}
#ico {
    vertical-align: middle;
	  padding-bottom: 5px;
  padding-right: 5px;
}
  #text{
font-size: 17px;
font-weight:600;}
.carousel .item{background:transparent;height:inherit;}
  p.lead {
  color:#333;
  line-height:1.55em;
  font-size:17px;}
  .features h2{font-size:22px;}
  .features p{text-align:justify;}
.carousel{background:none;height:initial;margin-bottom:0px;}
.featurette{margin-bottom:-30px;}
.featurette-divider{
  margin:50px 0px;}
h2.featurette-heading,h2.bs-docs-featurette-title{color:#001e40;}
h2.bs-docs-featurette-title{padding-bottom: 19px;margin-top:5px; padding-left:0px;}

.copyright-columns,.landing_pages{
  background-color: #fff;
  color: #b3b3b3;
  font-size: 14px;
  padding: 10px 0;
}
.footer-columns{
background: #253340;
  color: #fff;
  padding: 30px 0px 0px 0px;
  font-size: 14px;
}
.footer-columns ul{
list-style:none;
padding:0}
body{padding-bottom:0px;}
.copyright ul,.landing_pages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.copyright li, .landing_pages li {
  display: block;
  float: left;
  margin-right:6px;
  list-style-type: none;
}
.footer-columns a {color:#b3b3b3}
a.navbar-brand {

  padding: 0px 30px;
 
  max-width: 270px;

}
.navbar-inverse {
  background-color: transparent;
  border-color: none;
}
.navbar{
  margin-bottom: 0px; padding: 7px; border-color: rgba(34,34,34,.05);
    background: #fff;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;}
.navbar .nav.navbar-nav li a,.btn-secondary{
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  font-weight:600;
  background-color: transparent;
  color:#001e40;
}
.nav.navbar-nav li a:hover{color:#428bca;}
a.btn{font-weight:bold}

.nav li a.btn.btn-secondary:hover {
    color: #fff;
    background-color: #428bca;
    border: 1px solid #428bca;
}

a.btn-secondary, .btn-secondary,.btn-primary,.nav li .btn-secondary{
  border: 1px solid #001e40;
  padding: 8px 10px;
  margin-top: 5px;
  font-size: 13px;}
  .feature-listing a.btn-secondary{  min-width: 150px;color: #333; background-color: #fff;border-color: #ccc;font-size: 14px;font-weight: 400;}
 .promo .btn-primary,.landing  .btn-primary,.offer  .btn-primary, .bigbutton.btn-primary {background-color:#428bca;color:white; text-align: center; margin: 0 20px;padding:11px 30px;font-size:17px;font-weight:600;border:0px;}
  .landing  .btn-primary{ min-width: 200px;margin: 15px 0px;}
  .offer .btn-primary{  margin: 5px 0px;}
  .btn-primary.trial{background-color:#5cb85c; }
 .contactform .btn-secondary,.marketing .btn-secondary{ display:block;min-width:125px;  text-align: center;  margin: 0 auto;}
  .block-content a.btn-secondary{  border: 1px solid #b3b3b3!important;  min-width: 140px;text-align: left;}
  .block-content a.btn-secondary:hover{color:#001e40;background:#b3b3b3;}
  a.btn-secondary:hover, .btn-secondary:hover,.btn-primary:hover{ background-color: #253340;color:white;}
.btn { 
  padding: 6px 12px;
  margin-bottom: 0; 
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.fa-stack{color:#428bca;font-size: 22px;float:left;}
p.signup_info{color:#fff;}
.contact_info,.signup_info{text-align:center;padding-bottom:20px;color:#333;}
.contactform textarea, .contactform input[type='text'], .contactform input[type='password'] {
  width: 100%;
  padding: 1em;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  border-radius: 0;
  outline: none;
}
#signup {background-color: #5cb85c; padding-bottom: 50px;}
#signup h2.bs-docs-featurette-title{color:#fff;}
#signup .btn{
  border-color: #fff;
  color: #fff;}
.contactform{padding:50px 0px;}
.row.contact{margin:0px;}
.references,.offer{background-color:#eee;  padding: 30px 0px;}
.quotes span{margin-top:-80px;display: block;
  margin-left: 100px;}
  .demo-pages .img-circle{display: block;
  margin: 0px auto 10px auto;}
  .demo-pages a{display: block;min-height:110px;}
  .demo-pages .demo-page{padding-bottom:20px;}
  .demo-page .fa{
  font-size: xx-large;
  display: block;
  text-align: center;
  color: #428bca;
}
.demo-pages .row{padding-bottom:20px;}
.solution{padding:0px;}
.solution .lead{color:#001e40;}


.quotes .carousel-indicators .active{background-color:#428bca;}
.quotes .carousel-indicators {bottom:0px;}
.carousel-indicators li{border:1px solid #428bca;}

blockquote {
 border-left-color: rgba(0,188,212,.8);
  color: #cfd8dc;
  font-weight: 300;
  padding: 15px 20px;
  margin: 0 0 40px;
  font-size: 17.5px;
  border-left: 5px solid #428bca;
}
blockquote p{color:#fff;}
.quotes-container{background-color: #253340;
  margin-top: 0px;
  padding: 20px 0px 5px 0px;}

.quotes-container  .item{height:initial;}



.promo a {
    color: #fff;
}

@media (min-width: 992px){
.promo {
  height: 620px;
 
}}
@media (min-width: 768px){
.promo {
  height: 420px;
 
}
}
.promo {
    color: #fff;
    height: 90%;
    width: 100%;
    background-color: rgba(5,16,34,0.3);
    position: absolute;
    z-index: 1;
}
@media (min-width: 992px){
.bg-slider-wrapper {
  position: fixed;
}}

.bg-slider-wrapper {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 90%;
  background: #373737;
}
@media (max-width: 992px){
.contact #contactus{padding-bottom:50px;}

}

@media screen and (min-height: 800px) and (min-width: 1200px) {.quotes-container.homepage-quotes{bottom:65px;min-height:17%;} .plan .price h3 { font-size: 62px;} .promo .container h1{font-size:70px;font-size-adjust: 0.5;padding-top:7%;padding-bottom: 30px;} #quotes_carousel {padding-top:1%;}}
@media screen and (max-width: 1199px) and (max-height:750px){.promo .container h1{font-size:40px;} .quotes-container.homepage-quotes{bottom: 20px;}}
@media screen and (min-width: 1200px) and (max-height:750px){.promo .container h1{font-size:40px;} .quotes-container.homepage-quotes{bottom: 20px;} div.site-wrapper {min-height: 600px;}}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .promo h1{font-size:60px;padding-top:20px;padding-bottom: 20px;} }
 
.pricing h1.title {margin-bottom:-20px;}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { li.hidden-phone{display:none;} body,.container  {
    padding-right: 0;
    padding-left: 0;
  }
.container.feature-listing h1{padding-bottom: 0px;}
.feature-listing .button-container{    padding-bottom: 20px;}
.pricing h1.title {margin-bottom:0px;}
.pricing #calculated_price h3, .pricing #calculated_pro_price h3, .pricing #price1 h3 {font-size: x-large;}
.site-wrapper .homepage-quotes{bottom: 20px;height: 115px;}
.site-wrapper .homepage-quotes blockquote{padding: 0px 10px;margin: 0px 0px 0px 2px; font-size: small;}
.offer .price .table th{padding-top: 10px;}
.pricing #col1, .pricing #col2, .pricing #col3 {padding-left: 0; padding-right: 0;}
.pricing .plan ul{padding:10px 0px 0px 0px;}
.offer h1 {margin: 0px 0px 10px 0px;}
.prbutton {text-align: Center!important;}
.demosites .thumbnail.demosite {
    margin: 4% 2%;
    width: 96%;
    min-width: 96%;}
.container.feature-listing h2{font-size:x-large;}  
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top,.row {
    margin-right: 0;
    margin-left: 0;
  }
  .promo h1.title{  font-size: 27px;  padding: 20px 5px 20px 5px;}
  a.navbar-brand{padding:0px;margin: 0px;}
  .promo .btn-primary{margin: 0 5px;
  padding: 10px 17px;
  font-size: 13px;}
  .contact #signup{padding-bottom:0px;}
  }




.bg-slider-wrapper .slide {
  display: block;
  height: 780px;
}
.bg-slider-wrapper .carousel-indicators li{
  display: none;
  -webkit-backface-visibility: hidden;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel .bg-slider-wrapper,
.carousel-inner .bg-slider-wrapper,
.carousel-inner .bg-slider-wrapper .item {
  height: 100%;
}
.bg-slider-wrapper .item {
   background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:inherit;
}
.bg-slider-wrapper .item:nth-child(1) {
  background: url('https://s3.amazonaws.com/planyo-extras/website/img/bcg01.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.reference_question{font-size: 22px;
  margin: 5px 0px 0px 50px;
  color: #428bca;}
.features .bs-docs-featurette-title{  padding-bottom: 9px;  margin-top: 30px;}


  
.bg-slider-wrapper .flexslider {
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  zoom: 1;
}
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides {
  zoom: 1;
}
.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.main_features h2{  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;}
.main_features p{  
    color: #b3b3b3;
  line-height: 24px;
  margin-top: 20px;}
 .main_feature{
 padding-left:35px;padding-right:35px;padding-top:20px;}
 .landing_image{  padding: 15px 15px 15px 50px;}
 .landing_quote p{ color: #777;
    font-size: 2em;
    font-weight: 300;
    margin: 0px;
	text-align: center;}
 .landing #ico,.landing #text,.landing  blockquote p{color:#001e40;}
 .quotes-container.landing{background-color: #eee;
  padding: 0px 0px 30px 0px;
  margin-bottom: 50px;}
   .landing .carousel-indicators{margin-bottom:	0;}
   .offer p{font-size: 22px;
  text-align: left;}
  .offer{padding-bottom:25px;}
  .offer li{list-style:none;}
   .offer ul{padding:0px;}
  .offer .fa{color:#5cb85c;}
  .offer #resource_qty{padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 50px;}

  .calculator{padding:50px 0px;}
  .offer.pricing{padding-left:5%;padding-right:5%;}
  .pricing .plan{ margin-bottom: 50px; }
  
.plan {
  box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06);
  min-height: 100px;
  background: #fff;
  border-radius: 4px;
  padding-bottom: 25px;
  text-align: center;
}
 .plan:hover {
  background-color: #fff;
  -moz-box-shadow: 0 0 12px 3px #eee;
  -webkit-box-shadow: 0 0 12px 3px #eee;
  box-shadow: 0 0 12px 3px #eee;
}

.plan .head {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.plan ul {
  list-style-type: none;
  padding: 10px 20px 0px 20px;
}
.plan ul li {
  line-height: 22px;
  margin-bottom: 15px;
  font-weight: 400;
  text-align: left;
  padding: 0px 20px;
}
.head h2{padding-top: 20px;}
.plan .price {
  margin: 0 auto 15px auto;
  width: 87%;
}
.plan hr{margin-bottom:5px;}
.plan .price h3 {
  font-size: 42px;
  color: #5cb85c;
  vertical-align: top;
  line-height: 1;
}
.plan .price h4 {
  color: #aaa;
  font-size: 14px;
}
.plan .price h3 span {
  font-size: 14px;
   color: #aaa;
  vertical-align: top;
  position: relative;
  margin: 6px 0 0 -7px;
  display: inline-block;
}
.offer .table tr td{border-top:0px;}
  .offer .table th{ font-weight: normal;border-top: 0px;padding-top: 17px;}
  .offer .table tr{height:50px;}
  .offer .form-control{min-width: 47px;
  padding-left: 4px;
  padding-right: 4px;}
  .price .fa{color:#428bca;}
  .fa.free{color:#eee;}
  .account{background-color:#fff;  padding-bottom: 50px;}
  .account th{  color: #428bca;
  font-weight: normal;
  font-size: 18px;}
  .account p{font-size:small;}
  .account h2{padding-top:50px;}
  .getintouch h3{  border-top: 1px solid #2b3b4b;
  padding-top: 30px;}
  .getintouch  .fa.fa-circle:hover{color:#b3b3b3;}
  .feature-listing h2{
    color: #428bca;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: lighter;
  font-size:2.2em;}
#vid_button:hover i,#vid_button:hover span {cursor:pointer; color:#428bca;}
#extbtn {margin-top:5px; margin-bottom:30px;}
.references .origtext {display:none;color:#787878;font-size:11px;line-height:1;}
#monitor-image {background-repeat: no-repeat; background-size: 94%; background-position-y: 10%; background-position-x: center;}
#contact-submit-button {margin-bottom:20px;}
.checkbox_label {font-weight:normal;}
.number-with-buttons div:hover {cursor:pointer;}
.number-with-buttons input {border-right:0;}
#currency_picker {float:right;clear:right;}
.pro-comm-table .th1 {width:70%;}
.pro-comm-table .th2 {width:30%;}
p.infop {font-size:14px;}
.homepage-quotes {position:absolute; bottom: 65px; width: 100%; height:145px;z-index: 2;}
#pricing_details_button {margin-bottom:40px;}