VubeTube

VubeTube 'YouTube' Blogger Template

| Creator: Weblyb
| Platform: Blogger

Layout
- Full Responsive Theme
- 2 Columns: Left Post, Right Sidebar
- Footer Widget

Navigation
- Menu Dropdown
- Social Bookmark

Home
- Gallery Video Post
- 3 Columns Post
- Automatic Video Thumbnails

Post
- YouTube and Dailymotion Support
- Related Video

Widget
- Search

Original Redesign

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
    <b:if cond='data:blog.pageType == "index"'>
    </b:if>
    <b:if cond='data:blog.pageType == "index"'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
      </title>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
     
    <meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
    <b:if cond='data:blog.pageType == "item"'>
      <meta expr:content='data:blog.pageName' property='og:title'/>
      <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
      <meta content='Site Name' property='og:site_name'/>
      <meta content='article' property='og:type'/>
      <b:else/>
      <meta expr:content='data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.canonicalHomepageUrl' property='og:url'/>
      <meta content='Site Name' property='og:site_name'/>
      <meta content='blog' property='og:type'/>
    </b:if>
    <meta expr:content='"en_US"' property='og:locale'/>
    
    <link href='http://fonts.googleapis.com/css?family=Fauna+One|Roboto' rel='stylesheet' type='text/css'/>
    <b:skin><![CDATA[
      
/*
-----------------------------------------------
Blogger Template Style
-----------------------------------------------
Name           : Vubetube Basic Blogger Template
Author         : Weblogtemplates
Author  URL    : http://www.weblogtemplates.net/
Download       : http://www.weblogtemplates.net/2014/02/vubetube-responsive-video-blogger.html
Date           : February, 2014
-----------------------------------------------
License:
This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe{display:none;}*{padding:0;margin:0}
body#layout #feature  {display:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body, .body-fauxcolumn-outer {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins  {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 1; }
td, th {
padding:5px;
}
body, .body-fauxcolumn-outer {background: #F3F3F3; font: normal 12px 'Open Sans', Trebuchet MS, Sans-serif; color: #666666;}
body p {padding-bottom: 20px; line-height: 2em;}
#container {
margin-left: auto;
margin-right: auto;
background-color: #fff;
margin: 0 auto;
color: #444;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: normal;}
#content{width:712px;padding:20px 0px 10px 0px;float:left;display:inline; margin-top:-10px;}
#content-wide {clear: both; width: 1060px; padding: 10px 0px;}
#aside {display: inline; float: right; width: 336px; color: #ccc; padding: 10px 0px;}
#footer {clear: both; overflow: hidden; background: #dfdfdf; font-size: 12px;}
.shadow {}
.radius {-webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}
a {color:#464646; text-decoration: none;}
a:hover {color: #333;}
#header-wrapper {padding: 35px 0;min-height: 100px;}
#header {margin-top:-15px;}
#header h1 {
color:#666666;
text-shadow:2px 2px 2px #FFFFFF;
letter-spacing:-2px;
}
#header a {
text-decoration:none;
color:#666666;
}
#header a:hover {
text-decoration:none;
color:#666666;
}
#header .description {
margin:-3px 5px 5px;
line-height: 1.4em;
color: #888888;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
.date-header{display:none;}
.post {
color: #666666;
overflow: hidden;
font-family:  'Roboto', sans-serif;
line-height: 2em;
margin-bottom: 10px;
}
.post-outer{
font-family: 'Roboto', sans-serif;
line-height: 2em;
margin-bottom: 10px;
border: 1px solid #ddd;
padding: 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
box-shadow: 1px 1px 2px 0 #d0d0d0;
}
.post .post-text {padding-bottom: 5px; clear: both; overflow: hidden;}
.post h2.post-title { font-weight: bold;font-family: 'Roboto', sans-serif;letter-spacing:-1px;margin-top:0px;}
.post h2 a { font-weight: bold;font-family: 'Roboto', sans-serif;color: #353737; letter-spacing:-1px;}
.post h2 a:hover {color: #666;text-decoration: none;}
.post ul.post-meta {color: #6b6969; clear: both; border-top: 1px solid #222020; border-bottom: 1px solid #222020; overflow: hidden; font-size: 12px; font-style: italic; padding: 5px 0px; list-style: none;}
.post ul.post-meta li {padding-right: 20px; float: left;}
.post ul.post-meta a {color: #0b6e69;}
.post .post-comment {display: inline; background: url('http://1.bp.blogspot.com/_MkGBVwDEF84/TGedevmtX_I/AAAAAAAAEZY/I5fmryAKyP8/s1600/post_comment.jpg') no-repeat center; width: 33px; text-align: center; padding: 5px 0px 10px 0px; margin-top: 10px; float: right;}
.post h2, .post h3 {padding: 10px 0px; font-weight: normal; color: #666;}
.post h4, .post h5, .post h6 {padding: 10px 0px; font-size: 14px; font-weight: normal; color: #666;}
.post blockquote {display: block; margin: 20px; padding: 0px 30px; background: url('http://4.bp.blogspot.com/_MkGBVwDEF84/TGedm_t7vJI/AAAAAAAAEZg/XJvOgN1hRuI/s1600/blockquote.png') no-repeat top left; font-style: italic; color: #999;}
.left{padding:20px 25px 0px 0px;width:300px;float:right;}
.sidebar h2{padding: 10px;
color: #222222;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 6px;
text-transform: uppercase;
border-bottom: 1px solid #D3D3D3;
margin:0 !important;
}
.sidebar .widget{color: #808080;
margin: 0px 0px 10px 0px;
padding-bottom: 10px;
overflow: hidden;
display: block;
margin-bottom: auto;
line-height: 1.428571429;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
box-shadow: 1px 1px 2px 0 #d0d0d0;
border: 1px solid #ddd;
margin-bottom: 20px;}
.sidebar .widget-content {padding:10px;margin:0;font-size:12px;color:#808080;}
.sidebar ul {list-style-type: none;margin: 0 ;padding: 0;font-family: 'Roboto', sans-serif;}
.sidebar ul a {color:#333;}
.sidebar ul a:hover {color:#666666;}
.sidebar li{list-style-type: none;margin: 0 ;padding: 0;}
.sidebar ul li {height:100%;line-height:22px;float: left; clear: left;
list-style-type: none;overflow:hidden;color:#808080;}
.sidebar ul li  {text-decoration: none;padding: 0px 0px 0px 10px;display:block;
border-bottom:1px solid #f9f9f9;}
.sidebar a:hover {color: #D14F00;}
/* COMMENT */
#comments{line-height: 2em;
margin-bottom: 10px;
border: 1px solid #ddd;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
-moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
box-shadow: 1px 1px 2px 0 #d0d0d0;
margin-top: 10px;}
#comments h4 {font-size:16px;font-family:'Open Sans' sans-serif;color:#333;font-weight:bold;
padding:10px 10px ; padding-left:20px; margin-top:10px;}
#comments-block {line-height:1.6em;margin:1em 0 1.5em;color:#7F7D77;}
#comments-block .comment-author {background:#dfdfdf none repeat scroll 0 0;border:1px solid #eaeaea;margin:0.5em 0;padding-bottom:4px;padding-left:8px;padding-top:4px;font-weight:bold;}
#comments-block .comment-body {background:#fff; border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-top:-8px;padding-left:10px;padding-top:10px;}
#comments-block .comment-footer {background:#fff;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;font-size:11px;line-height:1.4em;margin:-0.25em 0 2em;padding-bottom:5px;padding-left:10px;text-transform:none;}
#comments-block .comment-body p {margin:0;padding-bottom:15px;}
#comment-holder{padding: 10px 15px;}
.comments .comment-block, .comments .comment-thread.inline-thread .comment {
background: #fff;
}
#comments h4, .comments .comment-header, .comments .comment-thread.inline-thread .comment {
position: relative;
}
.comments .comments-content .icon.blog-author {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kUKEiU0Ji5tYA5d8l3GPV0zb3Jd1uRKzJ4v_NCtD-BS8j8rU29rMSh9RgOYLcHwa88vccYzcBKv9PE439Q71qvwfk05k4T-gvUF4js6q5cIXxCO_5p6S430xTrwPjddmo6fX5gQUVx8/);
width: 36px;
height: 36px;
}
.comments .comment-replybox-thread{margin-top: 5px;}
.comment-form{max-width:100%;}
.comments .comments-content .comment-header, .comments .comments-content .comment-content{margin: 0 0 8px;
margin: 0 0 8px;
border: 1px solid #ddd;
padding: 10px;
background: whitesmoke;
border-top: 10px solid #ddd;
}
.comments .comments-content .comment-thread ol{margin:0 0 10px 0px !important;}
.comments .comments-content .icon.blog-author {top: -2px;right: -2px;}
.comments .comments-content .comment-thread{margin: 0 !important;}
.comments .comments-content .inline-thread {padding: 0 !important;padding-left: 12px !important;}
.comments .comment .comment-actions a {
padding-right: 5px;
padding-top: 5px;
margin-right: 10px;
color: #fff;
padding: 5px 10px;
background-color: #2c3e50;
border-color: #202d3b;
}
/* Feeds*/
.blog-feeds{display:none;}
/* IMAGES */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 10px 20px;}
img.alignleft {display: inline; margin: 0px 20px 10px 0px;}
.alignleft {float: left;}
.alignright {float: right;}
.post-footer-line-1{display:none;}
#comments-block .avatar-image-container img {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmBvJEzNVRg_ebEC3FRuoEIQ7JpKWZLsZepEn3aJRPssaaahByriSNrivuZkpMP9yKtw4Zi600-L3v3TGbymMML_fqfZGrmKzERyQqhS3mmkxqoOYUWhUsHUDHIkI6dcHGbkXbtE_hHJWE/s1600/gravatar.png) no-repeat left top;
width:32px;
height:32px
}
p.footer-link{
clear: both;
text-align: center;
font-size: 11px;
padding: 12px;
overflow: hidden;
color: #F9F9F9;
background: #232627;
line-height: 18px;
}
.post-header{border: 1px solid #d2d2d2;
margin-bottom: 20px;
margin-top: 10px;
background: #eee;
padding: 5px 10px;}
#related-posts li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px;}
#related-posts li { display: block; float: left; margin-left: 15px; width: 47%; }
#related-posts {margin: 20px 0;
font-size: 14px;
line-height: 20px;}
#related-posts h3{margin: 10px 0px!important;
padding: 15px 15px!important;
font-size: 15px;
font-weight: 700;
line-height: 14px;
text-transform: capitalize;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
z-index: 2;
background: #363636;
color: #fff;
position: relative;}
#related-posts img {
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
opacity: 1;
}
#related-posts a {
border:1px solid #ddd;
margin:2px;
padding: 6px;
text-align: center;
}
.imgpost{
width:145px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal;font-size: 14px; line-height: 25px; font-size-adjust: none; font-stretch: normal;
}
.status-msg-body {position:relative !important}
.CSS_LIGHTBOX { z-index: 9999 !important; }
.boxframe {
position: relative;
background: #fff;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 5px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 5px rgba(0,0,0,0.1);
box-shadow: 0 0 3px rgba(0,0,0,0.1),inset 0 0 5px rgba(0,0,0,0.1);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.boxframe:before,.boxframe:after {
content: "";
position: absolute;
height: 1px;
background: #fff;
border: 1px solid #bbb;
border-top: 0;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.boxframe:before {
bottom: -3px;
left: 3px;
right: 3px;
}
.boxframe:after {
left: 6px;
right: 6px;
bottom: -5px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#footer a {color:#fff;}
.rmlink{float:right !important;}
.rmlink a {color:#fff !important;}
.jump-link{display:none;}
.label-size{margin:6px 0;}
#postsocial{border: 1px solid #ddd;
min-width: 55px;
width: auto;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 1px 0 5px rgba(0,0,0,.1);
-moz-box-shadow: 1px 0 5px rgba(0,0,0,.1);
box-shadow: 1px 0 5px rgba(0,0,0,.1);
padding: 5px;
font: 10px/16px Arial;
background: padding-box #fff;
position: absolute;
margin-left: -94px;
top: 150px;
}
#postsocial.fixed {
position: fixed;
top: 150px;
}
.postsocialbtn{width: auto;
height: auto;
line-height: 0;
padding: 4px 1px;text-align: center;}
.post-feeds{display:none;}
#main{
}
.jqmaintitle{
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-decoration: none;
line-height: 18px;
margin: 0px 20px 30px 20px;
float: left;
height: 38px;}
.jqmaintitle a{
color:#4B4B4A !important;
}
.main-top-nav{border-radius: 0px !important;}
.titlewrapper h1{
color: #fff;
font-size: 24px;
margin-top: 15px;
margin-bottom: -13px;
}
.email-well{padding: 10px 20px;}

]]></b:skin>
    <style>
      .collapse {
        display: none;
      }
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      nav,
      section,
      summary {
        display: block;
      }
      audio,
      canvas,
      video {
        display: inline-block;
      }
      audio:not([controls]) {
        display: none;
        height: 0;
      }
      [hidden],
      template {
        display: none;
      }
      html {
        font-family: 'Roboto', sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      body {
        margin: 0;
      }
      a {
        background: transparent;
      }
      a:focus {
        outline: thin dotted;
      }
      a:active,
      a:hover {
        outline: 0;
      }
      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }
      abbr[title] {
        border-bottom: 1px dotted;
      }
      b,
      strong {
        font-weight: bold;
      }
      dfn {
        font-style: italic;
      }
      hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
      }
      mark {
        background: #ff0;
        color: #000;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: monospace, serif;
        font-size: 1em;
      }
      pre {
        white-space: pre-wrap;
      }
      q {
        quotes: "\201C" "\201D" "\2018" "\2019";
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }
      sup {
        top: -0.5em;
      }
      sub {
        bottom: -0.25em;
      }
      img {
        border: 0;
      }
      svg:not(:root) {
        overflow: hidden;
      }
      figure {
        margin: 0;
      }
      fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
      }
      legend {
        border: 0;
        padding: 0;
      }
      button,
      input,
      select,
      textarea {
        font-family: inherit;
        font-size: 100%;
        margin: 0;
      }
      button,
      input {
        line-height: normal;
      }
      button,
      select {
        text-transform: none;
      }
      button,
      html input[type="button"],
      input[type="reset"],
      input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
      }
      button[disabled],
      html input[disabled] {
        cursor: default;
      }
      input[type="checkbox"],
      input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
      }
      input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
      }
      input[type="search"]::-webkit-search-cancel-button,
      input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      button::-moz-focus-inner,
      input::-moz-focus-inner {
        border: 0;
        padding: 0;
      }
      textarea {
        overflow: auto;
        vertical-align: top;
      }
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      @media print {
        * {
          text-shadow: none !important;
          color: #000 !important;
          background: transparent !important;
          box-shadow: none !important;
        }
        a,
        a:visited {
          text-decoration: underline;
        }
        a[href]:after {
          content: " (" attr(href) ")";
        }
        abbr[title]:after {
          content: " (" attr(title) ")";
        }
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
          content: "";
        }
        pre,
        blockquote {
          border: 1px solid #999;
          page-break-inside: avoid;
        }
        thead {
          display: table-header-group;
        }
        tr,
        img {
          page-break-inside: avoid;
        }
        img {
          max-width: 100% !important;
        }
        @page  {
          margin: 2cm .5cm;
        }
        p,
        h2,
        h3 {
          orphans: 3;
          widows: 3;
        }
        h2,
        h3 {
          page-break-after: avoid;
        }
        select {
          background: #fff !important;
        }
        .navbar {
          display: none;
        }
        .table td,
        .table th {
          background-color: #fff !important;
        }
        .btn > .caret,
        .dropup > .btn > .caret {
          border-top-color: #000 !important;
        }
        .label {
          border: 1px solid #000;
        }
        .table {
          border-collapse: collapse !important;
        }
        .table-bordered th,
        .table-bordered td {
          border: 1px solid #ddd !important;
        }
      }
      *,
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      html {
        font-size: 62.5%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }
      body {
        font-family: 'Roboto', sans-serif;;
        font-size: 14px;
        line-height: 1.428571429;
        color: #333333;
        background-color: #fff;
      }
      input,
      button,
      select,
      textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }
      a {
        color: #428bca;
        text-decoration: none;
      }
      a:hover,
      a:focus {
        color: #2a6496;
        text-decoration: underline;
      }
      a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      img {
        vertical-align: middle;
      }
      .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
      }
      .img-rounded {
        border-radius: 6px;
      }
      .img-thumbnail {
        padding: 4px;
        line-height: 1.428571429;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
      }
      .img-circle {
        border-radius: 50%;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6 {
        font-family: 'Roboto', sans-serif;;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
      }
      h1 small,
      h2 small,
      h3 small,
      h4 small,
      h5 small,
      h6 small,
      .h1 small,
      .h2 small,
      .h3 small,
      .h4 small,
      .h5 small,
      .h6 small,
      h1 .small,
      h2 .small,
      h3 .small,
      h4 .small,
      h5 .small,
      h6 .small,
      .h1 .small,
      .h2 .small,
      .h3 .small,
      .h4 .small,
      .h5 .small,
      .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
      }
      h1,
      h2,
      h3 {
        margin-top: 20px;
        margin-bottom: 10px;
      }
      h1 small,
      h2 small,
      h3 small,
      h1 .small,
      h2 .small,
      h3 .small {
        font-size: 65%;
      }
      h4,
      h5,
      h6 {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      h4 small,
      h5 small,
      h6 small,
      h4 .small,
      h5 .small,
      h6 .small {
        font-size: 75%;
      }
      h1,
      .h1 {
        font-size: 36px;
      }
      h2,
      .h2 {
        font-size: 30px;
      }
      h3,
      .h3 {
        font-size: 24px;
      }
      h4,
      .h4 {
        font-size: 18px;
      }
      h5,
      .h5 {
        font-size: 14px;
      }
      h6,
      .h6 {
        font-size: 12px;
      }
      p {
        margin: 0 0 10px;
      }
      .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 200;
        line-height: 1.4;
      }
      @media (min-width: 768px) {
        .lead {
          font-size: 21px;
        }
      }
      small,
      .small {
        font-size: 85%;
      }
      cite {
        font-style: normal;
      }
      .text-muted {
        color: #999999;
      }
      .text-primary {
        color: #428bca;
      }
      .text-primary:hover {
        color: #3071a9;
      }
      .text-warning {
        color: #8a6d3b;
      }
      .text-warning:hover {
        color: #66512c;
      }
      .text-danger {
        color: #a94442;
      }
      .text-danger:hover {
        color: #843534;
      }
      .text-success {
        color: #3c763d;
      }
      .text-success:hover {
        color: #2b542c;
      }
      .text-info {
        color: #31708f;
      }
      .text-info:hover {
        color: #245269;
      }
      .text-left {
        text-align: left;
      }
      .text-right {
        text-align: right;
      }
      .text-center {
        text-align: center;
      }
      .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eeeeee;
      }
      ul,
      ol {
        margin-top: 0;
        margin-bottom: 10px;
      }
      ul ul,
      ol ul,
      ul ol,
      ol ol {
        margin-bottom: 0;
      }
      .list-unstyled {
        padding-left: 0;
        list-style: none;
      }
      .list-inline {
        padding-left: 0;
        list-style: none;
      }
      .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
      }
      .list-inline > li:first-child {
        padding-left: 0;
      }
      dl {
        margin-top: 0;
        margin-bottom: 20px;
      }
      dt,
      dd {
        line-height: 1.428571429;
      }
      dt {
        font-weight: bold;
      }
      dd {
        margin-left: 0;
      }
      @media (min-width: 768px) {
        .dl-horizontal dt {
          float: left;
          width: 160px;
          clear: left;
          text-align: right;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .dl-horizontal dd {
          margin-left: 180px;
        }
        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
          content: " ";
          display: table;
        }
        .dl-horizontal dd:after {
          clear: both;
        }
        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
          content: " ";
          display: table;
        }
        .dl-horizontal dd:after {
          clear: both;
        }
      }
      abbr[title],
      abbr[data-original-title] {
        cursor: help;
        border-bottom: 1px dotted #999999;
      }
      .initialism {
        font-size: 90%;
        text-transform: uppercase;
      }
      blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        border-left: 5px solid #eeeeee;
      }
      blockquote p {
        font-size: 17.5px;
        font-weight: 300;
        line-height: 1.25;
      }
      blockquote p:last-child {
        margin-bottom: 0;
      }
      blockquote small,
      blockquote .small {
        display: block;
        line-height: 1.428571429;
        color: #999999;
      }
      blockquote small:before,
      blockquote .small:before {
        content: '\2014 \00A0';
      }
      blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
      }
      blockquote.pull-right p,
      blockquote.pull-right small,
      blockquote.pull-right .small {
        text-align: right;
      }
      blockquote.pull-right small:before,
      blockquote.pull-right .small:before {
        content: '';
      }
      blockquote.pull-right small:after,
      blockquote.pull-right .small:after {
        content: '\00A0 \2014';
      }
      blockquote:before,
      blockquote:after {
        content: "";
      }
      address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.428571429;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
      }
      code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        white-space: nowrap;
        border-radius: 4px;
      }
      pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.428571429;
        word-break: break-all;
        word-wrap: break-word;
        color: #333333;
        background-color: #f5f5f5;
        border: 1px solid #cccccc;
        border-radius: 4px;
      }
      pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
      }
      .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
      }
      .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
      }
      .container:before,
      .container:after {
        content: " ";
        display: table;
      }
      .container:after {
        clear: both;
      }
      .container:before,
      .container:after {
        content: " ";
        display: table;
      }
      .container:after {
        clear: both;
      }
      @media (min-width: 768px) {
        .container {
          width: 750px;
        }
      }
      @media (min-width: 992px) {
        .container {
          width: 970px;
        }
      }
      @media (min-width: 1200px) {
        .container {
          width: 1170px;
        }
      }
      .row {
        margin-left: -15px;
        margin-right: -15px;
      }
      .row:before,
      .row:after {
        content: " ";
        display: table;
      }
      .row:after {
        clear: both;
      }
      .row:before,
      .row:after {
        content: " ";
        display: table;
      }
      .row:after {
        clear: both;
      }
      .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left;
      }
      .col-xs-12 {
        width: 100%;
      }
      .col-xs-11 {
        width: 91.66666666666666%;
      }
      .col-xs-10 {
        width: 83.33333333333334%;
      }
      .col-xs-9 {
        width: 75%;
      }
      .col-xs-8 {
        width: 66.66666666666666%;
      }
      .col-xs-7 {
        width: 58.333333333333336%;
      }
      .col-xs-6 {
        width: 50%;
      }
      .col-xs-5 {
        width: 41.66666666666667%;
      }
      .col-xs-4 {
        width: 33.33333333333333%;
      }
      .col-xs-3 {
        width: 25%;
      }
      .col-xs-2 {
        width: 16.666666666666664%;
      }
      .col-xs-1 {
        width: 8.333333333333332%;
      }
      .col-xs-pull-12 {
        right: 100%;
      }
      .col-xs-pull-11 {
        right: 91.66666666666666%;
      }
      .col-xs-pull-10 {
        right: 83.33333333333334%;
      }
      .col-xs-pull-9 {
        right: 75%;
      }
      .col-xs-pull-8 {
        right: 66.66666666666666%;
      }
      .col-xs-pull-7 {
        right: 58.333333333333336%;
      }
      .col-xs-pull-6 {
        right: 50%;
      }
      .col-xs-pull-5 {
        right: 41.66666666666667%;
      }
      .col-xs-pull-4 {
        right: 33.33333333333333%;
      }
      .col-xs-pull-3 {
        right: 25%;
      }
      .col-xs-pull-2 {
        right: 16.666666666666664%;
      }
      .col-xs-pull-1 {
        right: 8.333333333333332%;
      }
      .col-xs-pull-0 {
        right: 0%;
      }
      .col-xs-push-12 {
        left: 100%;
      }
      .col-xs-push-11 {
        left: 91.66666666666666%;
      }
      .col-xs-push-10 {
        left: 83.33333333333334%;
      }
      .col-xs-push-9 {
        left: 75%;
      }
      .col-xs-push-8 {
        left: 66.66666666666666%;
      }
      .col-xs-push-7 {
        left: 58.333333333333336%;
      }
      .col-xs-push-6 {
        left: 50%;
      }
      .col-xs-push-5 {
        left: 41.66666666666667%;
      }
      .col-xs-push-4 {
        left: 33.33333333333333%;
      }
      .col-xs-push-3 {
        left: 25%;
      }
      .col-xs-push-2 {
        left: 16.666666666666664%;
      }
      .col-xs-push-1 {
        left: 8.333333333333332%;
      }
      .col-xs-push-0 {
        left: 0%;
      }
      .col-xs-offset-12 {
        margin-left: 100%;
      }
      .col-xs-offset-11 {
        margin-left: 91.66666666666666%;
      }
      .col-xs-offset-10 {
        margin-left: 83.33333333333334%;
      }
      .col-xs-offset-9 {
        margin-left: 75%;
      }
      .col-xs-offset-8 {
        margin-left: 66.66666666666666%;
      }
      .col-xs-offset-7 {
        margin-left: 58.333333333333336%;
      }
      .col-xs-offset-6 {
        margin-left: 50%;
      }
      .col-xs-offset-5 {
        margin-left: 41.66666666666667%;
      }
      .col-xs-offset-4 {
        margin-left: 33.33333333333333%;
      }
      .col-xs-offset-3 {
        margin-left: 25%;
      }
      .col-xs-offset-2 {
        margin-left: 16.666666666666664%;
      }
      .col-xs-offset-1 {
        margin-left: 8.333333333333332%;
      }
      .col-xs-offset-0 {
        margin-left: 0%;
      }
      @media (min-width: 768px) {
        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
          float: left;
        }
        .col-sm-12 {
          width: 100%;
        }
        .col-sm-11 {
          width: 91.66666666666666%;
        }
        .col-sm-10 {
          width: 83.33333333333334%;
        }
        .col-sm-9 {
          width: 75%;
        }
        .col-sm-8 {
          width: 66.66666666666666%;
        }
        .col-sm-7 {
          width: 58.333333333333336%;
        }
        .col-sm-6 {
          width: 50%;
        }
        .col-sm-5 {
          width: 41.66666666666667%;
        }
        .col-sm-4 {
          width: 33.33333333333333%;
        }
        .col-sm-3 {
          width: 25%;
        }
        .col-sm-2 {
          width: 16.666666666666664%;
        }
        .col-sm-1 {
          width: 8.333333333333332%;
        }
        .col-sm-pull-12 {
          right: 100%;
        }
        .col-sm-pull-11 {
          right: 91.66666666666666%;
        }
        .col-sm-pull-10 {
          right: 83.33333333333334%;
        }
        .col-sm-pull-9 {
          right: 75%;
        }
        .col-sm-pull-8 {
          right: 66.66666666666666%;
        }
        .col-sm-pull-7 {
          right: 58.333333333333336%;
        }
        .col-sm-pull-6 {
          right: 50%;
        }
        .col-sm-pull-5 {
          right: 41.66666666666667%;
        }
        .col-sm-pull-4 {
          right: 33.33333333333333%;
        }
        .col-sm-pull-3 {
          right: 25%;
        }
        .col-sm-pull-2 {
          right: 16.666666666666664%;
        }
        .col-sm-pull-1 {
          right: 8.333333333333332%;
        }
        .col-sm-pull-0 {
          right: 0%;
        }
        .col-sm-push-12 {
          left: 100%;
        }
        .col-sm-push-11 {
          left: 91.66666666666666%;
        }
        .col-sm-push-10 {
          left: 83.33333333333334%;
        }
        .col-sm-push-9 {
          left: 75%;
        }
        .col-sm-push-8 {
          left: 66.66666666666666%;
        }
        .col-sm-push-7 {
          left: 58.333333333333336%;
        }
        .col-sm-push-6 {
          left: 50%;
        }
        .col-sm-push-5 {
          left: 41.66666666666667%;
        }
        .col-sm-push-4 {
          left: 33.33333333333333%;
        }
        .col-sm-push-3 {
          left: 25%;
        }
        .col-sm-push-2 {
          left: 16.666666666666664%;
        }
        .col-sm-push-1 {
          left: 8.333333333333332%;
        }
        .col-sm-push-0 {
          left: 0%;
        }
        .col-sm-offset-12 {
          margin-left: 100%;
        }
        .col-sm-offset-11 {
          margin-left: 91.66666666666666%;
        }
        .col-sm-offset-10 {
          margin-left: 83.33333333333334%;
        }
        .col-sm-offset-9 {
          margin-left: 75%;
        }
        .col-sm-offset-8 {
          margin-left: 66.66666666666666%;
        }
        .col-sm-offset-7 {
          margin-left: 58.333333333333336%;
        }
        .col-sm-offset-6 {
          margin-left: 50%;
        }
        .col-sm-offset-5 {
          margin-left: 41.66666666666667%;
        }
        .col-sm-offset-4 {
          margin-left: 33.33333333333333%;
        }
        .col-sm-offset-3 {
          margin-left: 25%;
        }
        .col-sm-offset-2 {
          margin-left: 16.666666666666664%;
        }
        .col-sm-offset-1 {
          margin-left: 8.333333333333332%;
        }
        .col-sm-offset-0 {
          margin-left: 0%;
        }
        .post .play-link .play .button{left: 42%;top: 29% !important;}
      }
      @media (min-width: 992px) {
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
          float: left;
        }
        .col-md-12 {
          width: 100%;
        }
        .col-md-11 {
          width: 91.66666666666666%;
        }
        .col-md-10 {
          width: 83.33333333333334%;
        }
        .col-md-9 {
          width: 75%;
        }
        .col-md-8 {
          width: 66.66666666666666%;
        }
        .col-md-7 {
          width: 58.333333333333336%;
        }
        .col-md-6 {
          width: 50%;
        }
        .col-md-5 {
          width: 41.66666666666667%;
        }
        .col-md-4 {
          width: 33.33333333333333%;
        }
        .col-md-3 {
          width: 25%;
        }
        .col-md-2 {
          width: 16.666666666666664%;
        }
        .col-md-1 {
          width: 8.333333333333332%;
        }
        .col-md-pull-12 {
          right: 100%;
        }
        .col-md-pull-11 {
          right: 91.66666666666666%;
        }
        .col-md-pull-10 {
          right: 83.33333333333334%;
        }
        .col-md-pull-9 {
          right: 75%;
        }
        .col-md-pull-8 {
          right: 66.66666666666666%;
        }
        .col-md-pull-7 {
          right: 58.333333333333336%;
        }
        .col-md-pull-6 {
          right: 50%;
        }
        .col-md-pull-5 {
          right: 41.66666666666667%;
        }
        .col-md-pull-4 {
          right: 33.33333333333333%;
        }
        .col-md-pull-3 {
          right: 25%;
        }
        .col-md-pull-2 {
          right: 16.666666666666664%;
        }
        .col-md-pull-1 {
          right: 8.333333333333332%;
        }
        .col-md-pull-0 {
          right: 0%;
        }
        .col-md-push-12 {
          left: 100%;
        }
        .col-md-push-11 {
          left: 91.66666666666666%;
        }
        .col-md-push-10 {
          left: 83.33333333333334%;
        }
        .col-md-push-9 {
          left: 75%;
        }
        .col-md-push-8 {
          left: 66.66666666666666%;
        }
        .col-md-push-7 {
          left: 58.333333333333336%;
        }
        .col-md-push-6 {
          left: 50%;
        }
        .col-md-push-5 {
          left: 41.66666666666667%;
        }
        .col-md-push-4 {
          left: 33.33333333333333%;
        }
        .col-md-push-3 {
          left: 25%;
        }
        .col-md-push-2 {
          left: 16.666666666666664%;
        }
        .col-md-push-1 {
          left: 8.333333333333332%;
        }
        .col-md-push-0 {
          left: 0%;
        }
        .col-md-offset-12 {
          margin-left: 100%;
        }
        .col-md-offset-11 {
          margin-left: 91.66666666666666%;
        }
        .col-md-offset-10 {
          margin-left: 83.33333333333334%;
        }
        .col-md-offset-9 {
          margin-left: 75%;
        }
        .col-md-offset-8 {
          margin-left: 66.66666666666666%;
        }
        .col-md-offset-7 {
          margin-left: 58.333333333333336%;
        }
        .col-md-offset-6 {
          margin-left: 50%;
        }
        .col-md-offset-5 {
          margin-left: 41.66666666666667%;
        }
        .col-md-offset-4 {
          margin-left: 33.33333333333333%;
        }
        .col-md-offset-3 {
          margin-left: 25%;
        }
        .col-md-offset-2 {
          margin-left: 16.666666666666664%;
        }
        .col-md-offset-1 {
          margin-left: 8.333333333333332%;
        }
        .col-md-offset-0 {
          margin-left: 0%;
        }
      }
      @media (min-width: 1200px) {
        .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
          float: left;
        }
        .col-lg-12 {
          width: 100%;
        }
        .col-lg-11 {
          width: 91.66666666666666%;
        }
        .col-lg-10 {
          width: 83.33333333333334%;
        }
        .col-lg-9 {
          width: 75%;
        }
        .col-lg-8 {
          width: 66.66666666666666%;
        }
        .col-lg-7 {
          width: 58.333333333333336%;
        }
        .col-lg-6 {
          width: 50%;
        }
        .col-lg-5 {
          width: 41.66666666666667%;
        }
        .col-lg-4 {
          width: 33.33333333333333%;
        }
        .col-lg-3 {
          width: 25%;
        }
        .col-lg-2 {
          width: 16.666666666666664%;
        }
        .col-lg-1 {
          width: 8.333333333333332%;
        }
        .col-lg-pull-12 {
          right: 100%;
        }
        .col-lg-pull-11 {
          right: 91.66666666666666%;
        }
        .col-lg-pull-10 {
          right: 83.33333333333334%;
        }
        .col-lg-pull-9 {
          right: 75%;
        }
        .col-lg-pull-8 {
          right: 66.66666666666666%;
        }
        .col-lg-pull-7 {
          right: 58.333333333333336%;
        }
        .col-lg-pull-6 {
          right: 50%;
        }
        .col-lg-pull-5 {
          right: 41.66666666666667%;
        }
        .col-lg-pull-4 {
          right: 33.33333333333333%;
        }
        .col-lg-pull-3 {
          right: 25%;
        }
        .col-lg-pull-2 {
          right: 16.666666666666664%;
        }
        .col-lg-pull-1 {
          right: 8.333333333333332%;
        }
        .col-lg-pull-0 {
          right: 0%;
        }
        .col-lg-push-12 {
          left: 100%;
        }
        .col-lg-push-11 {
          left: 91.66666666666666%;
        }
        .col-lg-push-10 {
          left: 83.33333333333334%;
        }
        .col-lg-push-9 {
          left: 75%;
        }
        .col-lg-push-8 {
          left: 66.66666666666666%;
        }
        .col-lg-push-7 {
          left: 58.333333333333336%;
        }
        .col-lg-push-6 {
          left: 50%;
        }
        .col-lg-push-5 {
          left: 41.66666666666667%;
        }
        .col-lg-push-4 {
          left: 33.33333333333333%;
        }
        .col-lg-push-3 {
          left: 25%;
        }
        .col-lg-push-2 {
          left: 16.666666666666664%;
        }
        .col-lg-push-1 {
          left: 8.333333333333332%;
        }
        .col-lg-push-0 {
          left: 0%;
        }
        .col-lg-offset-12 {
          margin-left: 100%;
        }
        .col-lg-offset-11 {
          margin-left: 91.66666666666666%;
        }
        .col-lg-offset-10 {
          margin-left: 83.33333333333334%;
        }
        .col-lg-offset-9 {
          margin-left: 75%;
        }
        .col-lg-offset-8 {
          margin-left: 66.66666666666666%;
        }
        .col-lg-offset-7 {
          margin-left: 58.333333333333336%;
        }
        .col-lg-offset-6 {
          margin-left: 50%;
        }
        .col-lg-offset-5 {
          margin-left: 41.66666666666667%;
        }
        .col-lg-offset-4 {
          margin-left: 33.33333333333333%;
        }
        .col-lg-offset-3 {
          margin-left: 25%;
        }
        .col-lg-offset-2 {
          margin-left: 16.666666666666664%;
        }
        .col-lg-offset-1 {
          margin-left: 8.333333333333332%;
        }
        .col-lg-offset-0 {
          margin-left: 0%;
        }
      }
      table {
        max-width: 100%;
        background-color: transparent;
      }
      th {
        text-align: left;
      }
      .table {
        width: 100%;
        margin-bottom: 20px;
      }
      .table > thead > tr > th,
      .table > tbody > tr > th,
      .table > tfoot > tr > th,
      .table > thead > tr > td,
      .table > tbody > tr > td,
      .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #dddddd;
      }
      .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dddddd;
      }
      .table > caption + thead > tr:first-child > th,
      .table > colgroup + thead > tr:first-child > th,
      .table > thead:first-child > tr:first-child > th,
      .table > caption + thead > tr:first-child > td,
      .table > colgroup + thead > tr:first-child > td,
      .table > thead:first-child > tr:first-child > td {
        border-top: 0;
      }
      .table > tbody + tbody {
        border-top: 2px solid #dddddd;
      }
      .table .table {
        background-color: #ffffff;
      }
      .table-condensed > thead > tr > th,
      .table-condensed > tbody > tr > th,
      .table-condensed > tfoot > tr > th,
      .table-condensed > thead > tr > td,
      .table-condensed > tbody > tr > td,
      .table-condensed > tfoot > tr > td {
        padding: 5px;
      }
      .table-bordered {
        border: 1px solid #dddddd;
      }
      .table-bordered > thead > tr > th,
      .table-bordered > tbody > tr > th,
      .table-bordered > tfoot > tr > th,
      .table-bordered > thead > tr > td,
      .table-bordered > tbody > tr > td,
      .table-bordered > tfoot > tr > td {
        border: 1px solid #dddddd;
      }
      .table-bordered > thead > tr > th,
      .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
      }
      .table-striped > tbody > tr:nth-child(odd) > td,
      .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #f9f9f9;
      }
      .table-hover > tbody > tr:hover > td,
      .table-hover > tbody > tr:hover > th {
        background-color: #f5f5f5;
      }
      table col[class*="col-"] {
        position: static;
        float: none;
        display: table-column;
      }
      table td[class*="col-"],
      table th[class*="col-"] {
        float: none;
        display: table-cell;
      }
      .table > thead > tr > .active,
      .table > tbody > tr > .active,
      .table > tfoot > tr > .active,
      .table > thead > .active > td,
      .table > tbody > .active > td,
      .table > tfoot > .active > td,
      .table > thead > .active > th,
      .table > tbody > .active > th,
      .table > tfoot > .active > th {
        background-color: #f5f5f5;
      }
      .table-hover > tbody > tr > .active:hover,
      .table-hover > tbody > .active:hover > td,
      .table-hover > tbody > .active:hover > th {
        background-color: #e8e8e8;
      }
      .table > thead > tr > .success,
      .table > tbody > tr > .success,
      .table > tfoot > tr > .success,
      .table > thead > .success > td,
      .table > tbody > .success > td,
      .table > tfoot > .success > td,
      .table > thead > .success > th,
      .table > tbody > .success > th,
      .table > tfoot > .success > th {
        background-color: #dff0d8;
      }
      .table-hover > tbody > tr > .success:hover,
      .table-hover > tbody > .success:hover > td,
      .table-hover > tbody > .success:hover > th {
        background-color: #d0e9c6;
      }
      .table > thead > tr > .danger,
      .table > tbody > tr > .danger,
      .table > tfoot > tr > .danger,
      .table > thead > .danger > td,
      .table > tbody > .danger > td,
      .table > tfoot > .danger > td,
      .table > thead > .danger > th,
      .table > tbody > .danger > th,
      .table > tfoot > .danger > th {
        background-color: #f2dede;
      }
      .table-hover > tbody > tr > .danger:hover,
      .table-hover > tbody > .danger:hover > td,
      .table-hover > tbody > .danger:hover > th {
        background-color: #ebcccc;
      }
      .table > thead > tr > .warning,
      .table > tbody > tr > .warning,
      .table > tfoot > tr > .warning,
      .table > thead > .warning > td,
      .table > tbody > .warning > td,
      .table > tfoot > .warning > td,
      .table > thead > .warning > th,
      .table > tbody > .warning > th,
      .table > tfoot > .warning > th {
        background-color: #fcf8e3;
      }
      .table-hover > tbody > tr > .warning:hover,
      .table-hover > tbody > .warning:hover > td,
      .table-hover > tbody > .warning:hover > th {
        background-color: #faf2cc;
      }
      @media (max-width: 767px) {
        .table-responsive {
          width: 100%;
          margin-bottom: 15px;
          overflow-y: hidden;
          overflow-x: scroll;
          -ms-overflow-style: -ms-autohiding-scrollbar;
          border: 1px solid #dddddd;
          -webkit-overflow-scrolling: touch;
        }
        .table-responsive > .table {
          margin-bottom: 0;
        }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap;
        }
        .table-responsive > .table-bordered {
          border: 0;
        }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0;
        }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0;
        }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0;
        }
      }
      fieldset {
        padding: 0;
        margin: 0;
        border: 0;
      }
      legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333333;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
      }
      label {
        display: inline-block;
        margin-bottom: 5px;
        font-weight: bold;
      }
      input[type="search"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      input[type="radio"],
      input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        /* IE8-9 */
        line-height: normal;
      }
      input[type="file"] {
        display: block;
      }
      select[multiple],
      select[size] {
        height: auto;
      }
      select optgroup {
        font-size: inherit;
        font-style: inherit;
        font-family: inherit;
      }
      input[type="file"]:focus,
      input[type="radio"]:focus,
      input[type="checkbox"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      input[type="number"]::-webkit-outer-spin-button,
      input[type="number"]::-webkit-inner-spin-button {
        height: auto;
      }
      output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555555;
        vertical-align: middle;
      }
      .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555555;
        vertical-align: middle;
        background-color: #ffffff;
        background-image: none;
        border: 2px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      }
      .form-control:focus {
        border-color: #34495e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px #34495e, 0 0 8px #7f8c8d;
        box-shadow: inset 0 1px 1px #34495e, 0 0 8px #7f8c8d;
      }
      .form-control:-moz-placeholder {
        color: #999999;
      }
      .form-control::-moz-placeholder {
        color: #999999;
        opacity: 1;
      }
      .form-control:-ms-input-placeholder {
        color: #999999;
      }
      .form-control::-webkit-input-placeholder {
        color: #999999;
      }
      .form-control[disabled],
      .form-control[readonly],
      fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
      }
      textarea.form-control {
        height: auto;
      }
      .form-group {
        margin-bottom: 15px;
      }
      .radio,
      .checkbox {
        display: block;
        min-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
        vertical-align: middle;
      }
      .radio label,
      .checkbox label {
        display: inline;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
      }
      .radio input[type="radio"],
      .radio-inline input[type="radio"],
      .checkbox input[type="checkbox"],
      .checkbox-inline input[type="checkbox"] {
        float: left;
        margin-left: -20px;
      }
      .radio + .radio,
      .checkbox + .checkbox {
        margin-top: -5px;
      }
      .radio-inline,
      .checkbox-inline {
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
      }
      .radio-inline + .radio-inline,
      .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
      }
      input[type="radio"][disabled],
      input[type="checkbox"][disabled],
      .radio[disabled],
      .radio-inline[disabled],
      .checkbox[disabled],
      .checkbox-inline[disabled],
      fieldset[disabled] input[type="radio"],
      fieldset[disabled] input[type="checkbox"],
      fieldset[disabled] .radio,
      fieldset[disabled] .radio-inline,
      fieldset[disabled] .checkbox,
      fieldset[disabled] .checkbox-inline {
        cursor: not-allowed;
      }
      .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      select.input-sm {
        height: 30px;
        line-height: 30px;
      }
      textarea.input-sm {
        height: auto;
      }
      .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
      }
      select.input-lg {
        height: 46px;
        line-height: 46px;
      }
      textarea.input-lg {
        height: auto;
      }
      .has-warning .help-block,
      .has-warning .control-label,
      .has-warning .radio,
      .has-warning .checkbox,
      .has-warning .radio-inline,
      .has-warning .checkbox-inline {
        color: #8a6d3b;
      }
      .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
      }
      .has-warning .input-group-addon {
        color: #8a6d3b;
        border-color: #8a6d3b;
        background-color: #fcf8e3;
      }
      .has-error .help-block,
      .has-error .control-label,
      .has-error .radio,
      .has-error .checkbox,
      .has-error .radio-inline,
      .has-error .checkbox-inline {
        color: #a94442;
      }
      .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      }
      .has-error .input-group-addon {
        color: #a94442;
        border-color: #a94442;
        background-color: #f2dede;
      }
      .has-success .help-block,
      .has-success .control-label,
      .has-success .radio,
      .has-success .checkbox,
      .has-success .radio-inline,
      .has-success .checkbox-inline {
        color: #3c763d;
      }
      .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
      }
      .has-success .input-group-addon {
        color: #3c763d;
        border-color: #3c763d;
        background-color: #dff0d8;
      }
      .form-control-static {
        margin-bottom: 0;
      }
      .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373;
      }
      @media (min-width: 768px) {
        .form-inline .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .form-inline .form-control {
          display: inline-block;
        }
        .form-inline select.form-control {
          width: auto;
        }
        .form-inline .radio,
        .form-inline .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          padding-left: 0;
        }
        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
          float: none;
          margin-left: 0;
        }
      }
      .form-horizontal .control-label,
      .form-horizontal .radio,
      .form-horizontal .checkbox,
      .form-horizontal .radio-inline,
      .form-horizontal .checkbox-inline {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px;
      }
      .form-horizontal .radio,
      .form-horizontal .checkbox {
        min-height: 27px;
      }
      .form-horizontal .form-group {
        margin-left: -15px;
        margin-right: -15px;
      }
      .form-horizontal .form-group:before,
      .form-horizontal .form-group:after {
        content: " ";
        display: table;
      }
      .form-horizontal .form-group:after {
        clear: both;
      }
      .form-horizontal .form-group:before,
      .form-horizontal .form-group:after {
        content: " ";
        display: table;
      }
      .form-horizontal .form-group:after {
        clear: both;
      }
      .form-horizontal .form-control-static {
        padding-top: 7px;
      }
      @media (min-width: 768px) {
        .form-horizontal .control-label {
          text-align: right;
        }
      }
      .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
      }
      .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      .btn:hover,
      .btn:focus {
        color: #333333;
        text-decoration: none;
      }
      .btn:active,
      .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      }
      .btn.disabled,
      .btn[disabled],
      fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .btn-default {
        color: #333333;
        background-color: #ffffff;
        border-color: #cccccc;
      }
      .btn-default:hover,
      .btn-default:focus,
      .btn-default:active,
      .btn-default.active,
      .open .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #ebebeb;
        border-color: #adadad;
      }
      .btn-default:active,
      .btn-default.active,
      .open .dropdown-toggle.btn-default {
        background-image: none;
      }
      .btn-default.disabled,
      .btn-default[disabled],
      fieldset[disabled] .btn-default,
      .btn-default.disabled:hover,
      .btn-default[disabled]:hover,
      fieldset[disabled] .btn-default:hover,
      .btn-default.disabled:focus,
      .btn-default[disabled]:focus,
      fieldset[disabled] .btn-default:focus,
      .btn-default.disabled:active,
      .btn-default[disabled]:active,
      fieldset[disabled] .btn-default:active,
      .btn-default.disabled.active,
      .btn-default[disabled].active,
      fieldset[disabled] .btn-default.active {
        background-color: #ffffff;
        border-color: #cccccc;
      }
      .btn-default .badge {
        color: #ffffff;
        background-color: #fff;
      }
      .btn-primary {
        color: #ffffff;
        background-color: #2c3e50;
        border-color: #202d3b;
      }
      .btn-primary:hover,
      .btn-primary:focus,
      .btn-primary:active,
      .btn-primary.active,
      .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #34495e;
        border-color: #2c3e50;
      }
      .btn-primary:active,
      .btn-primary.active,
      .open .dropdown-toggle.btn-primary {
        background-image: none;
      }
      .btn-primary.disabled,
      .btn-primary[disabled],
      fieldset[disabled] .btn-primary,
      .btn-primary.disabled:hover,
      .btn-primary[disabled]:hover,
      fieldset[disabled] .btn-primary:hover,
      .btn-primary.disabled:focus,
      .btn-primary[disabled]:focus,
      fieldset[disabled] .btn-primary:focus,
      .btn-primary.disabled:active,
      .btn-primary[disabled]:active,
      fieldset[disabled] .btn-primary:active,
      .btn-primary.disabled.active,
      .btn-primary[disabled].active,
      fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd;
      }
      .btn-primary .badge {
        color: #428bca;
        background-color: #fff;
      }
      .btn-warning {
        color: #ffffff;
        background-color: #f0ad4e;
        border-color: #eea236;
      }
      .btn-warning:hover,
      .btn-warning:focus,
      .btn-warning:active,
      .btn-warning.active,
      .open .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #ed9c28;
        border-color: #d58512;
      }
      .btn-warning:active,
      .btn-warning.active,
      .open .dropdown-toggle.btn-warning {
        background-image: none;
      }
      .btn-warning.disabled,
      .btn-warning[disabled],
      fieldset[disabled] .btn-warning,
      .btn-warning.disabled:hover,
      .btn-warning[disabled]:hover,
      fieldset[disabled] .btn-warning:hover,
      .btn-warning.disabled:focus,
      .btn-warning[disabled]:focus,
      fieldset[disabled] .btn-warning:focus,
      .btn-warning.disabled:active,
      .btn-warning[disabled]:active,
      fieldset[disabled] .btn-warning:active,
      .btn-warning.disabled.active,
      .btn-warning[disabled].active,
      fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
      }
      .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
      }
      .btn-danger {
        color: #ffffff;
        background-color: #d9534f;
        border-color: #d43f3a;
      }
      .btn-danger:hover,
      .btn-danger:focus,
      .btn-danger:active,
      .btn-danger.active,
      .open .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #d2322d;
        border-color: #ac2925;
      }
      .btn-danger:active,
      .btn-danger.active,
      .open .dropdown-toggle.btn-danger {
        background-image: none;
      }
      .btn-danger.disabled,
      .btn-danger[disabled],
      fieldset[disabled] .btn-danger,
      .btn-danger.disabled:hover,
      .btn-danger[disabled]:hover,
      fieldset[disabled] .btn-danger:hover,
      .btn-danger.disabled:focus,
      .btn-danger[disabled]:focus,
      fieldset[disabled] .btn-danger:focus,
      .btn-danger.disabled:active,
      .btn-danger[disabled]:active,
      fieldset[disabled] .btn-danger:active,
      .btn-danger.disabled.active,
      .btn-danger[disabled].active,
      fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
      }
      .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
      }
      .btn-success {
        color: #ffffff;
        background-color: #5cb85c;
        border-color: #4cae4c;
      }
      .btn-success:hover,
      .btn-success:focus,
      .btn-success:active,
      .btn-success.active,
      .open .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #47a447;
        border-color: #398439;
      }
      .btn-success:active,
      .btn-success.active,
      .open .dropdown-toggle.btn-success {
        background-image: none;
      }
      .btn-success.disabled,
      .btn-success[disabled],
      fieldset[disabled] .btn-success,
      .btn-success.disabled:hover,
      .btn-success[disabled]:hover,
      fieldset[disabled] .btn-success:hover,
      .btn-success.disabled:focus,
      .btn-success[disabled]:focus,
      fieldset[disabled] .btn-success:focus,
      .btn-success.disabled:active,
      .btn-success[disabled]:active,
      fieldset[disabled] .btn-success:active,
      .btn-success.disabled.active,
      .btn-success[disabled].active,
      fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
      }
      .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
      }
      .btn-info {
        color: #ffffff;
        background-color: #5bc0de;
        border-color: #46b8da;
      }
      .btn-info:hover,
      .btn-info:focus,
      .btn-info:active,
      .btn-info.active,
      .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #39b3d7;
        border-color: #269abc;
      }
      .btn-info:active,
      .btn-info.active,
      .open .dropdown-toggle.btn-info {
        background-image: none;
      }
      .btn-info.disabled,
      .btn-info[disabled],
      fieldset[disabled] .btn-info,
      .btn-info.disabled:hover,
      .btn-info[disabled]:hover,
      fieldset[disabled] .btn-info:hover,
      .btn-info.disabled:focus,
      .btn-info[disabled]:focus,
      fieldset[disabled] .btn-info:focus,
      .btn-info.disabled:active,
      .btn-info[disabled]:active,
      fieldset[disabled] .btn-info:active,
      .btn-info.disabled.active,
      .btn-info[disabled].active,
      fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
      }
      .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
      }
      .btn-link {
        color: #428bca;
        font-weight: normal;
        cursor: pointer;
        border-radius: 0;
      }
      .btn-link,
      .btn-link:active,
      .btn-link[disabled],
      fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .btn-link,
      .btn-link:hover,
      .btn-link:focus,
      .btn-link:active {
        border-color: transparent;
      }
      .btn-link:hover,
      .btn-link:focus {
        color: #2a6496;
        text-decoration: underline;
        background-color: transparent;
      }
      .btn-link[disabled]:hover,
      fieldset[disabled] .btn-link:hover,
      .btn-link[disabled]:focus,
      fieldset[disabled] .btn-link:focus {
        color: #999999;
        text-decoration: none;
      }
      .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
      }
      .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      .btn-block {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }
      .btn-block + .btn-block {
        margin-top: 5px;
      }
      input[type="submit"].btn-block,
      input[type="reset"].btn-block,
      input[type="button"].btn-block {
        width: 100%;
      }
      .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
      }
      .dropdown {
        position: relative;
      }
      .dropdown-toggle:focus {
        outline: 0;
      }
      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
      }
      .dropdown-menu.pull-right {
        right: 0;
        left: auto;
      }
      .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
      }
      .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
      }
      .dropdown-menu > li > a:hover,
      .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
      }
      .dropdown-menu > .active > a,
      .dropdown-menu > .active > a:hover,
      .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
      }
      .dropdown-menu > .disabled > a,
      .dropdown-menu > .disabled > a:hover,
      .dropdown-menu > .disabled > a:focus {
        color: #999999;
      }
      .dropdown-menu > .disabled > a:hover,
      .dropdown-menu > .disabled > a:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: not-allowed;
      }
      .open > .dropdown-menu {
        display: block;
      }
      .open > a {
        outline: 0;
      }
      .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.428571429;
        color: #999999;
      }
      .dropdown-backdrop {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 990;
      }
      .pull-right > .dropdown-menu {
        right: 0;
        left: auto;
      }
      .dropup .caret,
      .navbar-fixed-bottom .dropdown .caret {
        border-top: 0;
        border-bottom: 4px solid;
        content: "";
      }
      .dropup .dropdown-menu,
      .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 1px;
      }
      @media (min-width: 768px) {
        .navbar-right .dropdown-menu {
          right: 0;
          left: auto;
        }
      }
      .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
      }
      .nav:before,
      .nav:after {
        content: " ";
        display: table;
      }
      .nav:after {
        clear: both;
      }
      .nav:before,
      .nav:after {
        content: " ";
        display: table;
      }
      .nav:after {
        clear: both;
      }
      .nav > li {
        position: relative;
        display: block;
      }
      .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
      }
      .nav > li > a:hover,
      .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee;
      }
      .nav > li.disabled > a {
        color: #999999;
      }
      .nav > li.disabled > a:hover,
      .nav > li.disabled > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
      }
      .nav .open > a,
      .nav .open > a:hover,
      .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #428bca;
      }
      .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
      }
      .nav > li > a > img {
        max-width: none;
      }
      .nav-tabs {
        border-bottom: 1px solid #dddddd;
      }
      .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
      }
      .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.428571429;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
      }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd;
      }
      .nav-tabs > li.active > a,
      .nav-tabs > li.active > a:hover,
      .nav-tabs > li.active > a:focus {
        color: #555555;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-bottom-color: transparent;
        cursor: default;
      }
      .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
      }
      .nav-tabs.nav-justified > li {
        float: none;
      }
      .nav-tabs.nav-justified > li > a {
        text-align: center;
        margin-bottom: 5px;
      }
      .nav-tabs.nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
      }
      @media (min-width: 768px) {
        .nav-tabs.nav-justified > li {
          display: table-cell;
          width: 1%;
        }
        .nav-tabs.nav-justified > li > a {
          margin-bottom: 0;
        }
      }
      .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
      }
      .nav-tabs.nav-justified > .active > a,
      .nav-tabs.nav-justified > .active > a:hover,
      .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #dddddd;
      }
      @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
          border-bottom: 1px solid #dddddd;
          border-radius: 4px 4px 0 0;
        }
        .nav-tabs.nav-justified > .active > a,
        .nav-tabs.nav-justified > .active > a:hover,
        .nav-tabs.nav-justified > .active > a:focus {
          border-bottom-color: #ffffff;
        }
      }
      .nav-pills > li {
        float: left;
      }
      .nav-pills > li > a {
        border-radius: 4px;
      }
      .nav-pills > li + li {
        margin-left: 2px;
      }
      .nav-pills > li.active > a,
      .nav-pills > li.active > a:hover,
      .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
      }
      .nav-stacked > li {
        float: none;
      }
      .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
      }
      .nav-justified {
        width: 100%;
      }
      .nav-justified > li {
        float: none;
      }
      .nav-justified > li > a {
        text-align: center;
        margin-bottom: 5px;
      }
      .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
      }
      @media (min-width: 768px) {
        .nav-justified > li {
          display: table-cell;
          width: 1%;
        }
        .nav-justified > li > a {
          margin-bottom: 0;
        }
      }
      .nav-tabs-justified {
        border-bottom: 0;
      }
      .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
      }
      .nav-tabs-justified > .active > a,
      .nav-tabs-justified > .active > a:hover,
      .nav-tabs-justified > .active > a:focus {
        border: 1px solid #dddddd;
      }
      @media (min-width: 768px) {
        .nav-tabs-justified > li > a {
          border-bottom: 1px solid #dddddd;
          border-radius: 4px 4px 0 0;
        }
        .nav-tabs-justified > .active > a,
        .nav-tabs-justified > .active > a:hover,
        .nav-tabs-justified > .active > a:focus {
          border-bottom-color: #ffffff;
        }
      }
      .tab-content > .tab-pane {
        display: none;
      }
      .tab-content > .active {
        display: block;
      }
      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
      .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
      }
      .navbar:before,
      .navbar:after {
        content: " ";
        display: table;
      }
      .navbar:after {
        clear: both;
      }
      .navbar:before,
      .navbar:after {
        content: " ";
        display: table;
      }
      .navbar:after {
        clear: both;
      }
      @media (min-width: 768px) {
        .navbar {
          border-radius: 4px;
        }
      }
      .navbar-header:before,
      .navbar-header:after {
        content: " ";
        display: table;
      }
      .navbar-header:after {
        clear: both;
      }
      .navbar-header:before,
      .navbar-header:after {
        content: " ";
        display: table;
      }
      .navbar-header:after {
        clear: both;
      }
      @media (min-width: 768px) {
        .navbar-header {
          float: left;
        }
      }
      .navbar-collapse {
        max-height: 340px;
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
      }
      .navbar-collapse:before,
      .navbar-collapse:after {
        content: " ";
        display: table;
      }
      .navbar-collapse:after {
        clear: both;
      }
      .navbar-collapse:before,
      .navbar-collapse:after {
        content: " ";
        display: table;
      }
      .navbar-collapse:after {
        clear: both;
      }
      .navbar-collapse.in {
        overflow-y: auto;
      }
      @media (min-width: 768px) {
        .navbar-collapse {
          width: auto;
          border-top: 0;
          box-shadow: none;
        }
        .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important;
        }
        .navbar-collapse.in {
          overflow-y: visible;
        }
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
          padding-left: 0;
          padding-right: 0;
        }
      }
      .container > .navbar-header,
      .container > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
      }
      @media (min-width: 768px) {
        .container > .navbar-header,
        .container > .navbar-collapse {
          margin-right: 0;
          margin-left: 0;
        }
      }
      .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px;
      }
      @media (min-width: 768px) {
        .navbar-static-top {
          border-radius: 0;
        }
      }
      .navbar-fixed-top,
      .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
      }
      @media (min-width: 768px) {
        .navbar-fixed-top,
        .navbar-fixed-bottom {
          border-radius: 0;
        }
      }
      .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
      }
      .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
      }
      .navbar-brand {
        float: left;
        padding: 6px;
        font-size: 30px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
        text-transform: capitalize;
      }
      .navbar-brand:hover,
      .navbar-brand:focus {
        text-decoration: none;
      }
      @media (min-width: 768px) {
        .navbar > .container .navbar-brand {
          margin-left: -15px;
        }
      }
      .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }
      .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
      }
      .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
      }
      @media (min-width: 768px) {
        .navbar-toggle {
          display: none;
        }
      }
      .navbar-nav {
        margin: 7.5px -15px;
      }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
      }
      @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: transparent;
          border: 0;
          box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
          padding: 5px 15px 5px 25px;
        }
        .navbar-nav .open .dropdown-menu > li > a {
          line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none;
        }
      }
      @media (min-width: 768px) {
        .navbar-nav {
          float: left;
          margin: 0;
        }
        .navbar-nav > li {
          float: left;
        }
        .navbar-nav > li > a {
          padding-top: 20px;
          padding-bottom: 18px;
        }
        .navbar-nav.navbar-right:last-child {
          margin-right: -15px;
        }
      }
      @media (min-width: 768px) {
        .navbar-left {
          float: left !important;
        }
        .navbar-right {
          float: right !important;
        }
      }
      .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 8px;
        margin-bottom: 8px;
      }
      @media (min-width: 768px) {
        .navbar-form .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .navbar-form .form-control {
          display: inline-block;
        }
        .navbar-form select.form-control {
          width: auto;
        }
        .navbar-form .radio,
        .navbar-form .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          padding-left: 0;
        }
        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
          float: none;
          margin-left: 0;
        }
      }
      @media (max-width: 767px) {
        .navbar-form .form-group {
          margin-bottom: 5px;
        }
      }
      @media (min-width: 768px) {
        .navbar-form {
          width: auto;
          border: 0;
          margin-left: 0;
          margin-right: 0;
          padding-top: 0;
          padding-bottom: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
        }
        .navbar-form.navbar-right:last-child {
          margin-right: -15px;
        }
      }
      .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
      .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .navbar-nav.pull-right > li > .dropdown-menu,
      .navbar-nav > li > .dropdown-menu.pull-right {
        left: auto;
        right: 0;
      }
      .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px;
      }
      .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
      }
      .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      @media (min-width: 768px) {
        .navbar-text {
          float: left;
          margin-left: 15px;
          margin-right: 15px;
        }
        .navbar-text.navbar-right:last-child {
          margin-right: 0;
        }
      }
      .navbar-default {
        background-color: #2c3e50;
        border-color: #202d3b;
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8kk58dkcDfyIFvcq4ouoUdo6kbjRZz3HM3pxfkRTFJhuVD8Nn5v8xaJH556BhpJ1QjfDtQFBJVu9YmbHqsxF8irK5oi0zToBsGGxG-ILpotCfOsWRz4NduBIYlnj3PNUgFhY5nITg9U/s1600/noise.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #34495e), color-stop(100%, #2c3e50));
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8kk58dkcDfyIFvcq4ouoUdo6kbjRZz3HM3pxfkRTFJhuVD8Nn5v8xaJH556BhpJ1QjfDtQFBJVu9YmbHqsxF8irK5oi0zToBsGGxG-ILpotCfOsWRz4NduBIYlnj3PNUgFhY5nITg9U/s1600/noise.png), -webkit-linear-gradient(#34495e, #2c3e50);
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8kk58dkcDfyIFvcq4ouoUdo6kbjRZz3HM3pxfkRTFJhuVD8Nn5v8xaJH556BhpJ1QjfDtQFBJVu9YmbHqsxF8irK5oi0zToBsGGxG-ILpotCfOsWRz4NduBIYlnj3PNUgFhY5nITg9U/s1600/noise.png), -moz-linear-gradient(#34495e, #2c3e50);
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8kk58dkcDfyIFvcq4ouoUdo6kbjRZz3HM3pxfkRTFJhuVD8Nn5v8xaJH556BhpJ1QjfDtQFBJVu9YmbHqsxF8irK5oi0zToBsGGxG-ILpotCfOsWRz4NduBIYlnj3PNUgFhY5nITg9U/s1600/noise.png), -o-linear-gradient(#34495e, #2c3e50);
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8kk58dkcDfyIFvcq4ouoUdo6kbjRZz3HM3pxfkRTFJhuVD8Nn5v8xaJH556BhpJ1QjfDtQFBJVu9YmbHqsxF8irK5oi0zToBsGGxG-ILpotCfOsWRz4NduBIYlnj3PNUgFhY5nITg9U/s1600/noise.png), linear-gradient(#34495e, #2c3e50);
      }
      .navbar-default .navbar-brand {
        color: #fff;
      }
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {
        color: #eee;
        background-color: transparent;
      }
      .navbar-default .navbar-text {
        color: #777777;
      }
      .navbar-default .navbar-nav > li > a {
        color: #fff;
      }
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus {
        color: #eee;
        background-color: #34495e;
      }
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #34495e;
      }
      .navbar-default .navbar-nav > .disabled > a,
      .navbar-default .navbar-nav > .disabled > a:hover,
      .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
      }
      .navbar-default .navbar-toggle {
        border-color: #dddddd;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #dddddd;
      }
      .navbar-default .navbar-toggle .icon-bar {
        background-color: #cccccc;
      }
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
        border-color: #e7e7e7;
      }
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
        background-color: #34495e;
        color: #fff;
      }
      @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
          color: #777777;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333333;
          background-color: transparent;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
          color: #555555;
          background-color: #e7e7e7;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
          color: #cccccc;
          background-color: transparent;
        }
      }
      .navbar-default .navbar-link {
        color: #777777;
      }
      .navbar-default .navbar-link:hover {
        color: #333333;
      }
      .navbar-inverse {
        background-color: #222222;
        border-color: #080808;
      }
      .navbar-inverse .navbar-brand {
        color: #999999;
      }
      .navbar-inverse .navbar-brand:hover,
      .navbar-inverse .navbar-brand:focus {
        color: #ffffff;
        background-color: transparent;
      }
      .navbar-inverse .navbar-text {
        color: #999999;
      }
      .navbar-inverse .navbar-nav > li > a {
        color: #999999;
      }
      .navbar-inverse .navbar-nav > li > a:hover,
      .navbar-inverse .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: transparent;
      }
      .navbar-inverse .navbar-nav > .active > a,
      .navbar-inverse .navbar-nav > .active > a:hover,
      .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
      }
      .navbar-inverse .navbar-nav > .disabled > a,
      .navbar-inverse .navbar-nav > .disabled > a:hover,
      .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
      }
      .navbar-inverse .navbar-toggle {
        border-color: #333333;
      }
      .navbar-inverse .navbar-toggle:hover,
      .navbar-inverse .navbar-toggle:focus {
        background-color: #333333;
      }
      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #ffffff;
      }
      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
        border-color: #101010;
      }
      .navbar-inverse .navbar-nav > .open > a,
      .navbar-inverse .navbar-nav > .open > a:hover,
      .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #ffffff;
      }
      @media (max-width: 767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
          border-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
          background-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
          color: #999999;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #ffffff;
          background-color: transparent;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
          color: #ffffff;
          background-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
          color: #444444;
          background-color: transparent;
        }
      }
      .navbar-inverse .navbar-link {
        color: #999999;
      }
      .navbar-inverse .navbar-link:hover {
        color: #ffffff;
      }
      .label {
        display: inline;
        padding: .2em .6em .3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #ffffff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
      }
      .label[href]:hover,
      .label[href]:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
      }
      .label:empty {
        display: none;
      }
      .btn .label {
        position: relative;
        top: -1px;
      }
      .label-default {
        background-color: #999999;
      }
      .label-default[href]:hover,
      .label-default[href]:focus {
        background-color: #808080;
      }
      .label-primary {
        background-color: #428bca;
      }
      .label-primary[href]:hover,
      .label-primary[href]:focus {
        background-color: #3071a9;
      }
      .label-success {
        background-color: #5cb85c;
      }
      .label-success[href]:hover,
      .label-success[href]:focus {
        background-color: #449d44;
      }
      .label-info {
        background-color: #5bc0de;
      }
      .label-info[href]:hover,
      .label-info[href]:focus {
        background-color: #31b0d5;
      }
      .label-warning {
        background-color: #f0ad4e;
      }
      .label-warning[href]:hover,
      .label-warning[href]:focus {
        background-color: #ec971f;
      }
      .label-danger {
        background-color: #d9534f;
      }
      .label-danger[href]:hover,
      .label-danger[href]:focus {
        background-color: #c9302c;
      }
      .thumbnail {
        display: block;
        margin-bottom: 20px;
        line-height: 1.428571429;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background: #fff;
        -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
        -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
        box-shadow: 1px 1px 2px 0 #d0d0d0;
        border: 1px solid #ddd;
      }
      .thumbnail > img,
      .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
      }
      a.thumbnail:hover,
      a.thumbnail:focus,
      a.thumbnail.active {
        border-color: #428bca;
      }
      .thumbnail .caption {
        padding: 9px;
        color: #333333;
      }
      .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
      }
      .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
      }
      .well-lg {
        padding: 24px;
        border-radius: 6px;
      }
      .well-sm {
        padding: 9px;
        border-radius: 3px;
      }
      .clearfix:before,
      .clearfix:after {
        content: " ";
        display: table;
      }
      .clearfix:after {
        clear: both;
      }
      .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      .pull-right {
        float: right !important;
      }
      .pull-left {
        float: left !important;
      }
      .hide {
        display: none !important;
      }
      .show {
        display: block !important;
      }
      .invisible {
        visibility: hidden;
      }
      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
      }
      .hidden {
        display: none !important;
        visibility: hidden !important;
      }
      .affix {
        position: fixed;
      }
      .homapge-thumb{padding-right:5px; padding-left:5px;}
      .title{font-size: 22px;
        color: #fff;
        margin: 13px;line-height: 1.1;font-family: 'Fauna One', serif;}
      .title a{
        color:#fff;  
      }
      .img-post-thumb:hover{opacity: 0.8;}
      #top-ad-column{text-align:center;}
      .row-video-thm{
        padding:2px !important;      
      }
      .main-post-div{padding:0px !important;}
      .post .play-link  {float: none;margin:0;overflow: hidden;}
      .post .play-link .play{
        position:absolute;
        left: 0;
        top: 0;
        right: 0;
        opacity:0;
        bottom: 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out; 
      }
      .post .play-link a:hover .play{opacity:.5;}
      .post .play-link .play .button {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 38%;
        top: 23% !important;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv-WZ62MSHJ8IUjOZThy9D3v21wqjrChRuMRMq2D3SmfFF8vtkt0YadrwSqoeubIJzuFtpmmFAfG2Hbe4Q8SfqIoKlUVzrqvbFFbVtPcSPgS4lYjFfhM3-Enz524p1M46syrXx6TYonis/s1600/Video_Play_Btn.png);
      }
      #main_content {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
      }
      #main_content iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      .relateimg{
        width: 166px;    
      }
      .footer-container{background-color: #2c3e50;color:#fff;}
      .list-label-widget-content ul li {
        float: left;
        padding: 3px!important;
        margin: 0px!important;
        border: 0px!important;
      }
      .list-label-widget-content ul li a {
        float: left;
        background: #ddd;
        padding: 8px 10px 8px 10px;
        border-radius: 4px;
        color: #222!important;
        text-transform: uppercase;
        font-size: 13px;
        border: 1px solid #eee;
      }
      .list-label-widget-content ul li span {
        float: left;
        background: #fff;
        padding: 8px 10px 8px 10px;
        border-radius: 4px;
        color: #4c66a4;
        text-transform: uppercase;
        font-size: 13px;
        border: 1px solid #4c66a4;
      }
      .footer-container .widget h2{padding: 10px 0;
        font-size: 23px;
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom: 6px;
        margin: 0 !important;}
      .footer-container .popular-posts ul li a {
        float: left;
        color: #ddd;
        font-size: 15px;
        padding: 4px 0;
  width: 100%;
      }
      .footer-container .Feed ul li a {
        float: left;
        color: #ddd;
        font-size: 15px;
        padding: 4px 0;
      }
    </style>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
      var thumbnail_mode = "no-float" ;
      summary_noimg = 385;
      summary_img = 285;
      img_thumb_height = 200;
      img_thumb_width = 250;
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      var _0x36d1=["\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","","\x69\x66\x72\x61\x6D\x65","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x6C\x65\x6E\x67\x74\x68","\x73\x72\x63","\x6D\x61\x74\x63\x68","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x64\x61\x69\x6C\x79\x6D\x6F\x74\x69\x6F\x6E\x2E\x63\x6F\x6D\x2F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2F\x76\x69\x64\x65\x6F\x2F","\x68\x74\x74\x70\x3A\x2F\x2F\x69\x31\x2E\x79\x74\x69\x6D\x67\x2E\x63\x6F\x6D\x2F\x76\x69\x2F","\x2F\x73\x64\x64\x65\x66\x61\x75\x6C\x74\x2E\x6A\x70\x67","\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x77\x57\x35\x37\x31\x49\x70\x69\x6C\x4B\x51\x2F\x55\x73\x65\x6A\x77\x37\x75\x68\x6B\x4E\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x41\x73\x2F\x66\x56\x6A\x66\x2D\x47\x54\x56\x39\x51\x6B\x2F\x73\x31\x36\x30\x30\x2F\x69\x6D\x61\x67\x65\x64\x66\x2E\x70\x6E\x67","\x69\x6D\x67","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6C\x61\x79\x2D\x6C\x69\x6E\x6B\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x6D\x67\x2D\x72\x65\x73\x70\x6F\x6E\x73\x69\x76\x65\x22\x20\x73\x72\x63\x3D\x22","\x22\x2F\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6C\x61\x79\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x75\x74\x74\x6F\x6E\x22\x3E\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C"];function createSummaryAndThumb(_0xee14x2,_0xee14x3){var _0xee14x4=document[_0x36d1[0]](_0xee14x2);var _0xee14x5=_0x36d1[1];var _0xee14x6=_0x36d1[1];var _0xee14x7=_0xee14x4[_0x36d1[3]](_0x36d1[2]);if(_0xee14x7[_0x36d1[4]] >=1){video_url=_0xee14x7[0][_0x36d1[5]];var _0xee14x8=_0x36d1[1];var _0xee14x9=_0x36d1[1];var _0xee14xa=/(\?v=|\/\d\/|\/embed\/)([a-zA-Z0-9\-\_]+)/;var _0xee14xb=/(\/embed\/video\/)([a-zA-Z0-9\-\_]+)/;if(video_url){videokeynum=video_url[_0x36d1[6]](_0xee14xa);videokeydaily=video_url[_0x36d1[6]](_0xee14xb);if(videokeydaily){_0xee14x8=video_url[_0x36d1[6]](_0xee14xb)[2];_0xee14x6=_0x36d1[7]+_0xee14x8;} else {if(videokeynum){_0xee14x8=video_url[_0x36d1[6]](_0xee14xa)[2];_0xee14x6=_0x36d1[8]+_0xee14x8+_0x36d1[9];} ;} ;if(_0xee14x6){_0xee14x6=_0xee14x6;} else {_0xee14x6=_0x36d1[10];} ;} ;} else {var _0xee14x7=_0xee14x4[_0x36d1[3]](_0x36d1[11]);if(_0xee14x7[_0x36d1[4]] >=1){_0xee14x6=_0xee14x7[0][_0x36d1[5]];} else {_0xee14x6=_0x36d1[10];} ;} ;if(_0xee14x6){_0xee14x5=_0x36d1[12]+_0xee14x3+_0x36d1[13]+_0xee14x6+_0x36d1[14];summ=summary_img;} ;var _0xee14xc=_0xee14x5;_0xee14x4[_0x36d1[15]]=_0xee14xc;} ;
      //]]></script>
  </head>
  <body id='body-templates'>
    <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
    <div class='navbar navbar-default main-top-nav' role='banner'>
      <div class='container'>
        <div class='navbar-header'>
          <button class='navbar-toggle' data-target='.bs-navbar-collapse' data-toggle='collapse' type='button'>
            <span class='sr-only'>
              Toggle navigation
            </span>
            <span class='icon-bar'/>
            <span class='icon-bar'/>
            <span class='icon-bar'/>
          </button>
          <b:section class='header' id='blog-title' maxwidgets='1' showaddelement='yes' title='My Favorite Things'>
            <b:widget id='Header1' locked='true' title='VubeTube (Header)' type='Header'>
              <b:includable id='main'>
                <b:if cond='data:useImage'>
                  <b:if cond='data:imagePlacement == "BEHIND"'>
                    
                    <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "background-repeat: no-repeat; "' id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width: 0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    
                    <div id='header-inner'>
                      <a expr:href='data:blog.homepageUrl' style='display: block'>
                        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                      </a>
                      
                      <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
                        <b:include name='description'/>
                      </b:if>
                    </div>
                  </b:if>
                  <b:else/>
                  
                  <div id='header-inner'>
                    <div class='titlewrapper'>
                      <h1 class='title'>
                        <b:include name='title'/>
                      </h1>
                    </div>
                    <b:include name='description'/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='description'>
                <div class='descriptionwrapper'>
                  <p class='description'>
                    <span>
                      <data:description/>
                    </span>
                  </p>
                </div>
              </b:includable>
              <b:includable id='title'>
                <b:if cond='data:blog.url == data:blog.homepageUrl'>
                  <data:title/>
                  <b:else/>
                  <a expr:href='data:blog.homepageUrl'>
                    <data:title/>
                  </a>
                </b:if>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <nav class='collapse navbar-collapse bs-navbar-collapse' role='navigation'>
          <ul class='nav navbar-nav'>
            <li>
              <a href='#'>
                Templates
              </a>
            </li>
            <li>
              <a href='#'>
                Contact US
              </a>
            </li>
            <li>
              <a href='#'>
                About
              </a>
            </li>
            <li class='dropdown'>
              <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                Dropdown 
                <b class='caret'/>
              </a>
              <ul class='dropdown-menu'>
                <li>
                  <a href='#'>
                    Action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Another action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Something else here
                  </a>
                </li>
                <li class='divider'/>
                <li>
                  <a href='#'>
                    Separated link
                  </a>
                </li>
                <li class='divider'/>
                <li>
                  <a href='#'>
                    One more separated link
                  </a>
                </li>
              </ul>
            </li>
          </ul>
          <ul class='nav navbar-nav navbar-right'>
            <li>
              <a href='https://www.facebook.com/weblogtemplates'>
                <i class='fa fa-facebook'/>
              </a>
            </li>
            <li>
              <a href='https://twitter.com/weblogtemplates'>
                <i class='fa fa-twitter'/>
              </a>
            </li>
            <li>
              <a href='http://www.pinterest.com/weblogtemplates/'>
                <i class='fa fa-pinterest'/>
              </a>
            </li>
            <li>
              <a href='#'>
                <i class='fa fa-instagram'/>
              </a>
            </li>
            <li>
              <a href='#'>
                <i class='fa fa-tumblr'/>
              </a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
    
    <div class='container' id='container'>
      <div class='row-content'>
        <div class='col-xs-12 col-sm-12 col-md-8 col-lg-8 main-post-div'>
          <b:section class='main' id='main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
              <b:includable id='main' var='top'>
                <b:if cond='data:mobile == "false"'>
                  
                  <b:include data='top' name='status-message'/>
                  <data:defaultAdStart/>
                  <b:loop values='data:posts' var='post'>
                    <b:include data='post' name='post'/>
                    <b:if cond='data:blog.pageType == "static_page"'>
                      <b:include data='post' name='comment_picker'/>
                    </b:if>
                    <b:if cond='data:blog.pageType == "item"'>
                      <b:include data='post' name='comment_picker'/>
                    </b:if>
                    <b:if cond='data:post.includeAd'>
                      <b:if cond='data:post.isFirstPost'>
                        <data:defaultAdEnd/>
                        <b:else/>
                        <data:adEnd/>
                      </b:if>
                      <div class='inline-ad'>
                        <data:adCode/>
                      </div>
                      <data:adStart/>
                    </b:if>
                  </b:loop>
                  <data:adEnd/>
                  
                  <b:include name='nextprev'/>
                  
                  <b:include name='feedLinks'/>
                  <b:if cond='data:top.showStars'>
                    <script src='//www.google.com/jsapi' type='text/javascript'/>
                    <script type='text/javascript'>
                      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
                      function initialize() {
                        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                        google.annotations.createAll();
                        google.annotations.fetch();
                      }
                      google.setOnLoadCallback(initialize);
                    </script>
                  </b:if>
                  <b:else/>
                  <b:include name='mobile-main'/>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <data:top.dummyBootstrap/>
                </b:if>
              </b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
                <span expr:class='"item-control " + data:backlink.adminClass'>
                  <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                    <img src='//www.blogger.com/img/icon_delete13.gif'/>
                  </a>
                </span>
              </b:includable>
              <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
                <b:if cond='data:post.numBacklinks != 0'>
                  <dl class='comments-block' id='comments-block'>
                    <b:loop values='data:post.backlinks' var='backlink'>
                      <div class='collapsed-backlink backlink-control'>
                        <dt class='comment-title'>
                          <span class='backlink-toggle-zippy'>
                             
                          </span>
                          <a expr:href='data:backlink.url' rel='nofollow'>
                            <data:backlink.title/>
                          </a>
                          <b:include data='backlink' name='backlinkDeleteIcon'/>
                        </dt>
                        <dd class='comment-body collapseable'>
                          <data:backlink.snippet/>
                        </dd>
                        <dd class='comment-footer collapseable'>
                          <span class='comment-author'>
                            <data:post.authorLabel/>
                            <data:backlink.author/>
                          </span>
                          <span class='comment-timestamp'>
                            <data:post.timestampLabel/>
                            <data:backlink.timestamp/>
                          </span>
                        </dd>
                      </div>
                    </b:loop>
                  </dl>
                </b:if>
                <p class='comment-footer'>
                  <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'>
                    <data:post.createLinkLabel/>
                  </a>
                </p>
              </b:includable>
              <b:includable id='comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <h4 id='comment-post-message'>
                      <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'>
                        <data:postCommentMsg/>
                      </a>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <h4 id='comment-post-message'>
                      <data:postCommentMsg/>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                  </script>
                </div>
              </b:includable>
              <b:includable id='commentDeleteIcon' var='comment'>
                <span expr:class='"item-control " + data:comment.adminClass'>
                  <b:if cond='data:showCmtPopup'>
                    <div class='goog-toggle-button'>
                      <div class='goog-inline-block comment-action-icon'/>
                    </div>
                    <b:else/>
                    <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                      <img src='//www.blogger.com/img/icon_delete13.gif'/>
                    </a>
                  </b:if>
                </span>
              </b:includable>
              <b:includable id='comment_count_picker' var='post'>
                <b:if cond='data:post.forceIframeComments'>
                  <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                  </span>
                  <b:else/>
                  <b:if cond='data:post.commentSource == 1'>
                    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                    </span>
                    <b:else/>
                    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      <data:post.commentLabelFull/>
                      :
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='comment_picker' var='post'>
                <b:if cond='data:post.commentSource == 1'>
                  <b:include data='post' name='iframe_comments'/>
                  <b:else/>
                  <b:if cond='data:post.showThreadedComments'>
                    <b:include data='post' name='threaded_comments'/>
                    <b:else/>
                    <b:include data='post' name='comments'/>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='comments' var='post'>
                <div class='comments well' id='comments'>
                  <a name='comments'/>
                  <b:if cond='data:post.allowComments'>
                    <h4>
                      <data:post.commentLabelFull/>
                      :
                    </h4>
                    <b:if cond='data:post.commentPagingRequired'>
                      <span class='paging-control-container'>
                        <b:if cond='data:post.hasOlderLinks'>
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                            <data:post.oldestLinkText/>
                          </a>
                           
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                            <data:post.olderLinkText/>
                          </a>
                           
                        </b:if>
                        <data:post.commentRangeText/>
                        <b:if cond='data:post.hasNewerLinks'>
                           
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                            <data:post.newerLinkText/>
                          </a>
                           
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                          </a>
                        </b:if>
                      </span>
                    </b:if>
                    <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
                      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                        <b:loop values='data:post.comments' var='comment'>
                          <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
                            <b:if cond='data:comment.favicon'>
                              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                            </b:if>
                            <a expr:name='data:comment.anchorName'/>
                            <b:if cond='data:blog.enabledCommentProfileImages'>
                              <data:comment.authorAvatarImage/>
                            </b:if>
                            <b:if cond='data:comment.authorUrl'>
                              <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                <data:comment.author/>
                              </a>
                              <b:else/>
                              <data:comment.author/>
                            </b:if>
                            <data:commentPostedByMsg/>
                          </dt>
                          <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                            <b:if cond='data:comment.isDeleted'>
                              <span class='deleted-comment'>
                                <data:comment.body/>
                              </span>
                              <b:else/>
                              <p>
                                <data:comment.body/>
                              </p>
                            </b:if>
                          </dd>
                          <dd class='comment-footer'>
                            <span class='comment-timestamp'>
                              <a expr:href='data:comment.url' title='comment permalink'>
                                <data:comment.timestamp/>
                              </a>
                              <b:include data='comment' name='commentDeleteIcon'/>
                            </span>
                          </dd>
                        </b:loop>
                      </dl>
                    </div>
                    <b:if cond='data:post.commentPagingRequired'>
                      <span class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                          <data:post.oldestLinkText/>
                        </a>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                          <data:post.olderLinkText/>
                        </a>
                         
                        <data:post.commentRangeText/>
                         
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                          <data:post.newerLinkText/>
                        </a>
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                          <data:post.newestLinkText/>
                        </a>
                      </span>
                    </b:if>
                    <p class='comment-footer'>
                      <b:if cond='data:post.embedCommentForm'>
                        <b:if cond='data:post.allowNewComments'>
                          <b:include data='post' name='comment-form'/>
                          <b:else/>
                          <data:post.noNewCommentsText/>
                        </b:if>
                        <b:else/>
                        <b:if cond='data:post.allowComments'>
                          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </p>
                  </b:if>
                  <b:if cond='data:showCmtPopup'>
                    <div id='comment-popup'>
                      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                      </iframe>
                    </div>
                  </b:if>
                  <div id='backlinks-container'>
                    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
                      <b:if cond='data:post.showBacklinks'>
                        <b:include data='post' name='backlinks'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != "item"'>
                  
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>
                  <b:else/>
                  
                  <div class='post-feeds'>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.feedLinks'>
                          <b:include data='post.feedLinks' name='feedLinksBody'/>
                        </b:if>
                      </b:if>
                    </b:loop>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </b:includable>
              <b:includable id='iframe_comments' var='post'>
                <b:if cond='data:post.allowIframeComments'>
                  <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                  <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
                  <b:if cond='data:post.embedCommentForm == "false"'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      <data:postCommentMsg/>
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != "static_page"'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <b:include data='post' name='comment_count_picker'/>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='mobile-main' var='top'>
                
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == "index"'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
              <b:includable id='mobile-nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
                        &lsaquo;
                      </a>
                    </div>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                        &rsaquo;
                      </a>
                    </div>
                  </b:if>
                  <div class='mobile-link-button' id='blog-pager-home-link'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                  </div>
                  <div class='mobile-desktop-link'>
                    <a class='home-link' expr:href='data:desktopLinkUrl'>
                      <data:desktopLinkMsg/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
              <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <h3 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h3>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='name'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                          <span class='post-comment-link'>
                            <b:if cond='data:blog.pageType != "item"'>
                              <b:if cond='data:blog.pageType != "static_page"'>
                                <b:if cond='data:post.allowComments'>
                                  <b:include data='post' name='comment_count_picker'/>
                                </b:if>
                              </b:if>
                            </b:if>
                          </span>
                          <span class='post-author vcard'>
                            <b:if cond='data:top.showAuthor'>
                              <data:top.authorLabel/>
                              <span class='fn'>
                                <data:post.author/>
                              </span>
                            </b:if>
                          </span>
                          <span class='post-timestamp'>
                            <b:if cond='data:top.showTimestamp'>
                              <data:top.timestampLabel/>
                              <b:if cond='data:post.url'>
                                <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                  <abbr class='published' expr:title='data:post.timestampISO8601'>
                                    <data:post.timestamp/>
                                  </abbr>
                                </a>
                              </b:if>
                            </b:if>
                          </span>
                          <span class='post-labels'>
                            <b:if cond='data:post.labels'>
                              <data:postLabelsLabel/>
                              <b:loop values='data:post.labels' var='label'>
                                <a class='label label-default' expr:href='data:label.url' rel='tag'>
                                  <data:label.name/>
                                </a>
                                <b:if cond='data:label.isLast != "true"'>
                                  ,
                                </b:if>
                              </b:loop>
                            </b:if>
                          </span>
                        </div>
                        <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          
                        </div>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                          </div>
                          <div class='post-footer-line post-footer-line-2'>
                            <b:if cond='data:top.showMobileShare'>
                              <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                <a href='javascript:void(0);'>
                                  <data:shareMsg/>
                                </a>
                              </div>
                            </b:if>
                            <b:if cond='data:top.showDummy'>
                              <div class='goog-inline-block dummy-container'>
                                <data:post.dummyTag/>
                              </div>
                            </b:if>
                          </div>
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == "static_page"'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == "item"'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='nextprev'>
                <div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>
                  <div class='blog-pager' id='blog-pager'>
                    <b:if cond='data:newerPageUrl'>
                      <span id='blog-pager-newer-link'>
                        <a class='blog-pager-newer-link btn btn-danger' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>
                          <data:newerPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <b:if cond='data:olderPageUrl'>
                      <span id='blog-pager-older-link'>
                        <a class='blog-pager-older-link btn btn-danger' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
                          <data:olderPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <a class='home-link btn btn-danger' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                    <b:if cond='data:mobileLinkUrl'>
                      <div class='blog-mobile-link'>
                        <a expr:href='data:mobileLinkUrl'>
                          <data:mobileLinkMsg/>
                        </a>
                      </div>
                    </b:if>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
              <b:includable id='post' var='post'>
                <b:if cond='data:blog.pageType == "item"'>
                  <div class='post-outer'>
                    <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                      <b:if cond='data:post.firstImageUrl'>
                        <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                      </b:if>
                      <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                      <meta expr:content='data:post.id' itemprop='postId'/>
                      <a expr:name='data:post.id'/>
                      <b:if cond='data:post.title'>
                        <b:if cond='data:post.link'>
                          <a expr:href='data:post.link'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <b:if cond='data:post.url'>
                            <b:if cond='data:blog.url != data:post.url'>
                              <h2 class='post-title entry-title'>
                                <a expr:href='data:post.url'>
                                  <data:post.title/>
                                </a>
                              </h2>
                              <b:else/>
                              <h1 class='post-title entry-title'>
                                <data:post.title/>
                              </h1>
                            </b:if>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                        </b:if>
                      </b:if>
                      <div id='main_content'>
                        <data:post.body/>
                      </div>
                      <div class='post-header'>
                        <div class='post-header-line-1'/>
                        <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            <data:top.authorLabel/>
                            <span class='fn'>
                              <data:post.author/>
                            </span>
                          </b:if>
                        </span>
                        <span class='post-timestamp'>
                          <b:if cond='data:top.showTimestamp'>
                            <data:top.timestampLabel/>
                            <b:if cond='data:post.url'>
                              <abbr class='published' expr:title='data:post.timestampISO8601'>
                                <data:post.timestamp/>
                              </abbr>
                            </b:if>
                          </b:if>
                        </span>
                        <span class='post-comment-link'>
                          <b:if cond='data:post.allowComments'>
                            <b:include data='post' name='comment_count_picker'/>
                          </b:if>
                        </span>
                      </div>
                      <div class='boxframe'>
                        <div id='related-posts'>
                          <script type='text/javascript'>
                            //<![CDATA[
                            eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('6 7=p u();6 g=0;6 h=p u();6 f=p u();G 1A(K){A(6 i=0;i<K.13.l.4;i++){6 l=K.13.l[i];7[g]=l.1z.$t;6 B=l.T.$t;6 B=$(B);6 J=B.1y(\'1w\');8(J.4>=1){z=J[0].S;6 I=/(\\?v=|\\/\\d\\/|\\/12\\/|\\/v\\/|\\.1x\\/)([a-11-14-9\\-\\15]+)/;6 L=/(\\/12\\/16\\/)([a-11-14-9\\-\\15]+)/;10=z.D(I);17=z.D(L);8(17){E=z.D(L)[2];M=\'N://1H.1G.P/U/16/\'+E}o 8(10){E=z.D(I)[2];M=\'N://1u.1k.P/1l/\'+E+\'/1g.V\'}f[g]=M}o{1h{f[g]=l.1m$U.1s;f=f.1t("/1r-c/","/1L-a/")}1o(1p){s=l.T.$t;a=s.O("<R");b=s.O("S=\\"",a);c=s.O("\\"",b+5);d=s.24(b+5,c-b-5);8((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){f[g]=d}o{8(1d(19)!==\'1a\')f[g]=19;o f[g]="N://3.26.21.P/-1X/1Y/1P/1O/1N/1R.V"}}}8(7[g].4>Y)7[g]=7[g].1W(0,Y)+"...";A(6 k=0;k<l.Q.4;k++){8(l.Q[k].1T==\'1Q\'){h[g]=l.Q[k].X;g++}}}}G 27(){6 w=p u(0);6 y=p u(0);6 x=p u(0);A(6 i=0;i<h.4;i++){8(!18(w,h[i])){w.4+=1;w[w.4-1]=h[i];y.4+=1;x.4+=1;y[y.4-1]=7[i];x[x.4-1]=f[i]}}7=y;h=w;f=x}G 18(a,e){A(6 j=0;j<a.4;j++)8(a[j]==e)1f 1K;1f 1q}G 1V(1b){6 H;8(1d(1e)!==\'1a\')H=1e;o H="#1i";A(6 i=0;i<h.4;i++){8((h[i]==1b)||(!7[i])){h.q(i,1);7.q(i,1);f.q(i,1);i--}}6 r=1c.1E((7.4-1)*1c.1J());6 i=0;8(7.4==0){n.m(\'<F>1D 1C 1B</F>\')};8(7.4>0)n.m(\'<F>\'+25+\'</F>\');n.m(\'<C W="1I: 1v;"/>\');1n(i<7.4&&i<20&&i<1S){n.m(\'<a W="29-23:1Z;1M:1U;\');8(i!=0)n.m(\'"\');o n.m(\'"\');n.m(\' X="\'+h[r]+\'"><R Z="R-28 22" S="\'+f[r]+\'"/><1j/><C Z="1F">\'+7[r]+\'</C></a>\');i++;8(r<7.4-1){r++}o{r=0}}n.m(\'</C>\');h.q(0,h.4);f.q(0,f.4);7.q(0,7.4)}',62,134,'||||length||var|relatedTitles|if|||||||thumburl|relatedTitlesNum|relatedUrls||||entry|write|document|else|new|splice||||Array||tmp|tmp3|tmp2|video_rurl|for|con|div|match|videokey|h3|function|splitbarcolor|rre|videot|json|rredaily|imageurl|http|indexOf|com|link|img|src|content|thumbnail|jpg|style|href|35|class|videoykeynum|zA|embed|feed|Z0|_|video|videodkeydaily|contains_thumbs|defaultnoimage|undefined|current|Math|typeof|splittercolor|return|sddefault|try|DDDDDD|br|ytimg|vi|media|while|catch|error|false|s72|url|replace|i1|both|iframe|be|find|title|related_results_labels_thumbs|videos|similar|No|floor|imgpost|dailymotion|www|clear|random|true|s300|float|s1600|092MmUHSFQ0|AAAAAAAACl8|alternate|no_image|maxresults|rel|left|printRelatedLabels|substring|PpjfsStySz0|UF91FE7rxfI|none||blogspot|relateimg|decoration|substr|relatedpoststitle|bp|removeRelatedDuplicates|reponsive|text'.split('|'),0,{}))

//]]></script>
                          <b:loop values='data:post.labels' var='label'>
                            <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/>
                          </b:loop>
                          <script type='text/javascript'>
                            var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9YIJpJeUqRqtVlxywZ45ltBk2UM9Jp6srpuz2GIGBEq2ZlTu5e1c5WYX0f0AaeD2QHQK0sTlJP3cxt2tcrQi1RAKOTYHWdPjzPLY3sHzAEmr1-s64XQaD0mdaLVRSD-lEB7K1RTKsJVdF/s1600/no_image.jpg";
                            var maxresults=4;
                            var splittercolor="#DDDDDD";
                            var relatedpoststitle=" Related videos";
                            removeRelatedDuplicates();
                            printRelatedLabels('<data:post.url/>');
                          </script>
                        </div>
                        <div class='clear'/>
                      </div>
                      <div class='post-footer'>
                        <div class='post-footer-line post-footer-line-1'>
                          <span class='post-icons'>
                            
                            <b:if cond='data:post.emailPostUrl'>
                              <span class='item-action'>
                                <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                                  <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
                                </a>
                              </span>
                            </b:if>
                            
                            <b:include data='post' name='postQuickEdit'/>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <b:else/>
                  <b:if cond='data:blog.pageType == "static_page"'>
                    <div class='post-outer'>
                      <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <b:if cond='data:post.link'>
                            <a expr:href='data:post.link'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <b:if cond='data:post.url'>
                              <b:if cond='data:blog.url != data:post.url'>
                                <h2 class='post-title entry-title'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                </h2>
                                <b:else/>
                                <h1 class='post-title entry-title'>
                                  <data:post.title/>
                                </h1>
                              </b:if>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                          </b:if>
                        </b:if>
                        <data:post.body/>
                      </div>
                    </div>
                    <b:else/>
                    <div class='col-xs-12 col-sm-6 col-md-6 col-lg-4 row-video-thm'>
                      <div class='post hentry thumbnail' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.firstImageUrl'>
                          <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <b:if cond='data:post.title'>
                        </b:if>
                        <div expr:id='"summary" + data:post.id'>
                          <data:post.body/>
                        </div>
                        <script type='text/javascript'>
                          createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");
                        </script>
                        <div style='clear: both;'/>
                        <h2 class='jqmaintitle'>
                          <b:if cond='data:post.link'>
                            <a expr:href='data:post.link' expr:title='data:post.title'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <b:if cond='data:post.url'>
                              <a expr:href='data:post.url' expr:title='data:post.title'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                          </b:if>
                        </h2>
                      </div>
                    </div>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                  <span expr:class='"item-control " + data:post.adminClass'>
                    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                      <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                    </a>
                  </span>
                </b:if>
              </b:includable>
              <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showEmailButton'>
                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.emailThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showBlogThisButton'>
                  <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.blogThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showTwitterButton'>
                  <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToTwitterMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showFacebookButton'>
                  <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToFacebookMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showOrkutButton'>
                  <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToOrkutMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                          <data:navMessage/>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
              <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
                  </script>
                </div>
              </b:includable>
              <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;
                    }
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                          }
                        }
                      }
                      return entry.content.$t;
                    }
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {};
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                              };
                            }
                          }
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;
                            }
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];
                              }
                            }
                          }
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                              } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                comment.displayTime = entry.gd$extendedProperty[k].value;
                              }
                            }
                          }
                          comments.push(comment);
                        }
                      }
                      return comments;
                    };
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();
                        }
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;
                        }
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);
                      }
                    };
                    var hasMore = function() {
                      return !!cursor;
                    };
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      } else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      } else if ('deleteclass' == key) {
                        return comment.deleteclass;
                      }
                      return '';
                    };
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '250px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');
                        }
                      }
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;
                      }
                    };
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    } else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);
                    }
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth
                    };
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs
                    };
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);
                      }
                    };
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    } else {
                      window.goog = window.goog || {};
                      window.goog.comments = window.goog.comments || {};
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);
                    }
                  })();
                  // ]]>
                </script>
              </b:includable>
              <b:includable id='threaded_comments' var='post'>
                <div class='comments' id='comments'>
                  <a name='comments'/>
                  <h4>
                    <data:post.commentLabelFull/>
                    :
                  </h4>
                  <div class='comments-content'>
                    <b:if cond='data:post.embedCommentForm'>
                      <b:include data='post' name='threaded_comment_js'/>
                    </b:if>
                    <div id='comment-holder'>
                      <data:post.commentHtml/>
                    </div>
                  </div>
                  <p class='comment-footer'>
                    <b:if cond='data:post.allowNewComments'>
                      <b:include data='post' name='threaded-comment-form'/>
                      <b:else/>
                      <data:post.noNewCommentsText/>
                    </b:if>
                  </p>
                  <b:if cond='data:showCmtPopup'>
                    <div id='comment-popup'>
                      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                      </iframe>
                    </div>
                  </b:if>
                  <div id='backlinks-container'>
                    <div expr:id='data:widget.instanceId + "_backlinks-container"'>
                      <b:if cond='data:post.showBacklinks'>
                        <b:include data='post' name='backlinks'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
           
        </div>
         
        <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4'>
          <div class='sidebox'>
            <b:section class='sidebar' id='sidebar' preferred='yes'>
              <b:widget id='HTML1' locked='false' title='New templates on your Email' type='HTML'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='HTML4' locked='false' title='' type='HTML'>
                <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
              </b:widget>
              <b:widget id='HTML2' locked='false' title='' type='HTML'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='HTML3' locked='false' title='Like us' type='HTML'>
                <b:includable id='main'>
                  
                  <b:if cond='data:title != ""'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
              <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <div id='ArchiveList'>
                      <div expr:id='data:widget.instanceId + "_ArchiveList"'>
                        <b:if cond='data:style == "HIERARCHY"'>
                          <b:include data='data' name='interval'/>
                        </b:if>
                        <b:if cond='data:style == "FLAT"'>
                          <b:include data='data' name='flat'/>
                        </b:if>
                        <b:if cond='data:style == "MENU"'>
                          <b:include data='data' name='menu'/>
                        </b:if>
                      </div>
                    </div>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
                <b:includable id='flat' var='data'>
                  <ul class='flat'>
                    <b:loop values='data:data' var='i'>
                      <li class='archivedate'>
                        <a expr:href='data:i.url'>
                          <data:i.name/>
                        </a>
                        (
                        <data:i.post-count/>
                        )
                      </li>
                    </b:loop>
                  </ul>
                </b:includable>
                <b:includable id='interval' var='intervalData'>
                  <b:loop values='data:intervalData' var='i'>
                    <ul class='hierarchy'>
                      <li expr:class='"archivedate " + data:i.expclass'>
                        <b:include data='i' name='toggle'/>
                        <a class='post-count-link' expr:href='data:i.url'>
                          <data:i.name/>
                        </a>
                        <span class='post-count' dir='ltr'>
                          (
                          <data:i.post-count/>
                          )
                        </span>
                        <b:if cond='data:i.data'>
                          <b:include data='i.data' name='interval'/>
                        </b:if>
                        <b:if cond='data:i.posts'>
                          <b:include data='i.posts' name='posts'/>
                        </b:if>
                      </li>
                    </ul>
                  </b:loop>
                </b:includable>
                <b:includable id='menu' var='data'>
                  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
                    <option value=''>
                      <data:title/>
                    </option>
                    <b:loop values='data:data' var='i'>
                      <option expr:value='data:i.url'>
                        <data:i.name/>
                        (
                        <data:i.post-count/>
                        )
                      </option>
                    </b:loop>
                  </select>
                </b:includable>
                <b:includable id='posts' var='posts'>
                  <ul class='posts'>
                    <b:loop values='data:posts' var='i'>
                      <li>
                        <a expr:href='data:i.url'>
                          <data:i.title/>
                        </a>
                      </li>
                    </b:loop>
                  </ul>
                </b:includable>
                <b:includable id='toggle' var='interval'>
                  <b:if cond='data:interval.toggleId'>
                    <b:if cond='data:interval.expclass == "expanded"'>
                      <a class='toggle' href='javascript:void(0)'>
                        <span class='zippy toggle-open'>
                          ▼ 
                        </span>
                      </a>
                      <b:else/>
                      <a class='toggle' href='javascript:void(0)'>
                        <span class='zippy'>
                          <b:if cond='data:blog.languageDirection == "rtl"'>
                            ◄ 
                            <b:else/>
                            ► 
                          </b:if>
                        </span>
                      </a>
                    </b:if>
                  </b:if>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
        </div>
      </div>
    </div>
    <div class='footer-container'>
      <div class='container'>
        <div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>
          <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4'>
            <b:section class='footer1' id='footer1' preferred='yes'>
              <b:widget id='Label1' locked='false' title='Labels' type='Label'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
                    <b:if cond='data:display == "list"'>
                      <ul>
                        <b:loop values='data:labels' var='label'>
                          <li>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'>
                                <data:label.name/>
                              </span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                <data:label.name/>
                              </a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span dir='ltr'>
                                (
                                <data:label.count/>
                                )
                              </span>
                            </b:if>
                          </li>
                        </b:loop>
                      </ul>
                      <b:else/>
                      <b:loop values='data:labels' var='label'>
                        <span expr:class='"label-size label-size-" + data:label.cssSize'>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span class='label-count' dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </span>
                      </b:loop>
                    </b:if>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
          <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4'>
            <b:section class='footer2' id='footer2' preferred='yes'>
              <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content popular-posts'>
                    <ul>
                      <b:loop values='data:posts' var='post'>
                        <li>
                          <b:if cond='data:showThumbnails == "false"'>
                            <b:if cond='data:showSnippets == "false"'>
                              
                              <a expr:href='data:post.href'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                              <div class='item-snippet'>
                                <data:post.snippet/>
                              </div>
                            </b:if>
                            <b:else/>
                            <b:if cond='data:showSnippets == "false"'>
                              
                              <div class='item-thumbnail-only'>
                                <b:if cond='data:post.thumbnail'>
                                  <div class='item-thumbnail'>
                                    <a expr:href='data:post.href' target='_blank'>
                                      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                    </a>
                                  </div>
                                </b:if>
                                <div class='item-title'>
                                  <a expr:href='data:post.href'>
                                    <data:post.title/>
                                  </a>
                                </div>
                              </div>
                              <div style='clear: both;'/>
                              <b:else/>
                              
                              <div class='item-content'>
                                <b:if cond='data:post.thumbnail'>
                                  <div class='item-thumbnail'>
                                    <a expr:href='data:post.href' target='_blank'>
                                      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                    </a>
                                  </div>
                                </b:if>
                                <div class='item-title'>
                                  <a expr:href='data:post.href'>
                                    <data:post.title/>
                                  </a>
                                </div>
                                <div class='item-snippet'>
                                  <data:post.snippet/>
                                </div>
                              </div>
                              <div style='clear: both;'/>
                            </b:if>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
          <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4'>
            <b:section class='footer3' id='footer3' preferred='yes'>
              <b:widget id='Feed1' locked='false' title='Our latest templates' type='Feed'>
                <b:includable id='main'>
                  <h2>
                    <data:title/>
                  </h2>
                  <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
                    <span style='filter: alpha(25); opacity: 0.25;'>
                      <a expr:href='data:feedUrl'>
                        <data:loadingMsg/>
                      </a>
                    </span>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
        </div>
      </div>
    </div>
     
    <div id='footer'>
      <p class='footer-link'>
        © 
        <a expr:href='data:blog.homepageUrl'>
          <strong>
            <data:blog.title/>
          </strong>
        </a>
        2013 . Powered by 
        <a href='http://www.blogger.com/' rel='nofollow' title='Blogger'>
          Blogger
        </a>
        / 
        <a href='http://templates.weblogtemplates.net/' rel='nofollow' title='Blogger templates'>
          Blogger templates
        </a> <a href="https://syamszone.blogspot.com/">Zone</a></p>
    </div>
 <script src='//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js'/>
  </body>
</html>

SyamsZone

VubeTube

VubeTube 'YouTube' Blogger Template