/*	----------------------------------------------------------------
    MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
    ----------------------------------------------------------------

    Demo at: http://www.aaronvanderzwan.com/maxcycle/
    Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
    Copyright (c) 2007-2011 Aaron Vanderzwan
    Dual licensed under the MIT and GPL licenses.

*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
    overflow:hidden;
}

body .mc-cycle {
    height:100%;
    left:0;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%;
    z-index:2;
}

div.mc-image {
    /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
         If you are using fading transitions, use 'opacity: */
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;

    /*If you are using horizontal slide transitions, use the following CSS:
    -webkit-transition: left 1s ease-in-out;
    -moz-transition: left 1s ease-in-out;
    -o-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;*/

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:100%;
    overflow:hidden;
    width:100%;
}

.mc-old-browser .mc-image {
    overflow:hidden;
}#maximage {
    position:relative !important; max-width:100% !important;
}
#slider{ min-height:700px; }

#arrow_right, #arrow_left{border: 2px solid #00ffc2;
    cursor: pointer;
    display: block;
    padding: 10px;
    width: 40px; border-radius:5px; position: absolute;
    top: 50%; z-index:500}
    #arrow_right{ right:2%}
    #arrow_left{ left:2%}
#arrow_right .fa, #arrow_left .fa{
    color: #00ffc2;font-size: 25px;
}

@media (max-width: 450px) {
    #arrow_right, #arrow_left {
    top: 60%;
    font-size: 10px;
    padding: 2px;
    border: none;
    
    }
    
    #arrow_right i {
    	float: right;
    }
    
    #arrow_left i {
    	float: left;
    }

}