.fas
{
    margin-right:4px !important; /*override*/
}

.pagination .fas
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#fff;
}

.card ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #555;
}

.container{
	
	width:100%;
	Max-width:1180px;
}
.bg-topclr {
	  background-image:url(../images/3.webp)	  
  }
  
.bg-cardtop{ 
	  background-color:#06060678;
	  
  }
  
   .cardtop{
	   background-color:#e8e8e8;
	  
  }
   
 	h1{font-size:1.5rem;font-weight:bold }
	h2{font-size:1.3rem ;}
	h3{font-size:1.1rem;font-weight:bold}
	h4{font-size:1.1rem;}
	h5{font-size:1.0rem;font-weight:bold}
	h6{font-size:1.0rem;}
	p{font-size:0.95rem} 
	body{font-size:0.90rem} 
	
  .text-first{
	  color:#425262;
  }
  
#hovr a{
  color: black;
  text-decoration:none;
}

#noul {
	color:#fff;
}


#noul a{
	text-decoration:none;
}

#noul :hover{
	text-decoration:none;
}

#hovr :hover {
  background-color:#000;
  color:white;
}

	
 		/* The Modal (background) */
		.modal2 {
		  display: none; /* Hidden by default */
		 // position: fixed; /* Stay in place */
		  
		  left: 0;
		  z-index:2000;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: hidden; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
		}

		/* Modal Content/Box */
		.modal2-content {
		    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
		 
		  
		  background-color: #fefefe;
		 // margin: auto; /* 15% from the top and centered */
		   padding: 15px;
		  border: 1px solid #888;
		 width:90%; /* Could be more or less, depending on screen size */
		//  vertical-align: middle;
		}
		
		.close2 {
   position: absolute;
  right:  -15px;
  top:  -15px;
  opacity:1;
    index:999;
   
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;opacity:1;
}
		
		

.navbar {
    -webkit-box-shadow: 0 4px 3px -3px #999;
    -moz-box-shadow: 0 4px 3px -3px #999;
    box-shadow: 0 4px 3px -3px #999;

    /* the rest of your styling */
}

.dropdown-item.active, .dropdown-item:active {
   background-color: #37b152;
}
body{
		font-size: 0.8 rem;

}
pre {
            overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
         }
.pointr
{
	 cursor: pointer; 
}
.footer {
  background-color: #343a40;
  border-top:solid #d0d0d0 1px;
}
 .shd{

 	text-shadow: 0 0 3px darkred;
 }
.nav-link{
	font-family: "calibri", Garamond, 'Comic Sans MS';
	font-size:19px;
	active-color:blue;
.active{
font-weight: bold;

}	
}
 #map {
        height: 300px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }


.show-result {
  margin: 10px;
  padding: 10px;
  color: green;
  font-size: 20px;
}

.star-rating s:hover,
.star-rating s.active {
    color: #ffbe10;
}


.star-rating s {
    color: #ffbe10;
    font-size: 50px;
    cursor: default;
    text-decoration: none;
    line-height: 40px;
}

.star-rating {
   margin-top: -4px;
}


.star-rating s:hover:before,
.star-rating s.rated:before,
.star-rating s.active:before {
    content: "\2605";
}
.star-rating s:before {
    content: "\2606";
}


.str-ful {

	content: "\2605";
}

.rate{
	width:212px; height: 40px;
	border:#e9e9e9 1px solid;
	background-color:  #f6f6f6;
	margin:5px auto;
	margin-bottom:0px;
}
.rate .rate-btn{
	width: 45px; height:40px;
	float: left;
	background: url(rate-btn.png) no-repeat;
	cursor: pointer;
}
.rate .rate-btn:hover, .rate  .rate-btn-hover, .rate  .rate-btn-active{
	background: url(rate-btn-hover.png) no-repeat;
}

.result-container{
	width: 82px; height: 18px;
	position: relative;
	background-color: #ccc;
	border: #ccc 1px solid;
	margin:auto;
}
.result-container2{
	width: 212px; height: 40px;
	position: relative;
	background-color: #ccc;
	border: #ccc 1px solid;
	margin:auto;
}



.rate-stars{
	width: 82px; height: 18px;
	background: url(rate-stars.png) no-repeat;
	position: absolute;
}
.rate-bg{
	height: 18px;
	background-color: #ffbe10;
	position: absolute;
}

.carousel {
  /* any dimensions are fine, it can be responsive with max-width */
  width: 100%;
  height: 450px;
}

.carousel-inner {
  /* make sure your .items will get correct height */
  height: 100%;
}

.item {
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.item img {
  visibility: hidden;
}

.rate-stars{
	width: 82px; height: 18px;
	background: url(rate-stars.png) no-repeat;
	position: absolute;
}