/* 
 Theme Name:   precon_REVIEWS_div
 Theme URI:    
 Description:  
 Author:       kp
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*Standard WP stuff BEGIN*/

	#inlinep p {
		display: inline!important;
	}

	p {
		display: inline-block!important;
	}

	h1{
		font-size: 60px!important;
		margin-bottom:-30px;
	}
	
	#smallh1 h1 {
		font-size: 40px!important;
		color: #333!important;
	}

	h2{
		font-size: 40px!important;
	}

	h4{
		font-size: 30px!important;
	}

	h5{ 
		font-size: 22px!important;
		font-weight: bold;
	}

	h3{
		font-size: 20px!important;
		font-weight: bold;
		margin-top: 30px;
	}

	/* h6{ */
		/* font-size: 20px!important; */
	/* } */

	blockquote{
		color: rgba(51, 51, 51, 0.7);
		font-style: italic; 
		font-size: 20px;
		border-left: 4px solid #ff206e!important; 
		margin-left:5%;
		margin-right:5%;
		margin-top: 45px!important;
		margin-bottom:45px!important;
		
	}

	blockquote > p > a{
		color: #195884!important;
		-webkit-transition: .1s ease-in-out!important;
		transition: .1s ease-in-out!important;
	}

	blockquote > p > a:hover{
		color: #ff206e!important;
		-webkit-transition: .1s ease-in-out!important;
		transition: .1s ease-in-out!important;
	}

	a:hover {
		color:#ff206e!important; /*#ff206e*/
		-webkit-transition: .1s ease-in-out!important;
		transition: .1s ease-in-out!important;
		text-decoration:none;
		border-bottom:none!important;
	}
	
	/*Remove annoying "right sidebar line" on archives page*/
	.container:before{
		width: 0px!important;
	}
	

/*Standard WP stuff END*/

/*General Stuff BEGIN*/


	/*Divi Mobile padding all round!*/
	@media only screen and (max-width: 980px) {
		.et_pb_section .et_pb_row, .et_pb_section.et_section_specialty .et_pb_row{
			padding-left: 5%;
			padding-right: 5%;
		}	
	}
	
	/*Divi sub menu scroll*/
	@media only screen and (min-width: 980px) {
		.sub-menu{
			overflow-y: scroll!important;
			overflow-x: hidden;
			max-height: 600px!important;
		}
	}


	/*Pagination numbers (bottom)*/
		.wp-pagenavi{
			background: rgba(0,0,0,0.7);
			padding-top: 2%;
			padding-bottom: 2%;
			width: 96%;
			margin-left: 2%;
			margin-right: 2%;
		}
		
		#custompagenavi .wp-pagenavi span{
			color: white!important;
			font-size: 20px!important; 
		}
		#custompagenavi .wp-pagenavi span.current{
			color: #ff206e!important;
			font-size: 30px!important; 
		}
		#custompagenavi .wp-pagenavi a {
			color:white!important;
			text-decoration:none!important;
			-webkit-transition: .1s ease-in-out!important;
			transition: .1s ease-in-out!important;
			border-bottom:none!important;
			font-size: 20px!important; 
		}
		#custompagenavi .wp-pagenavi a:hover {
			color:#ff206e!important; /*#ff206e*/
			-webkit-transition: .1s ease-in-out!important;
			transition: .1s ease-in-out!important;
			text-decoration:none;
			border-bottom:none!important;
			/* background: rgba(255,255,255,0.30); */
			border-radius:5px;
			font-size: 30px!important; 
		}


/*General Stuff BEGIN*/


#pinklink-pink{
	color:#ff206e!important;
	text-decoration:none!important;
	-webkit-transition: .1s ease-in-out!important;
	transition: .1s ease-in-out!important;
	border-bottom:none!important;
}

#pinklink-gold{
	color:gold!important;
	text-decoration:none!important;
	-webkit-transition: .1s ease-in-out!important;
	transition: .1s ease-in-out!important;
	border-bottom:none!important;
}

#pinklink-gold:hover{
	color:#ff206e!important; /*#ff206e*/
	-webkit-transition: .1s ease-in-out!important;
	transition: .1s ease-in-out!important;
	text-decoration:none;
	border-bottom:none!important;
	/* background: rgba(255,255,255,0.30); */
	border-radius:5px;
}

#pinklink-black{
	color:#333!important;
	text-decoration:none!important;
	-webkit-transition: .1s ease-in-out!important;
	transition: .1s ease-in-out!important;
	border-bottom:none!important;
}

#pinklink-black:hover{
	color:#ff5397!important; /*#ff5397*/
	-webkit-transition: .1s ease-in-out!important;
	transition: .1s ease-in-out!important;
	text-decoration:none;
	border-bottom:none!important;
	/* background: rgba(255,255,255,0.30); */
	border-radius:5px;
}

#top-menu li li a{
	font-size:12px!important;
}

.et-fixed-header #top-menu li li a {
    font-size: 12px!important;
}

#top-header {z-index: 99999;}
 

@media only screen and (max-width : 980px) {
	#logo { 
		max-height: 150%!important; 
		margin-top: 5px; 
		margin-top: 0px
	}
} 

 
@media only screen and (min-width : 1265px) {
	#logo { 
		max-height: 150%!important; 
		margin-top: 5px; 
		margin-top: 0px
	}
}




.et_menu_container{
	max-width: 1200px!important;
}

#footer-bottom{
	background-color: #222!important;
}

#main-footer {
	padding-top: 20px;
}

/*main content area*/
.entry-content{
	width:100%;
	margin:auto;
	padding-top:0!important;
}

.et_pb_row{
	width:100%!important;
}

/*Pagination navigation*/
	.wp-pagenavi{
		text-align:center!important;
	}
	.wp-pagenavi a, .wp-pagenavi span{
		color:#333!important;
		font-size:20px!important;
		font-weight:bold!important;
	}
	
	.wp-pagenavi span.current, .wp-pagenavi a:hover{
		color:#ff206e!important;
	}

/*Screenshot on single page*/
	
	/* .get_post_screenshot_full{ */
		/* max-height:1200px!important; */
		/* overflow:hidden!important; */
	/* } */
		
	/* @media only screen and (max-width : 980px) { */
		/* .get_post_screenshot_full{ */
		/* height:400px!important; */
		/* overflow:hidden!important; */
		/* padding-top:2.5%; */
		/* padding-left:5%; */
		/* padding-right:5%; */
		/* }	 */
	/* } */
	
	/* .get_post_screenshot_full img{ */
		/* width: 80%; */
	/* } */
	
	.post_content_left{
		width:70%; 
		padding-right:20px; 
		height:100%;
		display:table-cell; 
		vertical-align: top;
	}
	
	.post_screenshot_container_right{
		text-align:center;
		height: 100%;
	}
	
	.post_screenshot_image_right{
		width:100%; 
		height:100%;
		background-position: top; 
		background-repeat: no-repeat; 
		padding-left:2%; 
		overflow:hidden;
		/* background-size: cover; */
	}
	
	

/*Buttons in different color*/
	.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button {
		color:#ffffff!important;
		background-color:#ff206e!important;
	}

	
	
	.et_pb_button {
		font-size:26px;
		line-height:1.8em !important;
	}
	
	.et_pb_button:hover {
		font-size:26px;
		line-height:1.8em !important;
	}

.boxshadow {
  box-shadow:0px 0px 30px 0px rgba(0,0,0,0.20);
/* 	  transform: scale(1.01);
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ */ 
}
	
.hoverzoom{
	transition: all 0.15s ease;
	  -moz-transition: all 0.15s ease;
	  -ms-transition: all 0.15s ease;
	  -webkit-transition: all 0.15s ease;
	  -o-transition: all 0.15s ease;
}

.hoverzoom:hover {
  box-shadow:0px 0px 30px 0px rgba(0,0,0,0.20);
/* 	  transform: scale(1.01);
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ */ 
}

.hoverzoom-2{
	transition: all 0.15s ease;
	  -moz-transition: all 0.15s ease;
	  -ms-transition: all 0.15s ease;
	  -webkit-transition: all 0.15s ease;
	  -o-transition: all 0.15s ease;
}

.hoverzoom-2:hover {
  box-shadow:7.5px 0px 0px 0px rgba(255, 32, 110, 0.75), -7.5px 0px 0px 0px rgba(255, 32, 110, 0.75);
/* 	  transform: scale(1.01);
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ */ 
}

.hoverzoom-3{
	transition: all 0.35s ease;
	  -moz-transition: all 0.35s ease;
	  -ms-transition: all 0.35s ease;
	  -webkit-transition: all 0.35s ease;
	  -o-transition: all 0.35s ease;
}

.hoverzoom-3:hover {
  box-shadow:0px 0px 50px 0px rgba(0,0,0,0.30);
   transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ */ 
}

		.hovershadow{
			-moz-transition: all 0.3s;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
		}

		.hovershadow:hover {
			box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
		}

.star-rating-callout{
	background-image:url("http://stevestoppornsites.com/wp-content/files/various/steves-rating.png");
	background-size: 225px 102px;
	background-repeat: no-repeat;
	background-position-x:50%;
}

.box1{
	border-style:solid;
	border-width:0.5px;
	border-color:black;
}

.pink-button{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  /* font-size: 20px; */
  background: #ff206e;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  font-weight:bold;
  width:90%;
}

.pink-button:hover{
	color:#fff!important;
	background-color:rgba(255, 32, 110, 0.75)!important;
}

.pink-button-content{
	text-align:center;
}

.pink-button-content a{
	color: #ffffff!important;
}

.et_pb_button {
	border-radius:10px!important;
}

/* ----- TILES TOP LIST BEGIN ----- */
				
		.rank {
			font-size:28px;
			/* font-weight:bold; */
			color:#494949;
			max-width: 85px;
			min-width: 85px; 
		}

		.rating {
			font-size:28px;
			/* font-weight: bold; */
			/* font-weight:bold; */
			color:#494949;
			max-width: 85px;
		}
		
		.table-header{
			font-size:18px;
			font-weight:bold;
			color:#333;
		}
		
		.intro-short{
			font-size:14px!important;
			text-align: left!important;
			font-weight:bold!important;
		}
		
		.intro-long{
			font-size:14px!important;
			text-align: justify!important;
			font-weight:normal!important;
		}
		
		@media only screen and (min-width: 1000px){
			.list-padding {
				padding: 10px 10px 0px 10px!important;
				/* padding: 6px 2px 6px 2px!important; */
				/* min-width:150px;				 */
			}
		}
		
		li{
			list-style-type: none;
		}

		#no-more-tables > tbody > tr > td.intro-short > li:before{    
		  content: "\f00c"; /* FontAwesome Unicode */
		  font-family: FontAwesome;
		  display: inline-block;
		  margin-left: -1.3em; /* same as padding-left set on li */
		  color:green;
		  width: 1.3em; /* same as padding-left set on li */
		} 
			
		/* ----- NO MORE TABLES BEGIN ----- */
		
				#no-more-tables{
					background:white!important;
					border-style:solid!important;
					border-width:10px!important;
					border-color:white!important;	
				}

			@media only screen and (max-width: 1000px) {
				
				/* Force table to not be like tables anymore */
				.entry-content table{
					
				}
				
				#no-more-tables{
					width:100%;
					background:white!important;
					border-style:solid!important;
					border-width:10px!important;
					border-color:white!important;	
				}
				
				
				#no-more-tables table, 
				#no-more-tables thead, 
				#no-more-tables tbody, 
				#no-more-tables th, 
				#no-more-tables td, 
				#no-more-tables tr { 
					display: block; 
				}
			 
				/* Hide table headers (but not display: none;, for accessibility) */
				#no-more-tables thead tr { 
					position: absolute;
					top: -9999px;
					left: -9999px;
				}
			 
				#no-more-tables tr { border: 1px solid #ccc; }
			 
				#no-more-tables td { 
					/* Behave  like a "row" */
					border: none;
					border-bottom: 1px solid #eee; 
					position: relative;
					padding-left: 25%; 
					white-space: normal;
					text-align:left;
					font-weight:bold;
				}
			 
				#no-more-tables td:before { 
					/* Now like a table header */
					position: absolute;
					/* Top/left values mimic padding */
					top: 6px;
					left: 6px;
					width: 10%; 
					padding-right: 10px; 
					white-space: nowrap;
					text-align:left;
					font-weight: bold;
				}
			 
				/*
				Label the data
				*/
				#no-more-tables td:before { content: attr(data-title); }
			}

			.color-background{
				background:	rgba(199, 204, 209,0.75)!important;
			}
		
		/* ----- NO MORE TABLES END ----- */

		
		
		
		/* ----- NO MORE TABLES BEGIN ----- */
			
			img{
				/* max-width:none!important; */
			}
			
			.top-list-image-container{
				/* max-width:200px; */
				height:80px;
				overflow:hidden;
				display: table-cell;
				vertical-align: middle;
			}
			
			.top-list-image {
				position: relative;
				max-width: 120px;
				display: inline-block;
				/* object-fit: cover; */
				margin: 0 auto;

			}
			
		/* ----- NO MORE TABLES BEGIN ----- */

		


		/* ----- STAR RATING BEGIN ----- */
		
			.ratings{
			  position: relative;
			  vertical-align: middle;
			  display: inline-block;
			  color: #b1b1b1;
			  overflow: hidden;
			  margin-left:0px;
			}
			
			.ratings-big{
			  position: relative;
			  vertical-align: middle;
			  display: inline-block;
			  color: #b1b1b1;
			  /* overflow: hidden; */
			  margin-left:5px;
			  margin-top:25px;
			}
						
			.full-stars{
			  position: absolute;
			  left: 0;
			  top: 0;
			  white-space: nowrap;
			  overflow: hidden;
			  color: #fde16d;
			}

			.empty-stars:before,
			.full-stars:before {
			  content: "\2605\2605\2605\2605\2605";
			  font-size: 18pt;
			}

			.empty-stars:before {
			  -webkit-text-stroke: 1px #848484;
			}

			.full-stars:before {
			  -webkit-text-stroke: 1px orange;
			}

			/* Webkit-text-stroke is not supported on firefox or IE */
			/* Firefox */
			@-moz-document url-prefix() {
			  .full-stars{
				color: #ECBE24;
			  }
			}
			/* IE */
			<!--[if IE]>
			  .full-stars{
				color: #ECBE24;
			  }
			<![endif]-->
			
			
			.ratings-big{
			  position: relative;
			  vertical-align: middle;
			  display: inline-block;
			  color: #b1b1b1;
			  overflow: hidden;
			  margin-left:25px;
			  margin-top:25px;
			}
			
			.full-stars-big{
			  position: absolute;
			  left: 0;
			  top: 0;
			  white-space: nowrap;
			  overflow: hidden;
			  color: #fde16d;
			}

			.empty-stars-big:before,
			.full-stars-big:before {
			  content: "\2605\2605\2605\2605\2605";
			  font-size: 32pt;
			}

			.empty-stars-big:before {
			  -webkit-text-stroke: 1px #848484;
			}

			.full-stars-big:before {
			  -webkit-text-stroke: 1px orange;
			}

			/* Webkit-text-stroke is not supported on firefox or IE */
			/* Firefox */
			@-moz-document url-prefix() {
			  .full-stars-big{
				color: #ECBE24;
			  }
			}
			/* IE */
			<!--[if IE]>
			  .full-stars-big{
				color: #ECBE24;
			  }
			<![endif]-->

		/* ----- STAR RATING END ----- */
		
		/* ----- GET_TILES_TOP_2 BEGIN ----- */
			
			@media screen and (max-width: 1180px) {
				.tiles-top-2-container {
	
				}
			}
			
			@media screen and (min-width: 1180px) {
				.tiles-top-2-container {

				}
			}

			.tiles-top-2-content{
			}
			
			@media screen and (min-width: 1180px) {
				.tiles-top-2-content{
				
				}
			}

			.modulecontainer {
				-moz-column-count: 1!important;
				-webkit-column-count:11!important;
				column-count: 1!important;
				-moz-column-gap: 1em!important;
				-webkit-column-gap: 1em!important;
				column-gap: 1em!important; 
				margin:0px;
			} 
			
			@media (min-width: 800px){	
				.modulecontainer {
					-moz-column-count: 2!important;
					-webkit-column-count:2!important;
					column-count: 2!important;
					-moz-column-gap: 1em!important;
					-webkit-column-gap: 1em!important;
					column-gap: 1em!important; 
				} 
			}
			
			@media (min-width: 1000px){	
				.modulecontainer {
					-moz-column-count: 3!important;
					-webkit-column-count:3!important;
					column-count: 3!important;
					-moz-column-gap: 1em!important;
					-webkit-column-gap: 1em!important;
					column-gap: 1em!important; 
				} 
			}

			@media (min-width: 1200px){	
				.modulecontainer {
					-moz-column-count: 3!important;
					-webkit-column-count:3!important;
					column-count: 3!important;
					-moz-column-gap: 0.5em!important;
					-webkit-column-gap: 0.5em!important;
					column-gap: 0.5em!important; 
				} 
			}
			
			.item { /* Masonry bricks or child elements */
				background-color: white;
				display: inline-block;
				margin: 15px 25px 25px 25px;
				max-width: 314px;
			}
			
			@media (max-width: 800px){	
				.item { /* Masonry bricks or child elements */
				margin: 15px 25px 25px 25px;
				}
			}
			
				.module-img-container{
					width:100%;
					background-color:white;
				}
				
				.module-img-container img{
					width:100%;
					/* margin-left:2.5%; */
					/* margin-right:2.5%; */
					/* margin-top:2.5%; */
				}
			
				.module {
					background-color:white;
					float: left;
					width: 100%;
					height: auto; 
					position: relative;
					margin-right:2%;
					margin-bottom:15px;
				}
				
				@media (min-width: 650px){	
					.module {
						float: left;
						width: 48%;
						height: auto; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
					}
				}
				
				@media (min-width: 1000px){	
					.module {
						float: left;
						width: 32%;
						height: 350px; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
					}
				}
				
				.padding10pct{
					padding:10%;
				}
				
				.module-top-left{
					width: 75%; 
					display:inline-block;
				}
				
				.module-top-right{
					width: 20%; 
					display:inline-block;
				}
				
				.module-rating{
					font-size:30px; 
					color:#333; 
					width: 95%; 
					margin:auto; 
					position:relative; 
					bottom:10px; 
					right: 10px;
				}
				
				/* Fullwidth Rows */
				.et_pb_row.et_pb_row_fullwidth,
				.et_pb_specialty_fullwidth > .et_pb_row {
					width: 100% !important;
					max-width: 1200px !important;
				}
			
		/* ----- GET_TILES_TOP_2 END ----- */


/* ----- TILES TOP LIST END ----- */

.single-header-image{
	width: 100%; 
	object-position: left top!important;
    object-fit: cover;
    max-height: 300px;
    max-width: 1100px;
}

.single-image-container{
	height:250px!important;
	width:100%!important;
	overflow: hidden!important;
} 

.single-image-container img{
	margin-left: 12.5%;
	margin-right: 12.5%;
	max-width:none;
	background-size: cover;
	overflow:hidden;
	/* -webkit-filter: grayscale(100%); */
	  /* -moz-filter: grayscale(100%); */
	  /* -ms-filter: grayscale(100%); */
	  /* -o-filter: grayscale(100%); */
	  /* filter: grayscale(100%); */
	/* -webkit-transition: .2s ease-in-out; */
	/* -moz-transition: .2s ease-in-out; */
	/* -ws-transition: .2s ease-in-out; */
	/* -o-transition: .2s ease-in-out; */
	/* transition: .2s ease-in-out;				 */
}
		
/* .single-image-container img:hover{ */
	/* -webkit-filter: grayscale(0%); */
	  /* -moz-filter: grayscale(0%); */
	  /* -ms-filter: grayscale(0%); */
	  /* -o-filter: grayscale(0%); */
	  /* filter: grayscale(0%); */
	/* -webkit-transition: .2s ease-in-out; */
	/* -moz-transition: .2s ease-in-out; */
	/* -ws-transition: .2s ease-in-out; */
	/* -o-transition: .2s ease-in-out; */
	/* transition: .2s ease-in-out; */
/* }  */

.single-image-center{
	position: relative;
	max-width: 80%;
	top: 10%;
	left: 10%;
}

.single-image-center:empty{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.single .et_pb_post {
	margin-bottom: 0px!important;
}

.discount-single{
	text-align:center;
	font-size:18px;
	/* margin-top: 5%; */
	margin-bottom:10px;
}

	
	.fa{
		display:inline-block!important;
		padding-right:5px;
	}
	
	#fa p{
		display:inline!important;
	}

	#fa p:after{
		content: '\A';
		white-space: pre;
	}	
	
	.fa-plus-square{
		color: #9bd066;
		/* display: inline-block; */
		/* text-indent: 30px; */
	}
		
	.fa-minus-square{
		color: orange!important;
		/* display: inline-block; */
		/* text-indent: 30px;	   	 */
	}
	
	.fa-trophy{
		color: #fde16d;	   
		background: -webkit-linear-gradient(#fde16d, orange);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	
	.fa-money{	
		color: #2F9E6C;	   	
		background: -webkit-linear-gradient(#2F9E6C , #afd147 );
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	
	.fa-archive{
		color: #f3e2c7;	   	
		background: -webkit-linear-gradient(#c19e67, #f3e2c7);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	
	/* .fa-camera{ */
		/* color: #dfe4e6;	   	 */
		/* background: -webkit-linear-gradient(#d8e1e7, #dfe4e6); */
	  /* -webkit-background-clip: text; */
	  /* -webkit-text-fill-color: transparent; */
	/* } */
	
	.fa-eye{
		color: #ff206e;	   	
		background: -webkit-linear-gradient(#d8e1e7, #ff206e);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	}
	
	.fa-plus-square{
		color: #9bd066;	   	
	}
	
	
	
	#500pxbutton{
		min-width:500px;
	}
	
	/*GPS RING effect for visit button*/
	
			.gps_ring {
			z-index:100;
			margin-right:5px;
			margin-left:5px;
			/* background: #fff; */
			border: 3px solid #fff;
			-webkit-border-radius: 30px;
			height: 18px;
			width: 18px;
			position: relative;
			left:0px;
			top:0px;
			display:inline-block;
			-webkit-animation: pulsate 1s ease-out;
			-webkit-animation-iteration-count: infinite; 
			opacity: 0.0 
		}
		@-webkit-keyframes pulsate {
			0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
			50% {opacity: 1.0;}
			100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
		}
		
	/* STYLING FOR OTHER REVIEWS BOXES ON SINGLE BEGIN */
	
			.module {
				float: left;
				width: 100%;
				height: 150px; 
				position: relative;
				margin-right:2%;
				margin-bottom:15px;
			}
			
			@media (min-width: 650px){	
				.module {
					float: left;
					width: 48%;
					height: 150px; 
					position: relative;
					margin-right:10px;
					margin-bottom:15px;
				}
			}
			
			@media (min-width: 1180px){	
				.module {
					float: left;
					width: 31%;
					height: 150px; 
					position: relative;
					margin-right:10px;
					margin-bottom:15px;
				}
			}
			
			
			/*Baggrundsbillede + overlay i bunden*/
				.backgroundimage {
					float:left; 
					margin-right:1%; 
					margin-left:1%;
					/* box-shadow:0px 0px 20px -5px #333333 !important; */
				}

				.backgroundimage:before {
					content: '';
					position: absolute;
					top: 60%;
					right: 0;
					bottom: 0;
					left: 0;
					background-color: inherit;
					opacity: .75; 
				}
				
				
				.category-boxes-container{
					padding:2%;
				}

				.category-boxes-name{
					width: 100%;
					line-height: 15px;
					font-size:15px;
					position: absolute;
					color: #fff;
					bottom: 10px;
					left: 10px;
				}
				
				.category-boxes-link{
					font-size: 15px;
					line-height: 15px;
					color: #fff;
					bottom: 10px;
					left: 10px;
					font-weight:bold;
				}
				
				.category-boxes-link:hover{	
					color:#ff206e!important; /*#ff206e*/
					-webkit-transition: .1s ease-in-out!important;
					transition: .1s ease-in-out!important;
				}


	/* STYLING FOR OTHER REVIEWS BOXES ON SINGLE END */

				
/*Padding in bottom of single page*/

.single .post {
	padding-bottom: 0;
}	



/*TEST FOR TOP % LIST!*/	
	/*for function "get_reviews_XXX_right_5" BEGIN*/	
			
			@media screen and (min-width: 900px) {
				.tile-5-hide-overlays{
					display:none;
				}
			}
			
			.tile-5 { 
				display:block;
				float:left;
				width:96%;
				margin-left: 2%;
				margin-right: 2%;
				padding:2%;
				padding-bottom:1%;
				margin-top:2%;
				margin-bottom:2%;
				border:solid;
				border-color:#d3d3d3;
				border-width:thin;
			}
		
			@media screen and (min-width: 900px) {
 				.tile-5 {
					height:112px;
					margin-top:0.25%;
					margin-bottom:0.25%;
					padding:0.5%;
				
				/*  height:180px;
					padding:1%;
					padding-top:1%;
					padding-bottom:1%;
					margin:0;
					border:none; */
				} 
			}
			
			@media screen and (min-width: 1180px) {
				.tile-5 {
				}
			}
			
			.tile-5-background{
				/* background:#e3e8ea; */
				background:#edf1f2;
			}
						
				.tile-5-container-left{
					width:100%; 
					display:inline-block;
					float:left;
				}
				
				@media screen and (min-width: 900px) {
					.tile-5-container-left{
						width:26%; 
					}
				}
				
					.tile-5-img-container {
						float: left;
						width: 100%;
						height: 180px; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
						overflow: hidden;
					}
					
					@media screen and (min-width: 900px) {
						.tile-5-img-container {
							float: left;
							width: 100%;
							height: 140px; 
							position: relative;
							/* margin-right:10px; */
							margin-bottom:0px;
						}
					}
					
					.tile-5-img{
						object-position:left top!important;
						object-fit: cover;
						height:100%; 
						width:100%;
						/* padding:2%; */
						/* margin-bottom:2%; */
						/* float:left; */
						/* overflow:hidden; */
					}
													
				.tile-5-container-right{
					width:100%; 
					display:inline-block;
					float:left;
					max-height: 200px;
				}
				
				@media screen and (min-width: 900px) {
					.tile-5-container-right{
						width:72%; 
						margin-left: 2%;
					}
				}
				
					.tile-5-container-right-1{
						display:inline-block;
						width:100%; 
						height: 135px;
						float:left; 
						overflow:hidden;
						margin-bottom: -30px;
						margin-left:1%;
					}
					
					@media screen and (min-width: 666px) {
						.tile-5-container-right-1{
							/* height: 162px;
							/* float:left;  */
							/* overflow:hidden; */
						}
					}
					
					@media screen and (min-width: 900px) {
						.tile-5-container-right-1{
							width:60%; 
							height:160px;
							overflow:hidden;
						}
					}
											
						.tile-5-heading{
							font-size:24px!important;
							margin-top:-1%!important;
							margin-bottom:-1%!important;
							text-align:left;
						    padding-bottom: 0px!important;
							max-height: 50px;
						}
						
						@media screen and (min-width: 666px) {
							.tile-5-heading{
								/* font-size:24px!important; */
							}
						}
						
						.tile-5-heading a{
							color:#195884!important;
							text-align:left;
							font-weight:bold!important; 
							text-align:left!important; 
							line-height:4rem!important;
						}
						
						.tile-5-text-container{
							display:block;
						}
						
							.tile-5-shorttitle{
								text-align:left!important; 
								font-weight:bold; 
								margin-bottom:1%!important; 
								font-size:15px;
								padding-bottom: 0; 
							}
							
							.tile-5-exerpt{
								display: none;
								margin-top:2%!important;
							}

							@media screen and (min-width: 666px) {		
								.tile-5-exerpt{
									display: unset;
									margin:0;
									margin-top:2%!important;
								}
							}
							
							@media screen and (min-width: 900px) {		
								.tile-5-exerpt{
									margin:0;
									margin-top:2%!important;
								}
							}
							
								.block-ellipsis-5 {
								  max-width: 100%;
								  margin: 0 auto;
								  line-height: 1;
								  font-size:14px;
								}
							
								@media screen and (min-width: 900px) {									
									.block-ellipsis-5 {
									  display: block;
									  display: -webkit-box;
									  /* max-width: 100%; */
									  height: 43px;
									  /* margin: 0 auto; */
									  /* line-height: 1; */
									  -webkit-line-clamp: 3;
									  -webkit-box-orient: vertical;
									  overflow: hidden;
									  text-overflow: ellipsis;
									  /* font-size:14px; */
									} 
								}	
								
								.tile-5-button{
									display: inline-block; 
									/* float: none;  */
									margin-top: 0%;
									margin-bottom: 0%;
									width: 60%; 
									margin-left: 20%;
									margin-right: 20%; 
 
								}
								
								@media screen and (min-width: 900px) {	
									.tile-5-button{
										display: inline-block; 
										float: right; 
										margin-top: 3%;
										width: 30%; 
										margin-left: 0%;
										margin-right: 0%; 


									}
								}
								
								.test{
								}
							
					.tile-5-container-right-2 {
						display:none;
						width:100%; 
						float:left; 
						padding: 2%; 
						text-align:center;
							font-size:35px!important; 
							font-weight:thin!important;
					}
					
					@media screen and (min-width: 666px) {
						.tile-5-container-right-2{
							width:11%; 						
							height: 100%; 
							float:left; 
							padding: 0%; 
							padding-left:0%;
							text-align:center;
							margin-top:7.5%;
						}
					}
					
					@media screen and (min-width: 900px) {
						.tile-5-container-right-2{
							margin-top:7.5%;
							display: inline-block;
						}
					}
					

				.tile-5-rating-container{
					padding:0%;
					position: relative;
					background: rgba(81, 138, 176, 0.85);
				}
					
				.tile-5-rating{
					line-height: 15px;
					position: absolute;
					top: 165px;
					right:-5px;
					width: 120px; 
					background: inherit;
				}
				
				@media screen and (min-width: 900px) {
					.tile-5-rating{
						line-height: 15px;
						position: absolute;
						top: 45px;
						right:-5px;
						width: 100px;
						background: inherit;
					}
				}
				
				.tile-5-rating span {
					font-size: 42px;
					line-height: 55px;
					font-weight: bold;
					color: white;
					text-align: center;
					width: 100%;
					display: block;
					background: inherit;
					/* box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.8); */
					position: absolute;
					bottom: -3%; right: 5%;
				}
				
				@media screen and (min-width: 900px) {
					.tile-5-rating span {
						font-size: 36px;
						line-height: 45px;
						font-weight: bold;
						color: white;
						text-align: center;
						width: 100%;
						display: block;
						background: inherit;
						/* box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.8); */
						position: absolute;
						bottom: -3%; right: 5%;
					}
				}	


		/* STYLING FOR IMAGE BOXES IN TOP LIST 5 BEGIN */
		
				.top5-module {
					float: left;
					width: 100%;
					height: 150px; 
					position: relative;
					margin-right:2%;
					margin-bottom:15px;
				}
				
				@media (min-width: 650px){	
					.top5-module {
						float: left;
						width: 48%;
						height: 150px; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
					}
				}
				
				@media (min-width: 900px){	
					.top5-module {
						float: left;
						width: 48%;
						height: 100px; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
					}
				}
				
				@media (min-width: 1180px){	
					.top5-module {
						float: left;
						width: 31%;
						height: 100px; 
						position: relative;
						margin-right:10px;
						margin-bottom:15px;
					}
				}
				
				
				/*Baggrundsbillede + overlay i bunden*/
					.top5-backgroundimage {
						float:left; 
						margin-right:1%; 
						margin-left:1%;
						/* box-shadow:0px 0px 20px -5px #333333 !important; */
					}

					.top5-backgroundimage:before {
						content: '';
						position: absolute;
						top: 52%;
						right: 0;
						bottom: 0;
						left: 0;
						background-color: inherit;
						opacity: .75; 
					}
					
					
					.top5-category-boxes-container{
						padding:2%;
					}

					.top5-category-boxes-name{
						width: 100%;
						line-height: 15px;
						font-size:15px;
						position: absolute;
						color: #fff;
						bottom: 5px;
						left: 10px;
					}
					
					.top5-category-boxes-link{
						font-size: 15px;
						line-height: 15px;
						color: #fff;
						bottom: 5px;
						left: 10px;
						font-weight:bold;
					}
					
					.top5-category-boxes-link:hover{	
						color:#ff206e!important; /*#ff206e*/
						-webkit-transition: .1s ease-in-out!important;
						transition: .1s ease-in-out!important;
					}


		/* STYLING FOR IMAGE BOXES IN TOP LIST 5 END */
			
	/*for function "get_reviews_XXX_right_5" END*/	
	
	/*DISCOUNT RIBBONS BEGIN*/
	
		/*RIGHT*/	
			
		.ribbon-right {
		  position: absolute;
		  right: -5px; top: -5px;
		  z-index: 1;
		  overflow: hidden;
		  width: 155px; height: 155px;
		  text-align: right;
		}
		.ribbon-right span {
		  font-size: 18px;
		  font-weight: bold;
		  color: #000;
		  text-transform: uppercase;
		  text-align: center;
		  line-height: 40px;
		  transform: rotate(45deg);
		  -webkit-transform: rotate(45deg);
		  width: 155px;
		  display: block;
		  background: #79A70A;
		  background: linear-gradient(#fde16d 0%, orange 100%);
		  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
		  opacity:0.95;
		  position: absolute;
		  top: 25px; right: -35px;
		}
		.ribbon-right span::before {
		  content: "";
		  position: absolute; left: 0px; top: 100%;
		  z-index: -1;
		  border-left: 3px solid #8F0808;
		  border-right: 3px solid transparent;
		  border-bottom: 3px solid transparent;
		  border-top: 3px solid #8F0808;
		}
		.ribbon-right span::after {
		  content: "";
		  position: absolute; right: 0px; top: 100%;
		  z-index: -1;
		  border-left: 3px solid transparent;
		  border-right: 3px solid #8F0808;
		  border-bottom: 3px solid transparent;
		  border-top: 3px solid #8F0808;
		} 

	/*DISCOUNT RIBBONS END*/
	
	
	/*CATEGORY MAIN PAGE*/  
	.first-category-image-container{
		padding:2%;
		height:100%;
		width:100%;
	}
	
	/*CATEGORY MAIN PAGE*/  	
	.first-category-image-name{
		line-height: 0px;
		font-size:15px;
		position: absolute;
		/* color: #fff; */
		bottom: -10px;
		left: 10px;
		z-index:1;
	}
	
	.first-category-image-name h3 {
		position: relative; 
		bottom: 10px;
		color:gold!important;
		text-decoration:none!important;
		-webkit-transition: .1s ease-in-out!important;
		transition: .1s ease-in-out!important;
		border-bottom:none!important;
	}
	
	.first-category-image-name h3:hover {
		color:#ff206e!important; /*#ff206e*/
		-webkit-transition: .1s ease-in-out!important;
		transition: .1s ease-in-out!important;
		text-decoration:none;
		border-bottom:none!important;
		/* background: rgba(255,255,255,0.30); */
		border-radius:5px;
	}
	
	/*Gallery main BEGIN*/
	
		.gallery-main-container{
			padding-left:5%;
		}
		
		.gallery-main-module{
			float:left;
			display:inline-block;
			width:93%;
			height: 300px;
			margin:1%;			
			border-style: solid;
			border-width: .5px;
			border-color: #d3d3d3;
			transition: all 0.15s ease;
			-moz-transition: all 0.15s ease;
			-ms-transition: all 0.15s ease;
			-webkit-transition: all 0.15s ease;
			-o-transition: all 0.15s ease;
		}
		
		@media screen and (min-width: 500px) {		
			.gallery-main-module{
				float:left;
				display:inline-block;
				width:45%;
				height: 300px;
				margin:1%;			
				border-style: solid;
				border-width: .5px;
				border-color: #d3d3d3;
				transition: all 0.15s ease;
				-moz-transition: all 0.15s ease;
				-ms-transition: all 0.15s ease;
				-webkit-transition: all 0.15s ease;
				-o-transition: all 0.15s ease;
			}
		}
		
		@media screen and (min-width: 700px) {		
			.gallery-main-module{
				float:left;
				display:inline-block;
				width:30%;
				height: 300px;
				margin:1%;			
				border-style: solid;
				border-width: .5px;
				border-color: #d3d3d3;
				transition: all 0.15s ease;
				-moz-transition: all 0.15s ease;
				-ms-transition: all 0.15s ease;
				-webkit-transition: all 0.15s ease;
				-o-transition: all 0.15s ease;
			}
		}
				
		@media screen and (min-width: 1180px) {		
			.gallery-main-module{
				float:left;
				display:inline-block;
				width:21.75%;
				height: 300px;
				margin:1%;				
				border-style: solid;
				border-width: .5px;
				border-color: #d3d3d3;
				transition: all 0.15s ease;
				-moz-transition: all 0.15s ease;
				-ms-transition: all 0.15s ease;
				-webkit-transition: all 0.15s ease;
				-o-transition: all 0.15s ease;
			}
			
		}

		.gallery-main-module img{
			height:200px;
			width:100%;
			object-fit: cover;				
		}
	
	/*Gallery main END*/
	


		
	
	
 