/*  RESET **************************/
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-height: 100%;}
body {margin: 0px; padding: 0px; line-height: 1;}
a:active,
a:hover {
    outline: 0;
}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
img {border: 0; width: 100%; height: auto;}
svg:not(:root) {overflow: hidden;}
select {-webkit-appearance: none;}
button[disabled],
html input[disabled] {
    cursor: default;
}
textarea {overflow: auto; vertical-align: top; resize: none;}
a,
a:hover,
a:visited {
  text-decoration: none;
}
* {-moz-box-sizing: border-box; box-sizing: border-box;}
div{position: absolute; display: block;}
.center{
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

/*  BANNER *********************/
#ad {
    width: 300px;
    height: 250px;
    background-color: #000;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-perspective:400px;
    -moz-perspective:400px;
    perspective:400px;
}
#banner {
    width: 100%;
    height: 100%;
}
#outline {
    width: 100%;
    height: 100%;
    border:1px solid #666;
    z-index: 20;
}
#fader{
    width: 100%;
    height: 100%;
    background-color: #000;
}
/* CUSTOM CSS *******************/
#banner {
    font-size: 10px;
    color: #000;
    background-color: #000;
}
#logo{
    width: 90px;
    height: 68px;
    right:25px;
    bottom:30px;
    background:url('images/logo.png') no-repeat bottom;
    background-size: contain;
}
#logoS{
    width: 108px;
    height:27px;
    top:50px;
    left:45px;
    background:url('images/logoS.png') no-repeat;
    background-size: contain;
}
.txt{
    width: auto;
    height: auto;
    top:45px;
    left: 40px;
    font-family: 'Spartan', sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 33px;
    color: #fff;
}
.title{
    width: auto;
    height: auto;
    right: 0;
    font-family: 'Spartan', sans-serif;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    white-space: nowrap;
}
.placeHolder{
    bottom:20px;
    width:185px;
    height: 50px;
    text-align: right;
    padding-top: 25px;
    border: #ff0000 solid 0px;
    }
    #pin1{
        width: 25px;
        height: 50px;
        top:17px;
        background:url('images/pin.png') no-repeat top;
        background-size: contain;
    }

#t2{
    font-weight: 800;
    top:165px;
}
#t3{
    font-size: 30px;
    font-weight: 800;
    line-height: 38px;
    top:88px;
}
#t4{
    top:35px;
    left:25px;
    font-size: 20px;
    line-height: 31px;
}
#p1{
    width: 100%;
    height: 100%;
    background:url('images/p1.jpg') no-repeat;
    background-size: contain;
}
#p2{
    width: 100%;
    height: 100%;
    background:url('images/p2.jpg') no-repeat;
    background-size: contain;
}
/*#cta{
    top:340px;
    width:100%;
    white-space: nowrap;
    color: #fff;
    font-size: 41px;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}*/
#cta{
    bottom:30px;
    left:25px;
    width:120px;
    white-space: nowrap;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-family: sans-serif;
    font-weight: 800;
    padding: 8px;
    border:1px solid #fff;
}