/* DMP Framework Styles */
.container-full {
  margin: 0 auto;
  width: 100%;
}
.row-centered {
    text-align:center;
}
.full-width {
	width:100%;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;

}
.col-centered{
    float: none;
    margin: 0 auto;
}
.row.no-gutter {
	padding-right: 0;
    padding-left: 0;
	padding-bottom: 0;
	padding-top: 0;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
}
/************************

		PADDING
		
*************************/
.p-10 {
	padding:10px;
}
.p-20 {
	padding:20px;
}
.p-30 {
	padding:30px;
}
.p-40 {
	padding:40px;
}
.p-50 {
	padding:50px;
}
.pt-10 {
	padding-top:10px;
}
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-40 {
	padding-top:40px;
}
.pt-50 {
	padding-top:50px;
}
.pb-10 {
	padding-bottom:10px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-30 {
	padding-bottom:30px;
}
.pb-40 {
	padding-bottom:40px;
}
.pb-50 {
	padding-bottom:50px;
}
/************************

		MARGINS
		
*************************/
.m-10 {
	margin:10px;
}
.m-20 {
	margin:20px;
}
.m-30 {
	margin:30px;
}
.m-40 {
	margin:40px;
}
.m-50 {
	margin:50px;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mt-50 {
	margin-top:50px;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-40 {
	margin-bottom:40px;
}
.mb-50 {
	margin-bottom:50px;
}
/************************

		ALIGNMENT

*************************/
.vertical-align {
    display: flex;
    align-items: center;
}
/************************

		TABLES

*************************/
.table-listings { overflow-x: hidden; overflow-y: hidden; }
@media screen and (max-width: 600px) {
  .table-listings { overflow-x: auto; overflow-y: auto;}
}
/************************

	   SALES PAGE
	   
*************************/
.dn-sales-holder { clear:both; width:100%; margin-bottom:10px; padding-bottom:5px; }
.dn-sales-heading { min-width:125px; font-style:oblique; font-variant:small-caps; letter-spacing: 2px; }
.dn-sales-info { width:100%; font-weight:700; letter-spacing: 2px; }

/************************

	   FOOTER
	   
*************************/
.footer-links li {
	list-style-type: none;
    margin-right: 15px;
    padding: 0;
	display: inline;
}
.footer-links ul {
    clear:both;
   	margin-bottom: 40px;
    padding: 100px;
}
#copyright, #footer-social {
	clear:both;
	margin:5px;
}
#footer-logo {
	margin: 5px;
	margin-bottom: 30px;
}
#footer-rows li {
	display:inline;
	margin-right:20px;
}
#footer-rows ul {
	margin-bottom:40px;
}

/****************************************

	         1/5th column 
 because Bootstrap does not provide this
	   
****************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.nopadding > [class*="col-"] {
    padding: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border:hidden;
}
.nomargin > [class*="col-"] {
    margin: 0 !important;
	margin-top: 0 !important;
	margin-bottom:  0 !important;
	border:hidden;
}
/*******************************

		HR Styles

********************************/
hr.soften {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
  border: 0;
}
/******************************

		  PRELOADERS

*******************************/
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 


				Add animation to "page content" 


*/

/* Fly in from the bottom */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
/* Fade in */
.fade-in {
  position: relative;
  /*opacity:0; make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
/***********************************************/

#contentDiv {
  display: none;
}
/**********************************

		 ADVERTISING STYLES

***********************************/
.ad-panel {
	padding:10px;
	background-color: #ffffff;
	overflow: hidden;
}
.img-holder {
   min-width: 100%;
   background-size: 100%;
   background-repeat: no-repeat;
   min-height: 100px;
   margin-top: 5px;
}

.img-holder img {
   height: 100%;
   width: 100%;
}
/**********************************

	       MOBILE STYLES

***********************************/
.mobile-only {
    visibility: hidden;
    display: none;
  }
@media screen and (max-width: 600px) {
  .desktop-only {
    visibility: hidden;
    display: none;
  }
  .mobile-only {
    visibility: visible;
	display: inherit;
  }
}