/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}
#basic-modal-contentExclusive1 {display:none;}
#basic-modal-contentExclusive2 {display:none;}
#basic-modal-contentExclusive3 {display:none;}
#basic-modal-contentExclusive4 {display:none;}
#basic-modal-contentExclusive5 {display:none;}
#basic-modal-contentExclusive6 {display:none;}
#basic-modal-contentExclusive7 {display:none;}
#basic-modal-contentExclusive8 {display:none;}
#basic-modal-contentExclusive9 {display:none;}
#basic-modal-contentExclusive10 {display:none;}

#basic-modal-contentTrailer {display:none;}
#basic-modal-contentTrailer2 {display:none;}
#basic-modal-contentFL {display:none;}
#basic-modal-content2 {display:none;}
#basic-modal-contentChasFagan {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
    height:auto;
    min-height:200px;
    width:auto;
    min-width:658px;
    color:#bbb;
    /*background-color:#ffffff;*/
    border:none;
    padding:1px;
}
#simplemodal-container .simplemodal-data {
    padding:1px;
}
#simplemodal-container code {
    border-left:1px solid #65B43D;
    color:#bbb;
    display:block;
    font-size:12px;
    margin-bottom:12px;
    padding:4px 6px 6px;
}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:9999; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

.video-container, .simplemodal-wrap
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden !important;
}

.video-container iframe, .simplemodal-wrap iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (min-width: 501px) and (max-width: 800px)
{
    /* ************* Model Box ***************** */
    #simplemodal-container {
        height: auto;
        min-height: 200px;
        width:auto;
        min-width:500px;
    }
}

@media all and (max-width: 500px)
{
    /* ************* Model Box ***************** */
    #simplemodal-container {
        height: auto;
        min-height: 50px;
        width:auto;
        min-width: 90%;
        max-width:500px;
    }
}

.trigger,.trigger1, .trigger2,.trigger3,.trigger4{
    cursor: pointer;
    background: none;
}

.trigger:active,.trigger1:active,.trigger2:active,.trigger3:active, .trigger4:active{
  background: none;
}

.modal, .modal1, .modal2, .modal3, .modal4 {
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 97%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    z-index: 3;
    height: 62%;
    width: 50%;
    /*width: 710px;*/
    min-height: 300px;
    min-width: 400px;
    color: #bbb;
    border: none;
    /*padding: 1px;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
}

@media (min-width: 1051px)
{
    .modal-content {
        height: 68%;
        width: 62%;
        max-height: 420px;
        max-width: 615px;
        /*width: 615px;*/
        min-width: 450px;
        top: 50%;
        left: 50%;
    }
}

@media (min-width: 760px) and (max-width: 1050px)
{
    .modal-content {
        height: 55%;
        width: 62%;
        /*width: 615px;*/
        min-width: 350px;
        min-width: 450px;
        top: 50%;
        left: 50%;
    }
}

@media (min-width: 501px) and (max-width: 850px)
{
    .modal-content {
        height: 31%;
    width: 68%;
    min-height: 275px;
    min-width: 356px;

    }
}

@media (min-width: 501px) and (max-width: 850px)
{
    .modal-content {
        height: 31%;
    width: 68%;
    min-height: 275px;
    min-width: 356px;

    }
}

@media (min-width: 281px) and (max-width: 415px)
{
    .modal-content {
        height: 30%;
        min-height: 250px;
        min-width: 335px;
        top: 47%;
    }
}

@media (max-width: 280px)
{
    .modal-content {
        height: 29%;
        width: 68%;
        min-height: 210px;
        min-width: 255px;
        top: 37%;
        left: 44%;
    }
}

.close-button {
    background-image:url("//static.c-spanvideo.org/landmarkCases/Images/x.png");
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 9999;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

.close-button:hover {
    background-color: darkgray;
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

#modalVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 98% !important;
    height: 100% !important;
    border: 0px !important;
}