#Carousel{

    overflow: hidden;

}

    #Carousel div.wrap {

        position: relative;

        width: 100%;

        height: 600px;

        max-width: 1140px;

        margin: 0px auto;

    }

    #Carousel div.tile{

        display: none;

        position: absolute;

        top: 0;

        left: -200%;

        width: 100%;

        bottom: 0;



        background-color: #19262f;

    }

        #Carousel div.tile.active{               

            display: block;

            left: 0%;

            -moz-box-shadow: 0px 0px 16px rgba(0,0,0,.5);

            -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,.5);

            box-shadow: 0px 0px 16px rgba(0,0,0,.5);

            -webkit-transition: left 1s;

			-moz-transition: left 1s;

			-o-transition: left 1s;

			-ms-transition: left 1s;

			transition: left 1s;

        }

        #Carousel div.tile.preprev{                    

            display: block;

            left: -200%;

            -webkit-transition: left 1s;

			-moz-transition: left 1s;

			-o-transition: left 1s;

			-ms-transition: left 1s;

			transition: left 1s;

        }

        #Carousel div.tile.prev{                

            display: block;

            left: -100%;

            -webkit-transition: left 1s;

			-moz-transition: left 1s;

			-o-transition: left 1s;

			-ms-transition: left 1s;

			transition: left 1s;

        }

        #Carousel div.tile.next{                

            display: block;

            left: 100%;

            -webkit-transition: left 1s;

			-moz-transition: left 1s;

			-o-transition: left 1s;

			-ms-transition: left 1s;

			transition: left 1s;

        }

        #Carousel div.tile.postnext{                  

            display: block;

            left: 200%;

            -webkit-transition: left 1s;

			-moz-transition: left 1s;

			-o-transition: left 1s;

			-ms-transition: left 1s;

			transition: left 1s;

        }

        #Carousel div.tile div.image{

            z-index: 1;

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            opacity: .2;

                    

            background-size: cover;

            background-repeat: no-repeat;

            background-position: center center;



            -webkit-transition: opacity 1s;

			-moz-transition: opacity 1s;

			-o-transition: opacity 1s;

			-ms-transition: opacity 1s;

			transition: opacity 1s;

        }

            #Carousel div.tile.active div.image{

                opacity: 1;

                -webkit-transition: opacity 1s;

				-moz-transition: opacity 1s;

				-o-transition: opacity 1s;

				-ms-transition: opacity 1s;

				transition: opacity 1s;

            }



        /*#Carousel div.tile div.details{

            visibility: hidden;

            opacity: 0;

            z-index: 2;

            position: absolute;

            top: 50%;

            right: -20px;

            margin-top: -156px;

            overflow: hidden;

            cursor: pointer;



            border: 16px solid rgba(255,255,255,.1);



            -moz-border-radius: 200px;

            -webkit-border-radius: 200px;

            border-radius: 200px;

                    

            -moz-transition-delay: 1300ms, 1300ms;

            -webkit-transition-delay: 1300ms, 1300ms;

            transition-delay: 1300ms, 1300ms;



            -moz-transition-duration: 1s, 2s;

            -webkit-transition-duration: 1s, 2s;

            transition-duration: 1s, 2s;



            -moz-transition-property: right, opacity;

            -webkit-transition-property: right, opacity;

            transition-property: right, opacity;

        }

            #Carousel div.tile div.details:hover{

                border-color: rgba(26, 134, 202, 1);

                -webkit-transition: border-color 300ms;

			    -moz-transition: border-color 300ms;

			    -o-transition: border-color 300ms;

			    -ms-transition: border-color 300ms;

			    transition: border-color 300ms;

            }

            #Carousel div.tile.active div.details{

                visibility: visible;

                opacity: 1;

                right: 20px;

            }

            #Carousel div.tile div.details div{                        

                width: 280px;

                height: 210px;

                padding-top: 70px;

                background-color: rgba(26, 134, 202, 0.75);

                overflow: hidden;

            }

                #Carousel div.tile div.details div span.year{

                    display: block;

                    padding-left: 40px;

                    color: #ffffff;

                    font-family: 'Roboto Condensed', Arial, Verdana, Tahoma, sans-serif;

                    font-size: 24px;

                    line-height: 24px;

                    font-weight: 700;

                    text-transform: uppercase;

                    vertical-align: top;

                    white-space: nowrap;

                    text-align: left;

                }

                #Carousel div.tile div.details div span.model{

                    display: block;

                    padding-left: 40px;

                    color: #19262f;

                    font-family: 'Roboto Condensed', Arial, Verdana, Tahoma, sans-serif;

                    font-size: 24px;

                    line-height: 24px;

                    font-weight: 700;

                    text-transform: uppercase;

                    vertical-align: top;

                    white-space: nowrap;

                    text-align: left;

                }

                #Carousel div.tile div.details div span.price{

                    display: block;

                    position: relative;

                    padding-left: 40px;

                    color: #ffffff;

                    font-family: 'Montserrat', Arial, Verdana, Tahoma, sans-serif;

                    font-size: 68px;

                    line-height: 68px;

                    font-weight: 700;

                    text-transform: uppercase;

                    vertical-align: top;

                    white-space: nowrap;

                    text-align: left;

                }

                    #Carousel div.tile div.details div span.price i{

                        position: absolute;

                        top: 12px;

                        left: 12px;

                        font-size: 34px;

                        line-height: 34px;

                        vertical-align: top;

                        font-style: normal;

                    }                            

                #Carousel div.tile div.details.noprice div span.year{

                    display: block;

                    position: relative;

                    padding-left: 40px;

                    color: #ffffff;

                    font-family: 'Montserrat', Arial, Verdana, Tahoma, sans-serif;

                    font-size: 72px;

                    line-height: 72px;

                    font-weight: 700;

                    text-transform: uppercase;

                    vertical-align: top;

                    white-space: nowrap;

                    text-align: left;

                }

                #Carousel div.tile div.details.noprice div span.price{

                    display: block;

                    position: relative;

                    padding-left: 40px;

                    color: #19262f;

                    font-family: 'Roboto Condensed', Arial, Verdana, Tahoma, sans-serif;

                    font-size: 18px;

                    line-height: 18px;

                    font-weight: 700;

                    text-transform: uppercase;

                    vertical-align: top;

                    white-space: nowrap;

                    text-align: left;

                }*/

    #Carousel div.wrap p.cover {

        z-index: 9;

        position: absolute;

        right: -100%;

        left: -100%;

        height: 10px;

        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.5);

        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.5);

        box-shadow: 0px 0px 4px rgba(0,0,0,.5);

    }

        #Carousel div.wrap p.cover.top{

            top: -10px;

        }

        #Carousel div.wrap p.cover.bottom{

            bottom: -10px;

        }

    #Carousel div.wrap p.next{

        z-index:10;

        position: absolute;

        bottom: 0px;

        right: 0px;

        width: 37px;

        height: 80px;

        opacity: .2;

        cursor: pointer;



        background-color: rgba(0,0,0,.5);

        background-size: 17px 60px;

        background-repeat: no-repeat;

        background-position: center center;

        background-image: url(../images/icons/iconTallNextArrow.png);

    }

    #Carousel div.wrap p.prev{

        z-index:10;

        position: absolute;

        bottom: 0px;

        left: 0px;

        width: 37px;

        height: 80px;

        opacity: .2;

        cursor: pointer;



        background-color: rgba(0,0,0,.5);

        background-size: 17px 60px;

        background-repeat: no-repeat;

        background-position: center center;

        background-image: url(../images/icons/iconTallPrevArrow.png);

    }

        #Carousel div.wrap:hover p.next{

            opacity: 1;

        }

        #Carousel div.wrap:hover p.prev{

            opacity: 1;

        }



@media(max-width:1140px) {

    #Carousel div.wrap {

        height: 400px;

    }

    /*#Carousel div.tile div.details {

        visibility: visible;

    }*/

}

@media(max-width:780px) {

    #Carousel div.wrap {

        height: 300px;

    }

}

@media(max-width:560px) {

    #Carousel div.wrap {

        height: 200px;

    }

    /*#Carousel div.tile div.details{

        top: 20px;

        right: -20px;

        margin-top: 0px;



        border: 12px solid rgba(255,255,255,.1); 

    }

        #Carousel div.tile.active div.details{

            visibility: visible;

            opacity: 1;

            right: 20px;

        }

            #Carousel div.tile div.details div{                        

                width: 200px;

                height: 150px;

                padding-top: 50px;

            }

                #Carousel div.tile div.details div span.year{

                    padding-left: 30px;

                    font-size: 24px;

                    line-height: 24px;

                }

                #Carousel div.tile div.details div span.model{

                    padding-left: 30px;

                    font-size: 18px;

                    line-height: 18px;

                }

                #Carousel div.tile div.details div span.price{

                    padding-left: 30px;

                    font-size: 46px;

                    line-height: 46px;

                }

                    #Carousel div.tile div.details div span.price i{

                        top: 12px;

                        left: 10px;

                        font-size: 24px;

                        line-height: 24px;

                    }                            

                #Carousel div.tile div.details.noprice div span.year{

                    padding-left: 30px;

                    font-size: 52px;

                    line-height: 52px;

                }

                #Carousel div.tile div.details.noprice div span.price{

                    padding-left: 30px;

                    font-size: 18px;

                    line-height: 18px;

                }*/

}