/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Autozone
Version:	1.0
Assigned to:	WebNik
Primary use:	Autozone
-------------------------------------------------------------------*/

/* FONTS*/
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Ubuntu:300,400,500,700|Droid+Serif:400italic);
@import url('../fonts/font-awesome/css/font-awesome.min.css');
@import url('../fonts/flaticon/flaticon.css');
@import url('../fonts/simple/simple.css');
@import url('../fonts/autoicon/css/fontello.css');

/* PLUGIN CSS */
@import url('../plugins/sliderpro/css/slider-pro.css');
@import url('../plugins/bootstrap/css/bootstrap.css');
@import url('../plugins/isotope/isotope.css');
@import url('../plugins/owl-carousel/owl.carousel.css');
@import url('../plugins/owl-carousel/owl.transitions.css');
@import url('../plugins/owl-carousel/owl.theme.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('../plugins/prettyphoto/css/prettyPhoto.css');
@import url('../plugins/nouislider/jquery.nouislider.css');
@import url('../plugins/yamm/yamm.css');
@import url('../plugins/jelect/main.css');
@import url('../plugins/flexslider/flexslider.css');
@import url('../plugins/animate/animate.css');


/* MAIN CSS */
@import url('theme.css');
@import url('sections.css');
@import url('blog.css');
@import url('sidebar.css');
@import url('responsive.css');
@import url('color.css');
@import url('lightbox.css');
/*@import url('debugging.css');*/

/* #bgVid{
    margin:0;
    width:100%;
    height:80%;
    overflow: hidden;
}
*/
#bgVid video{
    width: 100% !important;
    height: auto !important;
    transition: 1s opacity;
    z-index:-1;
}   

.datalist { width:100%; border-collapse:collapse;  border-spacing:0;  border:1px solid #ccc; }
.datalist caption { padding-bottom:5px;}
.datalist th {font-weight:700; padding:5px 15px; border:1px solid #ccc; background:#eee;}
.datalist td {padding:5px 15px; border:1px solid #ccc;}
.datalist tr.altrow { background:#ccc;}

.modal {
    text-align: center;
    padding: 0!important;
    overflow: visible;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header {
    position: relative;
}


#closeModal{
    position: absolute;
    margin: 0;
    top: -23px; /* half height of "X" image, just for nice placing*/
    right: 0px; /* half width of "X" image, just for nice placing*/
    opacity: 0.9;
}

#closeModal:hover {
    opacity: 1;
}