@charset "UTF-8";
/* CSS Document */


/* CUSTOM TOUR CHANGES */

.bonusBoxLeft {
	float: left;
	width: 298px;
	padding-top: 6px;
	padding-right: 10px;
}
.bonusBoxRight {
	float: right;
}

/* displays and hides dont wait image */
.full {
visibility: visible;
}

@media only screen and (max-width: 480px) {
.full {
	visibility: hidden;
	height: 0px;
	width: 0px;
	}
}

/* adds padding to page */
.padContent {
padding-top: 5px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
margin:0;
min-height: 1000px;
overflow-y: hidden;
}

.media-box-text2{
  color: rgb(51, 51, 51);
  font-size: 12px;
	line-height: normal;
  /* line-height: 26.6px; */
  margin: 5px 0px 13px 0 !important;
}

.subTxt {
font-size: 14px;
font-weight: 200;
color: #999;
}

.box-siteSig{
	font-family: 'Marck Script', cursive;
	font-size: 25px;
	color: #6d6d6d;
	text-align:right;
	padding-top: 5px;
	padding-bottom: 4px;
}


@media screen and (max-width: 550px) {
.bonusBoxLeft {
	float: none;
	width: 98%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;

}
.bonusBoxRight {
	float: none;
	padding-top: 10px;

}
}

/* MEDIA BOXES CHANGES ------------------------------------- */

/* ------------- MAKE SURE TO DELETE GLOBAL FONT */

.media-box-content{
  padding: 10px;
  position: relative;
  background: white;
  color: rgb(51, 51, 51);
  line-height: 17px;
}

.media-box-title{
  letter-spacing: 0px;
  line-height: normal;
  font-weight: 500;
  color: rgb(51, 51, 51);
  font-size: 15px;
}

.media-box-title2{
  letter-spacing: 0px;
  line-height: normal;
  font-weight: 500;
  color: rgb(51, 51, 51);
  font-size: 13px;
}

.media-box-text{
  color: rgb(119, 119, 119);
  font-size: 12px;
	line-height: normal;
  /* line-height: 26.6px; */
  margin: 10px 0px 13px 0 !important;
}

.media-box-footer{
	background: #e3e3e3;
}


/* MEDIA BOXES CHANGES THAT WERE PART OF HIS DEMO------------------------------------- */

/* hide no more entries button */
.media-boxes-no-more-entries{
        display: none;
}

/* Add some border-radius to the boxes  */
.media-box-container{
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
            border-radius: 6px;
}

/* Apply some style to the social icons */
.media-box-footer{
	padding: 10px 20px;
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}
.media-box-footer a{
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}

.media-box-footer a:hover{
	cursor: pointer;
	color: #6D6D6D;
}

/* Remove the margin-bottom of the text */
.media-box-content .media-box-text{
	margin-bottom: 0 !important;
}

/* hover effect on the image */
.media-box-image img{
    -webkit-transition: all 0.6s ease-in-out;
       -moz-transition: all 0.6s ease-in-out;
         -o-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
            transition: all 0.6s ease-in-out;

    -webkit-transform-origin: bottom left;
       -moz-transform-origin: bottom left;
         -o-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
}
.media-box-image:hover img{
    -webkit-transform: scale(1.2) translate(-20px);
       -moz-transform: scale(1.2) translate(-20px);
         -o-transform: scale(1.2) translate(-20px);
        -ms-transform: scale(1.2) translate(-20px);
            transform: scale(1.2) translate(-20px);
}

/* thumbnail overlay background */
.thumbnail-overlay{
	background-color: rgba(0,0,0, .40);

	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

/* thumbnail overlay background (in the first grid change the initial background) */
#grid .thumbnail-overlay{
	background-color: rgba(0,0,0, 0);
}

/* hover effect on the thumbnail-overlay */
.thumbnail-overlay:hover{
	background-color: rgba(0,0,0, .20) !important;
}

.thumbnail-overlay i.fa, 
.media-box-play-button, 
.media-box-sound-button{
  color:  #4a4a4a;
}