/*
*   Errors Page  
*/

.error-page img {
    display:block;
    width:300px;
    margin:40px auto;
    
}
.error-page h2 {
    font-size:30px;
}
.error-page .error {}

/*
*   Errors Page  END
*/
 

/*
*   Frontend - Channels - About Tab 
*/

.about-head {
    margin-top:40px;
    padding-bottom:5px;
    border-bottom:1px solid #e4e4e4;
}
.about-head .account-info {
    width:67%;
    float:left;
    font-size:14px;
    line-height:18px;
}
.about-head .account-info .profile-left{
    float: left;
    margin-right: 16px;
}
.about-head .account-info .profile-right{
    float: left;
    margin-top: 3px;
}
.about-head .account-info .profile-bottom{
    color:#808080;
    margin: 10px 0 7px;
}
.about-head .account-info .profile-bottom p{
    margin-bottom:2px;
}
.about-head .account-info .profile-bottom span{
    font-weight: 600;
    text-transform: uppercase;
}
.about-head .account-info .profile-bottom a{
    color:#808080;
}
.about-head .account-info .profile-bottom a:hover{
    color:#e85126;
}
.about-head .account-info h1 {
    margin-top:0px;
    font-size:32px;
    line-height:32px;
    color:#333;
    margin:0;
    font-weight:bold;
}
.about-head .account-info h2 { /*KLAUS*/
    margin-top:0px;
    font-size: 24px;
    line-height: 1.2;
    color:#333;
    margin:0;
    font-weight:bold;
}
.about-head .account-info .username {
    color:#808080;
}
.about-head .account-info .username a {
    color:#1bb0eb;
    text-decoration:underline;
}
.about-head .account-info .location {
    color:#333333;
    font-weight:bold;
}
.about-head .account-stats {
	float:right;
    text-align:right;
    font-size:14px;
    color:#333;
	margin-top: 16px;
}
.about-head .account-stats .joined {
    color:#e85126;
}
.about-head .account-stats .stats p {margin:0px;}
.about-content{
    margin-top: 30px;
}
.about-content a {
    text-decoration:underline;
}

/*
*   Signup Page 
*/

.signup-content {} 
.signup-content .signup_left {
    background:url("../images/signup/step1_bg.png") no-repeat top left;
    width:629px;
    height:441px;
    float:left;
} 
.signup-content .signup_right {
    float:left;
    width:371px;
    padding:20px;
} 

.signup-content .signup_right img {
    display:block;
    margin:0 auto 10px auto;
}
.signup-content .signup_right.step3 img {
    width: 90%;
    margin-top: 11px;
}
.signup-content .signup_right h1 { 
    font-size:29px;
    line-height:33px;
}
.signup-content .signup_right h3 {
    font-size:24px;
    line-height:28px;
    margin:0px;
    margin:px;
    font-weight:normal;
}
.signup-content .signup_right.step3 h3 {
    font-size: 29px;
    color: #333;
    font-weight: bold;
    margin: 30px;
}

.signup-content .signup_right p {
    margin-bottom:10px;
}
.signup-content .signup_right.step3 p {
    font-size:18px;
	color:#333;
}

.signup-content .signup_right label {
    font-size:16px;
    line-height:20px;
}

.signup-content .signup_right .half {
    width:49% !important;
}

.signup-content .signup_right input {
    padding:10px;
}

/*
*   Signup Page 
*/

 
/*
*   Profile Setup Page 
*/ 

.profile-form .info {border-left:1px solid #959595;font-size:16px;}

.profile-form .grid3 .col {

    text-align:right;
}
.profile-form .grid3 .col .row { margin-bottom:10px; }

.profile-form .grid3 .col label {
    width:80px;
    display:inline-block;
    text-align:right;
    font-size:15px;
    line-height:30px;
    text-transform:uppercase;
/*    float:left;*/
    margin-right:10px;
}

.profile-form .grid3 .col input[type="text"],
.profile-form .grid3 .col select.select {
    width:213px !important;
    display:inline-block !important;
/*    float:left;*/
    
}

.profile-form .grid3 .col:nth-child(2) label {
    width:110px;
}

.profile-form .grid3 .col:nth-child(2) input[type="text"],
.profile-form .grid3 .col:nth-child(2) select.select {
    width:170px !important;
}

.profile-form .grid3 .col input[type="text"].d,
.profile-form .grid3 .col input[type="text"].m {
    width:45px !important;
    margin-right:7px;
}

.profile-form .grid3 .col input[type="text"].y {
    width:60px !important;
/*    float:left;*/
    
}


.profile-form .grid3 .col:nth-child(3) {text-align:left;}
.profile-form .grid3 .col:nth-child(3) .row {margin-bottom:10px;}
.profile-form .grid3 .col:nth-child(3) .img {
    width:40px;
    float:left;
    margin-right:10px;
}

.profile-form .grid3 .col:nth-child(3) .inputs {
    width:213px;
    float:left;
}

.profile-form .grid3 .col:nth-child(3) .inputs input[type="password"]{
    margin-top:5px;
}

.profile-form .grid3 .col:nth-child(3) label {
    font-size:11px;
    width:auto;
    text-transform:none;
    line-height:13px;
}

.profile-form .grid5 .col label {
    font-size:13px;
    line-height:14px !important;
}



/*
*   Profile Setup Page END 
*/


/*
*   Account Page 
*/

.profile_settings .avatar_setup {
   position:relative;
}
.profile_settings .avatar_setup .progress {
    position:absolute;
    bottom:0px;
    position: absolute;
    z-index: 11;
    bottom: 0px;
    height: 3px;
    border-radius: 0px;
    width: 100%;
    margin: 0px;
}
.profile_settings .avatar_setup .avatar_container {
    width:150px;
    height:150px;
    position:relative;
    float:left;
    margin:0 20px;
    overflow:hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(150, 150, 150, 1);
    -moz-box-shadow:    0px 0px 10px 0px rgba(150, 150, 150, 1);
    box-shadow:         0px 0px 10px 0px rgba(150, 150, 150, 1);
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
.profile_settings .avatar_setup .avatar_container img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.profile_settings .avatar_setup .avatar_container a {
    position:absolute;
    bottom:5px;
    left:0;
    width:100%;
    text-align:center;
    display:block;
    z-index:2;
}
.profile_settings .avatar_text {
    float:left;
    width:470px;
    font-size:12px;
}
.profile_settings .avatar_text h2 {
    text-transform:uppercase;
    font-size:20px;
    line-height:24px;
}

.profile_settings > .row {padding-left:20px;}
.profile_settings .row {
    margin-bottom:10px;
    
}
.profile_settings .row label {
    width:120px;
    display:inline-block;
    font-size:12px;
    float:left;
    font-weight:normal;
    text-transform:none;
    text-align:right;
    margin: 0 10px 0 0;
}
.profile_settings .row label span {
    line-height:35px;
    display:block;
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
}
.profile_settings .row label span.nospace {
    line-height:15px;
}
.profile_settings .row input[type="text"],
.profile_settings .row input[type="password"],
.profile_settings .row textarea:not(.fr-code) {
    width:515px;
    float:left;
    border:1px solid #cecece;
}

.profile_settings .row input.warning{
    border-color:red;
}

.profile_settings .yii-selectize.selectize-control {
    width:515px;
}
.profile_settings .row input[type="text"]:focus,
.profile_settings .row input[type="password"]:focus,
.profile_settings .row textarea:focus {
    border:1px solid #e85126;
}

.profile_settings .fr-popup .fr-input-line input[type=text], .profile_settings.fr-popup .fr-input-line textarea {
    float: none;
    line-height: inherit;
    box-shadow: none;
}

.profile_settings .royal-theme.fr-popup .fr-input-line input[type="text"]:focus, .profile_settings .royal-theme.fr-popup .fr-input-line textarea:focus {
    border:0;
    border-bottom: solid 2px #454545;
}

.profile_settings .fr-popup .fr-checkbox-line label {
    float: none;
    width: inherit;
}

.profile_settings .row.websites .new_website{
    margin-left:130px;
    margin-top:5px;
}
.profile_settings .row.websites .add_website{
    margin-left:145px;
    font-size:11px;
    line-height:11px;
    font-weight:bold;
    color:#e85126
}
.profile_settings .row.socialmedia .row {
    float:left;
    width:516px;
    clear:none;
    margin-bottom:8px;
}
.profile_settings .row.socialmedia .row img {
    float:left;
}
.profile_settings .row.socialmedia .row label {
    font-size:11px;
    font-weight:normal;
    width:auto;
    text-transform:none;
}
.profile_settings .row.socialmedia input[type="text"],
.profile_settings .row.socialmedia input[type="password"] {
    width:213px;
} 
.profile_settings .row.about .left:nth-child(2) .chosen-container {
    width:193px !important;
}
.profile_settings .row.about .left {
    width:323px;
    margin-bottom:10px;
} 
.profile_settings .row.about .left:first-child {width:345px}
.profile_settings .row.about .left:first-child label {width:120px}
.profile_settings .row.about .left:first-child select, 
.profile_settings .row.about .left:first-child input, 
.profile_settings .row.about .left:first-child .chosen-container {width:215px !important}
.profile_settings .row.about .left label {width:120px;} 
.profile_settings .row.about .left input {
    width:210px;
} 

.profile_settings .row.about .left input.m,
.profile_settings .row.about .left input.d {width:45px;margin-right:10px; text-align:center;}
.profile_settings .row.about .left input.y {width:60px;text-align:center;}

.profile_settings .row.interests label {
    width:auto;
    font-size:14px;
    line-height:14px;
    float:none;
    text-transform:none;
    font-weight:600;
}
.profile_settings .row.interests .row {
    margin-bottom:5px;
}

.profile_settings .redactor-box {
    width: 512px;
    float: right;
    margin-right: 21px;
    border: 1px solid #cecece;
}

.profile_settings input[type="date"] {
    width: 193px !important;
    float: left;
    border: 1px solid #cecece;
    background: #f9f9f9;
    box-shadow: none;
    border-radius: 5px;
    padding: 7px 12px;
}

/*
*   Account Page END 
*/

/*
*   Dashboard 
*/

.dashboard .dash-update-links {
    list-style:none;
    padding:0;
    margin:0;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
.dashboard .dash-update-links > li {
    padding-right:10px;
    float:left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
.dashboard .dash-update-links > li:last-child {
    padding-right:0px;
}
.dashboard .dash-update-links > li > a {
    display:block;
    width:100%;
    height:170px;
    border:1px solid #d0d0d0;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.dashboard .dash-update-links > li > a .icon {
    width:60px;
    height:60px;
    display:block;
    margin:0 auto;
    background:url("../images/icons/dashboard-icons.png") no-repeat;
    margin-top:20px;
    margin-bottom:10px;
}
.dashboard .dash-update-links > li > a:hover .icon {
    background-position: 0px -66px;
}
.dashboard .dash-update-links > li > a .icon.message {background-position:0 0;}
.dashboard .dash-update-links > li > a:hover .icon.message {background-position:0 -66px;}
.dashboard .dash-update-links > li > a .icon.comments {background-position:-68px 0px;}
.dashboard .dash-update-links > li > a:hover .icon.comments {background-position:-68px -66px;}
.dashboard .dash-update-links > li > a .icon.rating {background-position:-136px 0px;}
.dashboard .dash-update-links > li > a:hover .icon.rating {background-position:-136px -66px;}
.dashboard .dash-update-links > li > a .count {
    width:100%;
    
    font-weight:bold;
    font-size:28px;
    line-height:28px;
    
    text-transform:uppercase;
    display:block;
    
    text-align:center;
}
.dashboard .dash-update-links > li > a .title {
    text-transform:uppercase;
    font-size:16px;
    line-height:16px;
    display:block;
    text-align:center;
}

.dashboard .dash-update-links > li > a:hover {
    background:#fff;
}

/*
*   Dashboard END
*/


/*
*   Video Player Page
*/


#main.ht-video-player .video-container .big_section {
	width: 710px;
}
#main.ht-video-player .video-player .video-container .small_section {
	width: calc(100% - 735px);
}
.video-player .video-container .video-info {
    padding-top: 5px;
}
.video-player .accordion .accordion-content {
    display:none;
}
.video-player .accordion .head:last-child {
    margin-bottom:0;
}
.video-player .video-container .video-info h1 {
    font-size: 20px !important;
    line-height: 1.2;
    margin: 0 0 3px !important;
    padding: 0px !important;
    text-align: left !important;
    position: relative;
    top: -3px;
    color: #000;
}
.video-player .video-container .video-desc {
    margin-bottom: 13px;
}
.video-player .video-container .video-desc,
.video-player .video-container .video-desc p,
.video-player .video-container .video-action-desc,
.video-player .video-container .video-action-desc p {
    color: #666;
    line-height: 1.4;
    font-weight: 500;
}
.video-player .video-container .quick-buy-now{
    font-weight: 900;
    font-size: 16px;
    margin: 8px 0;
    float: none;
    border: 2px solid #e85126;
    padding-bottom: 4px;
    color: #e85126;
    background-color: transparent;
}
.video-player .video-container .quick-buy-now:hover{
    color: #fff;
    letter-spacing: 2px;
    background-color: #e85126;
}
.video-player .video-container .quick-buy-now.no-effect{
    color: #fff;
    background-color: #e85126;
    font-size: 15px;
}
.video-player .video-container .quick-buy-now.no-effect:hover{
    color: #e85126;
    letter-spacing: 1px;
    background-color: transparent;
}
.video-player .video-container .video-info h2 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin: 0 0 5px;
    padding: 20px 0 0;
}
.video-player .video-container .video-action-desc {
    margin-bottom: 11px;
}

.video-player .video-container .user-info {
    padding-top:10px;
    display: flex;
}
.video-player .video-container .user-info .image {
    width: 65px;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-self: start;
}
.product-detail-page .video-player .video-container .user-info .image {
	width: 55px;
}
.video-player .video-container .user-info .image img {
    width:100%;
    margin:0px;
    padding:0px;
    display:block;
    border-radius: 5px;
}
.video-player .video-container .user-info .user-details {
    width: calc(100% - 80px);
    align-self: start;
}
.product-detail-page .video-player .video-container .user-info .user-details {
    padding-top:3px;
}
.video-player .video-container .user-info .publish-date {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    color: #666;
    align-self: center;
    margin-right: 10px;
    padding-right: 10px;
}
.video-player .video-container .user-info .publish-date:after{
    content:'';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #2a2a2a;
    right: 0;
    top: 2px;
    display: none;
}
.video-player .video-container .user-info .rating {
    display:none;
}
.video-player .video-container .user-info .social-links {
    display:inline-block;
    margin-left:10px;
}
.video-player .video-container .user-info .social-links a {
    display:inline-block;
    margin:0 10px 0 0;
    width:22px;
    height:19px;
}
.video-player .video-container .user-info .social-links a.twitter {
    background:url("../images/video-player/twitter.jpg") no-repeat center center;
}
.video-player .video-container .user-info .social-links a.fb {
    background:url("../images/video-player/fb.jpg") no-repeat center center;
}
.video-player .video-container .user-info .profile-name{
    font-size: 16px !important;
    margin-top: -2px;
    padding-bottom: 2px;
    font-weight: 700;
}
.video-player .video-container .user-info .author {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #666;
    align-self: center;
    padding-top: 1px;
}
.video-player .video-container .author .user:hover {
    color:#188bb9;
}
.video-player .video-container .user-info .links {
    margin: 7px 0 0 -5px;
    background-color: #f7f7f7;
    padding: 2px 8px;
    border-radius: 3px;
    display: inline-block;
}
.video-player .video-container .user-info .links a {
    color: #6a6a6a;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
}
.video-player .video-container .user-info .links a:after {
    content:"|";
    font-size:13px;
    line-height:16px;
    color:#8f8f8f;
    margin:0 5px;
}
.video-player .video-container .user-info .links a:hover {
    color: #e85126;
}
.video-player .video-container .user-info .links a.orange {
    color: #e85126;
}
.video-player .video-container .user-info .links a:last-child:after {
    display:none;
}

.video-player .video-container .user-info .add_div{
    display: none;
    float: left;
    text-align: center;
    background-color: #e85126;
    padding: 0 13px;
    margin-top: 3px;
    border-radius: 3px;
    margin-left: 90px;
    position: absolute;
}

.video-player .video-container .user-info .add_div a{
    font-weight: bold;
    color: #FFF;
    padding: 7px 0 7px 12px;
    float: left;
}

.video-player .video-container .user-info .add_div .add-to-playlist-popup-trigger1{
    padding: 7px 12px 7px 0;
    border-right: 1px solid #fff;
}

.video-player .more-info-container {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .more-info-container:after {
    content:" ";
    clear:both;
    display:block;
}
.video-player .more-info-container .content {
    width: 100%;
    padding: 0 40px 40px;
    float: left;
    box-sizing: border-box;
    white-space: pre-line;
}
.video-player .more-info-container .content pre{
    white-space: inherit;
}
.video-player .more-info-container .content .print-section{
	float:left;
	width:100%;
}
.video-player .more-info-container .content-side {
	display:none;
    float:right;
    width:380px;
}
.video-player .more-info-container .content-side h3 {
    font-size:10px;
    line-height:13px;
    color:#e85126;
    font-weight:normal;
    margin:0;
    padding:0;
}
.video-player .products-container .product_list {
    width:100%;
    float:left;
    margin: 0;
}
.video-player .products-container .product_list ul {
    list-style:none;
    margin:0;
    padding: 0;
}
.video-player .products-container .product_list ul:after {
    content:" ";
    display:block;
    clear:both;
}
.video-player .products-container .product_list ul li {
    width: 25%;
    border: 1px solid #f7f7f7;
    border-bottom-color: #e5e5e5;
    border-right-color: #ccc;
    float: left;
    margin: 0 0 -5px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.video-player .products-container .product_list ul li:hover .product-info {
    opacity:1;
}
.video-player .products-container .product_list ul li .product-info {
    opacity:0;
    transition : opacity 300ms ease-in-out; 
    -webkit-transition : opacity 300ms ease-in-out; 
    -moz-transition : opacity 300ms ease-in-out;
    -o-transition : opacity 300ms ease-in-out; 
    background:rgba(0,0,0,0.8);
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    width:100%;
    padding-bottom:40px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    height: calc(100% - 5px);
}
.video-player .products-container .product_list ul li .product-info .info{
    padding: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    vertical-align: middle;
    height:100%;
    display: flex;
}
.video-player .products-container .product_list ul li .product-info .info-content {
    width: 100%;
    align-self: center;
}
.video-player .products-container .product_list ul li .product-info .desc {
    min-height: 30px;
    overflow: hidden;
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    min-height: 0;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
}
.video-player .products-container .product_list ul li .product-info h1 {
    font-size:19px;
    line-height:19px;
    margin-bottom:10px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.video-player .products-container .product_list ul li .product-info h3 {
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}
.video-player .products-container .product_list ul li .product-info p {
    margin-bottom:0px;
    height: 27px;
}
.video-player .products-container .product_list ul li .product-info p.price {
    text-align: center;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 23px;
    line-height: 20px;
    font-size: 23px;
    font-weight: bold;
    padding: 7px 0;
}
.video-player .products-container .product_list ul li .product-info .action-btns {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    text-align: center;
}
.video-player .products-container .product_list ul li .product-info .more-info {
    padding: 0;
    margin-bottom: 6px;
    display: inherit;
    color: #e85126;
    font-weight: 600;
    font-size: 16px;
}
.video-player .products-container .product_list ul li .product-info .btn {
    padding:10px 15px;
}
.video-player .products-container .product_list ul li .product-info .btn span{
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 14px;
}

/*.video-player .products-container .product_list ul li .product-info.product-page p.price {
    font-size: 30px;
}

.video-player .products-container .product_list ul li .product-info.product-page h3 {
    font-size: 21px;
} KLAUS COMMENTED */

.video-player .products-container .product_list ul li .product-info.product-page .desc {
    font-size: 11px;
    font-weight: 600;
}

.video-player .products-container .shopping_list {
    display:none;
    width:240px;
/*    float:left;*/
/*    height:100%;*/
/*    min-height:100%;*/
    position:relative;
    top:0;
    bottom:0;
    right:0;
    float:right;
    
    border:1px solid #c1c1c1;
    margin-left:8px;
    overflow:visible;
}
.video-player .products-container .shopping_list .title {
    text-align: center;
    color:#e85126;
    font-weight:bold;
    font-size:15px;
    padding:10px 0;
    border-bottom:1px solid #c1c1c1;
    text-transform:uppercase;
}
.video-player .products-container .shopping_list ul {
    list-style:none;
    max-height:230px;
    
    overflow-x:auto;
}
.video-player .products-container .shopping_list ul li {
    width:100%;
    clear:both;
    padding:10px;
    position:relative;
    
    border-bottom:1px solid #c1c1c1;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .products-container .shopping_list ul li .image {
    float:left;
    margin-right:15px;
    max-width:60px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
.video-player .products-container .shopping_list ul li img {
    max-width:100%;
}
.video-player .products-container .shopping_list ul li .product-info {
    float:left;
}
.video-player .products-container .shopping_list ul li .product-info h1 {
    font-size:12px;
    font-weight:bold;
    line-height:16px;
}
.video-player .products-container .shopping_list ul li .product-info h3 {
    font-size:14px;
    line-height:16px;
    color:#e85126;
}
.video-player .products-container .shopping_list ul li .product-info a.add_to_cart {
    display:block;
    width:22px;
    height:18px;
    background:url("../images/video-player/product-add-to-cart.jpg") no-repeat center center;
    
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-9px;
}
.video-player .products-container .shopping_list ul li .product-info a.remove_from_cart {
    display:block;
    width:15px;
    height:16px;
    background:url("../images/video-player/product-remove-from-cart.jpg") no-repeat center center;
    
    position:absolute;
    top:50%;
    right:12px;
    margin-top:-8px;
}

.video-player .products-container .shopping_list .subtitle {
    font-size:12px;
    line-height:14px;
    padding:5px 0;
    text-align:center;
    border-top:1px solid #e1e1e2;
}
.video-player .products-container .shopping_list .buttons a {
    display:inline-block;
    float:left;
    width:50%;
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    padding:10px 10px;
    text-align:center;
    background:#333;
    color:#fff;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .products-container .shopping_list .buttons a.orange {
    background:#e85126;
}

.video-player .steps-container {
    width:690px;
    float:left;
}
.video-player .steps-container .top {
    background:#e1e1e2;
    position:relative;
}
.video-player .steps-container .top .l {
    background:url("../images/video-player/steps-content-top-left.jpg") no-repeat top left;
    width:35px;
    height:44px;
    display:block;
    float:left;
}
.video-player .steps-container .top .r {
    background:url("../images/video-player/steps-content-top-right.jpg") no-repeat top right;
    float:right;
    width:43px;
    height:44px;
    display:block;
}

.video-player .steps-content {
	float: left;
    padding:0 35px 35px 35px;
    width: calc(100% - 70px);
}

.video-player .steps-content .step {
    padding:30px 0 10px;
    float: left;
    width: 100%;
}

.video-player .steps-content .title {
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#ed4811;
    padding:10px 25px 6px; 
}
.video-player .steps-content h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #363636;
    padding: 10px 0 6px;
}
.video-player .steps-content .desc {
    font-size:14px;
    line-height:20px;
    color:#747576;
    padding:0px 25px; 
    margin-bottom:20px;
}
/*.video-player .steps-content p {
    font-size: 16px;
    line-height: 24px;
    color: #747576;
    margin-bottom: 20px;
    white-space: pre-line;
} BENJAMIN 20170411*/
.video-player .steps-content .image {
    width:100%;
    clear:both;
}

.video-player .steps-content .image img {
    max-width:100%;
    margin:0 auto;
    width:100%;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

.video-player .qrcode-container {
    float:right;
    width:430px;
    margin-bottom: 30px;
}

.video-player .qrcode-container .top {
    border-bottom:1px solid #e1e1e2;
    font-size:13px;
    line-height:13px;
}
.video-player .qrcode-container .top .text {
    font-size:12px; /*Originally was 13px*/
    line-height:43px;
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    padding-left: 31px;
}
.video-player .qrcode-container .top .r {
    display:block;
    position:relative;
    margin-bottom:-1px;
    float:right;
    width:32px;
    height:44px;
    background:url("../images/video-player/qrcode-container-top-right.jpg") no-repeat top right;
}

.video-player .qrcode-content {
    padding-top:60px;
}

.video-player .qrcode-content h1 {
    font-size:28px;
    line-height:36px;
    font-weight:bold;
    text-align:center;
}
.video-player .qrcode-content h3 {
    font-size:28px;
    line-height:36px;
    font-weight:bold;
    text-align:center;
}
.video-player .qrcode-content p {
    font-size:14px;
    line-height:18px;
    color:#747576;
    text-align:center;
}
.video-player .qrcode-content img {
    display:block;
    margin:0px auto;
}

.video-player .qrcode-content a{
	display: block; 
	width: 47%; 
	margin: 0 auto;
}

.video-player .relevant-products-content {
/*    overflow:visible !important;*/
    padding-bottom:30px !important;
}
.video-player .relevant-products-content .relevant-products-list {
    list-style:none;
    margin:0;
    padding:0;
    margin-left:-6px;
    margin-right:-6px;
}
.video-player .relevant-products-content .relevant-products-list li {
    width:calc(25% - 12px);
    float:left;
    margin:5px 6px 0px 6px;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .relevant-products-content .relevant-products-list li:nth-child(4n) {
    margin-right:0;
}
.video-player .relevant-products-content .relevant-products-list li img {
    max-width:100%;
    width:100%;
    display:block;
}

.accordion-comments-content {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.video-player .user-comments {
    clear:both;
    padding: 0 40px;
}
.video-player .user-comments .all_comments {
    border-bottom:2px solid #666666;
    padding:0 15px 10px 15px;
    margin-bottom:20px;
    color:#033333;
    /*font-size:18px;*/
    font-size: 16px; /* Made By Klaus */
    line-height:20px;
    display:block;
    width:100%;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .user-comments .all_comments small {
    font-size:inherit;
}
.video-player .user-comments ul {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
.video-player .user-comments ul > li {
    width:100%;
    clear:both;
    margin-bottom:15px;
}
.video-player .user-comments ul > li .comment {
    padding:20px;
    background:#f9f9f9;
    border:1px solid #e8e8e8;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}
.video-player .user-comments ul > li .comment:after {
    content:" ";
    display:block;
    height:1px;
    clear:both;
}
.video-player .user-comments ul > li .user_info {
/*    width:190px;*/
    width:22%;
    float:left;
}
.video-player .user-comments ul > li .avatar {
    width:50px;
    float:left;
    text-align:center;
}
.video-player .user-comments ul > li .avatar img {
    width:100%;
}
.video-player .user-comments ul > li .info {
    float:left;
    padding: 2px 0 0 10px;
    font-size:12px;
    width: calc(100% - 60px);
}
.video-player .user-comments ul > li .info h3,
.video-player .user-comments ul > li .info span {
    color:#222222;
    font-size:12px;
    font-weight:600;
}
.video-player .user-comments ul > li .info p {
    margin:0px;
}
.video-player .user-comments ul > li .info p a {
    color:#1bb0eb;
}
.video-player .user-comments ul > li .info .date {
    padding-top:5px;
}
.video-player .user-comments ul > li .info a {}

.video-player .user-comments ul > li .message {
/*    width:760px;*/
    width:78%;
    float:left;
    font-size:14px;
    min-height:60px;
    border-left:1px solid #bfbfbf;
    padding:0px 0 0 10px;
    word-break: break-word;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}

.video-player .user-comments ul > li .trigger_replies {
    display:block;
    width:100%;
    text-align:center;
    background:#eaeaea;
    margin-top:-5px;
    padding:5px 0;
    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.video-player .user-comments ul > li .trigger_replies a {
    font-size:13px;
    line-height:16px;
    color:#333333;
    text-decoration:none;
    font-weight:bold;
    
    background:url("../images/icons/icon-openreplies.png") no-repeat center right;
    padding-right:15px;
}
.video-player .user-comments ul > li .trigger_replies a small {font-size:inherit;}
.video-player .user-comments ul > li .trigger_replies a span {
    font-weight:bold;
}
.video-player .user-comments ul > li .trigger_replies .open {
    background:url("../images/icons/icon-openreplies.png") no-repeat center right;
    padding-right:15px;
}
.video-player .user-comments ul > li .trigger_replies .close {
    background:url("../images/icons/icon-closereplies.png") no-repeat center right;
    padding-right:15px;
}

/* Replys */
.video-player .user-comments ul > li > ul {
    margin:20px 0;
    clear:both;
    width:100%;
}
.video-player .user-comments ul > li > ul > li {
    margin-bottom:20px;
    padding-left:65px;
    clear:both;
    background:url("../images/arrow-reply.png") no-repeat left center;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}



.video-player .comments-form {
    margin:20px 0;
    padding: 10px 40px;
}
.video-player .comments-form .user {
    width:190px;
    float:left;
}
.video-player .comments-form .user > h3 {
/*    font-weight:bold;*/
    font-size:18px;
    line-height:18px;
    margin-bottom:15px;
}
.video-player .comments-form .user > div {
/*    font-weight:bold;*/
    font-size:18px;
    line-height:18px;
    margin-bottom:15px;
}
.video-player .comments-form .image {
    float:left;
    width:50px;
    max-width:50px;
}
.video-player .comments-form .image img {width:100%;}

.video-player .comments-form .info {
    float:left;
    padding-left:10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.video-player .comments-form .info > h3 {
    font-size:12px;
    line-height:14px;
    font-weight:bold;
}
.video-player .comments-form .info > span {
    color:#222;
    font-size:12px;
    line-height:14px;
    font-weight:600;
}
.video-player .comments-form .info .link {
    font-size:12px;
    line-height:14px;
    margin-bottom:0px;
    color:#333;
}
.video-player .comments-form .info .link a {
    color:#333;
}
.video-player .comments-form .info p {
    font-size:12px;
    line-height:14px;
    margin:0px;
}
.video-player .comments-form .info p a {
    color:#1bb0eb;
}
.video-player .comments-form .textarea {
    width: calc(100% - 200px);
    float: right;
    clear: none !important;
}

.video-player .comments-form .textarea .btn, .video-player .reply-form-container .btn {
    font-size: 14px !important;
    text-transform: uppercase !important;
    padding-top:10px;
    padding-bottom:10px;
    border-color: transparent !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.video-player .comments-form .textarea textarea {
    min-height:95px;
    font-size:14px;
}

/*
*   Video Player Page END
*/

/*
*   Messages Page
*/

.messages-nav ul{
    list-style:none;
    font-size:16px;
    line-height:29px;
    padding:20px 0 0 15px;;
}

/*
*   Messages Page END
*/

/*
*   Tour Cover Page
*/

#cover.tour-cover {
    position:relative;
}

#cover.tour-cover .cover-image{
    background-image:url('../images/tour_cover/sponsor-cover.jpg');
    height:210px;
}

#cover.tour-cover .cover-content {
    position: absolute;
    background: none;
    height: auto;
    left:0;
    top:34px;
    overflow:hidden;
}

#cover.tour-cover .wrapper .content .info,
#cover.tour-cover .wrapper .content .buttons {
    float:none;
}

#cover.tour-cover .wrapper .content .info {
    padding-top:16px;
}

#cover.tour-cover .wrapper .content .buttons .btn {
    width:166px;
}

#cover.tour-cover .cover-content .wrapper .content .avatar {
    position: static;
    float:left;
    margin-right:23px;
}

.tour-sponsor {
    padding:15px 0 80px
}

.tour-sponsor > header {
    margin:0 160px 35px;
    text-align:center;
}

.tour-sponsor > header h1 {
    font-weight:bold;
    color:#333333;
    font-size:35px;
    text-transform: uppercase;
    line-height:40px;
}

.tour-sponsor > header h4 {
    font-weight:600;
    color:#e85126;
    font-size:16px;
    line-height:26px;
    margin:0 0 4px;
}

.tour-sponsor > header p {
    color:#333333;
    font-size:18px;
    line-height:24px;
}

.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.sponsor-sections .item,
.sponsor-sections .grid-sizer {
  width: 323px;
}

.sponsor-sections .item {
  float: left;
  height: 210px;
  background: #e85126;
  margin-bottom:15px;
}

.sponsor-sections .item.width2 { 
    width: 661px; 
}

.sponsor-sections .item.height2 { 
    height: 435px; 
}

.sponsor-sections .item img.item_image {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}

.sponsor-sections .item .item-content {
/*    position:relative;*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.sponsor-sections .item .item-content .overlay {
    position:absolute;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:100%;
    z-index:2;
    top:0;
    left:0;
    height:100%;
    background:rgba(0, 0, 0, .6);
    transition:all ease .5s;
    -moz-transition:all ease .5s;
    -webkit-transition:all ease .5s;
    opacity:0;
    visibility:hidden;
    padding:20px 28px;
    color:#FFF;
}

.sponsor-sections .item .item-content .overlay .hint-container {
    display:none;
/*    width:267px;*/
    width:100%;
    margin-top:10px;
    background:rgba(0,0,0,0.8);
    padding:15px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sponsor-sections .item .item-content .overlay .hint-container .image_container {
    display:block;
    width:100%;
    min-height:100px;
    overflow:hidden;
    
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.sponsor-sections .item .item-content .overlay .hint-container img {
    display:block;
    width:100%;
    height:auto;
    
}
.sponsor-sections .item .item-content .overlay .hint-container h1 {
    font-size:14px;
    line-height:20px;
    color:#e85126;
    padding:5px 0;
}
.sponsor-sections .item .item-content .overlay .hint-container hr {
    color:#fff;
    border-color:#fff;
}
.sponsor-sections .item .item-content .overlay .hint-container ul {
    list-style:none;
    margin:0;
    padding:10px 0 0 0;
    width:100%;
    clear:both;
}
.sponsor-sections .item .item-content .overlay .hint-container li {
    width:100%;
    margin:0 0 5px 0;
    clear:both;
    color:#cccccc;
    text-align:left;
}
.sponsor-sections .item .item-content .overlay .hint-container li a {
    color:#cccccc;
}
.sponsor-sections .item .item-content .overlay .hint-container li a:hover {
/*    text-decoration:underline;*/
}
.sponsor-sections .item .item-content .overlay .hint-container li strong {
    font-weight:bold;
}
.sponsor-sections .item .item-content .overlay .hint-container li i {
    display:inline-block;
    width:5px;
    margin-right:5px;
}

.sponsor-sections .item .item-content .overlay2 {
    width:100%;
    z-index:2;
    top:0;
    left:0;
    height:100%;
    background:rgba(0, 0, 0, .3);
    transition:all ease .5s;
    -moz-transition:all ease .5s;
    -webkit-transition:all ease .5s;
    opacity:0;
    visibility:hidden;
    position:absolute;    
}

.sponsor-sections .item .item-content .play {
    display:block;
    width:70px;
    height:71px;
    background:url('../images/tour_cover/play-icon.png');
    position:absolute;
    top:50%;
    left:50%;
    margin:-35px 0 0 -35px;
}

.sponsor-sections .item:hover .item-content .overlay,
.sponsor-sections .item:hover .item-content .overlay2 {
    opacity:1;
    visibility:visible;
}
.sponsor-sections .item .item-content .overlay.show {
    opacity:1;
    visibility:visible;
    z-index:9000;
}
.sponsor-sections .item .item-content .overlay {
    text-align:center;
    margin-bottom:18px;
}

.sponsor-sections .item .item-content .overlay header {
    margin-bottom:20px;
}

.sponsor-sections .item .item-content .overlay header strong {
    display:block;
    font-size:18px;
    font-weight:400;
}

.sponsor-sections .item .item-content .overlay header span {
    display:block;
    font-size:13px;
}

.sponsor-sections .item .item-content .overlay .options {
    overflow:hidden;
    margin-bottom:30px;
}

.sponsor-sections .item .item-content .overlay .options a {
    display:block;
    float:right;
    width:130px;
    text-align:center;
    text-transform: uppercase;
}

.sponsor-sections .item .item-content .overlay .options a:first-child {
    float:left;
}

.sponsor-sections .item .item-content .overlay .options a span {
    display:block;
    color:#FFF;
    font-size:10px;
    line-height:15px;
}

.sponsor-sections .item .item-content .overlay .options a strong {
    display:block;
    color:#e85126;
    font-size:13px;
    font-weight:bold;
    line-height:20px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}

.sponsor-sections .item .item-content .overlay .search-video {
    box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow:inset 0px 0px 5px 0px rgba(0, 0, 0, 0.9);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/*
*   Tour Cover Page END
*/


/*
*   FrontEnd Channel Sponsored Page
*/

.sponsored-channel-content {
    padding-bottom:50px;
}

#cover.sponsored {
    margin-bottom:0;
}

#cover.sponsored .cover-image{
    background-image:url('../images/frontend_channel_sponsored/revlon_cover.jpg');
    height:514px;
}

.sponsored-channel-content .tabheader {
    background:#f4f4f4;
    border-bottom:none;
}

.sponsored-channel-content .tabheader h1 {
    float:left;
    font-size:35px;
    font-weight:500;
    color:#e85126;
    margin-top:26px;
    line-height:35px;
    width:235px;
    padding-left:35px;
}

.sponsored-channel-content .tabheader ul.tablist {
    border:none;
    float:left;
    width:auto;
}

.sponsored-channel-content .tabheader .tablist > li {
    padding:30px 15px 25px;
    line-height:32px;
}

.sponsored-channel-content .tabheader .tablist > li.active {
    border-bottom-width:4px;
    padding-bottom:23px;
}

.sponsored-channel-content .tabheader .share {
    float:right;
    overflow:hidden;
    margin-top:34px;
}

.sponsored-channel-content .tabheader .share span {
    display:block;
    float:left;
    font-size:22px;
    line-height:20px;
    color:#e85126;
}

.sponsored-channel-content .tabheader .share a {
    height:20px;
    width:21px;
    display:block;
    float:left;
    margin-left:10px;
    background:url('../images/frontend_channel_sponsored/share-icons.png')
}

.sponsored-channel-content .tabheader .share a.facebook {
    background-position:0 0;
}

.sponsored-channel-content .tabheader .share a.twitter {
    background-position:0 -20px;
}

.sponsored-channel-content .tabheader .share a.mail {
    background-position:0 -40px;
}

.sponsored-channel-content .gridcontrols  {
    margin:20px 0;
    text-align:center;
    position:relative;
}

.sponsored-channel-content .gridcontrols .view,
.sponsored-channel-content .gridcontrols .search {
    position:relative;
    z-index:2;
}

.sponsored-channel-content .gridcontrols .view .btn.icon {
    margin:0;
}

.sponsored-channel-content .gridcontrols .search input[type="text"] {
    width: 156px !important;
}

.sponsored-channel-content .gridcontrols .result-options {
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    top:5px;
    font-size:16px;
    z-index:1;
}

.sponsored-channel-content .gridcontrols .result-options a {
    color:333333;
}

.sponsored-channel-content .gridcontrols .result-options span {
    margin:0 5px;
}

.sponsored-channel-content .gridview .results {
    width:665px;
    margin-left:auto;
    margin-right:auto;
}

.sponsored-channel-content .about-head .account-info h1 {
    padding-top:7px;
}

.sponsored-channel-content .about-head h2 {
    font-size:62px;
    font-weight:300;
    line-height:62px;
    color:#e85126;
    margin-bottom:54px;
    text-align:center;
}

.sponsored-channel-content .about-head .account-stats {
    padding-top:37px;
}

.sponsored-channel-content .about-content .left {
    float:left;
}

.sponsored-channel-content .about-content .right {
    float:right;
}

.gridview .results.full > li.videos .details .user .share {
    color:#e85126;
    font-size:12px;
    display:block;
    margin-top:-1px;
}

/*
*   FrontEnd Channel Sponsored Page END
*/

.interests {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
		padding-left: 20px;
}

/* 
*   Upload avatar popup 
*/

.ca_upload_popup {
    width:600px;
    max-width:1000px;
}
.ca_upload_popup h1 {
    text-transform:uppercase;
    font-weight:normal;
    font-size:26px;
    text-align:center;
    color:#333;
    margin-bottom:20px;
    
}
.ca_upload_popup nav .triggers {
    width:50%;
    text-align:center;
    float:left;
    display:block;
    line-height:60px;
    font-weight:normal;
    font-size:18px;
}
.ca_upload_popup nav .triggers:hover {
    background:#fafafa;
}
.ca_upload_popup .upload-form .dropzone {
    display:relative;
    width:100%;
    height:300px;
    line-height:260px;
    font-size:20px;
    text-align:center;
    border:3px dashed #c2c2c2;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.ca_upload_popup .upload-form .dropzone .progress {
/*    position:absolute;*/
/*    width:100%;*/
/*    bottom:30px;*/
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}



.ca_upload_popup #ca_gallery {display:none;max-height:500px;overflow: auto;}
.ca_upload_popup #ca_gallery .gallery-results .item {
    width:150px;
    float:left;
    margin:0 10px 10px 0;
    border:2px solid transparent;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ca_upload_popup #ca_gallery .gallery-results .item.selected {
    border-color:#e85126;
}

.ca_upload_popup #ca_gallery .gallery-results .item img {
    max-width:100%;
    display:block;
    margin:0;
    padding:0;
}

.ca_upload_popup #ca_gallery .buttons{
    text-align:right;
    margin-top:20px;
    display:none;
}

.ca_upload_popup #ca_cropper {display:none;}
.ca_upload_popup #ca_cropper .buttons {
    margin-top:20px;
    text-align:right;
}
.ca_upload_popup #ca_cropper .crop-wrap {
    display:table;
    margin:0 auto;
}


header.category-details {
    clear:both;
    
}
header.category-details h1 {
    font-size:14px;
    line-height:16px;
    color:#000;
    font-weight:bold;
    padding:10px 0 10px 10px;
    margin:0;
}
header.category-details h1 span {
    color:#e65324;
    font-weight:bold;
}
header.category-details .category-image {
    clear:both;
    width:100%;
    position:relative;
    overflow:hidden;
}
header.category-details .category-image img {
    display:block;
    width:100%;
}
header.category-details .category-image .overlay {
    position:absolute;
    right:0;
    bottom:0;
    height:60px;
    z-index:10;
}
header.category-details .category-image .overlay .info {
    line-height:60px;
    height:60px;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    display:inline-block;
    color:#fff;
    float:right;
    margin-right:20px;
    text-shadow: 2px 2px 3px rgba(125, 125, 125, 1);
}
header.category-details .category-image .overlay .trigger {
    cursor:pointer;
    position:relative;
    display:inline-block;
    background:#fff url("../images/categories/categories-sponsor-logo.png") no-repeat 17px center;
    width:50px;
    line-height:60px;
    height:60px;
    float:right;
    
    -webkit-box-shadow: -5px 9px 5px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    -5px 9px 5px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         -5px 9px 5px 0px rgba(50, 50, 50, 0.35);
}
header.category-details .category-image .overlay .trigger:before {
    content:" ";
    width:20px;
    height:20px;
    position:absolute;
    left:-10px;
    top:50%;
    margin-top:-10px;
    background:url("../images/categories/categories-sponsor-icon.png") no-repeat center center;
}
header.category-details .category-image .overlay .content {
    display:inline-block;
    background:#fff;
/*    line-height:60px;*/
    height:60px;
    position:relative;
    margin-right:-300px;
    float:right;
    padding:11px 10px;
    text-align:right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
header.category-details .category-image .overlay .content h3 {
    font-size:15px;
    font-weight:normal;
    color:#333;
    margin:0;
    padding:0;
}
header.category-details .category-image .overlay .content a {
    text-transform:uppercase;
    text-decoration:none;
    text-align:right;
    font-size:16px;
    color:#e65324;
    font-weight:bold;
}

header.category-details .category-image .overlay.invert .info {color:#333;}
header.category-details .category-image .overlay.invert .trigger {background-color:#333;}
header.category-details .category-image .overlay.invert .content {background:#333;}
header.category-details .category-image .overlay.invert .content h3 {color:#fff}

header.category-details .filters {
    clear:both;
    padding:20px 0;
}
header.category-details .filters .trigger {
    font-weight:bold;
    font-size:16px;
    line-height:16px;
    color:#000;
    padding-right:15px;
    background:url("../images/icons/sm-triangle-icon.png") no-repeat right 5px;
    float:left;
    display:inline-block;
}
header.category-details .filters .trigger:hover ~ ul,
header.category-details .filters ul:hover {
    visibility:visible;
    opacity:1;
}
header.category-details .filters ul {
    visibility:hidden;
    opacity:0;
    list-style:none;
    margin:0 0 0 20px;
    padding:0;
    float:left;
    
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
header.category-details .filters ul li {
    display:inline-block;
/*    padding:0 5px;*/
    font-size:13px;
    line-height:18px;
    text-transform:uppercase;
}
header.category-details .filters ul li:after {
    content:"|";
    padding:0 5px;
}
header.category-details .filters ul li:last-child:after {display:none;}
header.category-details .filters ul li a {
    font-size:13px;
    line-height:18px;
    text-transform:uppercase;
    text-decoration:none;
}
header.category-details .filters ul li.space:before {
    padding-left:20px;
    content:" ";
}



.search-page h1{
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .5px;
    color: #222;
    margin-bottom: 12px;
    margin: 0 0 12px 11px;
    position: relative;
}

.search-page.category h1{
    font-size: 38px;
}

.search-page h1 span{
    display: block;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
}

.search-page h1 img{
    width: 40px;
    max-height: 40px;
    filter: invert(1);
    position: absolute;
    left: -50px;
    bottom: 6px;
}

.search-page .filters {
    clear:both;
    padding:20px 5px;
}
.search-page .filters .trigger.closed {
/*    font-weight:bold;*/
    font-size:14px;
    line-height:16px;
    color:#000;
    padding-right:15px;
    background:url("../images/icons/sm-triangle-icon.png") no-repeat right center;
    float:left;
    display:inline-block;
    font-weight: bold;
    margin-left: 5px;
}
.search-page .filters .trigger.opened {
/*    font-weight:bold;*/
    font-size:14px;
    line-height:16px;
    color:#000;
    padding-right:15px;
    background:url("../images/icons/icon-openreplies.png") no-repeat right center;
    float:left;
    display:inline-block;
    font-weight: bold;
    margin-left: 5px;
}
/*.search-page .filters .trigger:hover ~ ul,
.search-page .filters ul:hover {
    visibility:visible;
    opacity:1;
}*/

.search-page .filters div {
    display: none;
    /*-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;*/
}

.search-page .filters ul {
    list-style:none;
    padding:0;
    float:left;
    line-height: 16px;
    margin: 10px 0 0 5px;
    width: 18%;
}
.search-page .filters ul li {
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #9c9c9c;
    width: 100%;
    padding: 5px 0;
    border-left: 2px solid #e85126;
    padding-left: 9px;
}
.search-page .filters ul li:nth-child(1){
	padding-top:0;
}
.search-page .filters ul li:nth-last-child(1){
	padding-bottom:0;
}
/*.search-page .filters ul li:before {
    content:"|";
    padding:0 5px;
    font-weight: bold;
}
/*.search-page .filters ul li:last-child:after {display:none;}*/
.search-page .filters ul li a {
    color:#9c9c9c;
    font-size:13px;
    line-height: 16px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.search-page .filters ul li a.active {
    color:#e85126;
}
.search-page .filters ul li.space:before {
    padding-left:20px;
    content:" ";
}





/*******************************/
/***** NEW Video Page Code *****/
/*******************************/

.HT section#header, .HT section#subheader, .HT section#footer, .HT aside#userpanel.setbg, .HT aside#userpanel .setbg{
	display:none;
}

.HT #page{
	margin-left:0;
}

.HT #main, .HT #main .wrapper {
    display: block;
}

.HT #main .wrapper {
    width: 100%;
    max-width: 1000px;
}

.HT #main .wrapper #content{
	padding-top:10px;
}

.HT .bc-player-default_default{
	width:580px;
	height:326px;
}

.HT #content .gray-form .accordion-content {
    padding-top: 10px;
}



@media only screen and (max-width: 1070px) {
	
	.HT #content .gray-form .big_section{
		width:534px;
		min-height:inherit;
	}

	#content .gray-form .big_section .share-overlay {
		height: calc(100% - 23px);
	}

	.HT #content .gray-form .big_section .share-overlay img {
		width: 115px;
	}

	.HT .bc-player-default_default{
		width:100% !important;
		height:300px !important;
	}

	.HT #content .gray-form .small_section {
		width: calc(100% - 560px);
	}

	.HT .video-player .video-container .video-info{
		min-height:220px;
	}

}


@media only screen and (max-width: 1023px) {
	
	.HT #content .gray-form .big_section {
		width: 100%;
		max-width: 600px;
		min-height: inherit;
		margin: 0 auto 25px;
		float: none;
	}

	.HT .big_section_stretch{
		width: 100%;
		padding-bottom: 56.25%;
		position: relative;
	}

	.HT #content .gray-form .big_section .share-overlay img {
		width: 24%;
		margin: 0 38% 12px;
	}

	.HT .bc-player-default_default{
		height:inherit !important;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.HT #content .gray-form .small_section {
		float: none;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}

	.HT .video-player .video-container .video-info{
		min-height:inherit;
    	margin-bottom: 20px;
	}

	.HT #content .gray-form .expand_collapse {
		margin-left:40px;
	}

	.HT #content .gray-form .head > .section, .HT #content .gray-form .head > .left_section{
		padding-left:40px;
	}
	
	.HT .video-player .more-info-container .content {
		margin: 10px 20px 0;
		width: calc(100% - 40px);
	}
	
	.HT .video-player .more-info-container .content-side{
		display:none !important;
	}

	.HT .video-player .products-container .product_list ul li {
		width: 245px;
		margin-bottom: 20px;
		margin-left: calc(16.666% - 124px);
		margin-right: calc(16.666% - 124px);
		text-align: center;
	}
	
	.HT .video-player .steps-container {
		width: 100%;
		max-width:650px;
		float: none;
		margin: 0 auto;
	}
	
	.HT .video-player .steps-container .top, .HT .video-player .qrcode-container .top{
		display:none;
	}
	
	.HT .video-player .qrcode-container {
		width: 100%;
		margin: 20px auto;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	
	.HT .video-player .qrcode-content.steps-qr {
		padding-top: 0;
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
		position: relative;
	}
	
	.HT .video-player .qrcode-content.steps-qr h3 {
		text-align: left;
		margin: 7px 0 0 140px;
		display: inline-block;
	}
	
	.HT .video-player .qrcode-content.steps-qr p {
		text-align: left;
		float: left;
		margin-left: 140px;
	}
	
	.HT .video-player .qrcode-content.steps-qr img {
		margin: 0;
		position: absolute;
		width: 100%;
		max-width: 120px;
		top: -17px;
	}
	
	.HT .video-player .qrcode-content.steps-qr a{
		width: initial;
		margin: -18px 0 0;
		float: right;
	}
	
	.HT .video-player .user-comments ul > li .user_info {
		width: 190px;
	}
	
	.HT .video-player .user-comments ul > li .message {
		width: calc(100% - 190px);
	}

}


@media only screen and (max-width: 767px) {
	
	.HT .video-player .products-container .product_list ul {
		padding: 0 5%;
	}
	
	.HT .video-player .products-container .product_list ul li {
		width: 245px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: calc(25% - 122.5px);
		margin-right: calc(25% - 122.5px);
	}
	
	.HT .video-player .qrcode-container {
		width: 92%;
    	padding: 0 4% 20px;
	}
	
}


@media only screen and (max-width: 639px) {
	
	.HT #content .gray-form .big_section, .HT #content .gray-form .small_section {
		width: 92%;
		padding: 0 4%;
	}

	.HT .video-player .qrcode-content.steps-qr h3 {
		margin: -8px 0 0 140px;
	}
	
	.HT .video-player .qrcode-content.steps-qr img {
		top: -6px;
	}
	
	.HT .video-player .qrcode-content.steps-qr a {
		margin: -3px 0 0 140px;
		float: left;
	}
	
}


@media only screen and (max-width: 567px) {
	
	.HT #content .gray-form .big_section .share-overlay img {
		width: 100px;
		margin: 0 auto;
		position: relative;
		left: -50px;
	}
	
	.HT .share-overlay .share-close{
		position: relative;
		top: -67px;
		right: -61px;
		width: initial;
		display: inline-block;
	}
	
	.HT #content .gray-form .big_section, .HT #content .gray-form .small_section {
		width: 90%;
		padding: 0 5%;
	}
	
	.HT .video-player .video-container .video-info h1 {
		font-size: 20px !important;
	}
	
	.HT #content .gray-form .expand_collapse {
		margin-left: 5%;
	}
	
	.HT #content .gray-form .head > .section, .HT #content .gray-form .head > .left_section {
		padding-left: 5%;
	}
	
	.HT #content .gray-form .head h2 {
		font-size: 18px;
		line-height: 20px;
	}
	
	.HT #content .gray-form .head > .left_section p, #content .gray-form .head > .section p {
		font-size: 12px;
		line-height: 13px;
		padding-right:30%;
	}
	
	.HT .video-player .more-info-container{
		padding:20px 5% !important;
	}
	
	.HT .video-player .more-info-container .content {
		margin: 0;
		width: 100%;
	}
	
	.HT .video-player .products-container .product_list ul li {
		margin: 10px auto 20px;
		float: none;
	}
	
	.HT .video-player .qrcode-container{
		display:none;
	}
	
	.HT .video-player .steps-content {
		padding: 0 5% 25px;
	}
	
	.HT .accordion-comments-content {
		padding: 10px 5% !important;
	}
	
	.HT .video-player .comments-form {
		padding: 0;
	}
	
	.HT .video-player .user-comments ul > li .user_info {
		width: 100%;
		border-bottom: 1px solid #bfbfbf;
		padding-bottom: 10px;
		margin-bottom: 15px;
		position: relative;
	}
	
	.HT .icon.flaguser {
		position: absolute;
		top: 18px;
		right: 0;
	}
	
	.HT .video-player .user-comments ul > li .message {
		width: 100%;
		border: none;
		padding: 0;
	}
	
	.HT .video-player .user-comments ul > li > ul > li {
		padding-left: 42px;
		background-size: 32px;
	}
	
	.HT .accordion-content.learn-more-content {
		padding: 5px 5% !important;
	}
	
	.HT .accordion-content.learn-more-content .text-wrap {
		position: inherit;
		left: 0;
		top: 0;
		background: none;
		padding: 0;
		width: 100%;
		max-height: inherit;
	}
	
	.HT .accordion-content.learn-more-content .text-inner {
		background: none;
		padding: 0;
		width: 100%;
		max-height: inherit;
	}
	
	.HT .accordion-content.learn-more-content .content-wrapper {
		max-height: inherit;
		padding: 0;
	}
	
}


@media only screen and (max-width: 460px) {
	
	.HT #content .gray-form .big_section .share-overlay img {
		width: 80px;
		left: -45px;
	}

	.HT .share-overlay .share-close {
		top: -58px;
		right: -53px;
		width: initial;
		display: inline-block;
	}
	
}


@media only screen and (max-width: 399px) {
	
	.HT #content .gray-form .big_section .share-overlay, .HT .specialoffer {
		display: none;
	}
	
}