@media(min-width:1200px) {
        #header {
            padding: 24em 0em;
            background: #2a2f27 url('/bundles/trismaxsystem/images/pool2.jpg') fixed no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            background-position: left bottom;
        }
}
@media(min-width:1130px) {
        #header {
            padding: 15em 0em;
            background: #2a2f27 url('/bundles/trismaxsystem/images/pool2.jpg') fixed no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
            background-position: left bottom;
        }
}



.imgslide {
  height: 100vh !important;
  width:100%;
  min-height:500px;
  overflow: hidden;
  
}
@media(max-width:768px) {
    .imgslide {
        height: 10vh !important;
    }
}
@media(min-width:768px) {
    .imgslide {
        z-index: 1;
    }
}

#photos {
  position: relative;
  width:100%;
  height: 100%;
  clear: both;
  margin: 0px auto;
}

#photos div.slide {
  position: absolute;
  z-index: 0;
  width:100%;
  height: 100%;
}
#photos div.previous {
  z-index: 1;
}
#photos div.current {
  z-index: 2;
}

.slide1{
            background: #2a2f27 url('/bundles/trismaxsystem/images/pool2.jpg') fixed no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
    
}
.slide2{
            background: #2a2f27 url('/bundles/trismaxsystem/images/header7.jpg') fixed no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
    
}

.slide3{
            background: #2a2f27 url('/bundles/trismaxsystem/images/header8.jpg') fixed no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
    
}
.slide_content {width:100%; text-align: center; position: relative; z-index: 999; top:40%; height:100%;}

.slide:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.1);
}
@media (max-width: 767px) {
    #photos div.slide, 
    #photos div.slide:before {
        position: fixed;
        z-index: -2;
    }
    #photos div.previous, 
    #photos div.previous:before {
        z-index: -1;
    }
    #photos div.current, 
    #photos div.current:before {
        z-index: 0;
    }
    .slide:before {
        position: fixed;
        z-index: -2;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        background-color: #2a2f27;
    }
    .slide1:before {
        background-image: url('/bundles/trismaxsystem/images/pool2.jpg');
    }
    .slide2:before {
        background-image: url('/bundles/trismaxsystem/images/header7.jpg');
    }
    .slide3:before {
        background-image: url('/bundles/trismaxsystem/images/header8.jpg');
    }
    .slide {
        background: initial;
        background-image: initial;
        background-position: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-size: initial;
        background-color: initial;
    }
}