/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */


/* css goolemap */


.noo-gmaps {
  position: relative;
}
.noo-gmaps .map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.noo-gmaps iframe {
  max-width: 100%;
  border: medium none;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
.noo-gmaps.no-map-responsive iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}



.noo-gmaps ~ .contact-info {
  z-index: 99;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 5%;
}


.noo_event_google_map {
	height: 600px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
@media (max-width: 767px) {
  .noo-gmaps ~ .contact-info {
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 15px 0;
    background: #f4f4f4;
  }
}
.noo-gmaps ~ .contact-info ul {
  padding: 0;
  margin: 0;
}
.noo-gmaps ~ .contact-info ul li {
    list-style: none;
    background: #ffffff;
    margin-bottom: 4px;
    padding-right: 50px;
}
.noo-gmaps ~ .contact-info ul li i {
    width: 56px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 2.714em;
    color: #ffffff;
    background: #fe6367;
    margin-right: 10px;
}
@media (max-width: 767px) {
  .noo-gmaps ~ .contact-info ul li {
    overflow: hidden;
    line-height: 30px;
    word-break: break-all;
  }
  .noo-gmaps ~ .contact-info ul li i {
    float: left;
  }
}
@media (max-width: 991px) {
  .noo-gmaps ~ .contact-info {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .noo-gmaps ~ .contact-info {
    right: 20px;
    left: 20px;
  }
}

/* css goolemap */