.egates .caption {
    text-align: center;
    margin-top: 50px;
    color: #fff
}
.egates .caption img {
    width: auto;
}

.egates .caption h5 {
    letter-spacing: 1px;
    font-weight: 300;
    font-family: Raleway, sans-serif
}
.egates .caption h2 {
    font-weight: 200;
    font-size: 50px;
    margin: 30px auto;
    font-family: Raleway, sans-serif
}
.egates .caption a {
    margin: 0 5px;
    letter-spacing: 1px
}
.egates.overlay:after {
    display: none
}
#canvas-basic {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.blog .item .content span,
.clients .client-say .client-item h6,
.contact .tabs .tabs-icon li span,
.hero .block .block-cont .item .icon,
.hero .hero-head h1 span,
.price .spacial .mount,
.quote span,
.section-head .ctit,
.services .item .icon,
.team .item .info h5,
.team .item .social-icon span:hover {
    color: #124050!important
}
.contact .info .item span{
    color: #fff!important
}
.btn-bg-md:hover,
.btn-bord-md:hover,
.clients .owl-theme .owl-dots .active span,
.contact .tabs .content .form input[type=submit]:hover,
.contact .tabs .content .subscribe input[type=submit]:hover,
.portfolio .item-img .icon:hover,
.price .item .order div:hover,
.price .spacial .order div,
.price .spacial .pop,
.team .prog .info .skills-progress span,
.team .skills .botn:hover,
footer .main-footer .social-icon span:hover {
    background: #124050
}
.btn-bg-md,
.btn-bg-md:hover,
.btn-bord-md:hover,
.contact .tabs .content .subscribe input[type=submit]:hover,
.portfolio .item-img .icon:hover,
.price .item .order div:hover,
.price .spacial .order div {
    border-color: #124050
}
.btn-bg-md {
    background: rgba(255,255,255,0);
    border-color: #fff;
}

/*Medias Queries */
@media only screen and (max-width: 400px) {
    .egates .caption img {
        width: 200px;
        height: auto;
    }
}