/*IE*/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {}

.dls-white {
	margin-top: -39px;
	position: absolute !important;
	z-index: 1 !important;
	margin-left: 10px;
}

.custom-country-dropdown {
	min-width: 165px !important;
}

.down-arrow-icn {
	margin-left: 30px !important;
}

/*Mobile version start*/
.header-desktop,
.header-desktop,
.homepage-top-header .container .row .col-md-4 .countryselection,
.homepage-top-header .container .row .col-md-3 .customsitesearch {
	display: block !important;
}

.header-mobile,
.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel,
.grid-icon-desktop,
.customsitesearch3,
.grid-video-tutorial-mobile,
.mal-heading-mobile-visible,
.forms-subheading-mobile-visible,
.article-heading-mobile-visible,
.article-subheading-mobile-visible,
.show-grid-mobile {
	display: none;
}

.homepage-top-header {
	box-shadow: 0px 3px 6px #0000001A !important;
}

@media (max-width:325px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 45px !important;
		min-width: 20px !important;
	}
}

@media (min-width:326px) and (max-width:426px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 90px !important;
		min-width: 20px !important;
	}
}

@media(max-width:399px) and (min-width:320px) {
	.mobile-font-center1 {
		padding-top: 20px !important;
	}
}

/*Mobile version end*/

/*Small Desktop*/
@media (max-width: 1279px) and (min-width:1024px) {
	.grid-header-spacing {
		min-height: 90px !important;
	}

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: 5px;

	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: 5px;

	}

	.grid-support-category-talk-to-us {
		min-height: 500px !important;
	}

	.grid-recommended-video1,
	.grid-recommended-video2 {
		min-height: 260px !important;
	}

	.grid-recommended-video {
		min-height: 320px !important;
	}
}

@media (min-width:1024px) and (max-width:1024px) {
	.grid-video-heading .container .row .col-md-8 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.grid-video-heading .container .row .col-md-4 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

/*Extra Small Desktop*/
@media (max-width: 1023px) and (min-width:768px) {
	.grid-video-heading .container .row .col-md-8 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.grid-video-heading .container .row .col-md-4 {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.grid-header-spacing {
		min-height: 90px !important;
	}

	.grid-support-category-talk-to-us {
		min-height: 520px !important;
	}

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: 5px;

	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: 5px;

	}

	.grid-recommended-video1,
	.grid-recommended-video2 {
		min-height: 305px !important;
	}

	.grid-recommended-video {
		min-height: 365px !important;
	}
}

/*Tablet*/
@media (max-width: 767px) and (min-width:427px) {
	.grid-header-spacing {
		min-height: 130px !important;
	}

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: -75px;

	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: -75px;

	}

	.grid-support-category-talk-to-us {
		min-height: 520px !important;
	}

	.grid-recommended-video1 {
		margin-bottom: 20px;
	}

	.grid-recommended-video2 {
		margin-bottom: 20px;
	}

	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp {
		float: unset !important;
		text-align: center;
		margin-bottom: 20px;
	}

	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-up,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-up-filled,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-down,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-down-filled {
		float: unset !important;
	}

	.grid-video-playlist {
		box-shadow: unset !important;
	}

	.grid-video-playlist .container .row>.col-md-6 {
		flex: 0 0 37% !important;
		max-width: 37% !important;
	}

	.grid-video-playlist .container .row>.col-md-6~.col-md-6 {
		flex: 0 0 63% !important;
		max-width: 63% !important;
	}

	.grid-video-playlist .container .row .col-md-6 .image .pad {
		text-align: left !important;
	}


}

/*Mobile*/
@media (max-width: 426px) {
	.grid-recommended-video1 {
		margin-bottom: 10px;
	}

	.video-header {
		font-size: 24px !important;
		line-height: 38px !important;
	}

	.grid-video .container .row .col-md-8 .video {
		background-color: unset !important;
	}

	.grid-recommended-video2 {
		margin-bottom: 10px;
	}

	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp {
		float: unset !important;
		text-align: center;
		margin-bottom: 20px;
	}

	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-up,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-up-filled,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-down,
	.grid-video-heading .container .row .col-md-4 .feedback .feedback-cmp .dls-icon-thumbs-down-filled {
		float: unset !important;
	}

	.grid-video-playlist {
		box-shadow: unset !important;
	}

	.grid-video-playlist .container .row>.col-md-6 {
		flex: 0 0 37% !important;
		max-width: 37% !important;
	}

	.grid-video-playlist .container .row>.col-md-6~.col-md-6 {
		flex: 0 0 63% !important;
		max-width: 63% !important;
	}

	.grid-video-playlist .container .row .col-md-6 .image .pad {
		text-align: left !important;
	}


	.grid-terms-conditions {
		padding-top: 20px;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 20px;
	}

	.customsitesearch0 {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
	}

	.countryselection0 {
		padding-top: 30px;
		text-align: left !important;
	}

	.hide-grid-mobile {
		display: none !important;
	}

	.header-desktop,
	.homepage-top-header .container .row .col-md-4 .countryselection,
	.grid-video-tutorials-left-right-icon,
	.mal-heading-desktop-visible,
	.forms-subheading-desktop-visible,
	.customsitesearch2,
	.homepage-top-header .container .row .col-md-3 .customsitesearch,
	.article-heading-desktop-visible {
		display: none !important;
	}

	.header-mobile,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel,
	.grid-icon-desktop,
	.mal-heading-mobile-visible,
	.forms-subheading-mobile-visible,
	.grid-video-tutorial-mobile,
	.article-heading-mobile-visible,
	.show-grid-mobile {
		display: block !important;
	}

	.grid-icon-desktop .container .row .col-md-12 div .image .pad a img {
		width: 40px;
		height: 40px;
		top: 540px;
		right: 40px;
		position: fixed;
		z-index: 1;
		opacity: 75%;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div div .accordion-content {
		padding-top: 20px !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel {
		width: unset !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered {
		background-color: #006fcf !important;
		border: none !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .collapsible {
		padding-left: 0px !important;
		padding-bottom: 0px !important;
		color: #006fcf !important;
		text-align: center !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .collapsible span {
		font-size: 15px !important;
		line-height: 22px;
		color: #fff !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .collapsible .collapsible-caret {
		color: #fff !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content {
		background-color: #006fcf !important;
		border-top: unset !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row {
		padding: 0px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container {
		height: 30px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper {
		height: 30px !important;
		line-height: 26px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .custom-select-container .down-arrow-icn {
		margin-top: 9px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list {
		position: fixed !important;
		width: 129px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-flag,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-flag,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-flag {
		height: 12px !important;
		margin-left: 10px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown .dropdown-list .country-select-links {
		font-size: 15px !important;
		line-height: 22px !important;
		text-align: left !important;
	}

	.banner-top-country .col-md-3 {
		min-height: 20px;
	}

	.homepage-top-header .col-md-3 {
		min-height: 10px;
	}

	.customsitesearch input {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.top-country-sticky {
		padding-top: 0px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .custom-country-dropdown,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .custom-country-dropdown {
		padding-right: 80px !important;
	}

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection .language,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection .language,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection .language {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .richtext div .header-mobile1 {
		padding-top: 0px !important;
	}

	.grid-header-spacing {
		min-height: 152px !important;
	}

	.grid-support-category-talk-to-us {
		min-height: 520px !important;
	}

	.homepage-top-header .container {
		padding-top: 0px !important;
	}

	.homepage-top-header .container .row .col-md-5 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.grid-recommended-video {
		min-height: 670px !important;
	}


	.grid-video .container .row .col-md-4 .grid .grid-video-playlist-main .container,
	.grid-video .container .row .col-md-8 .video .col-sm-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.grid-video .container .row .col-md-4 .grid .grid-video-playlist-main .container,
	.grid-video .container .row .col-md-8 .video .col-sm-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.grid-recommended-article .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.grid-terms-conditions .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.legal-recommend {
		font-size: 30px !important;
		line-height: 38px !important;
	}

	.legal-2 {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.legal-1 {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.grid-recommended-video1 .container .row .col-md-12 div .richtext .pad-2-t p .heading-4 a {
		font-size: 18px !important;
		line-height: 28px !important;
	}

	.grid-recommended-video2 .container .row .col-md-12 div .richtext .pad-2-t p .heading-4 a {
		font-size: 18px !important;
		line-height: 28px !important;
	}

	.grid-video-playlist .container .row .col-md-6 div .richtext div p .heading-3 .body-3 {
		font-size: 16px !important;
		line-height: 19px !important;
	}

	.selectedcountry {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.custom-select-container {
		padding-top: 3px !important;
	}

	.grid-video-heading .container .row .col-md-8 .richtext .pad-1-r {
		padding-right: 0px !important;
	}

	.grid-video-heading .container .row .col-md-8 .richtext .pad-1-l {
		padding-left: 0px !important;

	}

	.grid-video {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.grid-recommended-article-header {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.grid-recommended-article {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.grid-recommended-article-header .container .row .col-md-12 div .richtext .pad-1-l {
		padding-left: 0px !important;
	}

	.article-font {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.top-header-mobile-font {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.custom-country-dropdown {
		font-size: 15px !important;
		line-height: 22px !important;
	}

	.grid-video .container .row .col-md-8 .grid .grid-apply-card .container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.grid-recommended-video1 .container .row .col-md-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.grid-recommended-video2 .container .row .col-md-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

/*Mobile version start*/
@media (max-width:426px) and (min-width:386px) {

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: -35px !important;
	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: -35px !important;
	}
}

@media (max-width:385px) and (min-width:345px) {

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: -22px !important;
	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: -22px !important;
	}
}

@media (max-width:345px) {

	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: 0px !important;
	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: 0px !important;
	}
}

.collapsible:focus {
	outline: none !important;
}

@media (min-width:327px) and (max-width: 426px) {
	.grid-header-spacing {
		min-height: 90px !important;
	}
}

@media (max-width: 326px) {
	.grid-header-spacing {
		min-height: 112px !important;
	}
}

@media (max-width:350px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 45px !important;
		min-width: 20px !important;
	}
}

@media (min-width:350px) and (max-width:365px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 80px !important;
		min-width: 20px !important;
	}
}

@media (min-width:365px) and (max-width:390px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 95px !important;
		min-width: 20px !important;
	}
}

@media (min-width:410px) and (max-width:426px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 135px !important;
		min-width: 20px !important;
	}
}

@media (min-width:390px) and (max-width:410px) {

	.banner-top-country .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-4 .countryselection .country-select-wrapper .language-selection,
	.homepage-top-header .container .row .col-md-5 .customcollapsiblepanel div .bordered .body-1 .accordion-content .row .col-md-12 div .countryselection .country-select-wrapper .language-selection {
		padding-left: 115px !important;
		min-width: 20px !important;
	}
}

/*Mobile version end*/

/*Top header section*/
.homepage-top-header {
	position: fixed !important;
	width: 100%;
	z-index: 1;
}

.homepage-top-header .container {
	padding-top: 10px;
}

.homepage-top-header .container .row .col-md-5 .richtext :first-of-type {
	padding-top: 3px !important;
}

.grid-category-header.container {
	padding: 0px !important;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	outline: none !important;
}

.banner-top-country .container .row .col-md-5 .richtext :first-of-type {
	padding-top: 3px !important;
}

/*Country navigation*/
.dropbtn {
	background-color: transparent !important;
	color: #FFFFFF !important;
	font-size: 15px !important;
	border: none;
}

.country-selected {
	display: inline-block;
	padding-left: 0px !important;
	color: #FFFFFF !important;
	padding-top: 7px;
}


/*Playlist*/

.grid-video-heading .container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.dls-icon-thumbs-up:hover {
	cursor: pointer !important;
}

.dls-icon-thumbs-down:hover {
	cursor: pointer !important;
}

.grid-video-playlist .container .row {
	padding-top: 0px !important;
}

.grid-video-playlist .container .row .col-md-6 .image .pad {
	padding: 0px !important;
}

.grid-video-playlist .container .row .col-md-6 .icons {
	height: 20px !important;
}

.grid-video-playlist {
	box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);
}

.grid-recommended-video1 {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.grid-recommended-video2 {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 1280px) {
	.dls-icon-play-circle-filled {
		margin-top: -85px !important;
		margin-left: 40px;

	}

	.dls-icon-play-circle {
		margin-top: -85px !important;
		margin-left: 40px;
	}

}

.image_videolist>img {
	filter: brightness(0.8);
	height: 57px;
	width: 102px;
	padding: 0px !important;
	border-radius: 4px 4px 4px 4px;
}

.border-dark {
	border: .0625rem solid #006FCF !important;
}

.image .pad {
	padding: 0px !important;
}

img.lazy {
	display: initial !important;
}

body {
	background: #eee;
}
.grid-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 15px;
	align-items: flex-start;
}

.grid-container .main-video {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.grid-container .main-video video {
	width: 100%;
	border-radius: 5px;
}

.grid-container .main-video .title {
	color: #333;
	font-size: 23px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.grid-container .video-list {
	padding: 5px;
	background: #fff;
	height: 537px;
	overflow-y: scroll;
}

.grid-container .video-list ::-webkit-scrollbar {
	width: 7px;
}

.grid-container .video-list ::-webkit-scrollbar-track {
	background: #ccc;
	border-radius: 50px;
}

.grid-container .video-list ::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 50px;
}

.grid-container .video-list .vid video {
	width: 100px;
	border-radius: 5px;
}

.grid-container .video-list .vid {
	display: flex;
	align-items: center;
	gap: 15px;
	background: #f7f7f7;
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, .1);
}

.grid-container .video-list .vid:hover {
	background: #eee;
}

.grid-container .video-list .vid.active {
	background: #2980b9;
}

.grid-container .video-list .vid.active .title {
	color: #fff;
}

.grid-container .video-list .vid .title {
	color: #333;
	font-size: 17px;
}