/*!
 * Voxel Arts Base Theme 1.0
 *
 * Copyright 2013 Voxel Digital Arts, INC
 * ALL RIGHTS RESERVED
 *
 * Author: Welber Oliveira
 * www.welberoliveira.com
 */
/* GLOBAL STYLES
-------------------------------------------------- */
/* HTML5 Formatting for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block;
}

body,html {
	height:100%;
}

body {
	color:#5a5a5a;
	background:url(../images/body-background.jpg) center top no-repeat;
	background-position:center;
	background-size:cover;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:200;
}

h1 {
	font-size:25px;
	color:#30304d;
}

h2 {
	font-size:20px;
	color:#7777ae;
}

h3 {
	font-size:16px;
	color:#606093;
	font-weight:400;
}

h4 {
	font-size:15px;
}

p {
	font-size:13px;
}

.clear-float {
	clear:both;
}

a {
	color:#4f4f81;
}

a:hover {
	text-decoration:none;
	color:blue;
}

.pagination {
	margin:0!important;
}

iframe {
	border:0;
}

.main-content {
	margin-top:40px;
	margin-bottom:80px;
}

.main-padding {
	margin-top:50px;
	margin-bottom:50px;
	min-height:450px!important;
}

/* Responsive IFRAME VIDEO */
.video-container {
	position:relative;
	padding-bottom:56.25%;
/* 16:9 */
	padding-top:25px;
	height:0;
}

.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media (max-width:843px) {
	.padding-bottom {
		margin-bottom:50px;
	}
}

.page-title {
	background:transparent;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:15px 0;
}

.page-title hr {
	border:0;
	border-bottom:1px solid #ccc;
}

.page-title h1 {
	font-size:25px;
	margin:0;
	float:left;
	color:#363636;
}

.page-title-share {
	float:right;
	margin-top:5px;
}

.page-title .social-media {
	margin-top:5px;
}

@media (max-width:768px) {
	.social-media {
		padding-top:11px!important;
	}
}

.popover {
	z-index:9999!important;
}

@media (max-width:420px) {
	.popover {
		max-width:230px;
	}
}

.breadcrumb-container {
	background:#30304d;
}

.breadcrumb-container .breadcrumb {
	padding:10px 0;
	margin-bottom:0;
	list-style:none;
	background:none;
	border-radius:0;
	font-size:11px;
	color:#ccc;
}

.breadcrumb-container .breadcrumb .active {
	color:#ccc;
}

.breadcrumb-container .breadcrumb a {
	color:#fff;
}

.breadcrumb-container .breadcrumb a:hover {
	color:#64b4ff;
}

.pagination .active {
	background:#428bca;
	color:#fff;
}

body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom {
	margin-right:0!important;
}

.divider-down img {
	margin:0 auto;
}

/* HEADER
-------------------------------------------------- */
/* NAVIGATION
...............................*/
.navbar {
	position:relative;
	z-index:1000;
	min-height:50px;
	margin-bottom:0;
	border:1px solid transparent;
}

#load-navbar {
	display:none;
}

.navbar-inverse {
	background-color:transparent!important;
	border:0;
	border-bottom:1px solid #c5c4d2;
	margin-top:15px;
	border-radius:0;
	padding-top:5px;
	padding-bottom:20px;
}

.navbar-brand {
	float:left;
	padding:15px;
	line-height:20px;
	font-size:18px;
}

@media (max-width:991px){
	.navbar-brand img{
	width:220px !important;
	margin-top: 12px;
}
}



@media (min-width:368px) {
	.navbar-brand img {
		position:absolute;
		top:-14px;
		width:280px;
	}
}

@media (max-width:367px) {
	.navbar-brand img {
		position:absolute;
		top:-5px;
		width:230px;
	}
}

.navbar-brand h1 {
	margin:0!important;
	font-size:25px;
}

.navbar-inverse .navbar-nav > li > a {
	color:#4c4c5c;
	min-height:54px;
}

.navbar-inverse .navbar-nav > li > a:hover {
	color:blue;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
	border-top-color:#4c4c5c;
	border-bottom-color:#4c4c5c;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
	border-top-color:blue;
	border-bottom-color:blue;
}

@media (min-width:768px) {
	.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
		color:#000;
		background-color:transparent !important;
		background-size:100%;
	}

/*
	.navbar-inverse .navbar-nav > li > a:after {
		position:absolute;
		bottom:-5px;
		left:50%;
		margin-left: -80px;
		display:inline-block;
		width:160px;
		height: 30px;
		background:url(../images/nav-focus-bg.png) center bottom no-repeat transparent;
		content: "";
	}
*/

	.navbar-inverse .navbar-nav > li > a:focus:after {
		position:absolute;
		bottom:-5px;
		left:50%;
		margin-left: -80px;
		display:inline-block;
		width:160px;
		height: 30px;
		background:url(../images/nav-focus-bg.png) center bottom no-repeat transparent;
		content: "";
	}



	.navbar-nav > li > .dropdown-menu:before {
		position:absolute;
		top:-7px;
		right:9px;
		display:inline-block;
		border-right:7px solid transparent;
		border-bottom:7px solid #ccc;
		border-left:7px solid transparent;
		border-bottom-color:rgba(255,255,255,1);
		content:'';
	}

	.navbar-nav > li > .dropdown-menu {
		margin-top:10px!important;
		border-top-right-radius:4px;
		border-top-left-radius:4px;
	}
}

@media (max-width:767px) {
	.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus {
		background-color:#3276b1;
		border-color:#285e8e;
		color:#fff;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color:#606093;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color:blue;
	}

	.navbar-collapse {
		margin-top:20px;
		background:#fff;
	}

	.navbar-inverse .navbar-nav > .open > a .caret,.navbar-inverse .navbar-nav > .open > a:hover .caret,.navbar-inverse .navbar-nav > .open > a:focus .caret {
		border-top-color:#fff !important;
		border-bottom-color:#fff !important;
	}

	.navbar-nav .open .dropdown-menu {
		position:static;
		float:none;
		width:auto;
		margin-top:0;
		background-color:transparent;
		border:0;
		border-bottom:1px solid #ccc;
		box-shadow:none;
	}

	.navbar-inverse .navbar-toggle {
		border-color:#428bca;
		background:#357ebd;
	}

	.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
		background-color:#3276b1;
		border-color:#285e8e;
	}
}

.navbar-inverse .navbar-nav > .open > a .caret,.navbar-inverse .navbar-nav > .open > a:hover .caret,.navbar-inverse .navbar-nav > .open > a:focus .caret {
	border-top-color:#000;
	border-bottom-color:#000;
}

/* SOCIAL MEDIA */
@media (min-width:768px) {
	.social-media {
		margin-top:20px;
		height:25px;
		padding-right:30px;
	}
}

@media (max-width:767px) {
	.social-media {
		height:25px;
		padding-right:0;
	}
}

/* CAROUSEL
...............................*/
/* Carousel base class */
.main-slider {
	height:400px;
	margin-top:20px;
	margin-bottom:50px;
	border:1px solid #666;
	-webkit-box-shadow:0 0 3px 2px #9E9CB8;
	box-shadow:0 0 3px 2px #9E9CB8;
}

/* Since positioning the image, we need to help out the caption */
.main-slider .carousel-caption {
	z-index:10;
}

/* Declare heights because of positioning of img element */
.main-slider .item {
	height:400px;
	background-color:#777;
}

.main-slider .carousel-inner > .item > img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
/* height: 400px; */
}

.main-slider .fill {
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

.main-slider .carousel-indicators {
	position:absolute;
	bottom:-46px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none;
}

.main-slider .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	border:1px solid #93a7c9;
	border-radius:10px;
}

.main-slider .carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#abc1e8;
}

.main-slider .carousel-caption {
	position:absolute;
	right:15%;
	bottom:0;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

.main-slider .item h2 {
	font-weight:200;
	margin:0 0 5px;
	text-align:left;
	font-size:20px;
	color:#000;
	position:absolute;
	bottom:-10px;
	z-index:9999999;
}

.main-slider .carousel-caption p {
	text-align:left;
	margin:0;
	font-size:13px;
	background:rgba(0,0,0,0.5);
	padding:5px;
	border-radius:0 10px;
	color:#fff;
}

.main-slider .carousel-caption .btn-sm-2,.btn-xs-2 {
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
	border-radius:0 0 3px 3px;
}

.main-slider .carousel-caption .btn-primary-2 {
	color:#fff;
	background-color:#357ebd;
	border-color:#357ebd;
	opacity:.8;
}

.main-slider .carousel-caption .btn-primary-2:hover {
	color:#fff;
	background-color:#3071a8;
	border-color:#357ebd;
}

.main-slider .carousel-caption .btn-primary {
	color:#fff;
	background-color:#357ebd;
	border-color:#357ebd;
	opacity:.8;
}

.main-slider .carousel-caption .btn-primary:hover {
	color:#fff;
	background-color:#3071a8;
	border-color:#357ebd;
}

/* Product Showcase */
/* Carousel base class */
.product-showcase {
	height:249px;
	margin-top:0;
	margin-bottom:0;
	border:none;
}

.showcase-shadow {
	background:url(../images/showcase-shadow.png) right center no-repeat;
	position:absolute;
	height:250px;
	z-index:99999;
	width:100%;
}

/* Since positioning the image, we need to help out the caption */
.product-showcase .carousel-caption {
	z-index:10;
}

/* Declare heights because of positioning of img element */
.product-showcase .item {
	height:249px;
	background-color:#fff;
}

.product-showcase .carousel-inner > .item > img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
/* height: 400px; */
}

.product-showcase .fill {
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}

.product-showcase .carousel-indicators {
	position:absolute;
	bottom:-46px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none;
	display:none;
}

.product-showcase .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	border:1px solid #93a7c9;
	border-radius:10px;
}

.product-showcase .carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#abc1e8;
}

/* GLOBO COM PRESENTATION */

.globocom-presentation {
/* 	height:480px; */
	height: auto;
	margin-top:0;
	margin-bottom:0;
	border:1px solid #666;
	-webkit-box-shadow:0 0 3px 2px #9E9CB8;
	box-shadow:0 0 3px 2px #9E9CB8;
}

/* Declare heights because of positioning of img element */
.globocom-presentation .item {
	background-color:#fff;
}

.globocom-presentation .carousel-inner > .item > img {
/*
	position:absolute;
	top:0;
	left:0;
*/
	width:100%;
	height: auto;
}


.globocom-presentation .carousel-indicators {
	position:absolute;
	bottom:-46px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none;
}

.globocom-presentation .carousel-indicators li {
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	border:1px solid #93a7c9;
	border-radius:10px;
}

.globocom-presentation .carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0;
	background-color:#abc1e8;
}







/* FOOTER
-------------------------------------------------- */
.page-footer {
/* margin-top: 30px; */
	background:#30304d;
	padding:30px 0 0;
	color:#fff;
}

.page-footer hr {
	border:0;
	border-bottom:1px solid #254c6f;
}

.page-footer .header,.fn {
	margin-bottom:10px;
	font-size:14px;
}

.page-footer .header,.adr {
	margin-bottom:10px;
	font-size:12px;
	color:#ccc;
}

.sub-footer {
	background:#212136;
	padding:15px 0 10px;
	margin-top:30px;
	color:#4b4b77;
	text-align:center;
}

.nav-footer ul {
	margin:0;
	padding:0;
}

.nav-footer ul li {
	list-style:none;
}

.nav-footer ul li a {
	color:#fff;
	font-size:14px;
}

.nav-footer ul li a:hover {
	color:#fff;
	font-size:14px;
}

.nav-footer ul li ul {
	margin-top:10px;
}

.nav-footer ul li ul li a {
	color:#ccc;
	font-size:12px;
}

.nav-footer ul li ul li a:hover {
	color:#fff;
	font-size:12px;
}

.page-footer .header {
	font-size:14px;
	color:#fff;
}

/* HOME
-------------------------------------------------- */
.intro {
	padding:20px 0 15px;
	margin-bottom:55px;
	background:#eef4f7;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.intro p {
	font-size:20px!important;
	font-weight:200;
}

/* PRODUCT CALL TO ACTION */
.call-to-action {
	padding:0 0 35px;
}

.call-to-action h2 {
	text-align:center;
	font-size:18px;
	font-weight:200;
	color:#4f4f81;
	background:url(../images/section-title-shadow-bg.png) center bottom no-repeat #fff;
	background-size:100%;
	margin:0;
	padding:10px;
	border-bottom:0;
}

.product-container {
	border:1px solid #ccc;
}

.product-image {
	height:249px;
	width:100%;
	overflow:hidden;
	position:relative;
}

.product-image img {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-375px;
}

.product-call-to-action {
	text-align:justify;
}

.product-call-to-action a h3 {
	margin:0;
	padding:30px 0 0;
	height:83px;
	text-align:center;
	background:url(../images/call-to-action-btn-bg.jpg) left center #ebebef;
	border-bottom:1px solid #e4e5ea;
	font-size:20px;
	color:#4f4f81;
	font-weight:500;
}

.product-call-to-action a:hover h3 {
	background:url(../images/call-to-action-btn-bg-hover.jpg) left center #5e689f;
	color:#fff;
	-webkit-transition:all ease 500ms;
	-moz-transition:all ease 500ms;
	-o-transition:all ease 500ms;
	transition:all ease 500ms;
	text-shadow:0 0 1px #000;
}

/* HIGHLIGHT SECTION */
.hightlight {
	background:#ededed;
	margin-top:35px;
	padding:50px 0;
}

.hightlight h2 {
	text-align:center;
	margin:0 0 30px;
	padding:0;
	font-size:30px;
	font-weight:100;
	color:#4f4f81;
}

.hightlight blockquote {
	padding:10px 20px;
	margin:0 0 20px;
	border-left:0;
	font-style:italic;
}

.hightlight blockquote i {
	float:left;
	font-size:50px;
	color:#fff;
	margin-right:20px;
}

.hightlight blockquote small {
	text-align:right;
}

.clients {
	text-align:center;
	margin-top:25px;
}

/* PAGES
-------------------------------------------------- */
.main,.aside {
	padding:20px 0 0;
}

.main {
	min-height:400px;
}

.main .attached-albums {
	padding-bottom:20px;
}

main h2 {
	margin-top:0;
}

.vox-thumbnail {
	background:none;
	display:block;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0;
	-webkit-box-shadow:1px 1px 6px #ddd;
	-moz-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	overflow:hidden;
}

#gallery {
	list-style:none;
	margin:0!important;
	padding:0!important;
}

#gallery div {
	background:none;
	display:block;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0;
	-webkit-box-shadow:1px 1px 6px #ddd;
	-moz-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	overflow:hidden;
	margin-bottom:15px;
}

#gallery div:hover {
	border:1px solid #8ecbff;
	transition:border 500ms ease-out;
	-webkit-transition:border 500ms ease-out;
	-moz-transition:border 500ms ease-out;
	-o-transition:border 500ms ease-out;
	-webkit-box-shadow:1px 1px 6px #666;
	-moz-box-shadow:1px 1px 6px #666;
	box-shadow:1px 1px 6px #666;
	-webkit-transition:box-shadow .3s ease-in-out 0;
	-moz-transition:box-shadow .3s ease-in-out 0;
	-o-transition:box-shadow .3s ease-in-out 0;
	-ms-transition:box-shadow .3s ease-in-out 0;
	transition:box-shadow .3s ease-in-out 0;
}

#gallery img {
	width:100%;
}

#gallery li a {
	display:block;
	color:#fff;
	padding:0;
	text-decoration:none;
}

.preloader {
	background:url(/voxfiles/skins/skn-supers/vox-components/thumbnail-loader/css/i/89.gif) center center no-repeat #fff;
}

/* PAGE LISTING LAYOUTS */
/* DEFAULT */
.sub-page-listing-default ul {
	margin:0;
	padding:0;
	list-style:none;
}

.sub-page-listing-default ul li:first-child {
	border-top:1px dotted #ccc;
}

.sub-page-listing-default ul li {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}

.sub-page-listing-default .info {
	padding-left:0!important;
}

.sub-page-listing-default time {
	margin:5px 0;
	font-size:10px;
	color:#666;
}

.sub-page-listing-default h3 {
	margin:10px 0 0;
	font-size:14px;
	font-weight:500;
}

.sub-page-listing-default h3:hover {
	color:#30304d;
	margin-left:10px;
}

.sub-page-listing-default p {
	font-size:11px;
}

/* PORTFOLIO */
.sub-page-listing-portfolio h2 {
	text-align:center;
	margin:0 0 25px;
}

.thumb-portfolio-container {
	margin-bottom:20px;
}

.thumb-portfolio-container figure {
	position:relative;
}

.thumb-portfolio-container figcaption {
	position:absolute;
	bottom:10px;
	z-index:1010;
	padding:10px;
	background:rgba(0,0,0,0.6);
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:100%;
	display:none;
}

.thumb-portfolio-container figcaption h3 {
	margin:5px 0;
}

.thumb-portfolio-container figcaption p {
	font-size:11px;
}

.thumb-portfolio-container figcaption a h3 {
	color:#67b0ff;
}

.thumb-portfolio-container figcaption a h3:hover {
	color:#8bc7ff;
}

.thumb-portfolio-container figcaption a p {
	color:#ccc;
}

.thumb-portfolio-container figcaption a p:hover {
	color:#fff;
}

/* CLIENT LISTING */
.thumb-client-list-container {
	margin-bottom:20px;
}

.thumb-client-list-container figure {
	position:relative;
}

.thumb-client-list-container figcaption {
	width:100%;
}

.thumb-client-list-container figcaption a h3 {
	color:#222;
	margin:0 0 5px 5px;
	font-size:14px;
}

.thumb-client-list-container figcaption a h3:hover {
	color:#67b0ff;
}

/* SUBPAGE LISTING */
.sub-page-listing-full h2 {
	text-align:center;
	margin-bottom:30px;
}

.sub-page-listing-full ul {
	margin:0;
	padding:0;
	list-style:none;
}

.sub-page-listing-full ul li {
	margin-bottom:30px;
}

.sub-page-listing-full ul .thumb {
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
}

.sub-page-listing-full ul h3 {
	margin:0 0 5px;
}

.sub-page-listing-full ul div {
	display:table-cell;
}

.sub-page-listing-full ul p {
	font-size:12px;
}

.sub-page-listing-full ul a {
	font-size:12px;
}

.sub-page-listing-container {
	margin-bottom:10px;
	padding-bottom:10px;
}

/* SUBPAGES */
.main header hr {
	margin:10px 0;
}

/* PHOTO GALLERY */
.photo-gallery {
	padding:40px 0 0!important;
}

.photo-gallery-album,.photo-gallery-photos {
	padding:0!important;
}

/* BLOG */
.hentry {
	margin-bottom:50px;
}

.hentry h2 {
	margin-top:0;
}

.entry-content div {
	margin:20px 0;
}

.entry-footer {
	border:1px solid #ccc;
	border-radius:5px;
	background:#eee;
	height:31px;
}

.entry-footer p {
	float:left;
	margin:8px 0 0 5px;
	font-size:11px;
}

.entry-footer .btn-sm {
	border-radius:0 5px 5px 0!important;
}

.category-list {
	margin:0;
	padding:0 5px;
	list-style:none;
}

.category-list li:first-child {
	border-top:1px dotted #ccc;
	padding-top:5px;
}

.category-list li {
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}

.latest-posts {
	margin:0;
	padding:0 5px;
	list-style:none;
}

.latest-posts h3 {
	margin:5px 0 2px;
	font-size:14px;
}

.latest-posts p {
	margin:0;
	font-size:10px;
}

.latest-posts li:first-child {
	border-top:1px dotted #ccc;
	padding-top:5px;
}

.latest-posts li {
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}

.blog-comments {
	margin-bottom:30px;
}

.blog-comments-posts .icon {
	font-size:14px;
}

.blog-comments-posts h4 {
	font-size:14px;
	margin-top:3px;
	margin-bottom:0;
	font-weight:400;
}

.blog-comments-posts small {
	font-size:10px;
}

.blog-comments-posts p {
	font-size:14px;
}

/* ACCORDION NAV */
#accordion {
	margin:0;
	padding:0 5px;
	font-weight:300!important;
}

#accordion li {
	list-style:none;
	padding:5px!important;
	color:#428bca;
	cursor:pointer;
	font-weight:300!important;
}

#accordion li:hover {
	color:#000;
}

#accordion li ul {
	list-style:none;
	display:none;
/* border:1px solid #ccc; */
	padding:0;
}

#accordion li ul li {
	color:#666;
}

#accordion li ul li:hover {
	color:#222;
}

#accordion li ul li ul {
	list-style:none;
	display:none;
	border:0;
	border-top:1px dotted #ccc;
	padding:0;
	font-size:12px;
}

#accordion li ul li ul:first-child {
	margin-top:5px;
}

#accordion li ul li ul:last-child {
	border-bottom:1px dotted #ccc;
}

/* MEDIA PACK */

.mediapack-login{
	width: 300px;
	margin: 0 auto;
}

.mediapack-login h2{
	margin: 0;
	padding: 0;
}

.mediapack-login p{
	margin: 0;
}

.mediapack-login form{
	border:1px solid #ccc;
	padding: 20px;
	margin: 5px 0 0 0;
	border-radius: 5px;
}

.mediapack-login .logo{
	width: 55px;
	float: left;
	margin-right: 5px;
}


.mediapack-list ul h3{
	color: #000;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px;
	background: #ebebeb;
	border-radius: 5px;
}

.mediapack-list ul h4{
	margin: 0 0 5px 0;
	color: #000;
	font-weight: 600;
	font-size: 13px;
}



.mediapack-list ul {
	margin: 0;
	padding: 0;
}

.mediapack-list ul li{
	list-style: none;
}

.mediapack-list ul li a{
	position: absolute;
	right: 20px;
	bottom:35px;
}

@media (max-width:991px){
	.mediapack-list ul li a{
	position: absolute;
	right: 20px;
	bottom:5px;
}
}

.mediapack-list ul li p{
	margin: 0;
	font-size: 11px;
}

.mediapack-list .file-container {
	height: 130px;
	margin-bottom: 30px;
	border:1px solid #ccc;
	padding: 10px;
}


video {
  width: 100%    !important;
  height: auto   !important;
}