/* 
    Document   : popup
    Created on : Jun 15, 2014, 1:21:48 AM
    Author     : Bilal
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
.right{ float: right;}
.left{ float: left;box-sizing: border-box;}
.left.none{ float: none;}
.width30{ width: 30%;}
.width70{ width: 70%;}
.width50{ width: 50%;}
#sc-popup-dim{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #464646;
    background: rgba(50,50,50,0.7);
    z-index: 9999;
}
#sc-popup{
    display: none;
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
    min-width: 300px;
    min-height: 150px;
    margin: auto;
    z-index: 99991;
    position: fixed;
    top: 150px;
    left: 50%;
    padding: 15px;
    box-shadow: 0 0 10px #111111;
    -moz-box-shadow: 0 0 10px #111111;
    -webkit-box-shadow: 0 0 10px #111111;
    color: #404040;
}
.sc-popup-media{
    padding: 0 10px;
    text-align: center;
    margin: 0 auto;
}
.sc-popup-media img{
    width: 80%;
}
#sc-close{
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}
#sc-close img{
    width: 30px;
}
.sc-popup .image,
.sc-popup .video{
    width: 50%;
}
.sc-popup-title{
    margin: -15px -15px 20px -15px;
    background: #005580;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}
.sc-popup-subtitle{
    border-bottom: 1px dashed #f0f0f0;
}
.sc-popup-cta{
    text-align: center;
    margin-top: 10px;
}
.sc-popup-cta a{
    padding: 5px 7px;
    text-decoration: none;
    color: #ffffff;
    background: #005580;
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;     
}
.sc-popup-cta a:hover{
    background: #404040 !important;
}

#sc-popup input[type='text'],
#sc-popup input[type='email']{
    outline: none;
    border-radius: 0;
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;    
}
#sc-popup input[type='text']:focus,
#sc-popup input[type='email']:focus{
    border: 1px solid #005580;
    box-shadow: 0 0 3px #005580;
    -moz-box-shadow: 0 0 3px #005580;
    -webkit-box-shadow: 0 0 3px #005580;
}

#sc-popup input[type='submit']{
    background: #005580;
    color: #ffffff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    padding: 5px 7px;
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
}
#sc-popup input[type='submit']:hover{
    background: #404040;
}
@media only screen and (max-width: 760px){
    #sc-popup-dim{
        display: none !important;
    }      
}