html, * { box-sizing: border-box; }
@media (min-width:768px)
{
 .mobile_view
 {
     display:none;
 }
}
body {

  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
 .view:hover
{ 
    
   
}
.description_details  a
{
 color:#f9ca0c;  
}
.cat_key
{
    
}
.cat_key:hover
{
 color:#f9ca0c ! important;   
}
.contact_map_all
{

padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border:1px solid #c6c6ce;
background-color:white;
color:#4f4e4e;
float:right;
cursor:pointer;
margin-top:10px;
}
.contact_map_all:hover
{
color:white;
background-color:#424040;
text-decoration:underline;
}
.map-for-all-com:hover
{
 border:1px solid black;   
}
.pagination a {
  color: white;
  float: left;
  padding: 2px 7px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
  background-color: dodgerblue;
  color: white;
  border-radius:3px;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.direction-but:hover
{
    color:white;
    text-decoration:underline;
    background-color:black
}
.branches-link
{
    font-size:13px;
    color:#21aad3;
    text-decoration:underline;
}

.branches-link:hover
{
    font-size:13px;
    color:#21aad3;
    text-decoration:underline;
}


#mixedSlider {
  position: relative;
  z-index:10;
  width:100%;
}
#mixedSlider .item .explore_now
{
background-color:#3eb0c9;
color:white;
border:2px solid #117193;
padding:0;
border-radius:20px;

margin-top:0px;

}

#mixedSlider .item .child
{
flex-grow: 1; /* each flex-item grows and takes 1/3 of the parent's width */
  text-align: center;
padding-top:20px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
z-index:10;
background-color:transparent;
width:100%;
}

#mixedSlider .item .explore_now p
{
background-color:#3eb0c9;
color:white;
border:1.5px dashed white;

border-radius:20px;
text-align:center;
font-size:14px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin:0px;
position:relative;
}
#mixedSlider .item .explore_now a
{
color:white;
}
#mixedSlider .item .explore_now a:hover
{
text-decoration:underline;
color:white;
}

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 3%;
  padding-bottom:10px;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 24.3333%;
  height:250px;
  position: relative;
  vertical-align: top;
  overflow: hidden;
 box-shadow: 1px 2px 5px 2px #888888;
  white-space: normal;
border-radius:2px;
  background-color:white;
  margin-right:20px;
  text-align:center;
  padding-bottom:10px;
 
}
#mixedSlider .MS-content .item:hover{
background-color:#ede6e6;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}

#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}


#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: white;
  outline: 0;
  font-size: 20px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
  border-radius:100px;
  cursor:pointer;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}











.no-review
{
    color:#848383;
    cursor:pointer;
}
.no-review:hover
{
    text-decoration:underline;
}
.ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #848484;
  overflow: hidden;
  margin:0;
}

.full-stars{
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #ffcd00;
}

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

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

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



#php1,#php2,#php3,#php4,#php5
{
width:30px;
height:30px;

}
.rev-submit
{
  
  background-color:#41bfa4;
  color:White;
  border:none;
  text-align:center;
  width:100%;
  cursor:pointer;
  box-shadow:0 1px 1px rgba(0,0,0,0.5);
  border-radius:5px;
  padding-top:10px;
  padding-bottom:10px;
}
.rev-submit:hover
{
  box-shadow:0 2px 2px rgba(0,0,0,0.5); 
  background-color:#51c1b4;
    
}

.review-header
{
    background-color:#ffee3d;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    border-top-left-radius: 10px;
  border-top-right-radius: 10px;

}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* 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 */
.modal-content {
    border-radius:5px;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
   box-shadow:0 1px 1px rgba(0,0,0,0.5);
   padding-bottom:15px; 
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 25px;
  font-weight: lighter;
  margin-top:-5px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.rating
{
    list-style: none;
    color:#b3b7b7;
 padding-top:5px;  
}
.rate-list
{
    margin-bottom:5px;
}
.rating-value
{
 background-color:#3ac42b;  
 color:white;
 border-radius:5px;
 border:none;
 font-size:30px;
 font-weight:700;
 padding:12px;
}
.rev-name
{
    color:#2d2b2b;
    font-weight:800;
}
.review-details
{
    padding-left:40px;
    padding-top:10px;
    padding-right:90px;
   
}
.reviews
{
    color:#211f1f;
    font-size:15px;
    text-align:justify;
     line-height:1.5em;
}
.rating-value-list
{
 background-color:#3ac42b;  
 color:white;
 border-radius:5px;
 border:none;
 font-size:15px;
 font-weight:700;
 padding:8px;
 margin-left:10px;
}
.v_line {
  border-left: 4px solid #5a6363;
  height: 125px;
  
  
  top: 0;
}
.b-list
{
    color:#696a6d;
    font-size:12px;
    
}
.b-list:hover
{
    color:#696a6d;
    text-decoration:underline;
    
    
}
.email_send
{
width:100%;
text-align:center;
background-color:#449ee2;
color:white;
border:none; 
height:40px;
cursor:pointer;
 box-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.email_send:hover
{
     box-shadow:0 2px 1px rgba(0,0,0,0.5);
}
.email_form
{
    width:100%;
    border-top:none;
    border-left:none;
    border-right:none;
    padding-left:10px;
    border-bottom:1px solid #757575;
    height:50px;
     -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}
.email_form:focus
{
     border-bottom:2px solid green;
}
.con-form
{
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
}
.key-link
{
color:#848383;
font-size:12px;
}
.key-link:hover
{
text-decoration:underline;
color:#848383;
}
.photogallery
{
background-color:white;
height:100%;
}
.videos
{
 background-color:white;
height:100%;   
}
.rev
{
  float:right;
  margin-right:15px;
  background-color:#41bfa4;
  color:White;
  border:none;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
  box-shadow:0 1px 1px rgba(0,0,0,0.5);
  border-radius:5px;
}
.rev:hover
{
  box-shadow:0 2px 2px rgba(0,0,0,0.5); 
  background-color:#51c1b4;
    
}
.review
{
    margin-top:20px;
background-color:white;
padding-bottom:20px;
padding-top:10px;
}
.branch
{
background-color:white;
padding-bottom:20px;
}
.about_content
{
    padding:15px;
    overflow-y:scroll;
    border:0px solid gray;
    text-align:justify;
     height:350px;
     font-size:15px;
     color:#5f6060;
}
.about_us
{
background-color:white;
padding-bottom:20px;
padding-top:8px;
margin-top:20px;
padding-right:15px;
padding-left:15px;

}
.email
{
background-color:white;
padding-bottom:20px;
padding-top:8px;
margin-top:20px;
}
.map-list
{
background-color:white;
margin-left:15px;
width:100%;
margin-right:5px;
height:255px;
}
.keyword-list
{
background-color:white;
margin-left:15px;
width:100%;
margin-right:5px;

}
.category-list
{
background-color:white;
margin-left:15px;
width:100%;
margin-right:5px;

}
.page_name_profile
{

top: 0;
  left: 0;
  width: 100%;
  height: 100%;
color:#848383;
margin-left:10px;

}

.page_name_profile a
{
color:#848383;
text-decoration:underline;

}

.page_name_profile a:hover
{
text-decoration:underline;
color:#848383;
}
.contact-profile
{

padding-left:30px;
padding-right:30px;
padding-top:8px;
padding-bottom:8px;
border:1px solid #c6c6ce;
background-color:white;
color:#4f4e4e;
font-size:13px;
cursor:pointer;
border-radius:5px;
}
.contact-profile:hover
{
color:white;
background-color:#424040;
text-decoration:underline;
}
.open-hour
{

padding-left:30px;
padding-right:30px;
padding-top:8px;
padding-bottom:8px;
border:1px solid #c6c6ce;
background-color:white;
color:green;
font-size:13px;
cursor:pointer;
border-radius:5px;
margin-right:20px;
margin-top:-30px;
}
.open-hour:hover
{
color:green;
background-color:white;

}
.profile_full_container
{
padding-top:40px;

}

.profile-content
{
background:rgba(0,0,0,0.7);
padding-top:10px;
padding-bottom:10px;
padding-left:20px;

}

.profile-details
{
width:100%;
margin-top:80px;
background-size: cover;
 background-repeat: no-repeat;
background-attachment:fixed;
position:relative;
top:0;
left:0;

}
.section_profile
{
width:100%;
margin-top:80px;
background-size: cover;
 background-repeat: no-repeat;
background-attachment:fixed;
position:relative;
top:0;
left:0;
margin-bottom:0px;
}

.navbar {
  overflow: hidden;
  background-color:#ededed;
  position: fixed;
  top:80;
  width: 100%;
z-index:60;
}

.navbar a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
border-right:1px solid #c1c1c1;
}

.navbar a:hover {
  background: black;
  color: white;
text-decoration:underline;

}


.apply-filter
{
font-size:13px;
border:none;
color:black;
background-color:#ffd454;
float:right;
cursor:pointer;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
 box-shadow:0 1px 1px rgba(0,0,0,0.5);
margin-right:20px;
margin-bottom:20px;
z-index:50;
position:relative;
}
.areas
{
border:1px solid #b7b3b3;
border-radius:5px;
margin-left:10px;

}
.dis
{
border:1px solid #b7b3b3;
border-radius:5px;
margin-left:10px;
}
.myarea
{
writing-mode: vertical-lr; 
transform: rotate(180deg);
font-weight:600;
}
.mydis
{
writing-mode: vertical-lr; 
transform: rotate(180deg);
font-weight:600;
}
.cities
{
width:100%;
border:1px solid #b7b3b3;
border-radius:5px;
}
.filter-location
{
display:none;
border:1px solid #b7b3b3; 
position: absolute;
background-color:white;
width:850px;
z-index:50;
}
.filter-location-button
{
display: grid;
  grid-template-columns: 7fr ;
padding-top:25px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
width:100%;
}
.filter-location i
{
float:right;
padding-right:10px;
padding-top:5px;
color:#afafaf;
cursor:pointer;
}

.caption
{
font-weight:700;
}
.category-link
{
line-height:2.5px;
font-size:13px;
color:#4fadf9;
cursor:pointer;
}
.category-link:hover
{
text-decoration:none;
color:#4fadf9;
}
.apply
{
font-size:13px;
border:none;
color:white;
background-color:#ffd454;
float:right;
cursor:pointer;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
 box-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.apply:hover
{
box-shadow:0 2px 0px rgba(191, 191, 191,0.5);
}
.tooltip1 {
    display:inline-block;
    position:relative;
     
    text-align:left;
}

.tooltip1 .bottom1 {
   min-width:350px;
    top:30px;
    left:50%;
    transform:translate(-50%, 0);
   padding-left:15px;
padding-right:15px;
padding-bottom:10px;
    color:#444444;
    background-color:white;
    font-weight:normal;
    font-size:13px;
    border-radius:5px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
   border:1px solid black;
    display:none;
}

.tooltip1:hover .bottom1 {
    display:block;
    
}

.tooltip1 .bottom1 i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip1 .bottom1 i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}















.fa.fa-info-circle {
  font-size: 38px;
  color: #21606b;
}
















.info_1{
  height: 25px;
  width: 25px;
  background-color: #42c5f4;
  border-radius: 50%;
  display: inline-block;
  padding:5px;
}
.list 
{
color:#605d5d;
font-size:15px;
}
.description a
{
font-size:13px;
color:#359941;
line-height:1.4;
}
.description a:hover
{
color:#359941;
}
.contact
{

padding-left:35px;
padding-right:35px;
padding-top:5px;
padding-bottom:5px;
border:1px solid #c6c6ce;
background-color:white;
color:#4f4e4e;
font-weight:bold;
cursor:pointer;
}
.contact1
{


padding-top:5px;
padding-bottom:5px;
border:1px solid #c6c6ce;
background-color:white;
color:#4f4e4e;
font-weight:bold;
cursor:pointer;
}
.contact:hover
{
color:white;
background-color:#424040;
text-decoration:underline;
}
.contact1:hover
{
color:white;
background-color:#424040;
text-decoration:underline;
}
.filter
{

float:right;
height:30px;
margin-right:15px;
}
.results
{

float:right;
color:white;
font-weight:600;
margin-right:30px;
margin-top:15px;

}
.filter_button
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
background-color:white;
border:none;
}
.filter_button:hover
{
background-color:#bfbfbf;
}
.result-head
{
margin-top:15px;
}
.first-column {
    width: 76%;
    padding: 0 10px 0 0;
    float: left;
}

.second-column {
    width: 23%;
    padding-left:15px;
padding-right:10px;
    float: right;
margin-top:10px;
}

@media only screen and (max-width: 800px) {

   .first-column {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

    .second-column {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }
    
}







.section_container
{
width:100%;
margin-top:80px;
background-size: cover;
 background-repeat: no-repeat;
background-attachment:fixed;
position:relative;
top:0;
left:0;

}
.page-container
{
background:rgba(0,0,0,0.7);
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
margin-top:15px;
padding-right:10px;
}
.page-title-span
{
background:rgba(0,0,0,0.7);
padding-top:10px;
padding-bottom:10px;
padding-left:20px;

}


.page_name
{

top: 0;
  left: 0;
  width: 100%;
  height: 100%;
color:white;
margin-left:10px;

}

.page_name a
{
color:white;

}

.page_name a:hover
{
text-decoration:underline;

}

.section_full_container1
{
padding-top:40px;
padding-left:130px;
padding-right:130px;
}

.three_column {
 margin-top:-50px;
position:relative;
background-color:#eaeced;
padding-bottom:80px;
margin-bottom:0px;

}
.top_keywords
{
width:100%;
background-color:black;
padding-top:5px;
padding-bottom:20px;

margin-bottom:0px;

}

.demopadding {
 
  width:100%;
  text-align:center;
}

.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:15px;
	top:10px;
}
.icon.social {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	background:#6d6e71 ;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#262626 ;
	color:#6d6e71;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.fb i {
	left:13px;
	top:10px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}



.footer_link
{
 line-height: 1.5;
}
.footer_link a
{
font-size:12px;
color:#595858;
}
.footer_link a:hover
{
text-decoration:underline;
color:#595858;
}
.footer_link i
{
font-size:10px;
}
.footer_page{
background-color:#211f1f;
bottom:0px;
}
.footer_container
{
padding-top:10px;
padding-left:0px;
padding-right:140px;
}

.app_section
{
background-color:#f7f8f9;
padding-top:30px;
height:100%;

}
.app_list
{
font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
color: #443c3c;
font-size:20px;
}
.app_button
{
cursor:pointer;
}
.app_section_container
{
padding-top:10px;
padding-left:130px;
padding-right:100px;
}

.share
{
float:right;
margin-right:20px;
padding-left:40px;
padding-right:40px;
padding-top:5px;
padding-bottom:5px;
border:1px solid #c6c6ce;
background-color:white;
color:#babac4;
}
.trending-companies
{
background-color:#eaeced;
padding-top:30px;
height:140%;

}

.trending_companies_container
{
padding-top:10px;
padding-left:130px;
padding-right:100px;
}

.trend
{
margin-bottom:30px;

}
.trend:hover 
{
box-shadow: 0px 3px #888888;
cursor: pointer;
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out

}

.company_name_link:hover
{
text-decoration:underline;
}

.item {
  width: 100%
}

.container_right {
  display: flex;
  flex-wrap: wrap;
}

.container_right>div {
  flex: 0 50%;
  /*demo*/
 
  box-sizing:border-box
}

.new_openings
{
background-color:#eaeced;
padding-top:50px;
height:90%;
}

.new_opening_container
{
padding-top:10px;
padding-left:130px;
padding-right:100px;
}
.text-block {
  position:absolute;
  bottom: 20px;
  left: 20px;
 z-index:2;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}


.text-block-right {
  position:absolute;
  bottom: 0px;
  left: 0px;
 z-index:2;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
}
.title_name
{
cursor:pointer;
}

.title_name:hover
{
color:black;
}

#flexbox {
  display: flex;
  height: 385px;
  column-gap: 20px;
}

#flexbox > div {
 
  width:500px;
  flex: auto;
}

.cat_name
{
color:#c4c5c6;
padding-left:30px;
}



.hovereffect {
width:100%;

float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;

}
.hovereffect:hover
{
cursor: pointer;

}
select:invalid { color: gray; }
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
background:rgba(0,0,0,0.4);
    opacity:0.9;
padding-top:255px;
padding-right:430px;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}









.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;

}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:0;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}







.keyword_button
{
float:right;

margin-right:100px;
}

.key_button
{
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
font-size:small;
background-color:#4eb9e0;
color:white;
border:none;
}

.key_button:hover
{
 cursor: pointer;
color:black;
text-decoration:underline;
}



.keyword_title
{
color:white;
margin-bottom:0px;
}

.keywords_list
{
width:100%;
padding-left:150px;
padding-right:150px;
color:white;
padding-top:0px;
}

.common-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
margin-top:0px;
}

.common-list a
{
color:gray;
}

.common-list a:hover
{

color:#5a8ee2;
text-decoration:underline;
}


input::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 4;
}






[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  top: 150%;
  left: 70%;
  margin-bottom: 5px;
  margin-right: -80px;
  padding-top: 2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
border:1px solid #333435;
  background-color: white;
 
color:#2d2e30;
font-size:12px;
font-family:Trebuchet MS, Helvetica, sans-serif;
  content: attr(data-tooltip);
  text-align: center;
  
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;

  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}








 

 
.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
padding:0;
margin-top:40px;
  }
.grid > article {
 
background-color:white;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid > article img {
  max-width: 100%;
}
.text {
padding-left:15px;
padding-top:10px ;
padding-bottom:25px;
}
.title_name
{
float:left;
color:#353638;
font-size:18px;
font-weight:bold;
font-family:Trebuchet MS, Helvetica, sans-serif;

}

.count_value
{
float:right;
padding-right:10px;
color:#76777a;
font-size:12px;
font-family:Trebuchet MS, Helvetica, sans-serif;
margin-top:3px;
}
.count_value a
{
text-decoration:none;
color:#76777a;
}
.count_value a:hover
{
text-decoration:none;
color:#76777a;
}
.text > button {
  background: gray;
  border: 0;
  color: white;
  padding: 10px;
  width: 100%;
  }




























.sticky {
  position:fixed;
  top: 0;
  width: 100%;
background-color:#ffcd00;

}



.sticky + .content {
  padding-top: 102px;
}

.parent {
  display: flex; /* displays flex-items (children) inline */
 
}


.child h1
{
color:#292a2b;
margin-top:6px;
font-family:"Open Sans";
}

.child:hover{
background-color:#ede6e6;
}
@media (max-width: 568px) { /* adjust to your needs */
  .parent {flex-direction: column} /* stacks them vertically */
  .child:first-child {order: 1} /* down 1 spot */
  .child:last-child {order: -1} /* up 1 spot */
  /* "order: 0" is by default, therefore :nth-child(2) stays where it is */
  /* the order property only works with flexbox or grid */
}
.search-home
{
padding-left:290px;
padding-right:290px;
position:relative;
}

.line1 h1
{
position:relative;
font-family:"Roboto", sans-serif;
font-size:49px;
line-height:20px;
color:#fff;
font-weight:normal;

}
.line1 p
{
font-family: "Roboto", Open Sans;
line-height:24px;
position:relative;

font-size:21px;
font-weight:400;
}
.center-search
{
width:100%;
text-align:center;

margin-top:80px;

}
.homepage-banner
{
 position: relative;
 background-size: cover;
 background-repeat: no-repeat;
width:100%;
height:570px;
margin-top:0px;

  top: 0;
  left: 0;

 color:white;
 
 z-index:3;
  will-change: transform;
  transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s;
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transform: translateY(0);
  -webkit-transform: translateY(0);


}

.homepage-banner:before		
{

 content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
}


.advanced-search:hover
{
text-decoration:underline;
}
.first-third {
    width: 55%;
    float: left;
height:40px;
position:relative;
}

.second-third {
    width: 23%;
    float: left;
margin-left:10px;
height:40px;
position:relative;
}


.third-third {
    width: 15%;
    margin-left:10px;
    float: left;
height:40px;
position:relative;
}

@media only screen and (max-width: 960px) {

    .first-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

    .second-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

    .third-third {
        width: 100%;
        padding-bottom: 10px;
        float: none;
    }

}



.button {
 
  border: none;
  color: white;
 padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

 
.button5 {background-color: #42413e;} 


.button5:hover {
background-color: black;
} 

.button2 {
background-color: #ffcd00;
width:100%;
height:100%;
border:none;
border-radius:2px;
} 
.button2:hover {
background-color: black;
width:100%;
height:100%;
color:white;
border:none;
} 





section#about { text-align: center; }

section h1 { text-align: center; }

.container { 
padding: 0px 15px 0px 15px; 
}
@media (min-width: 0) {

.container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}
}
@media (min-width: 576px) {

.container {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}
}
@media (min-width: 768px) {

.container {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}
}
@media (min-width: 992px) {

.container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}
}
@media (min-width: 1200px) {

.container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}
}

a {
  text-decoration: none;
  
}


a:hover, a :focus { color: white; }

.menu-left a {
  display: inline-block;
  position: relative;
  padding-bottom: 0px;
  transition: color .35s ease;
color:white;
}

.menu-left a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: width 0s ease, background .35s ease;
}

.menu-left a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background: white;
  transition: width .35s ease;
}

.menu-left a:hover:before {
  width: 100%;
  background:white;
  transition: width .35s ease;
}

.menu-left a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
 color:white;
 
  z-index: 20;
  will-change: transform;
  transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s;
  transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.homepage-banner nav .logo {
  float: left;
 padding-top: 20px;
 padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  font-weight: 600;
  color: white;
position:relative;
}

.homepage-banner nav .logo:after {
  content: '';
  display: table;
  clear: both;
}

.homepage-banner nav ul {
  list-style: none;
padding:0px;
  
color:white;
margin-top:18px;
position:relative;

}

.homepage-banner nav ul li {
  float: none;
  margin-left: 0;
color:white;
position:relative;

}
@media (min-width: 768px) {

.homepage-banner nav ul li {
  float: left;
  margin-left: 1rem;
}
}

.homepage-banner nav ul li a { display: block; }
@media (min-width: 576px) {

header nav ul li a { display: block;  padding: .425rem 0rem;
}
}
 @media (max-width: 768px) {

ul { clear: both; }

ul li { padding: .5em 0; }
}

.hide-nav {
 transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important; }

ul.menu-left {
  display: block;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 10;
color:white;
}
@media (min-width: 768px) {

ul.menu-left {
  display: block !important;
  float: right;
  max-height: none;
}
}

ul.menu-left:before {
  content: '';
  display: table;
  clear: both;
}

ul.menu-left.collapse { max-height: 15em !important; }

.nav-toggle {
  display: block;
  border-radius: 5px;
  background-color: transparent;
  float: right;
  height: 38px;
  width: 38px;
  cursor: pointer;
  padding: 8px 8px;
}

.nav-toggle.open span:first-child { transform: rotate(45deg) translate(4.4px, 4.4px); }

.nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle.open span:last-child { transform: rotate(-45deg) translate(4.4px, -4.4px); }
@media (min-width: 768px) {

.nav-toggle { display: none; }
}

.nav-toggle span {
  position: relative;
  display: block;
  height: 2px;
  width: 100%;
  margin-top: 4px;
  background-color: #000;
  transition: all .25s;
}

.signature {
  position: fixed;
  font-weight: 100;
  bottom: 10px;
  color: #000;
  left: 0;
  letter-spacing: 4px;
  font-size: 10px;
  width: 100vw;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}