/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
        position: relative;
        width: 100%;
        max-height: 675px;
        overflow: hidden;
}
        
        .slides {
                height: 100%;
                width:100%;
                
                /* Simple clear fix */
                overflow: hidden;
                
                /**        
                 * Prevent blinking issue
                 * Not tested. Experimental.
                 */
                -webkit-backface-visibility: hidden;
                -webkit-transform-style: preserve-3d;

                /**
                 * Here is CSS transitions 
                 * responsible for slider animation in modern broswers
                 */
                -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        }
        
                .slide {
                        width: 100%;
                        max-height: 675px;
                        float: left;
                        clear: none;
                        background-size: 100%;
                }


        .ie .slider-arrows { display: none;}

            .slider-arrow {
                position: absolute;
                display: block;
                margin-bottom: -20px;
                padding: 20px;
                color: white;
                font-size: 2em;
                font-weight: bold;
            }

            .slider-arrow--right { 
                bottom: 5px;
                right: 35%;
            }
            .slider-arrow--left { 
                bottom: 5px;
                left: 35%; 
            }


        .slider-nav {
                position: absolute;
                bottom: 6px;
        }

                .slider-nav__item {
                        border-radius: 10px;
                        border: 3px solid white;
                        width: 12px;
                        height: 12px;
                        float: left;
                        clear: none;
                        display: block;
                        margin: 0 2px;
                        background: #fff;
                }

                                .slider-nav__item:hover { background: #a82d25; }
                                .slider-nav__item--current { background: #a82d25; }

@media all and (max-width: 767px) {
    .slider-arrows {
        /* temp 
	display: none;
	*/
    }
}


.slide-deco {
	position: absolute;
	bottom: 0;
	height: 30px;
	background-color: #fcc802;
	width: 100%;
}