@import url(https://fonts.googleapis.com/css?family=Pacifico&subset=latin,latin-ext);

.font-alter-1{
  font-family: 'Pacifico', sans-serif;  
}

#intro .intro-caption .intro-title{
  text-transform: none;
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80)
}

#intro .intro-caption .intro-title span{
  font-size: 5vw;
}

#intro .intro-caption .intro-title img{
  width: 10vw;
}

.logo h1{
  font-family: 'Pacifico', sans-serif;  
  font-weight: 300;
  text-transform: none;
  font-size: 26px;
}

.intro-title h2{
  font-weight: 700;
}

/*
.isotope-item .item-img, .inline-popup-image .bg-image{
  border: 2px solid #aaa;
}
*/

.inline-popup-image.bg-image{
  background-position: center;
  background-size: contain;
}

.owl-stage{
  margin-left: auto;
  margin-right: auto;
}

.info-box-yellow h4,
.info-box-yellow span i{
  color: #ac4;
}

.info-box-red h4,
.info-box-red span i{
  color: #d73;
}

.info-box-blue h4,
.info-box-blue span i{
  color: #579;
}

.info-box-green h4,
.info-box-green span i{
  color: #769;
}

.portfolio-item img{
  width: 100%;
}

.team-info-text{
  font-size: 12px;
  line-height: 20px;
}

.owl-dots, .owl-nav.disabled + .owl-dots{
 bottom: 0px;
}

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

img.img-medium{
  max-width: 50%;
}

#main-blog .heading-md .heading-title-ghost{
  font-size: 32px;
}

#intro i{
  color: #48C;
}

.scroll-left{
    overflow: hidden;
    margin: -5px 0 0 10px;
    width: 50%;
    float: left;
    cursor: pointer;
}

.scroll-left p{
    width: max-content;
    padding-left: 50%;
    padding-right: 20%;
    line-break: loose;
    color: #aaa;
    height: 100%;
    margin: 0.7% 0 0 0;
    overflow: hidden;
    text-align: center;
    transform: translateX (100%);
    animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left{
    0% { 
        transform: translateX (100%); 		
    }
    100% { 
        transform: translateX(-100%); 
     }
}

.clickable-info-box{
  cursor: pointer;
}

.clickable-info-box.active .info-box-icon{
  margin-left: 20px;
}

.example{
  color: #aaa;
  font-style: italic;
  font-size: 12px;
  line-height: 18px;
  border-left: 2px solid #00a;
  padding-left: 10px;
}

#main-blog{
  color: #000;
  line-height: 24px;
  font-size: 14px;  
}

#main-blog .blog-list-title{
  font-size: 18px;
}

#main-blog .blog-list-info{
  padding: 10px;
}

#main-blog .blog-list-item{
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}