#content {
    font-family: 'LG Smart Regular';
	text-decoration:none;
	font-size:16px; 
	line-height:20px;
	}

#content h1 { font-size: 58px; line-height: 58px; font-family: 'LG Smart Regular' !important; }
#content h2 { font-size: 40px; line-height: 40px; font-family: 'LG Smart Regular' !important; margin:0; }
#content h3 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Regular' !important; margin:0; }
#content h4 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Regular' !important; margin:0; }
#content h5 { font-size: 24px; line-height: 20px; font-family: 'LG Smart Regular' !important; margin:0; }
#content h6 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Regular' !important; margin:0; }

#content a .title { color:#000 !important; }
#content a:hover .title { color:#a50034 !important; }
#content .red, #content .red a { color:#a50034 !important; }

img { max-width: 100% }

#content .btn, #content a.btn { background-color:#a50034 !important; border-radius:0px; text-decoration:none; color: #fff !important;cursor: pointer; padding: 1rem 2rem 0.8rem; text-align: center;transition: width 0.2s ease-in 0s; font-family: 'LG Smart SemiBold' !important; }
#content .btn:hover, #content a.btn:hover, #content .btn:focus, #content a.btn:focus { background-color:#a50034!important; }

/*
.button, a.button { background-color:#a50034 !important; border-radius:5px; text-decoration:none; color: #fff !important;cursor: pointer; padding: 6px 30px; text-align: center;transition: width 0.2s ease-in 0s; font-family: 'LG Smart SemiBold' !important; }
.button:hover, a.button:hover,.button:focus, a.button:focus { background-color:#a50034!important; }
	*/

#content .section.fourspacer { height:38px; }
#content .wrapper { text-align: inherit !important; }
#content .add-top { padding-top: 20px !important; }
#content .add-right { padding-right: 20px !important; }
#content .add-bottom { padding-bottom: 20px !important; }
#content .add-left { margin-left:20px !important; }
#content .add-top-more { padding-top: 60px !important; }
#content .add-right-more { padding-right: 60px !important; }
#content .add-bottom-more { padding-bottom: 60px !important; }

#content .selected, #content .is-checked {
    border-left: 5px solid #a50034;
    padding-left: 5px;
}


#container {
    /*width: 1200px;
    float: left;
    position: relative;
	*/	
}

#content ul {
    /* hack */
    -webkit-padding-start: 0px!important;
}




#content li.grid-item {
    list-style-type: none;
}

#content div.grid-item {
	min-height: 420px;
	display: block;
}

.name { height: 70px; width: 270px; display: block; padding: 10px 0; text-align: center; }
.date { display: block; padding: 10px 0; text-align: center; font-size: .7em; display: none;  }


ul.option-set { list-style-type: none; }
ul.filter, ul.option-set {
    float: left;
    list-style-type: none;
    margin-right: 20px;
    display: block;
	font-size:15px;
	line-height: 21px;
}

ul.filter a, ul.option-set a { color: #000; }

/* Isotope */
.grid-item-content {
	text-align: center;
	width: 100%;
    height: 100%;
	padding: 0 0 20px 0;
}
 .isotope, .isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
isotope-hidden {
    display: none!important;
}
/**** Isotope filtering ****/
 .isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/* package */
	.mobile { display: none !important; }
	.scalable { position:relative; }
	.scalable .ratio { display:block; width:100%; height:auto; }
	.scalable iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
	
	.copywrap { position: absolute; top: 0; width: 100%; }
	.copybox { display: flex; justify-content: center; flex-direction: column;text-align: center; color: #fff !important; }
	
	.thankyou-section { display: none;}
	.signup {  }
	.signup .hdr { background-color: #fff; padding: 20px; font-family: 'LG Smart Regular'; line-height: 17px; }
	.signup .form { background-color: #e8e8e8;  }

	#popup-wrap { display: block; font-family: 'LG Smart Regular' }		
	#popup-wrap #pop-left { float: left; width: 35%; }
	#popup-wrap #pop-right { float: right; width: 65%; }

	.hero .copybox h1{ color: #000; padding-top: 30px;}
	.category { display: block; clear: both; font-size: .9em; }


	.fancybox-slide--iframe .fancybox-content,
	.fancybox-slide--inline .fancydiv {
		width  : 900px;
		height : 450px;
		max-width  : 80%;
		max-height : 80%;
		margin: 0;
	}

	.fancybox-slide--inline .signup {
		/*width  : 325px;
		height : 550px;*/
		margin: 0 auto;
		padding: 0;
	}
    .module .text-block {
    	padding: 0 0;
    }

/* form */
	label {
		display: block;
	}

	input.error {
		border: 1px solid #a50034;
	}

	label.error {
		font-weight: normal;
		color: red;
	}
	#form input.cd-form {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		padding: 5px;
		margin: 0 0 5px 0;
		font-family: 'LG Smart Regular' !important; 
	}


	.thanks { display: flex; justify-content: center; flex-direction: column;text-align: center;  padding: 200px 20px; background-color: #e8e8e8;}

	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  font-family: 'LG Smart Regular' !important; 
	}
	::-moz-placeholder { /* Firefox 19+ */
	  font-family: 'LG Smart Regular' !important; 
	}
	:-ms-input-placeholder { /* IE 10+ */
	  font-family: 'LG Smart Regular' !important; 
	}
	:-moz-placeholder { /* Firefox 18- */
	  font-family: 'LG Smart Regular' !important; 
	}


/* bootstrap */
.flush { padding-right: 0px; padding-left: 0px; }
.flush-left { padding-left: 0px; }
.flush-right { padding-right: 0px; }


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
	  .section.fourspacer { display: none; }
	  .mobile { display: inherit !important; }
	  .desktop { display: none !important; }
	  div.grid-item {
			min-height: inherit;
			display: block;
		}
	  .name {
    		width: inherit;
		}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 666px)
  and (-webkit-min-device-pixel-ratio: 1){
		.section.fourspacer { display: none; }
		#content .mobile { display: inherit !important; }
		#content .desktop { display: none !important; }
		#content h1 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
		#content h2 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
		#content h3 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
		#content h4 { font-size: 20px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
		#content h5 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
		#content h6 { font-size: 10px; line-height: 10px; font-family: 'LG Smart Light' !important; margin:0; }
	  
		.copybox { padding-top: 25px;}
	    .name { font-size: 60%; line-height: 95%; }
	  
		/* Isotope & Bootsrap */ 
		/* fluid 5 columns */
		.grid-sizer,
		.grid-item { width: 20%; height: 220px; }
	  
	    #grid { margin: 5%; }
	  
		div.grid-item {
			min-height: inherit;
			display: block;
		}
	  	.name {
    		width: inherit;
		}
	
}