﻿body
{
    padding-top:0px;   
    margin-top: 180px;
}
.strikethrough
{
    position:relative;
}
.strikethrough:before
{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    right:0;
    border-top: 1 px solid;
    border-color:Red;
    
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}
.slide-image
{
    width:100%;
}
.carousel-holder
{
    margin-bottom:30px;
}
.carousel-control,
.item
{
    border-radius:4px;
}
.caption
{
    height:125px;
    overflow: hidden;
}
.caption h4
{
    white-space:nowrap;
}

.thumbnail img
{
    width:100%
}
.ratings
{
    padding:0;
}
.thumbnail
{
    padding:0;
}
.thumbnail .caption-full
{
    padding:9px;
    color:#333;
}
footer
{
    margin:50px 0;
}
#myImg
{
    border-radius:5px;
    cursor:pointer;
    transition:0.3s;
}
#myImg:hover
{
    opacity:0.7;
}
.modal
{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:100px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    rgba(0,0,0,0.4);
}
.modal-content
{
    background-color:#fefefe;
    margin:auto;
    padding:20px;
    border:1px solid #888;
    width:100%;
}
#caption
{
    margin:auto;
    display:block;
    width:80%;
    max-width:700px;
    text-align:center;
    color:#ccc;
    padding:10px 0;
    height:150px;
}
.modal-content, #caption
{
    -webkit-animation-name:zoom;
    -webkit-animation-duration:0.6s;
    animation-name:zoom;
    animation-duration:0.6s;
}
@-webkit-keyframes zoom
{
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}
@keyframes zoom
{
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

.close
{
    color:#aaaaaa;
    float:right;
    font-size:28px;
    font-weight:bold;
}
.close:hover,
.close:focus
{
    color:#000;
    text-decoration:none;
    cursor:pointer;
}
@media only screen and (max-width:700px)
{
    .modal-content
    {
        width:100%;
    }
}
