.height-std {
	height: 100px !important;
	overflow: hidden;
}
.height-sm {
	height: 75px !important;
	overflow: hidden;
}
.height-sm div>div {
	padding-left: 0;
}

.height-sm div>div:first-child {
	padding-right: 0.4em;
}

#first-comm, #blog-index, #main-content, #second-comm, #bottom-comm, #region-search {
	border-bottom: 4px solid #000;
	padding-bottom: 1em;
	margin-bottom: 1em;
}


#region-search p{
    padding: 0;
    margin: 0;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  padding: 10px;
}

#map {
	border: 2px solid #000;
	border-radius: 10px;
}
a:hover {
	text-decoration: none;
	color: #fc880c;
}

.cp-logo {
	max-width: 300px !important;
	max-height: 200px !important;
}

.header {
	background-image: url('/img/bg-alt-1.jpg');
	background-repeat: no-repeat;
 	display: block;
	background-position: left top;
	background-size: cover;

	position: relative;
	
}
span.homelink{ 
  position: absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  display: block;
  z-index: 9;
} 

@media (min-width: 768px) {
	.header {
		height: 260px;
	}
	#region-search > div{
	    max-width: 20% !important;
	}
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }

    main {
    	min-height: 400px !important;
    }

}
@media (max-width: 1024px) {
	#logosubtitle2 {
    	font-size: 1.8em !important
    }
}

@media (max-width: 1025px) {

	#htxtrow1, #htxtrow2, #htxtrow3 {
		display: none !important;
	}	
}
nav.top-navbar {
	background-color: #eee !important;
}

.navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

.navbar-nav>li>a:link,.navbar-nav>li>a:visited {
	color: #000 !important;
}

.navbar-laravel {
	border-bottom: 0.3em solid #000;
}



div.dropdown-menu {
	background: #000;
}

div.dropdown-menu a {
	background: transparent;
	color: #fff;
}

div.dropdown-menu *:hover {
	background: transparent;
	color: #ff6533;
}

.navbar-laravel li{
	margin-right: 0.2em;
	padding-right: 0.2em;
}

.dropdown-item {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.dropdown-item{
	font-family: 'Arial', sans-serif;
	font-size: 0.9em; 
}
/* Content */

.company-list {
	width: 100%;
}

@media (min-width: 979px) {
	.company-list {
		padding: 4px 10px;
	}
	.header-logo h2 {
		padding-left: 2.2em;
	}
	.navbar-laravel li:not(:last-child) {
		background-image: url('/img/slash.jpg');
		background-position: right center;
		background-repeat: no-repeat;
	}

}

#leftSidebar, #rightSidebar {
	border: 2px solid #000 !important;
	min-height: 500px;
	padding:4px;

}

#leftSidebar p {
	padding: 4px;
	border: 1px solid #000;
	font-size: 70%;
	min-height: 200px;
}
footer {
	margin-top: 0.3em;
	padding: 0.3em;
	color: #fff;
	background: #1c1c1c;
}
 footer h5 {
 	font-size: 1rem;
 	font-weight: 700;
 }

 footer p {
 	font-size: 0.9rem;
 	margin-bottom: 0.15rem;
 }
 footer li a {
 	font-size: 0.9rem;
 }

 footer li a:link,  footer li a:visited{
 	color: #08A0F4 !important;
 }
 footer li a:hover,  footer li a:active{
 	color: #fc880c !important;
 }
 footer hr {
 		border-top: none;
	border-bottom: 1px solid #666;
	padding-top: 0;
	margin-bottom: 0.4rem;
	margin-top: 0;
 }
.breadcrumb li{
	font-size: 1.0em;
	font-weight: 700;
}
.breadcrumb-item+.breadcrumb-item::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f101";

	
 }
/* Social Icon */
.socialIcons li {
    list-style: outside none none;
    margin-right: 6px
}

.socialIcons li a {
	padding-left: 35px;
}


.socialIcons li a p:hover {
    color: #c2c5c6;
}

.facebook,
.gplus,
.instagram,
.line,
.whatsapp,
.twitter {
    background: url('/img/socials_2.png') no-repeat top left;
    height: 23px;
    width: 23px
}

.facebook {
    background-position: 0 0
}

.gplus {
    background-position: 0 -22px
}

.linkedin {
    background-position: 0 -66px
}

.twitter {
    background-position: 0 -88px
}

.instagram {
    background-position: 0 -44px
}

.whatsapp {
    background-position: 0 -110px
}

.header-logo, .header-logo:hover {
	color: #FF6533 ;
	text-decoration: none;
}

.header-logo h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.header-logo h2 {
	margin-top: 0;
	padding-top: 0;
}

.fa-facebook {
	color: #3B5998;
}

.fa-twitter {
	color: #4099FF;
}

.fa-instagram {
	color: #971f9f;

}
.fa-youtube {
	color: red;
}

/* Running Text */

marquee {
	width: 70%;
}

.runtext-container {

width: 70%;
overflow-x: hidden;
overflow-y: visible;
}

.main-runtext {
margin: 0 auto;
overflow: visible;
position: relative;

}

.runtext-container .holder {
position: relative;
overflow: visible;
display:inline;
float:left;

}

.runtext-container .holder .text-container {
	display:inline;
}

.runtext-container .holder a{

}

.runtext-container .holder a:hover{
	text-decoration: none;
	color:#6600ff;
}

/* Card */
[data-toggle="collapse"] .fa:before {  
    content:"\f056";
}

[data-toggle="collapse"].collapsed .fa:before {
    content:"\f055";
}


/*Mega-Menu */
.has-mega-menu .container-sm {
	max-width: 540px;
}

.has-mega-menu .container-md {
	max-width: 720px;
}

.has-mega-menu .container-lg {
	max-width: 960px;
}

.has-mega-menu .container-xl {
	max-width: 1140px;
}

/*Megamenu version 4 Beta and up*/
@media screen and (min-width: 576px) { 
	.has-mega-menu .container-sm {
  		width: 540px;
	}
}

@media screen and (min-width: 768px) { 
	.has-mega-menu .container-md {
  		width: 720px;
	}
}

@media screen and (min-width: 992px) { 
	.has-mega-menu .container-lg {
  		width: 960px;
	}
}

@media screen and (min-width: 1200px) { 
	.has-mega-menu .container-xl {
  		width: 1140px;
	}
}

#pp_card {
	position: absolute;
	left: 79%;
	top: 10%;
	right: 0;
		-webkit-animation-delay:10s;
animation-delay:10s;
}
#pp_card > img {
	width: 212px;
	max-width: 90%;

}

#store_banner {
	position: absolute;
	left: 79%;
	top: 40%;
	right: 0;
	z-index: 14;
	-webkit-animation-delay:9s;
animation-delay:9s;
}

#store_banner a img {
    box-shadow: 0 0 40px #fff;
}

/*Animated */
#logoimg {

-webkit-animation-delay:1s;
animation-delay:1s;
}

#logotitle, #logosubtitle, #logosubtitle2 {
color: #ff4800;
font-weight:700;
text-transform: uppercase;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}

#logotitle { font-size:2.4em; }
#logosubtitle { font-size:1.8em; }
#logosubtitle2 { font-size:2em; }

#logotitle {
text-indent:260px;
position:absolute;
top:60px;
-webkit-animation-delay:3s;
animation-delay:3s;
}

#logosubtitle2 {
text-indent:380px;
position:absolute;
top:150px;
-webkit-animation-delay:5s;
animation-delay:5s;
}

#logosubtitle {
text-indent:320px;
position:absolute;
top:110px;
-webkit-animation-delay:4s;
animation-delay:4s;
}

#htxtrow1, #htxtrow2, #htxtrow3 {
z-index:10;
width: 21%;
left:79%;
line-height: 1.2em;
}

#htxtrow1 a, #htxtrow2 a, #htxtrow3 a {
color:#ff6633;
font-weight:700;
font-size: 0.75em;

}

#htxtrow1 a:hover, #htxtrow2 a:hover, #htxtrow3 a:hover {
text-decoration:underline;
}

#htxtrow1 {
position:relative;
top:-45px;
-webkit-animation-delay:6s;
animation-delay:6s;
}

#htxtrow2 {
position:relative;
top:-45px;
-webkit-animation-delay:7s;
animation-delay:7s;
}

#htxtrow3 {
position:relative;
top:-45px;
-webkit-animation-delay:8s;
animation-delay:8s;
}

.kedip {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  animation-name: kedip;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes kedip {
  from {  opacity: 1.0;filter: alpha(opacity=100); /* For IE8 and earlier */}
  to {  opacity: 0.85;filter: alpha(opacity=85); /* For IE8 and earlier */}
}

/* Standard syntax */
@keyframe kedip {
  from {  opacity: 1.0;filter: alpha(opacity=100); /* For IE8 and earlier */}
  to {  opacity: 0.85;filter: alpha(opacity=85); /* For IE8 and earlier */}
}



/** Blog **/
.blog-item {
	border-bottom: 2px solid #ccc;
	padding-bottom: 0.7em;
	margin-bottom: 2em;
	min-height: 150px;
}

.blog-thumbnail {
	margin-top: 0.4em;
	margin-right: 0.5em;
	width: 150px;
	height: 100px;
}

.blog-thumb-sm{
	margin-right: 0.5em;
	width: 90px;
	height: 60px;
}
.vid-thumb {
	text-align: center !important;
	min-width: 160px; 
}
.latest-blog .list-group-item {
	padding-left: 2px;
}
#blog-show>p:first-child::before {
	content: "MERMAIDS-ROCK.COM - ";
}
/** Share **/
.a2a_svg, .a2a_count { 
	border-radius: 0 !important; 
	width: 1.6em !important;
	height: 1.6em !important;
}

#main-content {
 -webkit-touch-callout: none; 
 -webkit-user-select: none; 
 -khtml-user-select: none;
 -moz-user-select: none; 
 -ms-user-select: none; 
 user-select: none;
}

@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

#search-banner {
	/*background: #ffffff url('/img/search-img-bg.jpg') no-repeat right top;
}