.nav.white {
    background: #fff
}

nav.white .menu>li>a, nav.white .module.widget-handle i {
    color: #555
}

nav .menu>li>a {
    font-size: 13px
}

nav.white .has-dropdown:after {
    color: #555
}

.sidebar {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 50%;
    width: 44px;
}

.sidebar>a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .7);
    padding: 10px;
    margin-bottom: 2px;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    text-align: center;
    font-size: 13px;
    display: table
}

.sidebar>a:hover {
    color: #fff
}

.sidebar>.social {
    margin-bottom: 2px;
    margin-right: -166px;
    font-size: 15px;
    display: table;
    margin-top: 2px
}

.sidebar>.social a:not(.share-icon):hover {
    background-color: #000
}

.sidebar>.social .share-icon, .sidebar>.social a {
    color: #fff;
    padding: 10px;
    display: inline-block;
    background-color: rgba(0, 0, 0, .7)
}

.sidebar>.social .share-icon {
    padding-right: 29px
}

.sidebar>.social .share-icon.opened {
    margin-left: -115px
}

.sidebar>.social .share-icon:hover, .sidebar>a:hover {
    margin-left: -10px;
    transition: all .2s ease-in-out
}

.sidebar>.social .share-icon.opened:hover {
    margin-left: -115px
}

.pb160 {
    padding-bottom: 180px
}

.pt160 {
    padding-top: 180px
}

.social-compass {
    padding-top: 30px;
    padding-bottom: 40px
}

.social-compass .ti {
    font-size: 40px;
    color: #fff;
    margin: 0 15px;
    border-bottom: 2px solid transparent
}

.social-compass .ti:hover {
    border-color: #fff;
    transition: all .2s ease-in-out
}

.logo-img {
    position: absolute;
    z-index: 1000
}

.fullscreen.image-bg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #292929;
    opacity: .3;
    z-index: 2
}

.image-bg p {
    line-height: 1
}

@media(max-width:510px) {
    .logo-img {
        width: 100px;
        height: 100px;
        top: 4%
    }
}

.demo-gallery>ul {
    margin-bottom: 0
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 200px
}

.demo-gallery>ul>li a {
    border: 3px solid #fff;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: .8;
    width: 48px
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a
}

.home .demo-gallery {
    padding-bottom: 80px
}

ul {
    list-style: none outside none;
    padding-left: 0;
    margin: 0
}

.demo .item {
    margin-bottom: 60px
}

.content-slider li {
    background-color: #ed3020;
    text-align: center;
    color: #fff
}

.content-slider h3 {
    margin: 0;
    padding: 70px 0
}

.demo {
    width: 800px
}

.winter-top-banner {
    padding: 55px 0;
    background: #000;
    margin-top: -24px
}