@charset "UTF-8";
/*! ------------------------------------------------
 * Project Name: Axio Coming Soon Template
 * File name: color-3.css (Blue Theme)
 * ------------------------------------------------ */
.blockquote__container {
    /*background-image: url("https://dummyimage.com/1400x900/3d3d3d/7a7a7a");*/
}

/* Basic Color Options */
::-moz-selection {
    background-color: #a3c0f5;
    color: #070707;
    text-shadow: none;
}
::selection {
    background-color: #a3c0f5;
    color: #070707;
    text-shadow: none;
}

::-webkit-scrollbar {
    background: #203d9d;
}

::-webkit-scrollbar-track {
    background-color: #203d9d;
}

::-webkit-scrollbar-thumb {
    background-color: #7ba5f0;
}

body {
    color: #444;
    background-color: #ffffff;
}

h1,
.headline__subtitle,
.headline__description {
    color: #ffffff;
}

h2 {
    color: silver;
}
h2::after {
    background-color: #95b7f3;
}

h3 {
    color: #070707;
}
h3.light {
    color: #ffffff;
}

h4 {
    color: #070707;
}
h4.light {
    color: #ffffff;
}

a {
    color: #070707;
}
a.light {
    color: #ffffff;
}
.no-touch a:hover {
    color: #7d92d6;
}
.no-touch a:hover.light {
    color: #b0c9f6;
}

p {
    color: #070707;
}
p.light {
    color: #ffffff;
}
p.copyright,
p.copyright a {
    color: rgba(255, 255, 255, 0.6);
}
.no-touch p.copyright a:hover {
    color: #b0c9f6;
}

.aside__title,
.aside__text,
.popup__title.light,
.popup__subtitle.light {
    color: #ffffff;
}

.popup__title {
    color: #070707;
}
.popup__subtitle {
    color: #444;
}

.clip .words-wrapper::after {
    background-color: #7ba5f0;
}

.section-main {
    background-color: #7ba5f0;
}
.section-main__intro,
.bg-dark,
.section-main__aside {
    background-color: #2649bb;
}

.color-layer-medium {
    background-color: rgba(5, 45, 105, 0.5);
}
.color-layer-dark {
    background-color: rgba(5, 45, 105, 0.7);
}

.bg-light {
    background-color: #f2f2f2;
}
.bg-medium {
    background-color: #7ba5f0;
}

.menu,
.notify,
.stayintouch {
    background-color: #2242a8;
}
@media only screen and (min-width: 1200px) {
    .menu,
    .stayintouch {
        background-color: transparent;
    }
}

.navigation li a {
    color: #ffffff;
}
.no-touch .navigation li:hover a {
    color: #88aef2;
}

.menu-close {
    border: 2px solid #ffffff;
}
.menu-close i {
    color: #ffffff;
}

.socials li a {
    color: #ffffff;
}
.no-touch .socials li a:hover {
    color: #b0c9f6;
}

.button-solid-light {
    background-color: #7ba5f0;
    border: 2px solid #7ba5f0;
    color: #070707;
}
.no-touch .button-solid-light:hover {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.button-solid-dark {
    background-color: #3152be;
    border: 2px solid #3152be;
    color: #ffffff;
}
.no-touch .button-solid-dark:hover {
    background-color: transparent;
    border: 2px solid #3152be;
    color: #070707;
}

.button-outline-light {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}
.no-touch .button-outline-light:hover {
    background-color: #7ba5f0;
    border: 2px solid #7ba5f0;
    color: #070707;
}

.button-outline-dark {
    background-color: transparent;
    border: 2px solid #2c2c2c;
    color: #070707;
}
.no-touch .button-outline-dark:hover {
    background-color: #3152be;
    border: 2px solid #3152be;
    color: #ffffff;
}

.form-dark input:focus, .form-dark textarea:focus {
    border-bottom: 1px solid #7ba5f0;
}

.form-light input:focus, .form-light textarea:focus {
    border-bottom: 1px solid #88aef2;
}

.reply-group__icon {
    color: #7ba5f0;
}
.reply-group__icon.light {
    color: #88aef2;
}

.reply-group__title {
    color: #070707;
}
.reply-group__title.light {
    color: #ffffff;
}

.reply-group__text {
    color: #444;
}
.reply-group__text.light {
    color: rgba(255, 255, 255, 0.8);
}

.my-gallery__descr {
    color: #070707;
}
.my-gallery__descr::after {
    background-color: #ffffff;
}

.pswp__caption__center h4,
.pswp__caption__center h4 small,
.pswp__caption__center p,
.pswp__counter {
    color: #ffffff;
}

.pswp__bg {
    background: #172c70;
}

.pswp__button--close {
    background-color: #7ba5f0;
}

#zoom-in, #zoom-out {
    background-color: #7ba5f0;
    color: #070707;
}
.no-touch #zoom-in:hover, .no-touch #zoom-out:hover {
    background-color: #a3c0f5;
}