/* Custom styles */



:root {

    --blue: #618eb7;

}



.menu .social-network ul li a:hover,

#menu-toggle,

#menu-close,

.white-button a,

button,

.isotope-toolbar input[type="radio"]:checked+span,

.isotope-toolbar input[type="radio"]:checked+span,

.main-nav li:hover a,

.main-nav li.active a,

.custom-link {

    color: var(--blue);

}



.menu,

.section-heading .line-dec,

.white-button a:hover,

button:hover,

figure.snip1321 i {

    background-color: var(--blue);

}



.isotope-toolbar input[type="radio"]:checked+span,

.isotope-toolbar input[type="radio"]:checked+span {

    border-bottom: 2px solid var(--blue);

}



.thanks-page .border-primary {

    border-color: var(--blue) !important;

}



.thanks-page .text-primary {

    color: var(--blue) !important;

}



.thanks-page  .btn-outline-primary {

    color: var(--blue);

    border-color: var(--blue);

}



.thanks-page  .btn-outline-primary:hover,

.thanks-page  .btn-outline-primary:active,

.thanks-page  .btn-outline-primary:focus {

    color: white;

    background-color: var(--blue);

}



a.custom-link {

    height: 70px;

    line-height: 70px;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    width: 100%;

    transition: all 0.5s;

    border-bottom: 2px solid #fff;

}



a.custom-link:hover,

a.custom-link:active {

    color: var(--blue);

    background: #fff;

}



.menu .author-content span {

    font-size: 16px;

    font-style: normal;

}



.left-image-post.last {

    margin-top: 60px;

    padding-top: 60px;

    border-top: 2px solid rgba(250, 250, 250, 0.1);

}



@media (max-width: 767px) {

    .fd-cr {

        flex-direction: column-reverse;

    }

    .fd-cr img {

        margin-top: 0;

        margin-bottom: 30px;

    }

}



.about-me .row {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.service-item {

    height: 100%;

}



.nominee-director {

    min-height: inherit;

    padding-bottom: 0;

}



#page-wraper {

    background-image: url(../images/banner.jpg);

    background-color: black;

}



.service-item svg {

    width: 70px;

    height: 70px;

    display: inline-block;

    margin-bottom: 30px;

    background-size: cover;

    background-repeat: no-repeat;

    transition: all 0.5s;

}

.service-item:hover svg {

    color: var(--blue);

}



#contact input::placeholder,

#contact textarea::placeholder {

    color: #ffffffb2;

}



#submit-loader {

    position: absolute;

}



#submit-loader .spinner-border {

    width: 1.2rem;

    height: 1.2rem;

    margin-left: 2.3rem;

}



.button:disabled,

.button.disabled {

    color: white;

    pointer-events: none;

    background-color: var(--blue);

    border-color: var(--blue);

    opacity: 0.5;

}