/*------------------------------------*\
    #BACKGROUNDS
\*------------------------------------*/

.bg-theme {
    background-color: @color-theme  !important
}

.bg-gray {
    background-color: @color-gray  !important;
}

.bg-white {
    background-color: @color-white  !important
}

.bg-dark {
    background-color: #222222 !important
}

.bg-secondary {
    background-color: @color-secondary;
}

/* Background Image */

.bg-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.bg-parallax {
    background-attachment: fixed;
}

.bg-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.bg-overlay-light:before {
    background-color: @color-white;
    opacity: 0.8;
}

.bg-overlay-dark:before {
    background-image: -webkit-linear-gradient(to bottom, rgba(27, 26, 26, 0.5) 0%, rgba(27, 26, 26, 0) 31%, rgba(27, 26, 26, 0) 82%);
    background-image: -moz-linear-gradient(to bottom, rgba(27, 26, 26, 0.5) 0%, rgba(27, 26, 26, 0) 31%, rgba(27, 26, 26, 0) 82%);
    background-image: -o-linear-gradient(to bottom, rgba(27, 26, 26, 0.5) 0%, rgba(27, 26, 26, 0) 31%, rgba(27, 26, 26, 0) 82%);
    background-image: linear-gradient(to bottom, rgba(27, 26, 26, 0.5) 0%, rgba(27, 26, 26, 0) 31%, rgba(27, 26, 26, 0) 82%);
    background-color: #1b1a1a;
    opacity: .6;
}

.bg-overlay-dark2:before {
    background-color: #1b1a1a;
    opacity: .97;
}

.bg-overlay-dark3:before {
    background-image: -webkit-linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 69%, #f9f9f9 96%);
    background-image: -moz-linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 69%, #f9f9f9 96%);
    background-image: -o-linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 69%, #f9f9f9 96%);
    background-image: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 69%, #f9f9f9 96%);
    background-color: #1b1a1a;
    opacity: .96;
}

.bg-overlay-dark4:before {
    background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 69%, #ffffff 92%);
    background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 69%, #ffffff 92%);
    background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 69%, #ffffff 92%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 69%, #ffffff 92%);
    background-color: #1b1a1a;
    opacity: .96;
}

.bg-overlay-dark5:before {
    background-color: #1b1a1a;
    opacity: .94;
}

.bg-overlay-dark6:before {
    background-color: #1b1a1a;
    opacity: .95;
}

.bg-overlay-dark7:before {
    background-color: #1b1a1a;
    opacity: .75;
}

.bg-overlay-dark8:before {
    background-color: #1b1a1a;
    opacity: .8;
}

.bg-overlay-dark9:before {
    background-color: #1b1a1a;
    opacity: .9;
}


.bg-overlay-dark10:before {
    background-image: -moz-linear-gradient( 90deg, rgb(27,26,26) 0%, rgba(27,26,26,0.11) 82%, rgb(27,26,26) 92%);
  background-image: -webkit-linear-gradient( 90deg, rgb(27,26,26) 0%, rgba(27,26,26,0.11) 82%, rgb(27,26,26) 92%);
  background-image: -ms-linear-gradient( 90deg, rgb(27,26,26) 0%, rgba(27,26,26,0.11) 82%, rgb(27,26,26) 92%);
  background-image: linear-gradient( 90deg, rgb(27,26,26) 0%, rgba(27,26,26,0.11) 82%, rgb(27,26,26) 92%);
 

}


.bg-overlay-theme:before {
    background-color: @color-theme;
    opacity: .85;
}

.bg-overlay-theme2:before {
    background-image: -webkit-linear-gradient(to top, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 45%, #f9f9f9 92%);
    background-image: -moz-linear-gradient(to top, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 45%, #f9f9f9 92%);
    background-image: -o-linear-gradient(to top, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 45%, #f9f9f9 92%);
    background-image: linear-gradient(to top, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0) 45%, #f9f9f9 92%);
     background-color: @color-theme;
    opacity: .96;
}

.bg-overlay-theme2:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 35%);
    height: 150px;
    width: 100%;
    z-index: -1;
}
.bg-overlay-theme3:before {
    background-color: @color-theme;
    opacity: .9;
}

/* Background Video */

.bg-video {
    position: relative;
}

.bg-video .bg-player {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(polina.jpg) no-repeat;
    min-height: 500px;
}

.bg-video .vidbg {
    min-width: 100%;
    min-height: 100%;
}

.bg-vyoutube {
    z-index: 550;
    text-align: center;
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden
}

.no-shadow {
    box-shadow: none !important;
}
