body, html {
    width:100%;
    height:100%;
}

body {
    font-family:'Source Sans Pro'
}
.btn-xl {
    padding:1.25rem 2.5rem
}
.content-section {
    padding-top:7.5rem;
    padding-bottom:7.5rem
}
.content-section-heading h2 {
    font-size:3rem
}
.content-section-heading h3 {
    font-size:1rem;
    text-transform:uppercase
}
h1,h2,h3,h4,h5,h6 {
    font-weight:700
}
.text-faded {
    color:rgba(255,255,255,.7)
}
.map {
    height:30rem
}


@media (max-width:992px) {
.map {
    height:75%
}

}

.map iframe {
    pointer-events:none
}
.scroll-to-top {
    position:fixed;
    right:15px;
    bottom:15px;
    display:none;
    width:50px;
    height:50px;
    text-align:center;
    color:#fff;
    background:rgba(52,58,64,.5);
    line-height:45px
}
.scroll-to-top:focus,.scroll-to-top:hover {
    color:#fff
}
.scroll-to-top:hover {
    background:#343a40
}
.scroll-to-top i {
    font-weight:800
}
.masthead {
    min-height:30rem;
    position:relative;
    display:table;
    width:100%;
    height:auto;
    padding-top:8rem;
    padding-bottom:8rem;
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-masthead.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.masthead h1 {
    font-size:4rem;
    margin:0;
    padding:0
}


@media (min-width:992px) {
.masthead {
    height:100vh
}
.masthead h1 {
    font-size:5.5rem
}

}


#sidebar-wrapper {
    position:fixed;
    z-index:2;
    right:0;
    width:250px;
    height:100%;
    transition:all .4s ease 0s;
    transform:translateX(250px);
    background:#0f6bb4;
    border-left:1px solid rgba(255,255,255,.1)
}
.sidebar-nav {
    position:absolute;
    top:0;
    width:250px;
    margin:0;
    padding:0;
    list-style:none
}
.sidebar-nav li.sidebar-nav-item a {
    display:block;
    text-decoration:none;
    color:#fff;
    padding:15px
}
.sidebar-nav li a:hover {
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.2)
}
.sidebar-nav li a:active,.sidebar-nav li a:focus {
    text-decoration:none
}
.sidebar-nav>.sidebar-brand {
    font-size:1.2rem;
    background:rgba(52,58,64,.1);
    height:80px;
    line-height:50px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px
}
.sidebar-nav>.sidebar-brand a {
    color:#fff
}
.sidebar-nav>.sidebar-brand a:hover {
    color:#fff;
    background:0 0
}
#sidebar-wrapper.active {
    right:250px;
    width:250px;
    transition:all .4s ease 0s
}
.menu-toggle {
    position:fixed;
    right:15px;
    top:15px;
    width:50px;
    height:50px;
    text-align:center;
    color:#fff;
    background:rgba(52,58,64,.5);
    line-height:50px;
    z-index:999
}
.menu-toggle:focus,.menu-toggle:hover {
    color:#fff
}
.menu-toggle:hover {
    background:#343a40
}
.service-icon {
    background-color:#fff;
    color:#0f6bb4;
    height:7rem;
    width:7rem;
    display:block;
    line-height:7.5rem;
    font-size:2.25rem;
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}
.callout {
    padding:15rem 0;
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.callout h2 {
    font-size:3.5rem;
    font-weight:700;
    display:block;
    max-width:30rem
}

.ussr {
    padding:15rem 0;
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-flag-ussr.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.ussr h2 {
    font-size:3.5rem;
    font-weight:700;
    display:block;
    max-width:30rem
}

.portfolio-item {
    display:block;
    position:relative;
    overflow:hidden;
    max-width:530px;
    margin:auto auto 1rem
}
.portfolio-item .caption {
    display:flex;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    z-index:1
}
.portfolio-item .caption .caption-content {
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8715861344537815) 0%, rgba(255,255,255,0) 100%);
    color:#fff;
    margin-top:16rem;
    margin-right:0rem;
    margin-bottom:0rem;
    margin-left:0rem;
    padding: 15px 20px;
    width:100%;
}
.portfolio-item .caption .caption-content h2 {
    font-size:.8rem;
    text-transform:uppercase;
}
    .portfolio-item .caption .caption-content p {
    font-weight:300;
    font-size:1.2rem
}

@media (min-width:992px) {
.portfolio-item {
    max-width:none;
    margin:0
}
.portfolio-item .caption {
    transition:background-color .7s,-webkit-clip-path .25s ease-out;
    transition:clip-path .25s ease-out,background-color .7s;
    transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;
    -webkit-clip-path:inset(0);
    clip-path:inset(0)
}
.portfolio-item .caption .caption-content {
    transition:opacity .25s;
    margin-top:15rem;
    margin-right:0rem;
    margin-bottom:0rem;
    margin-left:0rem;
    width:100%;
}
.portfolio-item img {
    transition:-webkit-clip-path .25s ease-out;
    transition:clip-path .25s ease-out;
    transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;
    -webkit-clip-path:inset(-1px);
    clip-path:inset(-1px)
}
.portfolio-item:hover img {
    /* -webkit-clip-path:inset(2rem);
    clip-path:inset(2rem) */
}
.portfolio-item:hover .caption {
    background-color:rgba(15,107,180,.9);
     /* -webkit-clip-path:inset(2rem);
    clip-path:inset(2rem) */
}

}
.map iframe {
    height:100%;
    width:100%;
    border:0
}
footer.footer {
    padding-top:5rem;
    padding-bottom:5rem
}
footer.footer .social-link {
    display:block;
    height:4rem;
    width:4rem;
    line-height:4.3rem;
    font-size:1.5rem;
    background-color:#0f6bb4;
    transition:background-color .15s ease-in-out;
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}
footer.footer .social-link:hover {
    background-color:#ff6d1e;
    text-decoration:none
}
a {
    color:#0f6bb4
}
a:active,a:focus,a:hover {
    color:#155d74
}
.btn-primary {
    background-color:#0f6bb4!important;
    border-color:#0f6bb4!important;
    color:#fff!important
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    background-color:#ff6d1e!important;
    border-color:#c35214!important
}
.btn-secondary {
    background-color:#ecb807!important;
    border-color:#ecb807!important;
    color:#fff!important
}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
    background-color:#ba9106!important;
    border-color:#ba9106!important
}
.btn-dark {
    color:#fff!important
}
.btn {
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
    font-weight:700
}
.bg-primary {
    background-color:#0f6bb4!important
}
.text-primary {
    color:#0f6bb4!important
}
.text-secondary {
    color:#ecb807!important
}