/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:hover {
  color: #2b81b3;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
  color: #2b81b3;
}
.price-block {
border-radius: 4px;
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
overflow: hidden;
margin-top:10px;
margin-bottom:20px;
}
.price-top {
height: 100px;
padding: 20px 40px 20px;
color: white;
position: relative;
text-align:center;
}
.priceinfo {
display:inline-block;
}
.price-bottom {
padding: 10px 10px;
background-color: white;
text-align:center;
}
.feature-list ul {
list-style: outside none none;
margin-top: 10px;
}
.feature-list li {
background:url("../../../images/visio/check_25.png") no-repeat left center;
background-size:20px 20px;
padding-left:25px;
}

.img80 {
width:80%;
}
.visio-bluebox {
background:#2b81b3;
text-align:center;
margin-left:-5px;

}
.visio-bluebox a {
color:white;
}
.vicio-carousel-box {
background:rgb(237,237,237);
padding-left:5px;

}
.owl-controls .owl-next {
background: #2b81b3 !important;
}
.owl-controls .owl-prev {
background: #2b81b3 !important;
}
.owl-controls .owl-next:hover {
background: #7facc5 !important;
}
.owl-controls .owl-prev:hover {
background: #7facc5 !important;
}

h1 {
  font-size: 48px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 44px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 40px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
  }
}

.sp-page-title h1 {
    font-size: 24px;
    line-height: 1;
}

.sp-page-title h1 {
    margin: 0;
    padding: 0;
    color: #fff;
}