/*
Name: 
Date: 
Coder: Ace_luffy
Author URI: http://www.creationcrew.com/
*/
/******************* Body *******************/


a:link, a:visited  { color: #7e7e7e; text-decoration: none; }
a:hover, a:active  { color: #7e7e7e; text-decoration: underline; }

ul {
    list-style: none;
}

* {
    margin: 0;
    padding: 0;
}
img {
    border:0px none;
    overflow:hidden;
}

body {
    /*background-image:url(../images/bg.jpg);*/
    background-attachment:fixed;
    color: #fff;
    background: #000;
    font: 12px/18px;
    position: relative;
    font-family: "Arial",cursive,sans-serif;
}


#header-bg {
    width: 100%;
    height: 73px;
    background-image:url(../images/bg_header.jpg);
    margin-bottom: 20px;
}


.container {
    max-width: 1350px;
}

.container-fluid {
    max-width: 1450px;
}

@media(min-width: 1200px){
    #header-img .container-fluid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }    
}



#holder {
    margin-left:auto;
    margin-right:auto;    
    margin:0 auto;
    min-height:100%;
}



#join {
    background-color:#44c767;
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
    border-radius:5px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:21px;
    padding:12px 23px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
#join:hover {
    background-color:#33873c;
}

#join:active {
    position:relative;
    top:1px;
}

#jnow {
    background-color: orange;
    color: black;
    font-size: 16px;
    font-weight: 500;
}

#shadow {
    margin: 0 auto;
}

.donwloadlink {
    cursor:pointer;

}
.donwloadlink:active { 
    top:1px;
}


#try {
    padding-top: 12px;
    cursor: pointer;
    padding: 0;
}

#try:active{
    top:1px;
}

#joinus {
    text-align: center;
    text-shadow: 0 3px 3px #000;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    /*margin-top: 20px;*/
    margin: 0;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.navbar.navbar-default { clear: both; }
@media screen and (max-width: 1280px) {
    #joinus { font-size: 14px; }
}


#header-logo {
    /*padding-top: 15px;*/
}

#playbtn {
    position: absolute;
}

@media screen and (min-width: 720px) and (max-width: 1170px) {
    #video-pic a img {
        display: inline-block;
    }
}
@media screen and (min-width: 720px) and (max-width: 980px) {
    #example {margin-top:0px !important; left:4% !important;}
}
@media screen and (min-width: 980px) and (max-width: 1170px) {
    #example {margin-top:0px  !important; left:17% !important;}
}

#buttons1 {
    display: none;
}
#bottom-link {
    margin: 0 auto;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}

body > p {
    margin: 0 auto;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}


@import url("http://fonts.googleapis.com/css?family=Roboto");

/****** LOGIN MODAL ******/
.loginmodal-container {
    padding: 30px;
    max-width: 350px;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-family: roboto;
}

.loginmodal-container h1 {
    text-align: center;
    font-size: 1.8em;
    font-family: roboto;
}

.loginmodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.loginmodal-container input[type=text], .loginmodal-container input[type=password] {
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    /* border-radius: 2px; */
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
    text-align: center;
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
    /* border-radius: 3px; */
    /* -webkit-user-select: none;
      user-select: none; */
}

.loginmodal-submit {
    /* border: 1px solid #3079ed; */
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1); 
    background-color: #4d90fe;
    padding: 17px 0px;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
    /* border: 1px solid #2f5bb7; */
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #357ae8;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
    text-decoration: none;
    color: #666;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    transition: opacity ease 0.5s;
} 

.login-help{
    font-size: 12px;
}




.space { height:20px; width:100%;}
.space1 { height:10px; width:100%;}
.space2 { height:50px; width:100%;}	
.space3 { height:5px; width:100%;}
.center { margin-left:auto; margin-right:auto;}
.clear {clear:both;}
html[xmlns] .clearfix { display: block; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.box { margin-top:30px;}

/********index********/


.contents  {  margin: 0 auto; text-align: left; }


/********header********/

#header-img {
    box-shadow: inset 0 0 40px rgba(0,0,0,.8);
    background-image: url(../images/bg2.jpg);
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media(min-width: 1200px){
    #header-img {
        padding: 10px 0;
        height: auto;
    }
}

#header-wrapper  { width: 100%; height: 95px; }

#header #menubase { float:right; width:200px; }
#header .menub { float:left; padding-top:28px; font: bolder 20px "Arial"; color:#fff; }
#header .menub a{ color:#fff; }
#header #menubase .buttonbase{ float:right; width: 200px;}
#header .buttons { float:right; margin-top: 10px; }

#logo  { float: left; margin-top: 0px; }

/********content****************/
#thumbsholder {  margin-left:auto; margin-right:auto;  padding-bottom: 10px; padding-top: 3px; margin-top: 5px;}
#thumbsholder #thumbs { float:left;  margin-top: 20px;   color:#5d5d5d; padding-right: 15px; padding-left: 15px; }
#thumbsholder #thumbs .title {font: 700 15px "Arial"; text-align:left; padding-bottom:12px; padding-top: 8px; color:#1a222b; max-height: 20px; overflow: hidden; max-height: 28px; height: auto !important;}
#thumbsholder #thumbs .title a{
    color: #fff;
    transition: all .3s ease;
}
#thumbsholder #thumbs .title a:hover{
    color: #fba315;
    text-decoration: none;
}
#thumbsholder #thumbs .thumbspix { width: 100%; position: relative; height: 0; padding-top: 56.25%; background: rgba(0,0,0,0.2); }
#thumbsholder #thumbs .thumbspix a { text-decoration: none; }
#thumbsholder #thumbs .thumbspix img { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
#thumbsholder #thumbs .thumbspix .videoplay { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.2); }
#thumbsholder #thumbs .thumbspix a:hover .videoplay{ opacity: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; }
#thumbsholder #thumbs .thumbspix video { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }

#thumbsholder #thumbs .viewrating { float:left; width:100%; display: flex; justify-content: flex-start; align-items: center;}
#thumbsholder #thumbs .views { font:12px "Arial"; font-weight:bolder; color:#a6a6a6; }
#thumbsholder #thumbs .legth { font:14px "Arial"; font-weight:bolder; padding-left:3px; color:#fff; position: absolute; right: 10px; bottom: 10px; z-index: 1;}

.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 6px 20px; margin: 14px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 220px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #F0F0F0; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 10px; }
.btn.btn-outline { background-color:rgba(0, 0, 0, 0.04); }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: rgb(111, 84, 153);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}

.navbar-left li{
    border-left: 0px solid rgba(0, 0, 0, 0.1);
    border-right: 0px solid rgba(250, 250, 250, 1);
}

.navbar-left li:last-child{
    border-right: 0px solid rgba(0, 0, 0, 0.1) ;
}

.nav>li>a {
    padding: 20px 25px;
}

.navbar-toggle {
    margin-top: 0px;
}

.navbar-default {
    background-color: #F0F0F0;
}

.navbar {
    font-family: Arial;
    font-size: 15px;
    color:#1a222b;
}

#navbar1 li a:hover {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}


@media screen and (max-width: 767px) {
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 

    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
    #header-logo{
        text-align: center;
    }
    #header-logo a{
        display: inline-block;
    }
}

#thumbsholder #thumbs .viewrating { float:left; width:100%;}
#thumbsholder #thumbs .views { float:left; font:14px "Arial"; font-weight: 500; color:#a6a6a6;}
#thumbsholder #thumbs .rating{ float:right; display: inline-flex; align-items: center; color: #a6a6a6; }

/********signup****************/
#signup-left  {float: left; margin: 15px 0 0 60px; background: url('../../images/signup-left.gif') bottom left no-repeat; }
#signup-left-top  {  font: 700 13px/17px Arial, sans-serif; text-align: center; }

#infotable{
    background-image: url(../images/sample.jpg);
    background-repeat: repeat;
    background-size: cover;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 5px;
    color: #fff;
    box-shadow: inset 0 0 40px rgba(0,0,0,.8);
    font-family: "Arial";
}

#reason1 {
    font-size: 25px;
    text-align: right;
    text-shadow: 0 3px 3px #000;
    line-height: 26px;
    font-weight: 700;
    font-style: italic;
    float: left;
    margin-top: 30px;
    border-bottom: 2px solid;
    border-color: #fc0;

}

#reason2 { 
    margin-top: 10px;
    font-size: 21px;
    text-align: center;
    text-shadow: 0 3px 3px #000;
}


#reason3 { 
    margin-top: 10px;
    font-size: 21px;
    text-align: center;
    text-shadow: 0 3px 3px #000;

}

#reason4 { 
    margin-top: 39px;
    cursor: pointer;

}

#reason4:active{
    top:1px;
}	



.forms-wrapper  { float: left; width: 400px;}
.forms  { max-width: 400px;  margin: 0 auto; text-align: left; }


.forms .forms-intro  { width: 90%; padding: 10px 0; margin: 0 auto; color: #970004; text-align: center; }
.forms .forms-error  { width: 90%; padding: 0 0 6px 0; margin: 0 auto; color: #970004; text-align: left; }
.forms .form-label  { width: 45%; float: left; padding: 2px 0; margin-left: 5%; line-height: 25px; color: #970004; text-align: right; }
.forms .form-field  { width: 50%; float: right; padding: 2px 0; margin-right: 5%; line-height: 25px; color: #970004; text-align: left; }
.forms input.text  { width: 90%; height: 25px; background: #fff; border: 1px solid #666; line-height: 25px; }
.forms input.submit  { width: 40%; height: 25px; background: #fff; border: 1px solid #666; line-height: 25px; }
.forms textarea  { width: 90%; height: 100px; background: #fff; border: 1px solid #666; }
.forms img.captcha  { display: block; margin-bottom: 3px; }

.forms-wrapper-signup  { width: 110%; position: relative; margin-top: 30px; }
.forms-signup  { width: 110%; position: relative; margin: 0 auto; text-align: left; }
.forms-signup .forms-intro  { width: 90%; padding: 30px 0 20px 0; margin: 0 auto; color: #970004; text-align: center; }
.forms-signup .forms-error  { width: 90%; padding: 0 0 6px 0; margin: 0 auto; color: #970004; text-align: left; }
.forms-signup .form-label  { width: 35%; float: left; padding: 2px 0; line-height: 25px; color: #970004; text-align: right; }
.forms-signup .form-field  { width: 60%; float: right; padding: 2px 0; font-size: 12px; line-height: 20px; color: #970004; text-align: left; }
.forms-signup input.text  { width: 100%; height: 25px; background: #fff; border: 1px solid #666; line-height: 25px; }
.forms-signup input.submit  { width: 40%; height: 25px; background: #fff; border: 1px solid #666; line-height: 25px; }
.forms-signup textarea  { width: 90%; height: 100px; background: #fff; border: 1px solid #666; }
.forms-signup img.captcha  { display: block; margin-bottom: 3px; }


/********videopage****************/



#videoholder { background-color: #fff;  overflow: hidden; padding-bottom: 10px; padding-right:5px;}
#videoholder #leftbox{ float:left;  font-weight:bolder; color:#000; padding-bottom:20px; padding-left: 0px; padding-right: 0px; }
#videoholder #leftbox a{text-decoration: none; }
#videoholder #leftbox .player{  background: url('../images/videoplayerx1.jpg') }
#videoholder #leftbox .player .playbuttom{ }
#videoholder #leftbox .player .patch_hover {position: absolute; margin: 0 auto;  cursor:pointer; z-index: 20; width:640px; height:418px;}
#videoholder #leftbox .player .videoplayx{ 
    display: block;
    position: absolute;	
    margin:25px 32px 32px 32px;
    width: 582px;
    height: 426px;
    background: url('../images/stop.png') ;

}

#video-pic {
    margin: 10px;
}

#vplayer {
    margin-top: -6px;
}

#section-title { background: repeating-linear-gradient(
                     45deg,
                     #000 ,
                     #000 10px,
                     #800 10px,
                     #800 20px) ;
                 color: #fff ;
                 padding: 10px;
                 font-size: 21px;
                 margin-bottom: 10px;
                 margin-top: 10px;
                 width: 95%;
                 text-shadow:3px 2px 3px #000;
                 border-radius: 10px;
}

#section-title2 {
    background-color: #FFF;
    color: #000 ;
    padding: 10px;
    font-size: 21px;
    margin-top: 10px;
    width: 220px;
    margin: 0 auto;

}

#videoholder #icon{ padding-top:18px; float: left; margin-right: 5px;}
#videoholder #rightbox{ float:left;  margin: 0px; padding-left: 0px;  padding-right: 0px;}
#videoholder #rightbox .smallvideo{ padding-right: 3px; padding-left: 3px; margin-top: 10px; }
#videoholder .titlevideo {font:27px "Arial"; font-weight:bolder; margin-bottom:20px}
#videoholder .linkicon { float:left; width:30px; }
#videoholder .link { float:left;
                     font-family: "Arial", Times, serif;
                     font-size:17px; font-weight:bold; color:#000; padding-left:3px; padding-bottom: 20px; padding-right:10px }
#videoholder .link a{color:#000;}
#videoholder .link a:hover{color:#bb0000;}
/********pagination****************/
#pagination  { width: 100%; margin: 15px auto 5px auto; text-align: center;  margin-top: 50px; font-size: 16px;}
#pagination a:link, #pagination a:visited  { border: 1px solid #363636; font-size: 16px; min-width: 40px; height: 40px; padding: 3px 4px; margin: 3px; display: inline-block; color: #c11300; border: 1px solid #000000; font-size: 23px; font-weight: bold; 
                                             -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#pagination a:hover, #pagination a:active  { min-width: 40px; height: 40px; background: #c11300; text-decoration: none; color:#fff; }
#pagination span  {width: 40px; height: 40px; padding: 3px 4px; margin: 3px; display: inline-block; background:#c11300; color: #fff; border: 0px solid #000000; font-size: 16px; font-weight: bold; 
                   -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }

/********footer****************/
#footer_base { width:100%; height:20px ; padding:10px 0px 0px 0px; color: #fff;}
#center{ width:1130px; height:110px ; margin:0 auto; }
#fbuttons { float:left; padding-left:10px;}
#footer_base #footer{ width:100%; margin-top:20px; margin-left:auto; margin-right:auto; text-align:center; color:#fff; font-weight:400; color:#fff;  background-color: rgba(102, 102, 102, 0.36); padding-top: 40px; line-height: 22px;}
#footer_base #footer a{color:#fff;}

/********popup****************/									

#videoholder #leftbox .player  .more {
    display: none;
    position: absolute; margin-top:220px;
    _left:17%; top:0;  cursor:pointer; z-index: 20;
}
#videoholder #leftbox .player  .box {
    position: absolute;
    left:15%; top:20%;  cursor:pointer; z-index: 20;
    border: solid;
    border-color:#fff;
    width:30%;
}
a.showLink, a.hideLink {
    text-decoration: none;
    color: #36f;
    padding-left: 8px;
    background: transparent url(down.gif) no-repeat left; }
a.hideLink {
    background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
}	
.box img {width:100%;}										 

/*overwrite-------------------------------------------------------*/
#footer p {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
#bottom-link,
#pagination {
    padding-left: 15px;
    padding-right: 15px;
}
#navbar1.nav.navbar-left {
    margin-left: -15px!important;
}
#logo1 {
    float: left;
    margin-left: -15px;
}
#try img {
    float: right;
    margin-right: 7px;
}
@media (max-width: 1068px) {
    #joinus {
        display: none!important;
    }
    #header-logo,
    #try {
        width: 50%;
    }

}

/*end overwrite----------------------------------------------------*/

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


    #reason1 {
        font-size: 26px;

    }

    #reason2 { 
        font-size: 20px;

    }


    #reason3 { 
        font-size: 20px;

    }

    #try {
        padding-top: 12px;
    }
}

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

    #joinus {
        display: none;
    }


    #reason1 {
        font-size: 22px;
        margin-top: 20px;

    }

    #reason2 { 
        font-size: 16px;
        margin-top: 10px;
    }


    #reason3 { 
        font-size: 16px;
        margin-top: 10px;
    }



    #reason4 { 
        margin-top: 35px;
    }

    #try {
        padding-left: 7%;
    }

    #thumbsholder {
        /*max-width: 992px;*/
    }
}


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

    .navbar {
        font-size: 11.5px;
    } 

    #reason4 { 
        margin-top: 40px;
        margin-bottom: 10px;
    }



    #joinus {
        display: none;
    }

    #try {
        padding-left: 17%;
    }

    .navbar-form .form-control {
        width: 145px;
    }
}




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

    #thumbsholder #thumbs .views {
        font-size: 12px;

    }

    .nav>li>a {
        padding: 15px 5px;
    }

    #thumbsholder #thumbs .rating {

    }
}



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


    #header-img {
        /*height: 80px;*/
    }

    #header-logo {
        margin-top: 1px;
        width: 100%;
    }
    #header-logo img {
        float: none;
    }
    #try {
        display: none;
    }

    #reason1 {
        text-align: center;
        font-size: 18px;
        margin-top: 10px;

    }

    #reason2 { 
        font-size: 14px;
        margin-top: 10px;
    }


    #reason3 { 
        font-size: 14px;
        margin-top: 10px;
    }	

    #reason4 { 
        margin-top: 15px;
    }

    .navbar-brand {
        display: none;
    }

    #joinus {
        display: none;
    }

    .navbar-nav.navbar-right .btn {
        display: none;
    }

    .navbar-left li{
        border-left: 1px solid rgba(0, 0, 0, 0.0);
    }

    .navbar-left li:last-child{
        border-right: 1px solid rgba(0, 0, 0, 0.0);
    }

    #buttons1 {
        display: initial;
        position: relative;
        position: absolute;
        left: 15px;
    }
    .navbar.navbar-default {
        position: relative;
        padding-top: 8px;
    }
    #buttons1 ul {
        display: inline-block;
    }
    #buttons1 ul li {
        display: inline-block;
        float: left;
    }

    #joinnow {
        background-color: orange;
        color: black;
        /*margin-left: 3%;*/
        color: black;
        float: left;
        margin-left: 10px;
    }

    #signin {
        float: left;
        margin-left: 7%;
        color: black;
    }


    .navbar .navbar-collapse {
        /*position: absolute;*/
        overflow: hidden !important;
        background-color: #F8F8F8;
        /*margin-left: 40%;*/
        z-index: 1;
        /*width: 57%;*/
    }


    #thumbsholder {
        /*max-width: 660px;*/
    }

    #thumbsholder #thumbs .views {
        font-size: 12px;

    }	

    #bottom-link,
    #bottom-link p{
        font-size: 24px;
    }

    #thumbsholder #thumbs .rating {
    }
    #navbar1 {
        padding: 0 15px;
    }
}



@media screen and (max-width: 650px) {
    #thumbsholder #thumbs .viewrating {
        /*flex-direction: column;*/
    }
    #thumbsholder #thumbs .title {
        font-size: 14px;
        max-height: 26px;
    }

    #thumbsholder #thumbs .views {
        font-size: 12px;
    }
    body > p {
        font-size: 20px;
    }
}


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

    #thumbsholder #thumbs .title {
        font-size: 14px;
    }

    #thumbsholder #thumbs .views {
        font-size: 12px;
    }
    #bottom-link {
        font-size: 21px;
    }
}

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


    .navbar .navbar-collapse {

        /* margin-left: 40%;
         width: 55%;*/
    }



    #thumbsholder #thumbs .views {
        font-size: 12px;
    }
}

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

    #thumbs {
        width: 100%;
    }

    #thumbsholder {
        /*max-width: 330px;*/
    }

    #thumbsholder #thumbs .title { 
        font-size: 14px;
    }

    #thumbsholder #thumbs .views {
        font-size: 12px;
    }

    #footer_base #footer {
        padding-top: 20px;
    }
    .rating img{
        width: 12px;
        height: 12px;
    }
}

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

    .navbar {
        padding: 3px;
    }

    .navbar .navbar-collapse {

        /* margin-left: 35%;
         width: 53%;*/
    }

}

.row.-header {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}



.row.-header {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    margin-left: -8px;
    margin-right: -8px;
}

@media screen and (max-width: 767px) {
    .row.-header {
        justify-content: center;
    }
}

.row.-header:before {
    display: none;
}

.row.-header:after {
    display: none;
}

.row.-header .col {
    flex: 0;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px; }
.row.-header .col.-full {
    max-width: 100%; }
.row.-header .col.-half {
    max-width: 50%; }

.ucp-col {
    flex-basis: 0; }
@media(max-width: 479px) {
    .ucp-col {
        padding-left: 0 !important; } }

.guest-options-list {
    white-space: nowrap; }
.guest-options-list li {
    display: inline-block; }
.guest-options-list li + li {
    margin-left: 20px; }
@media (max-width: 509px) {
    .guest-options-list li + li {
        margin-left: 10px; } }
.guest-options-list a {
    display: block;
    font-size: 32px;
    color: #1a222b;
    font-weight: 900;
    text-transform: uppercase; }
@media (max-width: 1039px) {
    .guest-options-list a {

        font-size: 24px; } }
@media (max-width: 509px) {
    .guest-options-list a {
        font-size: 15px; } }
.guest-options-list a:not(.btn) {
    position: relative; }
.guest-options-list a:not(.btn)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    height: 7px;
    display: none; }
.guest-options-list a:not(.btn):hover {
    text-decoration: none; }
.guest-options-list a:not(.btn):hover::after {
    display: block; }
.guest-options-list .btn {
    height: 55px;
    line-height: 53px;
    padding: 0 15px; }
@media (max-width: 1039px) {
    .guest-options-list .btn {
        height: 40px;
        line-height: 38px; } }

.logo-col {
    flex-basis: auto !important; }
@media (max-width: 509px) {
    .logo-col {
        flex-basis: 34%; } }
.logo-col a {
    display: flex;
    align-items: center;
    line-height: 104px; }
@media (max-width: 1039px) {
    .logo-col a {
        height: 60px;
        line-height: 60px; } }
.logo-col img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 80%; }
.top-logo-head{
    background: #000;
}
.hover-icon{
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 80px;
    height: 80px;
    transform: translate(-50%,-50%) scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%,-50%) scale(1.2);
    }
    50% {
        transform: translate(-50%,-50%) scale(1);
    }
    100% {
        transform: translate(-50%,-50%) scale(1.2);
    }
}

.icon-like{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    background: url(../images/like.svg) no-repeat center center;
    background-size: cover;
    fill: #5d5d5d;
}
.btn-default{
    border: 0;
}
#jnow{
    background: #fba315;
}
.login-botton{
    background: transparent !important;
    font-size: 16px;
}

#navbar1 li a:hover{
    background: transparent;
    text-decoration: underline;
}
#navbar1 li a{
    font-size: 16px;
}
.pagination{
    display: flex;
    justify-content: center;
    padding: 0 20px;
    margin-top: 60px;
}
.pagination a,
.pagination span{
    height: 50px;
    padding: 0 20px;
    min-width: 50px;
    margin: 0 3px;
    background: #e1e1e1;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    border-radius: 5px;
    color: #343434;
    font-weight: 600;
}
.pagination a{
    transition: all .3s ease;
    text-decoration: none;   
}
.pagination a:hover{
    background: #e9e9e9;
}
.pagination a.next{
    background: #fba315;
    color: #fff;
}
.pagination a.next:hover{
    background: #ea8214;
}
.pagination a:hover{
    background: #e9e9e9;
    text-decoration: none;
}
.pagination span{
    background: #393939;
    color: #fff;
}
.pagination .dots{
    background: transparent;
    min-width: 0;
    margin: 0 10px;
    padding: 0;
    color: #343434;
}
@media(max-width: 640px){
    .pagination a{
        display: none;
    }
    .pagination a.show-mobile,
    .pagination a.next{
        display: inline-flex;
    }   
}
#navbar1.nav.navbar-left{
    margin-left: -25px !important;
}
.navbar-right{
    margin-right: 0;
}
#joinus{
    font-style: normal;
}
.navbar{
    background: #212121;
    color: #fff;
    border: 0;
    border-radius: 0;
}
#navbar1 li a{
    color: #fff;
}

.navbar-nav.navbar-right .btn{
    color: #fff;
}

.navbar-nav.navbar-right .btn:hover{
    text-decoration: underline;
    color: #fff;
}

.pagination a:first-child{
    padding: 0;
}
.pagination a:first-child span{
    margin: 0;
}

@media screen and (max-width: 767px) {
    .logo-col a {
        height: 100px;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar .container-fluid{
        display: none;
    }
    #buttons1{
        left: auto;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #signin{
        color: #fff;
        font-size: 16px;
    }
    #joinnow{
        font-size: 16px;
        margin-left: 40px;
        padding: 6px 20px;
    }
}