


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: 700;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {


  .featurette-heading {
    font-size: 50px;
  }
}




/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}



.section-padding {
padding-top: 40px;
padding-bottom: 40px;
}

.small-padding {
padding-top: 15px;
padding-bottom: 15px;
}

.grey-fill {
background-color: #ebebeb;
}

.dark-grey-fill {
background-color: #41403e;
}

.inner-shadow {
	-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.3);
}

.txt-darkgrey {
color: #41403e;
}

.txt-white {
color: #41403e;
}

.smaller {
	font-size: 80%;
}


.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left: 1px solid #d31346;
border-left-width: 5px;
border-radius: 3px;
}


ul li {
    /* Bullet color */
    color: #ff0000;
    list-style-type: square;
}

ul li span {
    /* Text color */
    color: #666;
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}


.hyperlink {
  color: #ff0000; /* The Fallback */
  color: rgba(252, 0, 0, 1); 
  text-decoration: none;
  border-bottom: 1px solid #990000;  /* The Fallback */
  border-bottom-color: rgba(153, 0, 0, 0.5);
}

.hyperlink:hover,
.hyperlink:focus {
  color: #ff0000; /* The Fallback */
  color: rgba(252, 0, 0, 0.8);
  text-decoration: none;
  border-bottom: 1px solid #990000;  /* The Fallback */
  border-bottom-color: rgba(153, 0, 0, 0.9);
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}