* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "SourceSansPro", sans-serif, Helvetica, Arial, Verdana, sans-serif ; /*good for headlines – h2-h6 */
    font-size: .83em;		
	color: #4c4c4c;
	color: #404040;	
	line-height: 1.6em;
    background-color: #FFFFFF; 
    margin: 0;
}

.container{
    background-color: #fff;  
    /*padding-right: 30px;
    padding-left: 30px; */
    margin-right: auto;
    margin-left: auto;
/*	border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0; */
}


.indi-long-form-text p.small, .indi-long-form-text p .small, .indi-long-form-text .small {
	font-size: 14px;
}
.page-body {
	margin-top:16px;
}
@media (min-width: 375px) {
  .container {
    width: 360px;
  }
}
@media (min-width: 414px) {
  .container {
    width: 405px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.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-right: 15px;
  padding-left: 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.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@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.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@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.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
	/*padding: 0 100px; */
	margin-top: 50px;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
	/*margin-top: 60px; */
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }

}
@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.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
a {
	color: #006FF4;
	text-decoration: none;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both;
}

.indi-side-nav__label.large {
	font-size: 1.7em;
}
.nav-grey {
	font-family: "Source Sans Pro", sans-serif;
	color: #006FF4;
    padding: 5px 30px;
    background-color: #F7F7F7;
    margin: 10px -30px 20px;
}


.widget {
    margin-top: 25px;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget ul li {
    margin-top:10px;
}
.banner {
    margin-bottom: 20px;
	margin-top: 30px;
}

.block {
    margin-top:20px;
}

/*.block a{
   font-size:18px;
} */


.logo {
    margin: 0 0 0 0;
}

.lead {
            margin-bottom: 30px;
            font-size: 22px;
            font-weight: 300;
            line-height: 1.4;
        }
        
        .how-to-list {
            counter-reset: how-to-counter;
        }
        
        .how-to-list dt {
            position: relative;
           /* font-size:35px;
            padding: -10px 0 0px 0; */
			color: #404040;
			font-family: "Source Sans Pro", sans-serif;
			font-size: 32px;
			font-weight: 400;
			line-height: 38px;
			margin: 50px 0 16px 0; }
        
        
        .how-to-list dt:before {
            content: counter(how-to-counter);
            counter-increment: how-to-counter;
            position: absolute;
            left: 0;
            top: 0;
            font: normal 32px/1 "Source Sans Pro", sans-serif;
            color: #006FF4;
            border:thin solid #006FF4;
            padding: 5px 15px;
        }
        
        .how-to-list dd {
            margin: 20px 0 30px 0;
        }
        
        .how-to-list dt,
        .how-to-list dd {
            padding-left: 80px;
        }


.how-to-list-2 {
            counter-reset: how-to-counter;
        }

.how-to-list-2 dt {
            position: relative;
           /* font-size:35px;
            padding: -10px 0 0px 0; */
			color: #404040;
			font-family: "Source Sans Pro", sans-serif;
			font-size: 28px;
			font-weight: 400;
			line-height: 38px;
			margin: 40px 0 5px 0; }
        
        
        .how-to-list-2 dt:before {
            content: counter(how-to-counter);
            counter-increment: how-to-counter;
            position: absolute;
            left: 0;
            top: 0;
            font: normal 28px/1 "Source Sans Pro", sans-serif;
            color: #006FF4;
            border:thin solid #006FF4;
            padding: 5px 15px;
        }
        
        .how-to-list-2 dd {
            margin: 10px 0 10px 0;
        }
        
        .how-to-list-2 dt,
        .how-to-list-2 dd {
            padding-left: 80px;
        }

/*
.table-ls-top-ten{
	border-collapse: collapse;
	width: 100%;
	font-size: 16px !important;
    margin: 0 0 32px 0; 
	
}

.table-ls-top-ten th, td {
    border-bottom: 1px solid #ddd;
	padding: 15px 10px 15px 0;
}*/


/* edits to indi styles */
.indi-side-nav__item  ul {
	visibility: hidden;
	height: 0px;
}
.indi-side-nav__item .current ~ ul {
	visibility: visible;
	height: auto;
}
.indi-side-nav__label--link:hover {
    background-color: #F7F7F7;
	border-left: none;
	margin-left: -20px;
	padding-left: 20px;
	display: block;
	outline:0;
	}

.indi-side-nav__label--link.current{
	font-weight: 600;
    background-color: #F7F7F7;
	border-left: 10px solid #B5BD00 ;
	margin-left: -30px;
	padding-left: 20px;
	display: block;
	outline:0;
	}

.indi-side-nav {
  border-bottom: solid 1px #E0E0E0;
  color: #404040;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  line-height: 1;
  list-style: none;
  margin: 0 0 16px 0;
  max-width: 250px;
  padding: 0 0 16px; }
  .indi-side-nav:last-child {
    border-bottom: 0; }

.indi-side-nav__label {
  display: block;
  font-size: 18px;
  padding: 14px 0; }
  .indi-side-nav__label .indi-icon {
    vertical-align: middle; }

.indi-side-nav__label--link {
  color: #006FF4;
  fill: #006FF4;
  text-decoration: none; }
  .indi-side-nav__label--link:hover {
    color: #004AD4;
    fill: #004AD4;
    font-weight: 600; }

.indi-side-nav__label--link-is-active {
  background-color: #F7F7F7;
  border-left: 13px solid #B5BD00;
  cursor: default;
  font-weight: 600;
  margin-left: -22px;
  padding-left: 8px; }
  @media screen and (min-width: 1230px) {
    .indi-side-nav__label--link-is-active {
      margin-left: -40px;
      padding-left: 26px; } }
  .indi-side-nav__label--link-is-active:hover {
    color: #006FF4;
    font-weight: 600; }

.indi-side-nav__label--heading {
  font-size: 20px;
  font-weight: 400; }

.indi-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .indi-container:before, .indi-container:after {
    content: ' ';
    display: table; }
  .indi-container:after {
    clear: both; }
  @media (min-width: 768px) {
    .indi-container {
      width: 750px; } }
  @media (min-width: 992px) {
    .indi-container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .indi-container {
      width: 1170px; } }


/*sub menu for sidenav*/

.sub-menu{
		display: block;
    	font-size: 16px;
    	padding: 12px 0;
}

.sub-menu a:hover {
    color: #004AD4;
}
.sub-menu.current {
	font-weight: 600;
}


.indi-long-form-text p {
    margin: 0 0 15px 0; }



 /* .indi-long-form-text h4 {
    margin: 0 0 3px 0; } 
*/
.indi-long-form-text ul {
		line-height: 1.6em !important;
}

.indi-long-form-text ul, .indi-long-form-text ol {
		
		font-weight: 400 !important;
		font-size: 16px !important;
		margin: 0 0 8px 0 !important;
		padding: 0 0 0 10px;
}

.indi-long-form-text ul li {
      margin: 0 0 8px 0;
      padding-left: 16px;
      position: relative; }


.indi-long-form-text ol {
line-height: 1.6em !important; 
	margin: 0 0 0 0 !important;
}

 .indi-long-form-text h3 {
   margin: 60px 0 16px 0; }


.indi-long-form-text h4 {
    margin: 40px 0 8px 0; }

.indi-long-form-text h2 {
    margin: 0 0 13px 0; }

 .indi-long-form-text h5 {
     font-weight: 600;
	 margin: 30px 0 10px;
     }

.sub-title {
	color: #262626;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 16px 0; }

/*
.blue-bullet {
            list-style: none;
}
        
.blue-bullet li::before {
            content: "\25AA";
            color: #4292F4;
            display: inline-block;
            width: 1em;
            margin-left: -1em
}

.blue-number {
    list-style-type: none;
}
.blue-number ol {
    margin-left: 2em;
}
.blue-number li {
    counter-increment: count-me;
}
.blue-number li::before {
    content: counter(count-me) ". ";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -1.3em;
    top: .05em;
    color: #4292F4;
    font-weight: bold;
}

*/
.sidebar h4 {
    color: #262626;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin: 0 0 16px 0; }


/* ============================ Table Formating ================================== */
.table {
	border: #e1e1e1 1px solid;
	margin: 10px 0 10px 0;
	padding: 2px;
	}
.table.noborder {
	border: #e1e1e1 0px solid;
	margin: 10px 0 10px 0;
	padding: 2px;
	width: 100%;
	}
.table.noborder tr:hover {
	background-color: transparent !important;	
	}
.table.noborder tr:hover td{
	border: #e1e1e1 0px solid;
	}
.table.noborder td{
	border: #e1e1e1 0px solid;
	padding: 0px 0px 5px 0px !important;
	}
			
.table tr{
	vertical-align: top;	
	}
 .table tr:hover {
	vertical-align: top;
	background-color:#F3F3F3 !important;	
	border: #999 1px solid;
	}						
.table tr:hover td{
	border: #e1e1e1 1px solid;
	}
/* for Tables cells that you want to have hover effect*/
.table.cellhover tr:hover {
	border: #e1e1e1 1px solid;
	background-color:#FFF !important;	
	}
.table.cellhover tr:hover td:hover {
	border: #e1e1e1 1px solid;
	background-color:#F3F3F3 ;	
	}
/* for Tables cells that you want to have hover effect*/
/* for Tables with nohover effect*/
.table.nohover tr:hover {
	border: #e1e1e1 0px solid;
	background-color:#fff !important;	
	}
		/* for Tables with nohover effect*/
			
.table .table-heading, .table .table-heading td, .table th, .table tr.table-heading td, table td.table-heading
{
	border: #999 1px solid;
	background:#F3F3F3;
	background: #DADADA;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.table .submit
{
	border: #999 1px solid;
	background:#F3F3F3;
	background: #DADADA;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}			

/* added 7/6/12: for tables whose headers have links */
th {
	padding: 5px 3px 5px 3px !important;
}
th a {
	color: #4D6BB4; 
	text-decoration: none;
	border-bottom: 1px #30659C solid;
	background: none;
}		
/* end 7/6/12 */			
table {
	border-collapse: collapse;
	border-spacing: 0;
}						
.table .tbl-color{
	border: #999 1px solid;
	background: #F5F2E1;
	}
.table .table-app-heading td,
.table .table-app-heading th{
	border: #999 1px solid;
	background:#F3F3F3;
	background: #DADADA;
	padding: 0px;
	vertical-align: top;
	font-weight: bold;
	}
.table .table-heading strong{

	}
.table td{
	border: #CCCCCC 1px solid;
	padding: 5px 3px 5px 3px !important;
	
	}

.table tr td .table{
	border: #e1e1e1 0px solid;
	margin: 0px 0 0 -2px;
	padding: 2px;
	width: 100%;
	background: none;
	}
.table tr td .table tr{
vertical-align: top;	
	}
.table tr:hover .table td{
	vertical-align: top;
	background-color:#FFF;	
	border: #CCC 1px solid;
	}			
.table tr:hover td .table tr:hover {
	vertical-align: top;
	background-color:#DADADA;	
	border: #ccc 1px solid;
	}
.table tr:hover td .table tr:hover td{ 
	border: #999 1px solid;
	background-color:#DADADA;
	}

.table p{
	margin: 0px 0px 10px 0px;
	}	
.table .top {text-decoration: none; text-align:right; vertical-align: bottom; }

	
.table td.search-tbl-left-td{
	border: #CCCCCC 1px solid;
	padding: 5px 0px 0px 3px !important;
	
	text-align: left;
	}
.table h4{
	border-bottom: #CCCCCC 1px solid;
	font-weight: bold;
	margin: 0px 0 5px 0 !important;
	padding: 0px 0 0px 0 !important;
	}

.table .table-altcolor{
	background: #f2f2f2;
	}


.plain-table{
	border: none;
	padding: 5px 3px 5px 3px !important;
	
	}
.plain-table tr{
	vertical-align: top;
	}	
				
.plain-table td{
	border: none;
	padding: 5px 5px 5px 5px !important;
	vertical-align: top;
	}	
.plain-table th {
	background: inherit !important;
	border: none !important;
	border-bottom: thin solid #ccc !important;
	
}	
/*form table td, #formtable td {padding: 5px;}*/
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .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;
  }
}

.indi-notification {
    margin-top: 30px !important;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* THIS IS FOR BANNER IMAGE*/
.image-container {
    position: relative;
}
.text-block {
    position: absolute;
    top: 32px;
    Left: 32px;
    color: white;
	width:450px;
}
img.icon
{    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    position: relative;
    bottom: 5px;
    margin-bottom: 3px;}
.back-color{
	background-color: #EEEEEE; 
	padding: 0 0 32px 32px;
   
}

.textBetweenLines1 {
	margin-top: 60px;
	margin-bottom: 63px;
	text-align: center;
}
.textBetweenLines1 .horizLine {
	border-bottom: 1px solid #A7A7A7 ;
}
.textBetweenLines1 .textBlock {
	float: left;
	display: block;
	background-color: white;
	margin: -45px 0 0 230px;
}
.textBetweenLines2 {
	margin-top: 5px;
	margin-bottom: 30px;
	text-align: center;
}
.textBetweenLines2 .horizLine {
	border-bottom: 1px solid #A7A7A7 ;
}
.textBetweenLines2 .textBlock {
	float: left;
	display: block;
	background-color: white;
	margin: -40px 0 0 210px;
}
/* Code starts for HTML5 video  */
.vid-img-sl  {
	/*background-color: #000;*/
	background: rgba(0,0,0,.10);
	 opacity: 1 !important;
	filter:alpha(opacity=100) !important;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
	
	}
.watchlink, .vidopen .watchlink {
	background: #004AD4 ;
    color: #fff;
    display: block;
    font-size: 0.8em;
    letter-spacing: 2px;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	width: 213px;
}
.watchlink:before {
    background: url(/_res/images/icons/play-button.png) no-repeat center center;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 1em;
    overflow: hidden;
    padding-top: 1em;
    width: 1em;
}

.watchlink-green, .vidopen .watchlink-green {
	background: #00a651;
    color: #fff;
    display: block;
    font-size: 0.8em;
    letter-spacing: 2px;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	width: 213px;
}

.watchlink-green:before {
    background: url(/_res/images/icons/play-button.png) no-repeat center center;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 1em;
    overflow: hidden;
    padding-top: 1em;
    width: 1em;
}
/* Code ends for HTML5 video  */