.navbar-collapse > ul > li > a > span {
    background: #00a0e3;
}

header {
    position: relative
}

.cssload-thecube .cssload-cube:before {
    color: #1E90FF;
}

.primary-text {
    color: #1E90FF;
}

a:focus,
a:hover,
a:active {
    color: #1E90FF;
}

.btn-primary {
    background: #ffffff;
    border: medium;
    border-radius: 35px;
    font-size: 18px;
    color: black;

}

#about {
    background: url(../images/clinick/background-image.png); 
    background-repeat: no-repeat;
    background-size: cover
}

#work {
    background: url(../images/work-banner-v2.html);
    background-repeat: no-repeat;
    background-size: cover
}

.intro-wrap,
.profile-img {
    z-index: 999
}

.count-block {
    background: #000;
    padding: 17px 15px;
    border-radius: 5px;
    box-shadow: 4px 4px 10px #cecece
}

.count-block > span {
    font-size: 18px
}

.count {
    font-family: fredoka one, cursive, sans-serif
}

.progress-bars ul li .progress {
    height: 12px
}

#skills-bar {
    padding: 50px 0 72px
}

.progress-bars {
    margin-top: 30px
}

.progress-active {
    width: 80%
}

.view-all a {
    vertical-align: -50px
}

#project {
    background: url(../images/project-work-v1.html);
    background-size: cover;
    background: none;
}

#gallery {
    position: relative;
    z-index: 99
}

#reviews {
    background: #f7f9fb
}

.testimonial-wrapper.slick-dotted > ul li {
    display: inline-block
}

.testimonial-wrapper.slick-dotted > ul li button {
    background: #cecece;
    border: 0;
    border-radius: 100px;
    height: 15px;
    margin: 4px;
    text-indent: -999999px;
    width: 15px
}

.testimonial-slide span {
    display: inline-block
}

/* .slick-active button {
    background: #3080ee !important
} */

.client-section {
    padding: 50px 0 0
}

.our-clients .slick-slide img {
    opacity: .5
}

.our-clients .slick-slide img:hover {
    opacity: 1;
    transform: all 2s ease;
    cursor: pointer
}

.blog-date {
    background: #fff;
    border-radius: 0 4px;
    bottom: -3px;
    display: inline-block;
    left: 0;
    padding: 10px 20px;
    position: absolute
}

.social-icon ul li a {
    color: #202020
}

.copywrite span {
    color: #fff;
}

.contact-form-wrapper {
    background: url(../images/parallax-contact-v1.html);
    background-size: cover;
    background-repeat: no-repeat
}

.contact-form-block {
    background: #fff;
    border-radius: 5px;
    padding: 50px 30px 40px
}

#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 50px;
    font-size: 18px
}

#contact-form .form-control::-moz-placeholder {
    color: #202020 !important
}

#contact-form input[type=submit] {
    background: #3080ee none repeat scroll 0 0;
    border: 0;
    border-radius: 35px;
    color: #fff;
    padding: 5px 30px
}

address {
    margin: 0
}

.address {
    background: #3080ee;
}

.mail {
    background: #43cb83
}

.telephone {
    background: #db402e
}

address span,
.mail a,
.telephone a {
    color: #fff;
    font-size: 18px
}

.gallery-thumbs {
    position: relative;
    padding: 0
}

.gallery-thumbs > div {
    background: #fff;
    padding: 8px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.gallery-thumbs div a,
.gallery-thumbs div a img {
    display: block;
    position: relative
}

.gallery-thumbs div a {
    overflow: hidden
}

.gallery-thumbs div a .project-content {
    position: absolute;
    background: #333;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    padding: 20px
}

.gallery-thumbs div a .project-content h5 {
    color: #fff
}

.gallery-thumbs div a .project-content span {
    color: rgba(255, 255, 255, .9);
    display: block;
    font-size: 18px;
    padding: 10px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.project-content {
    display: none;
    left: 0;
    top: 100%;
    transition: all 300ms ease 0s
}