/*-------------------------------------------------------------------------------------------------------------------------------

Template Name: "Kesis"
Version: 1.0 Initial Release
Build Date: 04/22/2017
Author: DesignHouse
Website: http://kesis.designhouse.rs
Copyright: (C) 2017

-------------------------------------------------------------------------------------------------------------------------------*/


/* MAIN COLORS */

.divider,
.btn-white:hover,
.btn-white:focus,
.testimonial-quote p:after,
.testimonial-quote p:before,
.team-title,
.socials a:hover i,
footer .footer-content .column-one h5,
footer .footer-content .column-one ul li span,
footer .footer-content .column-two h4,
footer .footer-content .column-three h4,
footer .footer-content .column-two ul li a:hover,
footer .footer-content .column-two ul li a:before,
footer .footer-content .column-two ul.social-media li a:before,
footer .footer-content .column-three .footer-post a:hover,
footer .footer-content .column-three .footer-post a:visited,
footer .footer-content .column-three .footer-post a:focus,
footer .subscribe h4>span,
footer .input-group-btn .btn:hover,
footer .input-group-btn .btn:visited,
footer .input-group-btn .btn:focus,
footer .column-four .working-hrs h4 {
    color: #000428 !important;
}

.pink-bg,
footer .input-group .icon,
footer .input-group-btn .btn,
.footer-bottom {
    background-color: #000428;
}

.gradient-pink-orange-bg,
.dh-btn-def-group > .is-checked,
.scrollToTop:hover,
.scrollToTop:focus,
.top-search,
.side.on,
.side,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before,
.steps > div > a:hover .desc-holder:before,
.steps > div > a.timeline-step__active .desc-holder:before {
    background: -webkit-linear-gradient(left top, #004e92, #000428);
    background: -o-linear-gradient(bottom right, #004e92, #000428);
    background: -moz-linear-gradient(bottom right, #004e92, #000428);
    background: linear-gradient(to bottom right, #004e92, #000428);
}

.service-icon i,
.contact-content i {
    background: -webkit-linear-gradient(left top, #004e92, #000428);
    background: -o-linear-gradient(bottom right, #004e92, #000428);
    background: -moz-linear-gradient(bottom right, #004e92, #000428);
    background: linear-gradient(to bottom right, #004e92, #000428);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dh-btn-def-group > .is-checked,
.scrollToTop:hover,
.scrollToTop:focus,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before,
.overlay,
.steps > div > a:hover .desc-holder:before,
.steps > div > a.timeline-step__active .desc-holder:before {
    background: #004e92;
}



.dh-btn-def-group > .is-checked {
    -moz-border-image: -moz-linear-gradient(bottom right, #004e92, #000428);
    -webkit-border-image: -webkit-linear-gradient(left top, #004e92, #000428);
    border-image: linear-gradient(to bottom right, #004e92, #000428);
}

.container1 > div,
.container2 > div,
.container2 .circle1,
.container2 .circle2,
.container2 .circle3,
.container2 .circle4 {
    background: #000428;
    background: -webkit-linear-gradient(to right, #004e92, #000428);
    background: linear-gradient(to right, #004e92, #000428);
}

.scrollToTop {
    background: #000428;
    background: -webkit-linear-gradient(left top, #000428, #004e92);
    background: -o-linear-gradient(bottom right, #000428, #004e92);
    background: -moz-linear-gradient(bottom right, #000428, #004e92);
    background: linear-gradient(to bottom right, #000428, #004e92);
    transition: 1s;
}
.scrollToTop:hover,
.scrollToTop:focus {
    background: #000428;
    background: -webkit-linear-gradient(left top, #000428, #004e92);
    background: -o-linear-gradient(bottom right, #000428, #004e92);
    background: -moz-linear-gradient(bottom right, #000428, #004e92);
    background: linear-gradient(to bottom right, #000428, #004e92);
}
.overlay {
    background: -webkit-linear-gradient(left top, rgba(0, 78, 146, 0.5), #000428);
    background: -o-linear-gradient(bottom right, rgba(0, 78, 146, 0.5), #000428);
    background: -moz-linear-gradient(bottom right, rgba(0, 78, 146, 0.5), #000428);
    background: linear-gradient(to bottom right, rgba(0, 78, 146, 0.5), #000428);
}

.timeline-step:after {
    background-image: -webkit-linear-gradient(left, #000428 0%, #000428 100%);
    background-image: -o-linear-gradient(left, #000428 0%, #000428 100%);
    background-image: linear-gradient(to right, #000428 0%, #000428 100%);
}

.steps > div > a .desc-holder:before,
.blog-text span.posted_on {
    background: #000428;
}

.blog-text span.posted_on:before {
    border-color: transparent transparent #000 transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 1px solid #000428;
}

footer .footer-content .column-three .footer-post {
    border-bottom: 1px solid #000428;
}

footer .input-group input {
    border: 1px solid #000428;
}

.dh-btn-def,
.dh-btn-def:visited {
    padding: 15px 20px;
    position: relative;
    color: #505050;
    border: 2px solid #505050;
    transition: 0.5s;
    border-image-width: 0;
}

.dh-btn-def:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #000428;
    background: -webkit-linear-gradient(left top, #000428, #004e92);
    background: -o-linear-gradient(bottom right, #000428, #004e92);
    background: -moz-linear-gradient(bottom right, #000428, #004e92);
    background: linear-gradient(to bottom right, #000428, #004e92);
    opacity: 0;
    border-image-width: 0;
}

.dh-btn-def:hover,
.dh-btn-def:focus {
    color: #fff;
    border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(to right, #000428, #004e92);
    -webkit-border-image: -webkit-linear-gradient(to right, #000428, #004e92);
    border-image: linear-gradient(to right, #000428, #004e92);
    border-image-slice: 1;
    background: transparent;
    transition: 0.5s;
    text-decoration: none;
    border-image-width: 0;
}

.dh-btn-def:hover:before,
.dh-btn-def:focus:before,
.dh-btn-def:visited:before {
    z-index: -1;
    background: #000428;
    background: -webkit-linear-gradient(left top, #000428, #004e92);
    background: -o-linear-gradient(bottom right, #000428, #004e92);
    background: -moz-linear-gradient(bottom right, #000428, #004e92);
    background: linear-gradient(to bottom right, #000428, #004e92);
    opacity: 1;
    transition: 0.5s border-image-width: 0;
}

footer .footer-content .column-two ul li a:before {
    content: url("../../images/blue/arrow-footer.png");
    color: #000428;
    padding-right: 5px;
}

/* SUPPORTING COLORS (whites and grays) */

footer .input-group-btn .btn:hover,
footer .input-group-btn .btn:visited,
footer .input-group-btn .btn:focus {
    background-color: rgba(255, 255, 255, .5);
}

body,
.services .section-title > h2,
.services .section-title > p,
.services .service-item > h5,
.steps>div>a,
.steps > div > a:hover h5,
.steps > div > a.timeline-step__active h5 {
    color: #202020;
}

.top-search ::placeholder,
.dh-btn-def-group > .is-checked,
.btn-white,
.btn-white:visited,
.scrollToTop,
.scrollToTop:hover,
.scrollToTop:focus,
.side .widget ul.link li a,
.cta h4,
.team-details p,
.team-details .socials i,
.steps > div > a .desc-holder:after,
footer .input-group .icon>i,
footer .input-group input,
footer .input-group-btn .btn,
.footer-bottom p,
.blog-text span.posted_on {
    color: #fff;
}

footer .footer-content .column-one .quote {
    color: #505050;
}

.btn-white,
.btn-white:visited,
.btn-white:hover,
.btn-white:focus {
    border: 2px solid #fff;
}

.btn-white:hover,
.btn-white:focus,
.testimonial-img,
.socials a:hover i,
input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
select,
option {
    background-color: #fff;
}

header .navbar-brand > p {
    border-left: 1px solid #777;
}

.grid-item {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 20px solid #fff;
}

.socials i {
    color: #616161;
}

.blog .blog-item .blog-text h3 a {
    color: #4d4d4f;
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]),
select,
option,
textarea {
    border: 1px solid #e2e2e2;
    color: #333;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #636363;
}

footer {
    background-color: #f6f6f6;
}

footer p,
footer span,
footer h6,
footer h5,
footer h4,
footer a {
    color: #6f6f6f
}

footer .footer-content .column-three .footer-post span {
    color: #606060;
}