/* ==========================================================================
   Base styles
   ========================================================================== */

body {
    font-weight: 400;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ccc;
    background: #000
}
body, html {height: 100%}
#wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    background: #000;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.75);
}

/* ==========================================================================
   Component styles
   ========================================================================== */

/* Top navbar */
.navbar-brand {display: none}
.navbar-default {
    margin-bottom: 2px;
    border: 0;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 3px 4px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 3px 4px 0px rgba(50, 50, 50, 0.5)
}
    .navbar-div {
        height: 35px;
        border-top: 1px solid #505050;
        border-bottom: 3px solid #505050;
        -webkit-box-shadow: 0px 5px 3px 0px rgba(0, 81, 116, 0.5);
        -moz-box-shadow:    0px 5px 3px 0px rgba(0, 81, 116, 0.5);
        box-shadow:         0px 5px 3px 0px rgba(0, 81, 116, 0.5);
        background: #505050;
        background: -moz-linear-gradient(top,  #ca0024 0%, #ba0024 48%, #aa0024 50%, #8a0024 52%, #9a0024 100%);
        background: -webkit-linear-gradient(top,  #ca0024 0%,#ba0024 48%,#aa0024 50%,#8a0024 52%,#9a0024 100%);
        background: linear-gradient(to bottom,  #ca0024 0%,#ba0024 48%,#aa0024 50%,#8a0024 52%,#9a0024 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0024', endColorstr='#9a0024',GradientType=0 )
    }
    .navbar-default .navbar-brand {color: #fff}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff}
    .navbar-nav {float: none}
    .navbar-default .navbar-nav > li {
        margin: 0 auto;
        float: none;
        display: inline-block;
        border-right: 2px dotted #ccc;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #6bd5f9
    }
    .navbar-default .navbar-nav > li > a {
        display: inline-block;
        padding: 8px 30px;
        color: #fff;
        font-size: 1.8rem;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #505050;
    }
    .navbar-default .navbar-nav > li:last-child {
        border-width: 0;
        background-color: #ff9900;
    }
    .navjoin {
        background-color: #ff9900;        
    }

/* Content */
header h1 {margin-top: 0}
header .img-responsive {width: 95%}
h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    font-size: 2.2rem;
    font-weight: bold
}
.row {position: relative}

#newest h5 {margin: 0 0 2px 0; padding: 7px 10px}
#newest h4 {margin: 5px 0}
    #newest img {margin-bottom: 2px}
    #newest a:hover {text-decoration: none}
    #newest .smallthumb {
        width: 95%;
        margin-top: -30%
    }
    #newest .smallthumb strong {padding: 3px 0}
#newest .newest {padding-bottom: 20px; margin-bottom: 20px}

div.row.top-gradient-2 {
    margin-left: 0;
    margin-right: 0
}
.thumbnail {
    border: 0;
    padding: 0;
    border-radius: 5px
}
.thumbnail:hover {text-decoration:none}
    .thumbnail img {border-radius: 5px 5px 0 0}
    .thumbnail strong {
        margin-top: 2px;
        padding: 4px 0;
         border-radius: 0 0 5px 5px;
         font-size: 1.6rem
     }
#bonus-deal p {
    font-size: 2rem;
    margin-bottom: 0
}

.main-preview {max-width:420px}


/* Buttons */
.buttons {margin-bottom: 20px}
.btn-primary {
    margin: 0 12px;
    border: 3px solid #0092dd;
    padding: 12px 70px;
    color: #fff;
    font-size: 2.4rem;
    text-shadow: 0px 0px 14px rgba(6, 34, 66, 1);
    background: #5fc3ea;
    background: -moz-linear-gradient(top,  #5fc3ea 0%, #32b6ea 50%, #108bba 100%);
    background: -webkit-linear-gradient(top,  #5fc3ea 0%,#32b6ea 50%,#108bba 100%);
    background: linear-gradient(to bottom,  #5fc3ea 0%,#32b6ea 50%,#108bba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc3ea', endColorstr='#108bba',GradientType=0 );
}
.btn-primary:hover {
    border: 3px solid #0092dd;
    background: #108bba;
    background: -moz-linear-gradient(top,  #108bba 0%, #32b6ea 50%, #5fc3ea 100%);
    background: -webkit-linear-gradient(top,  #108bba 0%,#32b6ea 50%,#5fc3ea 100%);
    background: linear-gradient(to bottom,  #108bba 0%,#32b6ea 50%,#5fc3ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108bba', endColorstr='#5fc3ea',GradientType=0 );
}
/* Testimonials */
#testimonials {list-style: none; padding-left: 0}
    .well blockquote {margin:0; border: none}
    .well blockquote q {font-size: 1.9rem}
    .well blockquote p {font-size: 1.4rem}
#testimonials .slide {max-height: 96px}

/* Footer */
#footer {padding: 100px 0 60px 0;}
    #footer p {margin: 0; text-align: center}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.top-left-radius {border-top-left-radius: 5px}
.top-right-radius {border-top-right-radius: 5px}

.box-shadow {
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0, 0.5);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0, 0.5)
}
.top-gradient {
    background: #d6d6d8;
    background: -moz-linear-gradient(top,  #d6d6d8 0%, #f6f6f6 60%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top,  #d6d6d8 0%,#f6f6f6 60%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #d6d6d8 0%,#f6f6f6 60%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d8', endColorstr='#f8f8f8',GradientType=0 )
}
.top-gradient-2 {
    background: #d6d6d8;
    background: -moz-linear-gradient(top,  #d6d6d8 0%, #f6f6f6 14%, #ffffff 24%);
    background: -webkit-linear-gradient(top,  #d6d6d8 0%,#f6f6f6 14%,#ffffff 24%);
    background: linear-gradient(to bottom,  #d6d6d8 0%,#f6f6f6 14%,#ffffff 24%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d8', endColorstr='#ffffff',GradientType=0 )
}
.bot-gradient {
    /*background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #f6f6f6 40%, #d6d6d8 100%);
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f6f6f6 40%,#d6d6d8 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#f6f6f6 40%,#d6d6d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d6d6d8',GradientType=0 )*/
}
.img-responsive {
    width: 100%
}
.img-responsive2 {
    width: 100%;
    max-width:210px;
    max-height:168px
}
.mt50 {margin-top: 50px}
.mb50 {margin-bottom: 50px}

.blue {color: #02799b !important}
.drk-red {color: #9a0024 !important}
.red {color: red}
.red2 {color: #a50505}
.drk-yellow {color: #efaa22}
.grey {color: #707276}
.lt-blue {color: #3ebbeb}
.white {
    color: #fff;
    background: #9d0c10;
}
.white2 {color: #aaa}
.gold {color: #9A9627}
.link-blue{color: #146EB4}
.blk{color: #000}

.bg-blue {background: #0074a7}
.bg-red {background: #9d0c10}

/* ==========================================================================
   Media Queries
   ========================================================================== */
/*
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    .navbar-default .navbar-nav > li > a {padding: 8px 30px}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .navbar-default .navbar-nav > li > a {padding: 8px 15px}
    #newest small {
        font-size: 80%
    }
    .btn-primary {padding: 8px 40px; margin: 0 6px}
    #bonus-deal p {font-size: 1.7rem}
    .well blockquote q {font-size: 1.7rem}
    .well blockquote p {font-size: 1.3rem}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .navbar-brand {display: block}
    #newest small {font-size: 100%}
    .btn-primary {
        display: block;
        padding: 8px 24px;
        margin: 12px auto;
        font-size: 2rem
    }
    .well blockquote q {font-size: 1.5rem}
    .well blockquote p {font-size: 1.2rem}
    #footer {font-size: 1.2rem}
    .navbar-default .navbar-nav > li {
        display: block;
        border-right-width: 0;
        border-bottom: 2px dotted #7bc8eb;
    }
    .navbar-default .navbar-nav > li > a {display: block}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    #newest small {font-size: 80%}
    #bonus-deal p {font-size: 1.5rem}
}

ul.pagination{
	margin:15px auto;
    padding: 0;
	text-align:center;
	display:block;
	overflow:hidden;}
ul.pagination li{display:inline-block; margin-bottom:20px;}
ul.pagination li a, ul.pagination li.inactive a:hover{
	text-decoration:none;
	background:#108bba;
	padding:0 12px;
	line-height:44px;
	font-size:20px;
	font-weight:600;
	color:white;
	display:inline-block;
	margin:0 0 0 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.pagination li a:hover{background:#1D66B7;}
ul.pagination li.inactive a{opacity:.3;}
ul.pagination li.current a{background:#1D66B7;}
ul.pagination i{margin:0; padding:0;width:8px;}
ul.pagination i:before{margin-right:0 !important;}
ul.pagination#p-top{ display:none;}

@media (max-width: 500px) {
    ul.pagination{
       float:left;
	   margin:5px auto;
    }
    ul.pagination li a, ul.pagination li.inactive a:hover{
	   padding:0 6px;
	   line-height:34px;
	   font-size:16px;
    }
    ul.pagination li.each{
        display:none;
    }
}


/* Updated 19.02.2016 */
#videos {margin: 0 10px}
#videos h5 {margin: 0 0 2px 0; padding: 7px 10px}
    .videos {
        border: 1px solid #555555;
        padding-bottom: 1px;
        margin-bottom: 50px;
        border-radius: 8px
    }
        .videos div {padding: 0}
        .videos > div {padding: 0 4px}
        .videos div.row {margin: 0}
        .videos img.bigthumb {
            padding: 4px;
        }
        .videos img.smallthumb {
            padding: 4px;
        }
        .videos p {margin: 8px 8px 16px 8px}
@media (min-width: 600px) {
    .videos .col-sm-5 {width: 35.5%}
    .videos .col-sm-7 {width: 64.5%}
}
#models h4 {font-size: 2.2rem}
    #models h4 a {font-weight: bold}
    #models h4 a:hover,
    #models h4 a:visited,
    #models .model a:hover,
    #models .model a:visited
     {
        text-decoration: none;
        color: #1e496f
    }
    #models .model {font-size: 2.7rem}

@media only screen and (max-width : 767px) {
    #models h4 {font-size: 1.8rem}
    #models .model {font-size: 1.8rem}
    #videos .btn-primary {margin-right: 4px; margin-left: 4px}
}

/* Added 20.02.2016 */
#profile {padding: 0 9px}
#profile h3 {
    margin: 40px 0 20px 0;
    padding-left: 20px;
    font-size: 2rem
}
    .profile {border-radius: 8px; padding-bottom: 5px}
    .profile #info h5 {height: 30px}
        #info .info {margin: 30px 20px 10px 20px}
            #info .info h4 {font-size: 2.4rem}
            #info .info h4 strong {margin-right: 40px}
            #info .info p {font-size: 1.8rem}
    .profile h5 {padding: 7px 10px; margin: 0 0 2px 0}
    .profile .top-gradient {margin-top: 2px; height: 30px}
    #full-movie h5,
    .hd-clip h5 {
        font-size: 1.3rem
    }
#about p {margin-left: 20px; margin-right: 20px}
#hd-clips .hd-clip {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}
#hd-clips .hd-clip div.text-center {margin-top: 10px}
#hd-clips .hd-clip a {
    color: #3ebbeb;
    text-decoration: underline;
    font-size: 1.3rem
}
    .mar-left {margin-left: 20px}
    .mar-right {margin-right: 20px}
.gallerythumbs {
    position: relative;
    width: 90%;
    height: 73px;
    margin: 0 auto;
    overflow: hidden
}
.gallerythumbs .leftarrow,
.gallerythumbs .rightarrow {
    float: left;
    text-align: center;
    margin: 3px;
    width: 20px;
    height: 67px;
    position: absolute;
    z-index: 100;
    top:0
}
.gallerythumbs .carousel {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 23px;
    text-align: center
}
.gallerythumbs .carousel img {display: inline-block; margin: 3px}
.gallerythumbs .leftarrow:hover,
.gallerythumbs .rightarrow:hover {cursor: pointer}
    .gallerythumbs .leftarrow {
        background: #fff url(/free/img/left-arrow.png) center center no-repeat;
        left: 0;
    }
    .gallerythumbs .rightarrow {
        background: #fff url(/free/img/right-arrow.png) center center no-repeat;
        right: 0
    }
	
/*------------------------------*/
.gallerythumbs2 {
    position: relative;
    width: 100%;
    height: 73px;
    margin: 0 auto;
    overflow: hidden;
}
.gallerythumbs2 .carousel {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 16px;
    text-align: center
}
.gallerythumbs2 .carousel img {display: inline-block; margin: 2px}

/*-------------------------------*/
.downloadbuttons {margin-top: 30px}
    .downloadbuttons img {margin: 25px auto; display: block}
.previewmed a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}
.previewmed a span {
    position: absolute;
    z-index: 50;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/free/img/play.png) center center no-repeat
}

@media only screen and (max-width : 767px) {
    #info img {width: 90%; margin-top: 20px}
    .previewmed {width: 90%}
    .hd-clip {width: 90%;}
    .mar-left, .mar-right {margin: 0 auto 20px auto}
    #profile h3 {font-size: 1.6rem}
    #info .info h4 {font-size: 1.8rem}
    #info .info p {font-size: 1.5rem}
    #info .info {margin-left: 30px}    
}
@media only screen and (max-width : 479px) {
    #profile h3 {font-size: 1.3rem; padding-left: 0}
    #about p {font-size: 1.2rem}
    .downloadbuttons img {width: 80%}
    #full-movie h5, .hd-clip h5 {font-size: 1.1rem}
    #hd-clips .hd-clip a {font-size: 1.1rem}    
}

.read-more-state {
  display: none;
}
.read-more-state:checked {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #02799b;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #02799b;
  border-radius: .25em;
  background-color:#ddd;
}

.read-more-trigger:hover {
    color: blue;
    border: 1px solid blue;
}

.fav_btn {
  cursor: pointer;
  display: inline-block;
  padding: 0 .4em;
  color: #02799b;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #02799b;
  border-radius: .25em;
  background-color:#ddd;
}

.fav_btn:hover {
    color: blue;
    border: 1px solid blue;
}

/*--search ----*/

#search h5 {
    font-size: 28px;
    font-weight: 600;
}
#search .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 15px;
}
#search label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 0px;
    font-weight: bold;
}
#search .radio_label {
 
    padding-left: 5px;
	font-weight: bold;
    
}
#search .center
{
    margin: 0 auto;
    float: none;
}

#search .buttons{
	
    margin-top: 50px;
  
  

}

#search .btn{
	
    cursor: pointer;
    display: inline-block;
    padding: 0.4em;
    color: #02799b;
    font-size: 1.4em;
    line-height: 2;
    border: 1px solid #02799b;
    border-radius: .25em;
    background-color: #ddd;

}
#search .btn2{
	
    cursor: pointer;
    display: inline-block;
    padding: 0.3em;
    color: #02799b;
    font-size: 1.1em;
    line-height: 2;
    border: 1px solid #02799b;
    border-radius: .25em;
    background-color: #ddd;

}
#search .btn:hoover{
	
}  


.img-overlay {
    position: relative;    
}

.pov-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;    
}