body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size:14px; background-color:#fff;
}

body, div, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;}
.clear {clear:both;}
.nospace {line-height:0px;}
a img {border:0px;}


.container {width:100%; margin:auto;margin-bottom:50px}


.headerlogo {
    text-align: center;
    background-color: #210706;
}

.playlogo {
    float: left;
    margin-left: 10px;
    display: none;
    margin-top: -1px;
}

.header {
    max-width: 1084px;
    margin: 20px auto 8px auto;
}

.headlogo {
    padding-top: 10px;
    height: 100%;
    width: 20%;
    position: absolute;
}

.headermainmenu {
    background: #0B252F;
    background-color: rgba(11, 37, 47, 0.84);
    position: fixed;
    width: 100%;
    z-index: 12;
    top: 0;
    height: 45px;
    -webkit-box-shadow: 2px 4px 22px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 4px 22px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 4px 22px 1px rgba(0,0,0,0.75);
}

@media (max-width: 550px) {
    .headermainmenu ul li{
        padding: 0px 3px !important;
        font-size: 12px !important;
    }
}

.headermenulinks {
    max-width: 1120px;
    min-width: 440px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 0 6px 0;
    text-transform: uppercase;
}

.headermenulinks ul {
    margin: 0;
}

.headermenulinks ul li a{
    color: #6BC6DE;
    padding: 0px 11px;

    text-decoration: none;
    display: inline-block;
    margin-left: 4px;
}

.headermenulinks ul li a:hover{
    color: #1de0f2;
}

.headermenulinks ul li {
    display: inline;
    font-size: 17px;
    font-family: Tahoma, sans-serif;
}

.headermenulinks .menusep {
    border-left: 1px dotted #fff;
}

.topimg {
    max-width: 1100px;
    margin: 0 auto;
}


.topslogan {
    /*position:absolute; top:150px; left:60px; z-index:1;*/
    float: left;
}
.topsignup {
    /*position:absolute; top:150px; left:927px; z-index:1;*/
    float: right;
}

.contentcontainer {width:100%; margin:auto; text-align:center; margin-top:10px;}
.contentcontainerplayer {width:1122px; margin:auto; text-align:center; margin-top: 18px;}
.thumb {width:349px; height:265px; /*display:inline-block;  border:1px solid #c8c8c8;*/} .thumb:hover {/*border:1px solid #fff;*/}
.thumbcontainer {
    width:349px; display:inline-block; margin: 10px; zoom:1; *display:inline; overflow: hidden;

    position: relative;
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
}

.contentcontainerplayer .thumbcontainer {
    margin: 6px;
}

.infodetails {
    position: absolute;
    top: 246px;
    left: 1px;
    background: #9c7e39;
    background-color: rgba(156,126,57,0.5);
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    padding-left: 5px;
    z-index: 1;
}

.infodetails img {margin-top:2px;}

.infodetails img {
    padding-bottom: 4px;
}

/* css animate hovers */
.thumb .infodetails {
    -webkit-transition: all 0.8s ease;
    -moz-transition:    all 0.8s ease;
    -o-transition:      all 0.8s ease;
    transition:         all 0.8s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.thumb:hover .infodetails {
    top: 266px;
}

.thumb .smallplay {
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -o-transition:      all 0.3s ease;
    transition:         all 0.3s ease;
}

.thumb:hover .smallplay {
    opacity: 1;
    top: 103px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* css animate hovers */

.lengthd {
    width: 45px;
    float: left;
}

.infodetails .ratingstars {
    padding-left: 7px;
    float: left;
    margin-top: -2px;
}

.liked {
    width: 52px;
    float: left;
    padding-left: 6px;
    height: 18px;
}

.hearticon, .playicon {
    width: 14px;
    height: 12px;
    background-image: url("../images/icons.png");
    margin-top: 2px;
    float: left;
    margin-right: 3px;
}


.hearticon {
    background-position-y: -16px;
}

.footercontainer {/*min-width: 1220px;*/ margin:auto; text-align: center; /*margin-bottom:30px*/
    -webkit-box-shadow:-1px 5px 5px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:-1px 5px 5px 2px rgba(0, 0, 0, 0.75);
    box-shadow:-1px 5px 5px 2px rgba(0, 0, 0, 0.75);
}
.footer {margin:0; padding:20px 0 5px 0;  font-size: 12px;}
.footer a{/*display: block;*/ width:1100px; margin:auto;}

.btmlinks {margin:0 0 20px 0;}
.link1, .link1:visited, .link1:active {font-size:42px;  text-decoration:none;}
.link1:hover {color:#323232; text-decoration:underline;}
.link2, .link2:visited, .link2:active {font-size:12px;  text-decoration:underline;}
.link2:hover {font-size:12px; color:#323232; text-decoration:underline;}
.ndx_brdrtable {width:100%; color:#646464;	padding:5px; background-color:#ccc; font-size:10px;}
.grayfont { font-size:12px; color:#bbb;}
.ndx_font_white {color:#969696; font-size:11px;}
.free_bonus { font-size:36px; color:#323232; font-weight:bold;}
.link3, .link3:visited, .link3:active {font-size:24px;  text-decoration:none;}
.link3:hover {color:#323232; text-decoration:underline;}

/* pagination */
.paginationsize {
    max-width: 1100px;
    margin: 0 auto !important;
    display: table !important;
}
.pagination ul {margin:0; margin-top:20px; clear:both; padding:0; text-align:center; font-size:15px;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; margin-left:2px; margin-right:1px;}
.pagination a, .pagination a:visited {
    padding: 7px 11px !important;
    text-decoration:none;
    color:#717171 !important;
    /*background-color:#D0D0D0;*/ border-radius:2px;

    font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
    background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
    background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
    background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);

}


.pagination a:hover, .pagination a:active {color:#000; background-color:#fff;}
.pagination a.currentpage {background-color:#fff; color:#000 !important; border-color:#dcdcdc; font-weight: bold; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover {background-color:#000; cursor:default; color:#323232;}
.pagination a.prevnext {font-weight: bold;}


/*player*/
.playercontainer {max-width:1080px; width:1080px; margin:14px auto 5px auto; text-align:center; line-height:15px;}
.playersignup {width:1100px; height:620px; background-image:url(../images/playersignupcover.png); position:relative;}
.joinform {color:#fff; font-size:18px;}
.joinforminput {background-color:#e6e6e6; border-radius:5px; border:0px; color:#000; padding:4px 5px; font-size:16px; margin:3px 0; width:200px;}
.joinformbutton {margin-top:4px; border:0px;}
.smallfont {font-size:10px;}
.joinformarticle {width:400px; margin:15px 0; font-size:12px;}

/*js*/
.playercontainer #play{ position: relative; margin-top: -380px; margin-left: 480px; margin-bottom:237px; width:140px;height:140px;display: block;}
.playercontainer #play:hover{cursor: pointer;}
.playercontainer #joinnow{ position: relative; margin-top: -620px; height:620px; margin-left: 0px; display: none; background-color: rgba(0, 0, 0, 0.44);}
.joinforminputpopup {background-color:#d9d9d8; border-radius:5px; border:0px; color:#000; padding:4px 5px; font-size:16px; margin:5px 0; width:200px;}


/*mouse over*/
.thumb a .thumbover { display:none; position:absolute; width:350px;height:265px; background-image: url(../images/thumbover.png); cursor:pointer; text-decoration: none; }
.thumb a:hover .thumbover { display:block; z-index: 1;}
.thumbover .info { margin-top:207px; color:#fff; margin-left:5px;margin-right:5px; text-decoration:none; }

.info {
    line-height: 13px;
    text-align: left;
    color: #9c7e39;
    padding: 8px 4px;
    text-align: center;
    background-color: #F5F3F4;
}


.info span a {
    text-decoration: none;
    color: #A0A0A0;
}

.info  a {
    text-decoration: none; color: #333;
}

.info  a:hover {
    color: #BE1111;
}

.info strong {
    letter-spacing: -0.55px;
}

.imgtext {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px dotted #333;
    padding: 2px 2px 3px 2px;
    display: block;
}

.infodata {
    margin-top: 0px;
    font-size: 12px;
}

.thumb {
    overflow: hidden;
    position: relative;
}

.thumbcontainer:hover {color: #BE1111;}

.thumb .thumbimg {
    display:block;
    -webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    -o-transition:      all 0.5s ease;
    transition:         all 0.5s ease;
}

.thumb:hover .thumbimg {
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
}

.smallplay {
    position: absolute;
    top: 110px;
    left: 151px;
    z-index: 6;
    opacity: 0;
    filter: alpha(opacity=0);
}

.playup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    z-index: 3;
    background-color: rgba(77, 19, 11, 0.5);
    background: #4d130b;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.playdown {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    z-index: 3;
    background-color: rgba(77, 19, 11, 0.5);
    background: #4d130b;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.slide
{
    height: 284px;
}
.slide_info
{
    background: #efefef;
}
.length
{
    width:228px;
    float:left
}
.banner
{
    position: absolute;
    top: 0px;
    left: 0px;
}
.adbar
{
    position: absolute;
    bottom: -3px;
    left: 0px;
}

.playercontainer {
    position: relative;
}

.thumbwatermark {
    position: absolute;
    bottom: 3px;
    right: 2px;
    z-index: 2;
}

.imagewatermark  {
    position: absolute;
    right: 15px;
    bottom: 52px;
}


.freeaccbtn{
    border:1px solid #616261; -webkit-border-radius: 22px; -moz-border-radius: 15px;border-radius: 22px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 18px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
    background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
    background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
    background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
    color: #fff;
    font-size: 16px;
}

.freeaccbtn:hover {
    color:#fff;
    text-decoration: none;
    background: none;
    background-color: #424342;
}

.topsignup .glyphicon-star {
    top:2px;
    font-size: 18px;
    color: #FAB400;
}

/* topslogan */
.topslogan a:hover {
    text-decoration: none;
}
.topslogantext {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333;
    text-decoration: none;
    letter-spacing: -0.6px;
}
.topslogantitle h1{
    font-size: 31px;
    line-height: 29px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0;
    margin-top: 2px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.topslogansubtitle h2{
    font-size: 13px;
    line-height: 11px;
    margin-top: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
}

@media (max-width: 1100px) {
    .topslogantitle h1{
        text-align: center;
    }
}

@media (max-width: 768px) {
    .prefooter {
        text-align: center;
    }

    .prefooter img{
        float: none;
    }

    .pref_list {
        clear: both;
    }

    .prefooter ul{
        margin: 0 auto !important;
    }
}

.screens_g {
    float: right;
}

.prefooter img {
    margin-bottom: 5px;
}

.prefooter ul li img {
    margin-right: 8px;
}

.prefooter ul li  {
    text-align: left;
}


.prefooter ul{
    list-style: none;
    margin: 0;
    padding: 0;
    color: #646464;
    font-size: 17px;
    max-width: 215px;
    margin-top: 45px;
}

.prefooter ul li{
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 7px;
    margin-top: 8px;
}

.enterhere {
    text-align: center;
}

.enterhere a{
    font-size: 32px;
    color: #eb626d;
    text-decoration: underline;
    line-height: 65px;
}

.enterhere a:hover{
    color: #E80E21;
    background: white;
    padding: 8px;
}

/*prefooter_icons*/

.prefooter_row {
    margin-top: 65px;
    text-align: center;
}

.prefooter_icons  {
    text-align: center;
}

.prefooter_icons ul{
    list-style: none;
    padding: 0;
}
.prefooter_icons ul li{
    display: inline-block;
    padding: 15px 24px;
    border-left: 1px dotted #085C72;
    height: 117px;
}

.prefooter_icons ul li img{
    margin-bottom: 15px;
}

.preficon_txt {
    color: #085C72;
    line-height: 13px;
    font-weight: bold;
    display: block;
}

.prefooter_icons_small {
    display: none;
}

@media (max-width: 580px) {
    .prefooter_icons ul li{
        border: none;
    }
    .prefooter_icons_small {
        display: block;
        border-bottom: 1px dotted #085C72;
        margin: 0 19px;
    }
}


.noborder {
    border: none !important;
}


/* pagination_num  */

.pagination_num{
    text-align: center;
}


.pagination_num ul li{
    list-style-type: none;
    display: inline;
}

.pagination_num ul li a{
    color: #9C7E39;
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #9C7E39;
    text-decoration: none;
    font-size: 20px;
}

.pagination_num ul li a.noborder{
    border: none;
    font-weight: bold;
}

.pagination_num ul li a.activelink{
    background-color: #9C7E39;
    color: #fff;
}


.pagination_num ul li a:hover{
    color: #9C7E39;
    background-color: #E8E1D1;
}

.containermain {
    background-color: #EBEBEB;
}


.page_title {
    color: #949494;
    font-size: 1.2em;
    text-align: center;
    margin: 0;
    padding-top: 4px;
}


/*  PART TWO 11/13/2015  */
html {overflow-y:scroll;}
body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#9c7e39; background:#fff;}
* {margin:0px; padding:0px; box-sizing:border-box;}
a img {border:0;}
.clear {clear:both;}

.headerbg {width:100%; background:#f2f2f2; border-bottom:20px solid #e8e1d1; line-height:0px;}
@media (max-width:1200px) {.headerbg {border-bottom:15px solid #e8e1d1;}}
@media (max-width:1100px) {.headerbg {border-bottom:10px solid #e8e1d1;}}
.header {max-width:1600px; min-width:400px; max-height:500px; margin:auto; position:relative;}
.header img {width:100%;}

@keyframes slidy {
    0% {left:0%;}
    23% {left:0%;}
    25% {left:-100%;}
    48% {left:-100%;}
    50% {left:-200%;}
    73% {left:-200%;}
    75% {left:-300%;}
    98% {left:-300%;}
    100% {left:-400%;}
}
@-webkit-keyframes slidy {
    0% {left:0%;}
    23% {left:0%;}
    25% {left:-100%;}
    48% {left:-100%;}
    50% {left:-200%;}
    73% {left:-200%;}
    75% {left:-300%;}
    98% {left:-300%;}
    100% {left:-400%;}
}
div#slider {overflow:hidden;}
div#slider figure img {width:25%; float:left;}
div#slider figure {position:relative; width:400%; margin:0; left:0; text-align:left; font-size:0;
    animation:30s slidy infinite; transition-timing-function:ease-in;
    -webkit-animation:30s slidy infinite; transition-timing-function:ease-in;
}

.logo {position:absolute; left:calc(1% + 10px); top:calc(1% + 10px); width:20%; max-width:306px;}

.topmenu {position:absolute; right:calc(1% + 10px); top:calc(5% + 10px);}
.topmenu li {display:inline-block; margin-left:10px;}
.topmenu a {font-family:'Oswald', sans-serif; color:#9c7e39; display:inline-block; text-align:center; text-decoration:none; border:1px solid #cab480; border-radius:4px; width:130px; height:30px; padding-top:13px;}
@media (max-width:1200px) {.topmenu {position:absolute; top:calc(6% + 5px);} .topmenu a {width:100px; height:30px;}}
@media (max-width:1000px) {.topmenu li {margin-left:5px;} .topmenu a {width:80px; height:24px; padding-top:11px;}}
@media (max-width:900px) {.topmenu {top:calc(3% + 10px);}}
@media (max-width:750px) {.topmenu li {margin-left:1px;} .topmenu a {width:60px; height:20px; padding-top:9px; font-size:11px;}}
@media (max-width:500px) {.topmenu li {margin-left:0px;} .topmenu a {width:50px; height:16px; padding-top:7px; font-size:10px;}}
.topmenu a:hover {border:1px solid #9c7e39; text-decoration: none; color: #9c7e39;}
.topmember {background:#f2f2f2;}
.topjoin {background:#daf2c9;}


/* player */
.headerplayer {max-height:80px;}
.topmenuplayer {margin-top:20px;}
@media (max-width:1400px) {.topmenuplayer {margin-top:15px;}}
@media (max-width:1300px) {.topmenuplayer {margin-top:10px;}}
@media (max-width:900px) {.topmenuplayer {margin-top:5px;}}
@media (max-width:650px) {.topmenuplayer {margin-top:0px;}}