body{ margin:0; text-align:center; padding:0;}


@font-face {
    font-family: 'robotocondensed';
    src: url('fonts/roboto-condensed-webfont.eot');
    src: url('fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-condensed-webfont.woff') format('woff'),
         url('fonts/roboto-condensed-webfont.ttf') format('truetype'),
         url('fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


	
header { width:100%; min-height:50px; float:left; margin:0px; padding:0; display:block; background:#000;}
	
.social{ width: auto; float:right; margin:9px 6px 0 0; padding:0px;}
.social a { float:left; height:32px; height:auto; margin:0px; padding:0px;  }
.social a img { margin:0 3px; transition:all 0.2s ease-in-out 0s; border:0;}
.social a img:hover { opacity:0.85; cursor:pointer;}
	
#content{ width:250px; height:200px; position: absolute; float:left; top:50%; left:50%; margin:-100px 0 0 -125px;}
#content .title{ width:100%; margin:0; padding:0; text-align:center; float:left;}
#content .title h1{ margin:0; padding:0; font-family: 'robotocondensed'; font-size:18px; color:#515151; font-weight:normal; }
img{ display:block;}
#button-main { margin:0; padding:0; width:100%; position:relative;}
/*#button{display:block;width:144px;height:139px;background:url(images/btn.png) no-repeat top; left:50%; margin:0 0 0 -70px; position: relative; cursor:pointer;}*/
#button{ cursor:pointer;}

/*nav{ font-family: 'robotocondensed'; font-size:14px; margin-left:2px; width: auto; float:left; position:relative; z-index:100;}
nav ul{ margin:0px; padding:0px;} 
nav ul li{list-style-type:none; display:inline-block; margin:0 0 0 -3px; text-align:left;}
nav ul li a{   background-color: #FFFFFF;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    color: #555555;
    display: inline-block;
    margin: 0;
    padding: 7px 30px 7px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;}
nav ul li:hover>a{  background:#D25F00; color: #FFFFFF;}
nav ul li:first-child a{}
nav ul li:last-child a{}*/


/*...First-Level...*/
/*nav ul li ul li:first-child a{}
nav ul li ul li:last-child a{}
nav ul li ul{position:absolute; display:none; width:153px; margin:0 0 0 -2px; padding:0;}
nav ul li:hover ul{display:block;}
nav ul li ul li{display:block; position:relative; border:none}
nav ul li ul li a{ border-bottom:solid 1px #f4f4f4; border-right:5px solid #fff; border-left:5px solid #fff; border-radius:0px!important; background:#e5e4e4;  margin:0px; padding:10px}*/

/*...Second-Level...*/
/*nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block}*/
/*...Third-Level...*/
/*nav ul li ul li ul{display:none; background:#fff; position:absolute; top:-10%; left:145px; width:140px;}*/

/*.more_effect{ width:auto; float:left; margin:10px 0 0 0; position:relative; z-index:25;}
.more_effect a{ font-family: 'robotocondensed'; background:#fff url(../images/arrow.jpg) no-repeat right;  border: 1px solid #B2B2B2;  border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); color: #555555; display: inline-block; margin: 0; padding:10px 40px 7px 15px; position: relative; text-align: left; text-decoration: none; text-transform: uppercase; white-space: nowrap; font-size:13px; letter-spacing:1px;}
.more_effect a:hover{ color:#D25F00;}
#newnav{position:absolute; visibility:hidden; width:146px; margin:0; padding:0; list-style:none; top:10px;  border: 1px solid #B2B2B2;  border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);  z-index:20; background:#FFFFFF;}
#newnav li{display:block; position:relative; border-bottom:1px #999 solid; float:left; width:100%;}
#newnav li a{ font-family: 'robotocondensed'; margin:0px; padding:0px 10%; float:left; width:80%; font-size:13px; text-decoration:none; color:#666666; font-variant:normal; letter-spacing:1px; line-height:34px; text-align:left;}
#newnav li a:hover{ color:#D25F00;}*/

/*Menu*/	
.click-nav { margin:11px 0px 0px 6px; float:left; width:205px;}
.click-nav ul{ margin:0px; padding:0px 0; }
.click-nav ul li { position:relative; list-style:none; cursor:pointer;}
.click-nav ul li ul { position:absolute; width:190px; margin:6px 6px 6px 0px; padding:10px 0; list-style:none; top:28px;  border: 1px solid #B2B2B2;  border-top:1px solid #fff;  border-radius:0 0 3px 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);  z-index:10; background:#FFFFFF; }
.click-nav ul .clicker {font-family: 'latolight'; background:#fff url(../images/arrow.jpg) no-repeat right 15px; border: 1px solid #B2B2B2; border-radius: 3px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); color:#555555; display: inline-block; margin:0; padding:0px 30px 0px 15px; width:145px; position: relative; text-align: left; text-decoration: none; text-transform: uppercase; white-space: nowrap; font-size:13px; line-height:36px;}
.click-nav ul .clicker:hover, .click-nav ul .active { background:#fff url(../images/arrow.jpg) no-repeat right -16px; color:#e18e15;}
.click-nav img { position:absolute; top:9px; left:12px; }
.click-nav ul li a { transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-in-out; display:block; padding:0px; color:#555555; text-decoration:none; font-family: 'latolight'; font-size:14px;}
.click-nav ul li a:hover { background:#fff; color:#e18e15; }
.click-nav ul li ul li a { line-height:25px; font-size:14px; padding:0px 15px; font-weight: 700; text-align:left;}
/* Fallbacks */
.click-nav .no-js ul { display:none; }
.click-nav .no-js:hover ul { display:block; }

.footer{ width:100%; position:absolute; bottom:0; float:left; text-align:center; font-family: 'latolight'; text-transform:uppercase; font-size:12px; color:#515151; line-height:40px; font-weight:normal;}

#TitleDiv{color:#404040; font-family: 'robotocondensed'; font-size:28px; margin-bottom:15px;}


.instant_btn { width:255px; height:50px; float: left; margin:0 10px 0 10px; padding:0 0 0 0px; background: url(../images/instant_btn.png) no-repeat left center; }
.instant_btn a {  padding:0 0 0 57px; text-decoration:none; color:#fff; font-family: 'robotocondensed'; font-size:20px; line-height:50px; display:block; text-transform:uppercase; text-align:left; }
.instant_btn a:hover { color:#fff; opacity:0.8; text-decoration:none; }
.instant_btn a:visited { color:#fff; text-decoration:none;}


.mob_pop_main { display:none; }


@media only screen and (max-width:650px) {
header { padding-bottom:12px;}
.instant_btn { float:none; margin:0 auto;}

#content{ width:180px; height:180px; position: absolute; float:left; top:50%; left:50%; margin:-36px 0 0 -90px; z-index:0;}
	 
}


@media only screen and (max-width:480px) {

#content{ width:180px; height:180px; position: absolute; float:left; top:50%; left:50%; margin:20px 0 0 -90px; z-index:0;}
#content img{ width:100%; height:auto;}

.footer{ width:92%; position:absolute; bottom:-90px; float:left; text-align:center; font-size:13px; line-height:20px; margin:0 4%;}
#TitleDiv{font-size:16px; font-family: 'robotocondensed'; margin-bottom:15px;}


/*Mobile Popup*/
.mob_pop_main { display:inherit; width:100%; /*height:100%;*/ position:absolute; left:0px; top:0px; background:#fff; z-index:99999; }
.mob_pop_main .pop_top { width:100%; float:left; margin:0px; padding:0px; height:60px; background:#000;  }
.mob_pop_main .pop_top .instant_btn { margin-top:4px; float:left; margin-left:10px; }
.mob_pop_main .pop_top .instant_btn a { font-size:19px;}

.mob_pop_main .pop_top .close_btn { float:right; margin:0px; padding:0px; transition:all 0.2s ease-in-out 0s !important; }
.mob_pop_main .pop_top .close_btn img { float:right; margin:16px 18px 0 0;}
.mob_pop_main .pop_top .close_btn img:hover { opacity:0.9; cursor:pointer;  }

.mob_pop_main .pop_mid {  width:100%; height:100%; min-height:383px; float:left; margin:0px; padding:30px 0 0 0px; overflow:hidden; background:url(../images/iphone_screen.png) 215px 10px no-repeat; }
.mob_pop_main .pop_mid a { float:left; margin:15px 0 0 10px; transition:all 0.2s ease-in-out 0s !important;}
.mob_pop_main .pop_mid a:hover { margin:10px 0 5px 10px; }

.clear { clear:both; }

/*.iphone_screen  { float:right; position:relative; margin:0px 50px 0 0px; padding:0px; right:0px; }*/
}

@media only screen and (max-width:479px) {	
#content{ width:180px; height:180px; position: absolute; float:left; top:50%; left:50%; margin:0px 0 0 -90px; z-index:0;}
.click-nav { width:100%; margin:10px 0 14px 0px;}
.social { width:154px; float:none; margin:0px auto 0 auto; }
.footer{ width:92%; position:absolute; bottom:-40px; float:left; text-align:center; font-size:13px; line-height:20px; margin:0 4%;}



}