body {
    font-family: 'robotobold';
    font-size: 20px;
    line-height: 30px;
    color: black;
    background-color: #fff;
}
a{
	color: #fff;
}
a:hover{
	color: #ea5220;
}
.top-header{
	/* background-color: #ea5220; */
	border-radius: 0px;
}
.top-header img{
	margin: 10px 30px;
	vertical-align: bottom;
}
a.jumbologo{
	margin-top: 15px;
}
hr.h-divide{
	margin-top: -20px;
	border: 1px solid #959595;
}
.menu-header li{
	margin-right: 50px;
}
.menu-header li a:hover{
	color: #ea5220;
	text-decoration: none;
}

.Cords{ position:absolute; z-index:999;}

.intro-text{
	margin: 15px auto;
}
.intro-text h4{
	color: #959595;
}
.intro-text h2{
	margin-top: 0;
}
.intro-text .special-text{
	color: #ea5220;
}
.about-wrapper{
	margin: 50px auto;
}
.homepageCarousel .carousel-indicators{
	right: 10%;
	left: auto;
	text-align: right;
}
.dummy-wrapper img{
	width: 100%;
}
/**************************************** Banner hotspot styles ***********************************/
/* Animation */
@-webkit-keyframes
pulsate {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
 45% {
 -webkit-transform: scale(5);
 transform: scale(5);
 opacity: 0;
}
}
@keyframes
pulsate {  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 0.8;
}
 45% {
 -webkit-transform: scale(5);
 transform: scale(5);
 opacity: 0;
}
}

body { margin: 0; }

/* Hotspot */

#hotspotImg {
  /*background-color: #ea5220;*/
  background-size: cover;
  background-position: center center;
  position: relative;
}

#hotspotImg .img-responsive { max-width: 100%; height: 700px;}

#hotspot1{
	background-image:url(../images/ideal-smart-home/ic1.png);
}
#hotspot2{
	background-image:url(../images/ideal-smart-home/ic2.png);
}
#hotspot3{
    background-image:url(../images/ideal-smart-home/ic3.png);
}
#hotspot4{
	background-image:url(../images/ideal-smart-home/ic4.png);
}

#hotspot5{
	background-image:url(../images/ideal-smart-home/ic5.png);
}


#hotspot6{
	background-image:url(../images/ideal-smart-home/ic6.png);
}
#hotspot7{
	background-image:url(../images/ideal-smart-home/ic7.png);
}
#hotspot8{
    background-image:url(../images/ideal-smart-home/ic8.png);
}
#hotspot9{
	background-image:url(../images/ideal-smart-home/ic9.png);
}

#hotspot10{
	background-image:url(../images/ideal-smart-home/ic10.png);
}



#hotspotImg #hotspot1,
#hotspotImg #hotspot2,
#hotspotImg #hotspot3,
#hotspotImg #hotspot4,
#hotspotImg #hotspot5,
#hotspotImg #hotspot6,
#hotspotImg #hotspot7,
#hotspotImg #hotspot8,
#hotspotImg #hotspot9,
#hotspotImg #hotspot10 {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 5px;
  left: 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: all .3s ease;
}

#hotspotImg .hot-spot .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  margin: -1em auto auto -1em;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 1px solid #ea5220;
  opacity: 0;
  -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite;
}
#hotspotImg .hot-spot .tooltip:after{
	content: "";
	position: absolute;
	top: 10%;
	left: 0;
	/*margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: #ea5220 transparent transparent transparent;
	transform: rotate(180deg);*/
}
#hotspotImg .hot-spot .tooltip {
  background-color: #ea5220;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: none;
  font-size: 14px;
  opacity: 1.0;
  left:80px;
  padding: 0px 5px;
  position: absolute;
  text-align: left;
  top: -50px;
  width: 250px;
  z-index: 999;
}

.tooltip h3{ margin-top:5px !important;}

#hotspotImg .hot-spot .tooltip .img-row {
  padding: 10px;
  text-align: center;
}

#hotspotImg .hot-spot .tooltip .text-row { padding:5px; }

#hotspotImg .hot-spot .tooltip h4 {
  margin-bottom: 10px;
  /*border-bottom: 1px solid #ffffff;*/
}

#hotspotImg .hot-spot .tooltip p {
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 10px;
  font-family: 'robotobold';
}

#hotspotImg .hot-spot .tooltip p:last-child { margin-bottom: 0; }


img#image-form {
    margin: 0 auto;
}

span.color-black {
    color: rgb(74, 60, 71);
}

/****************** Media Queries ***************************/
@media only screen and (max-width: 768px) {
  .menu-header{
  	text-align: center;
  	margin: 0 auto;
  }
  .menu-header li a{
  	font-size: 14px;
  }
  .menu-header li{
  	margin-right: 10px;
  }
  .menu-header li:last-child{
  	margin-right: 0;
  }
  
#hotspotImg #hotspot1,
#hotspotImg #hotspot2,
#hotspotImg #hotspot3,
#hotspotImg #hotspot4,
#hotspotImg #hotspot5,
#hotspotImg #hotspot6,
#hotspotImg #hotspot7,
#hotspotImg #hotspot8,
#hotspotImg #hotspot9,
#hotspotImg #hotspot10 {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 5px;
  left: 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: all .3s ease;
} 
  
#hotspotImg .hot-spot .circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2em;
  height:2em;
  margin: -1em auto auto -1em;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  border: 1px solid #ea5220;
  opacity: 0;
  -webkit-animation: pulsate 3s ease-out infinite;
  animation: pulsate 3s ease-out infinite;
}

.tooltip h3{ font-size:16px !important; margin-top:0px !important; margin-bottom:2px !important;}
#hotspotImg .hot-spot .tooltip p{ font-size:12px !important;}
#hotspotImg .hot-spot .tooltip{ width:160px !important;}  
  
 .para{display:none;} 
}