/*
 * 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: -75%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 25%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 6 columns */
  }
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.text-blue{color:#0070c0 !important}
.text-red{color:#c00000 !important}
.side-menu {
    float: left;
    height: auto;
    margin:0px;
    padding-left: -15px;
    width: 100%;
}
.side-menu ul {
    float: left;
    margin: 6px 0 6px 6px;
    padding: 0;
}
.side-menu ul li {
    float: left;
    height: auto;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0;
    width: 100%;
}
.side-menu ul li a {
    background:#0070c0;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
	border-radius:5px;
}
.side-menu ul li a:hover {
    background:#c00000;
    background-repeat: no-repeat;
    color: #ffffff;
    float: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}
.side-menu ul li .active {
    background:#c00000;
    background-repeat: no-repeat;
    color: #ffffff;
    float: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
}
#top-link-block i{font-size:20px}

.panel-main {
    border-color: #09F;
}
.panel-main > .panel-heading {
    background-color: #0CF;
    border-color: #09F;
    color: #fff;
}
.panel-main > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #09F;
}
.panel-main > .panel-heading .badge {
    background-color: #0CF;
    color: #d9edf7;
}
.panel-main > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #09F;
}

.green-tick{list-style:none;padding-left:38px}
.green-tick li:before{content:'\f00c';font-family:FontAwesome;color:#090;font-size:16px;font-weight:bold;margin-left:-37px;margin-right:20px}
.green-tick li{margin-bottom:10px}

/*faq*/
.custom-ul{list-style:none;padding-left:38px}
.custom-ul .qu:before{content: "Q - " attr(data-task-owner) ;margin-left:-50px;margin-right:20px;color:#c00000}
.custom-ul .qu:after{content:'\f103';font-family:FontAwesome; margin-left:10px;color:#c00000;float:right}
.custom-ul .qu{margin-bottom:5px;font-weight:bold;cursor:pointer;padding:10px 5px;color:#0070c0}
.custom-ul .an:before{content: "Ans - " attr(data-task-owner);margin-left:-50px;margin-right:10px;font-weight:bold;color:#c00000}
.custom-ul .an{margin-bottom:10px;display:none;padding:10px 5px;text-align:justify;border-top:1pt soild #dadada}

.steps{list-style:none}
.steps .step{position:relative;margin-bottom:15px}
.steps .number{position:absolute;background:#0070c0;border:3pt solid #fff;color:#fff;padding:20px 40px;display:table-cell;vertical-align:middle;border-radius:100%;top:0%;left:33%;text-align:center;font-size:50px;font-weight:bold}
.steps .contain{background:#c00000;border:1pt solid #dadada; padding:15px;display:table;margin-top:60px}
.steps .heading{box-shadow:0pt 0pt 2pt 2pt #ccc;background:#fff;padding:5px;margin:15px auto}
.steps .detail{color:#fff}