html, body {
  height: 100%;
  margin: 0;
}
body
    {
        background: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }
#faq .wrapper{
   min-height: 100%;
   margin-bottom:0px;
   background: #f2f2f2;
}
#lab .wrapper
{
    min-height: 90%;
    margin-bottom: -90px;
}

	
/* start h1 group */
h1 { 
    margin-top: 0;
    margin-bottom: 25px; 
}
h1,
h2,
h3,
h4
{
    font-weight: bold;
}
/* end h1 group */
p { line-height: 1.6em; }
/* img */
/* img */
a, a:active, a:focus, a:hover,.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
outline: none;
}
.clear
{
    clear:both;
} 
.table {
        display: table;
        width: 100%;
}
.table-row {
        display: table-row;
}
.table-cell {
        display: table-cell;
        vertical-align:middle;
}
/* img */

img
{
    max-width: 100%;
    height: auto;
}
/* img */


/* start page container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
/* end page container */

header .logo
{
    /*padding:20px 0 0;*/
}

/* start navigation */
.navbar-default
    {
        background: #fff;
        border: none;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
        margin: 0!important;
    }
.navbar-default .navbar-brand
    {
        color: #28a7e9;
        font-size: 30px;
        font-weight: bold;
        height: 70px;
        line-height: 35px;
    }
.navbar-default .nav li a
    {
        color: #666;
        font-size: 16px;
        height: 70px;
        line-height: 40px;
        font-weight:300;
        text-transform:capitalize;
    }
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.current
    {
        color: #ffffff;
        background:#f20000;
    }

.navbar-default .navbar-toggle
    {
        border: none;
        padding-top: 20px;
    }
.navbar-default .navbar-toggle .icon-bar
    {
        background: #28a7e9;
        border-color: transparent;
    }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent }
/* end navigation */

/* start home */       
#home .banner
    {
    background: url('../jpg/home-bg.jpg') no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    width: 100%;
    }
#home .home-banner {
    padding-top: 40px;
    padding-bottom: 20px;
}
#home .banner iframe
{
    margin: 0 0 30px;
}
#more-videos .video, #home .video
{
    cursor:pointer;
    background: #0b1f2c;
}
#home .banner .embed-responsive-item
{
    height:94%;
}
#home  .banner p
    {
        font-weight: 400;
        font-style: italic;
        line-height: 2em;
    }
#home .banner img, #more-videos .banner img
    {
        display: inline-block;
        margin:30px 0;
    }
#more-videos .banner img
    {
        display: inline-block;
        margin:30px 0 30px;
    }
#more-videos .banner
{
    background: url('../jpg/more-videos-bg.jpg') no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
    width: 100%;
    padding-bottom:30px;
}
#more-videos .banner h1 {
    margin-bottom: 5px;
    margin-top: 30px;
    text-transform: uppercase;
}
#more-videos .banner .more-videos-title
{
    font-size:36px;
    font-weight:bold;
}
#more-videos .recommends
{
    background:#ffffff;
}
.more-videos-content 
{
    padding:80px 0;
    background:#f2f2f2;
}
.more-videos-content object
{
    max-width:250px;
    min-height:140px;
}
.more-videos-content .view-more-videos .btn, .more-videos-content .view-more-pdf .btn
{
    padding:15px 40px;
    border:1px solid #3b3a3b;
    font-size:26px;
    font-weight:400;
    color:#3b3a3b;
    text-transform:uppercase;
}
.more-videos-content .view-more-videos .btn
{
    margin-top:30px;
}

.more-videos-content .view-more-videos .btn:hover, .more-videos-content .view-more-pdf .btn:hover
{
    background:#ffffff;
}


.more-videos-content .view-more-videos .youtubeplay, .more-videos-content .view-more-pdf a
{
    padding-bottom:25px;
}
.more-videos-content .view-more-videos a:hover, .more-videos-content .view-more-pdf a:hover
{
    text-decoration:none;
   /* border:1px solid #3d3d3d;*/
}
.more-videos-content .view-more-videos span, .more-videos-content .view-more-pdf span
{
    display:block;
    padding-left:20px;
    font-size:22px;
    color:#3d3d3d;
}


/* end home */

.feature-form
{
    padding:20px 0 40px;
}
.feature-form h1{text-align: center;}
.feature-form p
{
    font-size:23px;
    color:#ff0000;
    font-weight:500;
    margin-top:40px;
    text-align:center;
}
.feature-form p span
{
    color:#3c3c3c; 
    font-weight:100;
}
.feature-form input
{
    padding:0 10px;
    height:45px;
    width:100%;
    margin-top:20px;
}
.feature-form input::placeholder {
   color:#9f9f9f;
   font-style:italic;
}
.feature-form button
{
    width:100%;
    padding:0 10px;
    height:50px;
    margin:20px 0 10px;
    background:#ff0000;
    border-radius:0;
    font-size:26px;
    color:#ffffff;
}
.feature-form button:hover
{
    background:#ff3939;
    color:#ffffff;
}


.feature-form form span
{
   color:#9f9f9f;
   font-size:12px;
   font-weight:100;
   font-style:italic;
}
.recommends
{
    background:#f2f2f2;
    padding:40px 0;
}
.recommends h2
{
    margin:0 0 30px;
}

.recommends p
{
    margin:10px 0 0;
    color:#9f9f9f;
    font-size:20px;
    font-weight:300;
    font-style:italic;
    text-align:center;
}

.faq-content, .lab-content
{
    padding:50px 0 40px;
    background:#f2f2f2;
}

.faq-content-qa
{
    padding-bottom:20px;
}

.faq-content  .faq-content-qa .question
{
    font-size:18px;
    font-weight:600;
    margin-bottom: 5px;
    padding-bottom: 0;
    color:#14161a;
}

.faq-content  .faq-content-qa .answer, .lab-content p
{
    font-size:18px;
    font-weight:300;
    margin-bottom:15px;
    padding-bottom: 0;
}

#lab{
    background:#f2f2f2;
}

.video-list h4 {
    font-size: 15px;
}

.video-list .bdr-line a img
{
    padding-left:10px;
}
.video-list .bdr-line a
{
    font-weight:500;
    color:#ffffff;
    padding:0;
    border:1px solid #ffffff;
}
.video-list a:hover
{
    text-decoration:none;
}
.video-list a .table-cell:first-child
{
    width:18%;
}
.video-list a .table-cell:last-child
{
    padding-left:15px;
    text-align:left;
}
.bdr-line
{
   
    margin-bottom:20px;
}

.view-more-pdf img {
    max-width: none;
}

.more-videos-content .view-more-pdf span {
    font-size: 15px;
}

/* start footer */
.footer
{
    background: #aeaeae;
    font-weight: 400;
    text-align: center;
    padding: 20px;
    color:#ffffff;
    height:90px;
}
.footer-menu
{
    margin-right:0px;
    padding-right:0px;
    text-align:right;
}
.footer-social
{
    margin-left:0px;
    padding-left:0px;
    text-align:left;
}
.footer-menu li, .footer-social li
{
    display:inline-block;
}
.footer-menu li a
{
    color:#ffffff;
}
.social
{
    background:#ffffff;
    border-radius:15px;
    margin-left:5px;
}
.social a:hover{text-decoration:none}
.social i{color:#000000;text-align:center;line-height:25px;font-size:14px;width:25px !important;height:25px;display:block;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

#messageDiv { display: none; }
p.green-color { color: green; }

p.green-color + p { margin-top: 10px; }

/* end footer */
@media screen and ( max-width: 1280px ) 
    {
        #faq .wrapper
        {
            margin-bottom:0 !important;
        }
    }
@media screen and ( max-width: 991px ) {
    .home-banner .video-list {
        margin-top: 20px;
    }
    .footer
    {
        height:auto;
    }
}
@media screen and ( max-width: 768px ) {
    .navbar-default .nav li a {
        height: auto;
        line-height: 2em;
    }
    #home .banner iframe
    {
        margin:15px 0 30px;
    }
    .more-videos-content .view-more-videos span, .more-videos-content .view-more-pdf span
    {
        display:block;
        padding-left:20px;
        font-size:16px;
        color:#3d3d3d;
    }    
    .footer-menu, .footer-social
    {
        text-align:center;
    }
    .view-more-pdf
    {
        margin-top:20px;
    }
    #lab .wrapper, #faq .wrapper    
    {
        margin-bottom:0;
    }
   
}
@media screen and ( max-width: 480px ){
    .more-videos-content .view-more-videos .table-cell
    {
        display: block;
        padding-bottom: 10px;
        text-align: center;
    }
    .more-videos-content .view-more-pdf .table-cell
    {
        display:inline-block;
        padding-bottom: 10px;
        text-align: center;
    }
}

label.error {
	color: #ff0000;
	font-weight: normal;
}