body {
  padding-top:50px;
}

.redtext{
  color:#b20000;
}
img {
	max-width: 200px;
}
.navbar {
  border-radius: 0;
}

.navbar-brand  img{
  margin-top: -6px;
}

.navbar-default
.navbar-nav>li>a {
  color: #386c92;
  color: #4484b2;
}

.navbar-default 
.navbar-nav>li>a:focus
{
  color: #386c92;
  color: #4484b2;
}

.navbar-default
.navbar-nav>li>a:hover {
  color: #558fb9;
  color: #6398bf;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  color: #558fb9;
  color: #6398bf;
  color: #4484b2; 
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #558fb9;
  color: #386c92;
  color: #4484b2;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #386c92;
  color: #558fb9;
  color: #6398bf;
}


.jumbotron {
  color: #ffffff;
  /*
  background-color: #6AC3E1;
  background-image: url("../images/zilchworks-oz-full-sky.jpgZ");
  */
  background-color: #4484B2;
  background-size: cover;
  background-repeat: no-repeat;
  /*
  min-height: 640px;
  max-height: 640px;
  */
}

.jumbotron-btn{
  border-color: #000;
}

.jumbotron h2 {
  font-weight: 500;
}

.jumbotron ul {
  list-style-position: outside;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron.howto {
  min-height : 240px;
}


.jumbotron .jumbotron-btn {
  margin-top:16px;
  margin-bottom:16px;
}

.product-btn {
  margin-top:4px;
  margin-bottom:4px;
  border: 2px solid #404040;
}

.product-btn.active, 
.product-btn.focus, 
.product-btn:active, 
.product-btn:focus, 
.product-btn:hover {
  border: 2px solid #404040;
}

h2.main-title {
  margin-top: 0px;
}

footer {
  font-size: .85em;
}


.cart {
 margin-bottom: 18px;
}

.cart a {
font-size: 1.2em;
font-weight: 600;
}

blockquote {
  background-color: #d9edf7;
  border-left: 5px solid #4484b2;
}


blockquote h3 {
 color : #4484b2;
 margin: 24px auto;

}

blockquote p {
  font-size: 14px;
}

blockquote small {
  font-size: 12px;
}

.whyzilch h2.panel-title {
  font-weight: 600;
}

.why-zilchworks h2.panel-title {
  font-weight: 700;
}

.why-zilchworks div.panel-body p {
  font-size: 16px;
}


.btn-zw {
    color: #fff;
    background-color: #5bc0de;
    background-color: #4484b2;
    background-color: #5995c0;
    border-color: #46b8da;
    border-color: #3f7ba6;
    border-color: #4689b9;
}


.btn-zw.active, 
.btn-zw.focus, 
.btn-zw:active, 
.btn-zw:focus, 
.btn-zw:hover {
    color: #fff;
    background-color: #31b0d5;
    background-color: #386e94;
    background-color: #3f7ba6;
    background-color: #4484b2;
    border-color: #269abc;
    border-color: #316081;
    border-color: #386e94;
    border-color: #3f7ba6;
}


.btn-adjust {
  margin-bottom:-16px;
}

.transcript {
  margin: 24px 5% 36px 5%;
}

section {
padding-top:70px;
margin-top:-70px;
margin-bottom:48px;
}

.table-borderless .table {
    border-bottom:0px !important;
}
.table-borderless .table th, .table-borderless .table td {
    border: 1px !important;
}
.table-borderless .fixed-table-container {
    border:0px !important;
}


.btn-orange {
    color: #fff;
    background-color: #F57C00;
    border-color: #E65100;
}


.btn-orange.active, 
.btn-orange.focus, 
.btn-orange:active, 
.btn-orange:focus, 
.btn-orange:hover {
    color: #fff;
    background-color: #EF6C00;
    border-color: #E65100;
}


.btn-purple {
    color: #fff;
    background-color: #8E44AD;
    border-color: #7D3C98;
}


.btn-purple.active, 
.btn-purple.focus, 
.btn-purple:active, 
.btn-purple:focus, 
.btn-purple:hover {
    color: #fff;
    background-color: #6C3483;
    border-color: #7D3C98;
}



@media screen and (min-width: 540px){
  .btn-break {
    display:none;
  }
}

@media screen and (min-width: 768px){
  .jumbotron {
    padding: 30px 0;
  }
}

h3.cardcalc {
  font-weight: 700;
}
p.cardcalc {
  margin-top: 18px;
  margin-right: 30%;
  margin-bottom: 24px;
  margin-left: 0px;
  font-size: 16px;
  font-weight: 600;
}



.nav>li>a {
  padding: 15px 10px;
}

  p.myzilch {
    /* background-color: #EF6C00; */
    margin-left:15%;
    margin-right:15%;
  }

@media screen and (max-width: 767px){
  img.media-object.small-hide {
    display:none;
  }
  p.cardcalc {
    margin-right:0px;
  }

  p.myzilch {
    /* background-color: #6C3483; */
    margin-left:0;
    margin-right:0;
  }
  
  div.myzilch-left {
    text-align: left;	  
  }
}

.myzilch-error {
	color:#c90000;
	display: none;
}

@media screen and (min-width: 991px){
  p.myzilch {
    /* background-color: #4484B2; */
	margin-left:23%;
    margin-right:23%;
  }
}

/* myzapp share */
.myzapp-share {
  text-align: center;
  margin-top: 18px; 
  margin-top: 18px; 
}

.myzapp-button {
  padding: 4px 10px;
  font-size:     13px;
  border-radius: 4px;
  line-height:   1.4;
  margin-top:    -9px;
  margin-bottom: 2px;
}



/* sitemap style footer */
footer.zw-footer {
  background: #4484B2;
  border-top: 4px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-family: "Segoe UI", tahoma, arial, helvetica;
  font-size: 16px;
}

footer.zw-footer .about {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 1170px;
}

footer.zw-footer h2{
  font-size: 24px;
  color: #fff;
}

footer.zw-footer .about p {
  margin-top: 30px; 
}

footer.zw-footer .about .social-media {
  margin-top: 15px; 
}

footer.zw-footer .about .social-media ul li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  font-size: 16px;
  color: #2C5572;
  border: 1px solid rgba(255, 255, 255, 0.3); 
  background: #498DBF;
  text-align: center;

}

footer.zw-footer .about .social-media ul li a:hover {
  background: #3A7198;
  color: #fff;
  border-color: #2C5572; 
  text-align: center;
}

footer.zw-footer .footer-info-single {
  margin-top: 30px; 
}

footer.zw-footer .footer-info-single .title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
 /*border-left: 4px solid #2C5572;*/
 /* padding-left: 5px; */
}

footer.zw-footer .footer-info-single ul li a {
  display: block;
  color: #fff;
  padding: 2px 0; 
}

footer.zw-footer .footer-info-single ul li a:hover {
  color: #3A7198;
  color: #61BDFE;

}

footer.zw-footer .footer-info-single p {
  font-size: 13px;
  line-height: 20px;
  color: #fff; 
}

footer.zw-footer .copyright {
  margin-top: 15px;
  background: #2C5572;
  padding: 7px 0;
  color: #e7e7e7; 
}

footer.zw-footer .copyright p {
  margin: 0;
  padding: 0; 
}

section.copyright {
margin-bottom: 0px;
}

a.zw-footer-link {
  color:#fff;
} 

.zw-footer-link:hover {
  color:#61BDFE;
} 

@media print {
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }

    body.modal-open .modal .modal-header,
    body.modal-open .modal .modal-body {
        visibility: visible; /* make visible modal body and header */
    }
}
.h496{
  min-height: 496px;
  max-height: 496px;
}
.jumbotron h6,
.jumbotron .h6 {
  font-size: 32px;
  font-weight:700;
}

@media screen and (min-width: 768px) {
  .jumbotron h6,
  .jumbotron .h6 {
    font-size: 48px;
  }
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -5%);
    width: 100%;
    height: 100%;
    max-height: 423px;
    max-width: 752px;
    max-width: 640px;
    max-height: 360px;
    border: 0;
 }
 
 
 #cookie-consent-banner {
   position: fixed;
   bottom: 0;
   width: 100%;
   background-color: #333;
   color: #fff;
   text-align: center;
   padding: 10px;
   z-index: 1000;
 }
 
 #cookie-consent-banner button {
   margin: 0 5px;
   padding: 5px 10px;
   background-color: #007bff;
   color: white;
   border: none;
   cursor: pointer;
 }
 
 #cookie-consent-banner button:hover {
   background-color: #0056b3;
}

/* Final "Buy Now" button styles for navbar */
.navbar .navbar-nav > li > .btn-success {
  color: #fff !important;
  font-weight: bold;
  padding: 6px 8px;          /* trim vertical/horizontal space */
  font-size: 13px;            /* match navbar link size */
  line-height: 1.42857143;    /* align vertically with nav links */
  margin-top: 8px;            /* align with top of nav bar */
  margin-left: 10px;          /* space between "Try" and button */
  border-radius: 4px;         /* Bootstrap default button shape */
  background-color: #5cb85c;  /* base green */
  border-color: #4cae4c;
}

/* Maintain green-on-white hover behavior */
.navbar .navbar-nav > li > .btn-success:hover,
.navbar .navbar-nav > li > .btn-success:focus {
  background-color: #4cae4c !important; /* darker green on hover */
  color: #fff !important;
  border-color: #398439 !important;
}

.navbar-collapse .btn-success {
  display: inline-block;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 15px; /* optional spacing */
}