body{
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	color: #484848;
    margin-bottom: 15px;
}
h1{ font-size:60px }
h2{ font-size:48px }
h3{ font-size:36px }
h4{ font-size:24px }
h5{ font-size:18px }
h6{ font-size:14px }

p, blockquote, li {
	font-size: 16px;
	color: #909090;
}
li.metal div {
    display: table-cell;
}

li.metal {
    display: table;
    padding: 12px 0;
}
li.metal .listimg{
    width: 30%;
    padding-right: 20px;
}
li.metal .listimg img{
    width: 100%;
}
a { color: rgba(187,32,38,1); }
a:hover, a:focus{
	color: rgba(204,35,40,1);
	text-decoration: none;
}

.clear {
    clear: both;
}

.empty-space-100{display:block;width:100%;height:100px;}

.empty-space-75{display:block;width:100%;height:75px;}

.empty-space-50{display:block;width:100%;height:50px;}

.white-text{color: #ffffff;}

.bold-text{font-weight: 700;}

.center-text{text-align: center;}

.right-text {text-align:right;}

.list-common {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

/*-----------------------
		BUTTONS
-----------------------*/
.button{
    display: inline-block;
    padding: 16px 32px;
    margin-top: 15px;
	margin-bottom: 15px;
    font-size: 18px;
	text-align:center;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    border-radius: 16px;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
}
.button.center-button{
    display: block;
    margin-right: auto;
    margin-left: auto;  
}
.button.left-button{
    margin-right: auto;
    margin-left: initial;	
}
.button.right-button{
    margin-right: initial;
    margin-left: auto;	
}
.button.block-button{
    display: block;
}
.red-button {
    color: #ffffff;
    border: 2px solid #cb2227;
	background: #bb2026;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.red-button:hover, .red-button:active, .red-button:focus {
	color: #ffffff;
    text-decoration: none;
    background: #cc2328;
    outline: none;
    box-shadow: 0 0 50px rgba(255, 178, 181, 0.65);
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.gray-button {
    color: #909090;
    background: #f6f6f6;
    border:2px solid #eaeaea;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.gray-button:hover, .gray-button:active, .gray-button:focus {
    color: #484848;
    background: #eaeaea;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.add-button, .like-button, .share-button {
    padding: 13px 17px;
    font-size: 22px;
    background-color: #ffffff; 
}
.like-button.liked {
    color: #cc2328;
    background: #eaeaea;
    border-color: #eaeaea;
}
.plain-button{
	color: #ffffff;
	padding: 10px 45px;
}
.plain-button:hover, .plain-button:active, .plain-button:focus {
	color: #ffffff;
    border: 0;
	padding: 10px 45px;
    text-decoration: none;
}

.search-instead{
	transition: 0.2s linear;	
}
.search-instead:after {
    content: "\f002";
    font-family: Fontawesome;
	vertical-align: text-top;
    margin-left: -20px;
    opacity: 0;
    color: #fff;
    transition-duration: 0.3s;
}
.search-instead:hover:after, .search-instead:focus:after {
    margin-left: 10px;
    opacity: 1;
    transition-duration: 0.3s;
}

.external-link {
    float: right;
    clear: both;
    margin: 12px 0;
}


/*-----------------------
    SLICK SLIDER
-----------------------*/
.slick-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    margin-left: -30px;
    font-size: 21px;
    display: block;
    color: #484848;
    border:0px solid black;
    outline: none;
    background: none;
}
.slick-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    right: -30px;
    font-size: 21px;
    display: block;
    color: #484848;
    border:0px solid black;
    outline: none;
    background: none;
}

.slick-dots {
    width: 100%;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.slick-dots li {
    display: inline;
    position: relative;
}
.slick-dots li button{
    opacity: 0;
}
.slick-dots li:after {
   content:"\f111";
   font-family: FontAwesome;
   color: #ffffff;
   text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
   position: absolute;
   left: 0;
   top:0;
   cursor: pointer;
}
.slick-dots li.slick-active:after {
   color: #cb2228;
}