/*
	Programmed by Marco Meza
	Kiritek 2018
*/
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.em-bg {
	background-image:url('../images/19113.jpg');
	background-position: 90% 60%;
	background-size: cover;
}

#em-ins-txt {
	font-size: 20px !important;
}

#navbar-collapse-1 ul li a {
	margin-top: 15px !important;
	text-decoration: none;
}

#navbar-collapse-1 ul li a:hover, #navbar-collapse-1 ul li a:focus {
	background: none !important;
	color: #000;
}

#map-canvas {
  height: 371.5px !important;
}

#em-img-mp {
	height: 371.5px !important;
	width: 100%;
	align-self: center;
	opacity: 1;
	transition: .5s ease;
}

#map-container:hover .map-middle {
	opacity: 1;
}

#map-container:hover img {
	opacity: 0.3;
}

.map-middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.map-text {
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  cursor: pointer;
}

.em-label-lightblue {
	background-color: rgb(0, 170, 226);
}

.em-label-deepblue {
	background-color: rgb(60, 23, 148);
}

.em-label-electricpink {
	background-color: rgb(255, 0, 120);
}

.em-label-radiantgreen {
	background-color: rgb(125, 202, 71);
}

.em-map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.em-map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.em-blink {
  animation: blinker 1s linear infinite;
}

.em-contact-form div .error {
	color: #a94442;
}

.em-alert {
	display: none;
}

#emBannerJobs {
	margin-top: 500px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 3px;
    background-color: #000;
}

#logo {
	margin-top: -5px;
}

.header.fixed.animated #logo {
	margin-top: 5px;
}

#toggle-menu {
	display: none;
	list-style: none;
}

#toggle-menu li a {
	text-decoration: none;
	color: #000;
	line-height: 30px;
}

#btnMenuToggle:focus {outline:0;}

@media(max-width: 1919px){
	#btnMenuToggle {
		display: none;
	}
}

@media(max-width: 991px){
	#em-slide1-title {
		font-size: 37px !important;
	}
	#em-ins-txt {
		font-size: 16px !important;
	}
	#navbar-collapse-1 ul li a {
		margin-top: 0px !important;
		text-decoration: none;
	}
	#em-ins-title1, #em-ins-title2, #em-ins-title3 {
		font-size: 42px !important;
	}
	#em-ins-cicon1,  #em-ins-cicon2, #em-ins-cicon3 {
	 	width: 80px !important;
	 	height: 80px !important;
	}
	#em-ins-icon1,  #em-ins-icon2, #em-ins-icon3 {
	 	font-size: 32px !important;
	}
	#em-bullet1-slide2, #em-bullet2-slide2, #em-bullet3-slide2, #em-bullet4-slide2 {
		font-size: 22px !important;
	}
	#em-slide3-title {
		font-size: 38px !important;
	}
 	#em-slide3-text {
		font-size: 24px !important;
	}
	#btnMenuToggle {
		display: none;
	}
	#logo {
		margin-top: 0px;
	}
}

@media(min-width: 991px){
  #btnMenuToggle {
    display: none;
  }

  #toggle-menu {
    display: none;
  }
}

@media(max-width: 767px){
	#em-slide1-title {
		font-size: 35px !important;
	}
	#em-ins-txt {
		font-size: 14px !important;
		line-height: 35px;
	}
	#em-ins-title1, #em-ins-title2, #em-ins-title3 {
		font-size: 39px !important;
	}
	#em-ins-cicon1,  #em-ins-cicon2, #em-ins-cicon3 {
	 	width: 60px !important;
	 	height: 60px !important;
	}
	#em-ins-icon1,  #em-ins-icon2, #em-ins-icon3 {
	 	font-size: 25px !important;
	}
	#em-bullet1-slide2, #em-bullet2-slide2, #em-bullet3-slide2, #em-bullet4-slide2 {
		font-size: 20px !important;
	}
	#em-slide3-title {
		font-size: 35px !important;
	}
 	#em-slide3-text {
		font-size: 20px !important;
		line-height: 25px !important;
	}
	#emBannerJobs {
		margin-top: 900px;
	}
	#logo {
		float: left;
	}
	#btnMenuToggle {
		display: block;
	}
}

@media(max-width: 650px){
	#em-action-slide3 {
		margin-top: 20px !important;
	}
 	#em-slide3-text {
		font-size: 18px !important;
		line-height: 25px !important;
	}
}

@media(max-width: 550px){
 	#em-slide3-text {
		font-size: 16px !important;
		line-height: 22px !important;
	}
}

@media(max-width: 480px){
	#em-ins-icon1,  #em-ins-icon2, #em-ins-icon3 {
		margin-top: 15px !important;
	 	font-size: 25px !important;
	}
 	#em-slide3-text {
		font-size: 14px !important;
		line-height: 22px !important;
	}
}

@media(max-width: 450px){
	#em-slide1-title {
		font-size: 33px !important;
	}
	#em-ins-txt {
		font-size: 12px !important;
		line-height: 35px;
	}
	#em-ins-title1, #em-ins-title2, #em-ins-title3 {
		font-size: 36px !important;
	}
	#em-ins-cicon1,  #em-ins-cicon2, #em-ins-cicon3 {
	 	width: 60px !important;
	 	height: 60px !important;
	}
	#em-ins-icon1,  #em-ins-icon2, #em-ins-icon3 {
	 	font-size: 25px !important;
	}
	#em-bullet1-slide2, #em-bullet2-slide2, #em-bullet3-slide2, #em-bullet4-slide2 {
		font-size: 18px !important;
	}
	#em-slide3-title {
		font-size: 32px !important;
	}
 	#em-slide3-text {
		font-size: 13px !important;
	}
}

@media(max-width: 360px){
	#em-slide1-title {
		font-size: 31px !important;
	}
	#em-ins-txt {
		font-size: 11px !important;
		line-height: 38px;
	}
	#em-ins-title1, #em-ins-title2, #em-ins-title3 {
		font-size: 33px !important;
	}
	#em-ins-cicon1,  #em-ins-cicon2, #em-ins-cicon3 {
	 	width: 50px !important;
	 	height: 50px !important;
	}
	#em-ins-icon1,  #em-ins-icon2, #em-ins-icon3 {
	 	font-size: 25px !important;
	 	margin-top: 10px !important;
	}
	#em-bullet1-slide2, #em-bullet2-slide2, #em-bullet3-slide2, #em-bullet4-slide2 {
		font-size: 18px !important;
	}
	#em-slide3-title {
		font-size: 28px !important;
	}
 	#em-slide3-text {
		font-size: 12px !important;
	}
}
