/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


a.anchor {
    display: block;
    position: relative;
    top: -500px;
    visibility: hidden;
}

.color-teal {
    color: #1abc9c;
}

#logo a > img{
    padding: 15px;
}

.text-blue,
#top-slider span {
    color: #0071BC !important;
}

.inspiro-slider .slide-captions .strong::after {
    border-color: #0071BC;
}

#top-slider .caption-top-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -10;
}

#top-slider .caption-top {
    margin-top: 30px;
}

#top-slider .container .slide-captions h2 {
    margin-bottom: -10px;
}

#top-slider .kenburns-bg {
    z-index: -100;
}

#products .portfolio .carousel,
#services .portfolio .carousel{
    padding: 2px;
}