@font-face{font-family:'Proxima Nova SemiBold';src:url("../fonts/ProximaNova-Semibold.otf") format('opentype')}



@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url('../fonts/proximanovacond-regular-webfont.eot');
    src: url('../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanovacond-regular-webfont.woff') format('woff'),
         url('../fonts/proximanovacond-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanovacond-regular.svg#FuturaLTBook') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Condensed Light';
    src: url('../fonts/proximanovacond-light-webfont.eot');
    src: url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanovacond-light-webfont.woff') format('woff'),
         url('../fonts/proximanovacond-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanovacond-light.svg#FuturaLTBook') format('svg');

}

@font-face {
    font-family: 'Proxima Nova Condensed Semi Bold';
    src: url('../fonts/proximanovacond-semibold-webfont.eot');
    src: url('../fonts/proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanovacond-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanovacond-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanovacond-semibold.svg#FuturaLTBook') format('svg');
}

body,html{color:#fff;font:14px/1 'Proxima Nova SemiBold';
text-transform:uppercase;
background:url("../img/Yebo_Muscle.jpg") no-repeat;background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;background-size:cover;
background-position:center center;font-weight:400;
font-style:normal;-webkit-font-smoothing:antialiased;
margin:0;padding:0;width:110;height:110%;text-align:center;
-ms-overflow-style:none}

h1,h2,h3,h4,p,ul{margin:0;padding:0}

a,a:active,a:focus,a:hover{text-decoration:none;outline:0}
#wrapper{width:100%;height:100%}
#loadme{position:absolute;width:50px;height:50px;background:url("../img/ajax-loader.gif") no-repeat;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

#overlay{background-color:#37bc9d;width:100%;height:100%}
#content{position:fixed;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:0 0;z-index:7777}

#content>h1{font:14px/1 'Proxima Nova SemiBold';letter-spacing:1px;margin:38px 0 0}

#social{position:fixed;width:100%;bottom:50px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}

.social-icon{display:inline-block;width:30px;height:30px;margin:0 7px;-ms-filter:"alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

#headings{position:relative;height:15px;overflow:hidden}

#headings ul{position:absolute;list-style:none;width:100%;top:0;margin:0;padding:0}

#headings ul li a{text-decoration:underline;color:#fff}

#modal{position:fixed;z-index:9999; }

#modal #overlay2{position:fixed;top:0;left:0;background-color:#faf782;width:100%;height:100%;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6;}

#modal #done{position:fixed;width:500px;height:50px;top:-50px;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);background-color:#37bc9d;color:#fff;text-transform:none;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;}

#modal #done p{padding:16px 0 0}

#modal #all{position:fixed;width:500px;top:0;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);background-color:#f7f7f7;color:#494c55;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;height:100%; overflow:scroll; overflow-x:hidden;}

#modal #all h2{margin:40px 0 10px}

#modal #all h3{font:13px/1.5 'Proxima Nova SemiBold';text-transform:none;letter-spacing:0px;font-weight:400; color:#FA0946;}

#modal #all h3 span{font:13px/1 'Proxima Nova SemiBold';font-style:italic;}

#modal #all form{margin:40px 0 0}

#modal #all form input{display:inline;width:256px;height:50px;font-size:14px;font-weight:400;text-align:left;margin:10px 0 0;padding:0 20px 0 70px;background-color:#fff;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}


#modal #all form input:focus{outline:0 none transparent;-moz-appearance:none}

#modal #all form a{display:inline-block;width:346px;padding:20px 0;margin:40px 0;background-color:#32373b;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}

#close{position:absolute;display:block;width:22px;height:22px;top:20px;right:20px;background:url("../img/close.png") no-repeat}

.listofmywebsites
{
    font-family: 'Proxima Nova Condensed Light';
text-transform: none;
letter-spacing: normal;
}


.listtitles
{
    font-family: 'Proxima Nova Condensed Semi Bold';
text-transform:uppercase;
letter-spacing: normal;
}


.listofmywebsites a
{
    font-family: 'Proxima Nova Condensed Light';
text-transform:uppercase;
letter-spacing: normal;
text-decoration:none;
color: #393939;
}


.listofmywebsites a:hover
{
    font-family: 'Proxima Nova Condensed Semi Bold';
text-transform:uppercase;
letter-spacing: normal;
text-decoration:none;
color: #FA0946;
}
.disclaimer
{
    font-family: 'Proxima Nova Condensed Light';
text-transform:uppercase;
font-size:12px;
letter-spacing: normal;
text-decoration:none;
color: #fff;
margin-bottom:10px;
margin-top:10px;

}














