body {
  margin: 0;
  padding-top:70px;
  box-sizing: border-box;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

/*
body{
  padding-top: 65px;
      color: #000;
}
*/
a:link {
  color: #000;
  text-decoration:none;
}

a:hover {
  color: #000;
  text-decoration:underline;
}

a:visited {
  color: #000;
  text-decoration:none;
}

.clip-price {
	font-size: 1rem;
    position: absolute;
    left: 2px;
    margin-top: -32px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px 5px;
}

.clip-price-new {
	font-size: 1rem;
    position: absolute;
    left: 2px;
    margin-top: -30px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px 5px;
	margin-left:3px;
}

.clip-price-new-featured {
	font-size: 1rem;
    position: absolute;
    left: 2px;
    margin-top: -38px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px 5px;
	margin-left:3px;
}

.clip-length {
  	font-size: 1rem;
    position: absolute;
    right: 2px;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1px 5px;
}

.clip-length-mydownloads {
  	font-size: 1rem;
    position: absolute;
    right: 2px;
    margin-top: -30px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1px 5px;
	margin-right:2px;
}

.clip-length-new {
  	font-size: 1rem;
    position: absolute;
    right: 2px;
    margin-top: -30px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1px 5px;
	margin-right:3px;
}

.clip-length-new-featured {
  	font-size: 1rem;
    position: absolute;
    right: 2px;
    margin-top: -38px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1px 5px;
	margin-right:3px;
}

.clip-res-featured-store {
	font-size: 1rem;
    position: absolute;
    left: 2px;
    top: 2px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px 5px;
	margin-left:3px;
}

.clip-cart-featured-store {
  	font-size: 1rem;
    position: absolute;
    right: 2px;
    top: 2px;
    background-color: rgba(140, 0, 0, 0.6);
    color: #fff;
	border:1px solid grey;
    padding: 1px 5px;
	margin-right:3px;
}

.clip-price-studio {
	font-size:16px;
    position: absolute;
    left: 5px;
    margin-top: -198px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1px 5px;
	
}

.clip-length-studio {
	font-size:16px;
    position: absolute;
    right: 5px;
    margin-top: -198px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1px 5px;
}



.card-text-desc {
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
}
.card-text-title {
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
}

.card-body {
	padding: .25rem;
}

.store-clip-data.card-body p:last-of-type {
  margin-bottom: 2.8rem;
}

.card-buttons {
  position: absolute;
  bottom: 4px;
  width: calc(100% - 8px);
}

.store-title {
	color:#c71212;
	text-decoration:none;
	font-weight:400;

}

.main-lg-title {
	color:grey;
	font-size:12px;
}

.main-home-title {
	color:#000;
	font-size:12px;
}

.main-home-title > a {
	color:#000;
	font-size:12px;
}

.main-home-title-lg {
	color:#000;
	font-size:18px;
}

.main-home-title-lg > a {
	color:#000;
	font-size:18px;
}

.main-home-title-lg-white {
	color:#fff;
	font-size:18px;
}

.main-home-title-lg-white > a {
	color:#fff;
	font-size:18px;
}

.main-home-title-white {
	color:#fff;
	font-size:12px;
}

.main-home-title-white > a {
	color:#fff;
	font-size:12px;
}

.store-title2 {
	color:#c71212;
	text-decoration:none;
	display: table-cell; 
	vertical-align: bottom;

}

.store-title2 > span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:2vmax;
	font-weight:bold;
	
}

.list-group-item {
    position: relative;
    display: block;
    padding: .25rem .75rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}

.btn-outline-primary-slib{color:#6b0000;background-color:transparent;background-image:none;border-color:#6b0000}
.btn-outline-primary-slib:hover{color:#fff;background-color:#6b0000;border-color:#6b0000}
.btn-outline-primary-slib:focus,
.btn-outline-primary-slib.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-primary-slib.disabled,
.btn-outline-primary-slib:disabled{color:#6b0000;background-color:transparent}
.btn-outline-primary-slib:not(:disabled):not(.disabled):active,
.btn-outline-primary-slib:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary-slib.dropdown-toggle{color:#fff;background-color:#6b0000;border-color:#6b0000}
.btn-outline-primary-slib:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-slib:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary-slib.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}

.btn-outline-primary-cd{color:#fff;background-color:#6b0000;border-color:#fff}
.btn-outline-primary-cd:hover{color:#6b0000;background-color:#fff;border-color:#6b0000}
.btn-outline-primary-cd:focus,
.btn-outline-primary-cd.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-primary-cd.disabled,
.btn-outline-primary-cd:disabled{color:#6b0000;background-color:transparent}
.btn-outline-primary-cd:not(:disabled):not(.disabled):active,
.btn-outline-primary-cd:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary-cd.dropdown-toggle{color:#fff;background-color:#6b0000;border-color:#6b0000}
.btn-outline-primary-cd:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-cd:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary-cd.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}

.btn-outline-primary-sort{color:#fff;background-color:#A5A5A5;background-image:none;border-color:#000}
.btn-outline-primary-sort:hover{color:#000;background-color:transparent;border-color:#6b0000}
.btn-outline-primary-sort:focus,
.btn-outline-primary-sort.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-primary-sort.disabled,
.btn-outline-primary-sort:disabled{color:#6b0000;background-color:transparent}
.btn-outline-primary-sort:not(:disabled):not(.disabled):active,
.btn-outline-primary-sort:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary-sort.dropdown-toggle{color:#fff;background-color:#6b0000;border-color:#6b0000}
.btn-outline-primary-sort:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary-sort:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary-sort.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}


 .dropdown-menu > a:hover, .dropdown-menu > li > a:focus {
            background-color:grey;
			color:white;
 }
 
 .dropdown-container {
  position: relative;
}

.itemStoreButton {
	border:1px solid #6b0000;
	display:inline-block;
	color:#6b0000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px;

}


ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}

.form-control::-webkit-input-placeholder { color: #a2a2a2; opacity:0.5; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: white; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: white; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: white; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: white; }  /* M */

.dropdown-menu {         
  max-height: 600px;
  overflow-y: auto;
}

.circle-blue {
	border-radius: 50%;
	width: 14px;
	height: 14px;
	padding: 5px;
	background: #fff;
	border: 3px solid #000;
	color: #000;
	text-align: center;
	font: 14px Arial, sans-serif;
	font-weight:bold;
	border-color:lightblue;
	color:lightblue;
}

.follow-btn {
	color:white; 
	background-color:#00468c; 
	border:1px solid #001a66; 
	padding:2px 4px 2px 4px; 
	border-radius:5px;
	cursor: pointer;
	font-size:12px;
	
}

.follow-btn:hover {
	background-color:#0059b3; 
}

.follow-btn.following {

	background-color:#2693ff!important; 
	
}

.follow-btn2 {
	color:#555555; 
	background-color:#transparent; 
	border:1px solid #0036d9; 
	padding:1px 3px 1px 3px; 
	border-radius:5px;
	cursor: pointer;
	font-size:12px;
	
}

.follow-btn2:hover {
	background-color:#transparent; 
	color:#2693ff; 
}

.follow-btn2.following {

	background-color:#transparent; 
	color:#2693ff!important;
	
}

.save-btn {
	color:#cccccc; 
	background-color:#transparent; 
	border:1px solid #cccccc; 
	padding: 0.375rem 0.75rem;
	border-radius:5px;
	cursor: pointer;
	/*font-size:12px;*/
	
}

.save-btn:hover {
	background-color:#transparent; 
	border:1px solid #ffffff; 
	color:#ffffff; 
}

.save-btn.saving {

	border-color:#d90036; 
	color:#ffffff; 
	/*color:#ff7373!important; */
	
}


/**************************
	NEW CSS for NEW DESIGN
	***********************/


.header-title {
	color:rgb(140, 0, 0);
	font-family: 'Permanent Marker', serif;
}

.text-red {
	color:rgb(255, 0, 0);
}

.text-dark-red {
	color:rgb(140,0,0);
}

.container-light-grey {
	background-color:rgb(252, 252, 252);
	margin-top: 15px;
}

.container-light-grey2 {
	background-color:rgb(238,238,238);
	border-radius:5px;
	margin-top: 15px;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
	margin-bottom:5px;
}

.container-light-grey3 {
	background-color:rgb(204,204,204);
	border-radius:5px;
	margin-top: 15px;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
	margin-bottom:5px;
}

.container-light-grey4 {
	background-color:rgb(170,170,170);
	border-radius:5px;
	margin-top: 15px;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
	margin-bottom:5px;
}

.container-dark-grey {
	background-color:rgb(85,85,85);
	border-radius:5px;
	margin-top: 15px;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
	margin-bottom:5px;
}

.card-trending {
	border:1px solid #eeeeee; 
	background-color:transparent; 
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
}

.card-store-featured {
	border:1px solid #eeeeee; 
	background-color:transparent; 
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
}

.card-featured {
	border:1px solid #eeeeee; 
	background-color:transparent;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
}

.card-main {
	border:1px solid #eeeeee;
	background-color:transparent;
	box-shadow: 0 4px 8px 0 rgba(2, 2, 2, 0.1), 0 6px 20px 0 rgba(2, 2, 2, 0.1);
}

.card-text-studio {
	font-size: 10px;
	position: absolute; 
	bottom: 0;
	right:0;
	padding-right:3px;
	padding-bottom:2px;
	color:#333333; 
	font-family: 'Ubuntu', serif;
}

.featured-card-title {
	font-size:16px!important;
	color:#660000!important;
	font-weight:500!important;
	font-family: 'Roboto', serif!important;
}

.featured-card-title-store {
	font-size:14px!important;
	color:#660000!important;
	font-weight:500!important;
	font-family: 'Roboto', serif!important;
	white-space: nowrap!important;
}

.main-card-title {
	font-size:12px!important;
	color:#660000!important;
	font-weight:500!important;
	font-family: 'Roboto', serif!important;
}

.related-card-title {
	font-size:14px!important;
	color:#660000!important;
	font-weight:500!important;
	font-family: 'Roboto', serif!important;
}

.dropdown .nav-link {color:#fff; text-decoration: none;}
.dropdown .dropdown-menu a{color: #000; text-decoration: none;}
.dropdown .btn:hover {background: #8C0000; color:#000;}
.dropdown .btn:active {background: #8C0000; color:#000;}
.dropdown .btn:focus {background: #8C0000; color:#000;}
.dropdown-menu .dropdown-item {display: inline-block; width: 100%; padding: 10px 5px;}
.container .dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #8C0000;
  border-color: #fff;
}

.slib-drop-count-text {
	color:#444444; font-size:14px;
}

.slib-drop-count-text span {
	color:#aaaaaa; font-size:12px;
}

.slib-drop-count-text:hover, .slib-drop-count-text:active , .slib-drop-count-text:focus  {
	color:#ffffff; font-size:14px;
}

.btn-signup-slib {
	color:#ffffff;
	background-color:#8c0000;
	background-image:none;
	border-color:#ffffff;
	transition: 0.3s;
	}
	
.btn-signup-slib:hover {
	color:#ffffff;
	background-color:#b30000;
	border-color:#ffffff;
}


.text-500 {
	font-weight:500;
}

.badge:after{
    content:"100";
    position: absolute;
    background: #d90000;
    height:2rem;
    top:1rem;
    right:1.5rem;
    width:2rem;
    text-align: center;
    line-height: 2rem;;
    font-size: 1rem;
    border-radius: 50%;
    color:white;
    border:1px solid black;
}

.btn-link {
	color:#660000;
}

.btn-link:hover {
	color:#000000;
	text-decoration:underline;
}


// Use Bootstrap breakpoints for consistency.
$bootstrap-sm: 576px;
$bootstrap-md: 768px;
$bootstrap-lg: 992px;
$bootstrap-xl: 1200px;

// Crop thumbnail images.
#gallery {
  img {
    height: 75vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 35vw;
    }
    
    @media (min-width: $bootstrap-lg) {
      height: 18vw;
    }
  }
}

// Crop images in the coursel
.carousel-item {
  img {
    height: 60vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 350px;
    }
  }
}

.btn-download{
	color:#fff;
	background-color:#6b0000;
	
}

.btn-download:hover{
	color:#fff;
	background-color:#8c0000;
	
}

.btn-reset{
	color:#fff;
	background-color:#666666;
	border-color:#fff
}

.btn-reset:hover{
	color:#fff;
	background-color:#444444;
	border-color:#fff
}

.btn-not-available{
	color:#444444;
	background-color:#transparent;

	border:1px solid #777777;
	padding:4px;
	margin-bottom:0;
}


.wrapper {
	background-color:rgb(252, 252, 252);
	min-height: calc(100vh - 272px);
	display: flex;
	flex-direction: column;
}

/*

.row-featured {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.card-featured {
  /*float: left;*/
  /*
  max-width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
  flex-basis: 33.333%;
  flex-grow: 0;
  flex-shrink: 0;
}
*/
.thumb-overlay {
    position: relative;
	overflow: hidden;
}

.vloader {
	position:absolute;
	display:block;
	width:0%;
	height:3px;
	top:0;
	left:0;
	z-index:10;
	background:#ffffff94;
}

.modal-survey {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-survey-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.close-survey:hover,
.close-survey:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-survey-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

.modal-survey-body {padding: 2px 16px;}

.modal-survey-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}