@font-face {
  font-family: 'Roboto-Regular';
  font-weight: 500;
  src: url('//i49.vbox7.com/css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
  url('//i49.vbox7.com/css/fonts/Roboto-Regular.woff') format('woff'), url('//i49.vbox7.com/css/fonts/Roboto-Regular.ttf')  format('truetype'), 
  url('//i49.vbox7.com/css/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('//i49.vbox7.com/css/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
  url('//i49.vbox7.com/css/fonts/Roboto-Medium.woff') format('woff'), url('//i49.vbox7.com/css/fonts/Roboto-Medium.ttf')  format('truetype'), 
  url('//i49.vbox7.com/css/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}

@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('//i49.vbox7.com/css/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),  
  url('//i49.vbox7.com/css/fonts/Roboto-MediumItalic.woff') format('woff'), url('//i49.vbox7.com/css/fonts/Roboto-MediumItalic.ttf')  format('truetype'), 
  url('//i49.vbox7.com/css/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('//i49.vbox7.com/css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
  url('//i49.vbox7.com/css/fonts/Roboto-Bold.woff') format('woff'), url('//i49.vbox7.com/css/fonts/Roboto-Bold.ttf')  format('truetype'), 
  url('//i49.vbox7.com/css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
}



@font-face {
  font-family: 'xpose';
  src:  url('//i49.vbox7.com/css/fonts/xpose.eot?lbzksr');
  src:  url('//i49.vbox7.com/css/fonts/xpose.eot?lbzksr#iefix') format('embedded-opentype'),
    url('//i49.vbox7.com/css/fonts/xpose.ttf?lbzksr') format('truetype'),
    url('//i49.vbox7.com/css/fonts/xpose.woff?lbzksr') format('woff'),
    url('//i49.vbox7.com/css/fonts/xpose.svg?lbzksr#xpose') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Roboto-g-500';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto'), local('Roboto-Regular'),  url('//i49.vbox7.com/css/fonts/Roboto-Regular-g.woff') format('woff'), url('//i49.vbox7.com/css/fonts/Roboto-Regular-g.ttf')  format('truetype');
}

html {font:normal 14px Roboto-Regular, sans-serif}
body, body.xpose-body { /*common values*/ background: #eeeded!important; font:normal 14px Roboto-Regular, sans-serif; height: 100%; overflow-y:scroll; background-image: none!important}
svg.masks-def { width: 0; height: 0; position: fixed}

/*common elelments*/

.centered { text-align:center}

.left { float:left}
.right { float:right}
.center { float: none; text-align: center; }
.block { display: block !important; }
.hidden { display: none}

tr > .left { float: none; text-align:left!important}
tr > .right { float: none; text-align:right!important}

[class*=col-sm].left,
[class*=col-md].left,
[class*=col-lg].left { text-align:left }

[class*=col-sm].right,
[class*=col-md].right,
[class*=col-lg].right { text-align:right }

[class*=col-sm].center,
[class*=col-md].center,
[class*=col-lg].center { text-align:center }


a { color: inherit; cursor: pointer }
a:hover { color: inherit; text-decoration: underline }
a:focus { color: inherit; outline: none }
.def-btn, a.def-btn { display:inline-block; width: auto; height:2.286rem; padding:0 0.857rem; box-sizing:border-box; font: normal 0.93rem/2.5 Roboto-Regular, san-serif; color: #000; background: #fff; border:1px solid #b3b3b3; border-radius: 5px; text-decoration:none; word-break: keep-all; white-space: nowrap; cursor: pointer}
.left-cont .def-btn, .left-cont a.def-btn { border:1px solid #e1e1e1;}
.def-btn:hover, a.def-btn:hover { color:#fff; text-decoration:none; /*common value*/background:#ec0f63; border-color: #ec0f63 }
.def-btn > i[class*=icon] { margin: 0 10px 0 0; vertical-align:middle }
.def-btn:hover > i[class*=icon], a.def-btn:hover > i[class*=icon] { color :#fff;  }

.def-btn.back-btn { margin-bottom: 2rem}

.wide-pink-btn, a.wide-pink-btn { display:inline-block; height:42px; padding:0 15%; box-sizing:border-box; font: normal 16px/42px Roboto-Regular, san-serif; color: #fff; background: #ed145b; border-radius: 8px; text-decoration:none;}
.wide-pink-btn:hover, a.wide-pink-btn:hover { color:#fff; text-decoration:none; /*temp*/background:#cf0346}
.wide-pink-btn> i[class*=icon],
a.wide-pink-btn:hover > i[class*=icon] { margin: 0 10px 0 0; vertical-align:middle; color: #fff }

.see-more-btn-wrapper { text-align: center}
.pasito-wrap { display: none; }
.pasito-wrap:not(.fix) { position: relative; z-index: 500; margin: 90px 0 -100px; clear:both }
.pasito-wrap.fix { position: fixed; top: 90px; z-index: 500; margin-left: -18px; padding-right:36px!important; }
.pasito-wrap .def-btn {  padding: 0 1.3rem 0 0.857rem; font:normal 1.1rem/2.5 Roboto-Regular, san-serif; height: auto;}
.def-btn > i.icon-pasito { font-size: 1.3em; vertical-align: baseline  }


.fasha-wrap {position: relative; z-index: 500; margin: 110px 0 -80px; clear:both; background: #fffbb8; border:1px solid #b3b3b3; color: #000; border-radius: 14px}
.fasha-wrap p {padding: 1rem; }
.fasha-wrap p.agree { padding: 1rem; text-decoration:underline; font-weight: bold; text-align: center;}


.def-btn.pink-btn, a.def-btn.pink-btn { background: #ec0f63; color: #fff; padding-left: 2rem; padding-right: 2rem; text-transform: uppercase; border-color:#ec0f63; height: auto;  margin: 0 auto 1.5rem; text-align: center }
.form-field.col-sm-2 .def-btn.pink-btn,
.form-field .col-sm-2 .def-btn.pink-btn { padding-left: 0; padding-right: 0; width: 100%}
.def-btn.pink-btn:hover, a.def-btn.pink-btn:hover,
.def-btn.pink-btn:focus, a.def-btn.pink-btn:focus { color: #fff!important}
.def-btn.pink-btn:hover > *, a.def-btn.pink-btn:hover > * { color: #fff!important}
.def-btn.pink-btn > i[class*=icon] , a.def-btn.pink-btn > i[class*=icon] { color: #fff; }
.def-btn.pink-btn.live > i[class*=icon] , a.def-btn.pink-btn.live > i[class*=icon] {  vertical-align: baseline; font-size: 1.1em;}
.def-btn.inactive-btn { background: #a1a1a1; color: #fff; padding-left: 2rem; padding-right: 2rem; text-transform: uppercase; border-color:#a1a1a1; height: auto;  margin: 0 auto 1.5rem; text-align: center }

.def-btn.wide, a.def-btn.wide { display: block; font-size: 1rem; line-height: normal; text-align: center; padding: .5rem 2rem .5rem .5rem; margin: 1rem 0!important; width: 100%; }

img[alt="loading"] { display: block; margin: auto; }

.text-small {font-size: small}
.green-txt { color: #1db701 /*common value*/}
.grey-txt { color: #9e9e9e /*common value*/}
.pink-txt { color: #ed0f64!important /*common value*/}

/* msgs */
.note-system-msg { padding:.75rem; border: 1px solid; border-radius: 2px; }
.note-system-msg.note-error-red { color: #fb1a22; border: 1px solid #f79c89; background: #fff0ed}
.note-system-msg.note-success-green { border: 1px solid #507950; background: #c3ffc3}
.note-system-msg p, .form-field .note-system-msg p { margin: .5rem 0 }
.note-system-msg.note-yellow { background: #fffbb8; border-color: #b3b3b3}
.note-system-msg.note-yellow.alert-dismissible .close { color: #b3b3b3}

/* FORMS */
[contenteditable="true"]:focus { outline: none; }

.form-field { margin: 2rem 0 0 0; }
.form-field.sep { border-bottom: 1px solid #ccc }
.form-field:first-child { margin-top:0; }
.form-field h2 { margin: 0 0 2rem 0; font-size:1.4rem; }
.form-field h3 { margin: 0 0 2rem 0; font-size:1.2rem; font-weight: normal }
.form-field h3 .def-btn { margin-left: 2rem }
.form-field p { margin: .5rem 0 2rem 0; font-size:1rem; clear:both }
.form-field p.submit-btns-cont { margin: 2rem 0 0; font-size:1rem; clear:both }
.form-field-label { font-weight: normal; display: block; font-size: 1.2rem; margin:  0 0 1rem 0; }
.form-field-input { border: 0; border-radius: 0; background: transparent; border-bottom: 2px solid #9d9d9d; width: 100%; font-size: 1.2em; padding: .5rem 0; }
.form-field-input:focus { border-bottom: 2px solid #E62264; outline: none; }
::-webkit-input-placeholder { color: #464646; opacity: 1 }
:-moz-placeholder { color: #464646; opacity: 1 }
::-moz-placeholder { color: #464646; opacity: 1 }
:-ms-input-placeholder { color: #464646; opacity: 1 }
.form-field-area { border: 1px solid #c5c5c5; border-radius: 5px; padding: 15px; width: 100%; min-height: 150px; outline: none}
.form-field-btn { display:inline-block; height:2.286rem; padding:0 0.857rem; box-sizing:border-box; font: normal 0.93rem/2.5 Roboto-Regular, san-serif; color:#fff; text-decoration:none; /*common value*/background:#ec0f63; border: 0; border-radius: 5px; text-decoration:none; word-break: keep-all; white-space: nowrap }
.form-field-error { display: block; clear: both; padding-top: .2em; font-size: 0.8em; color: #FF4141; }
.form-field label { cursor: pointer}
.form-note, p.form-note { padding: 0!important; color: #9e9e9e!important; font-size: 0.9rem!important;}

.form-field .drop-down-cont .drop-down-nav:not(.scroll-wrapper) > *,
.form-field .dropdown-menu { min-width: 0}

.label-row {margin: 1rem 0;}
.label-row label, 
.form-field .label-row label { display: inline; vertical-align: middle; font-weight: normal; font-size: 1.1rem; line-height: 1.4rem; margin:  0 1.5rem 0 0;}
.label-row label input[type="checkbox"] + .icon-checkbox,
.form-field .label-row label input[type="checkbox"] + .icon-checkbox { font-size: 1.4rem; line-height: 1; vertical-align: middle; bottom: initial}

.label-row.single {display: table; width: 100%}
.form-field .label-row.single label { display: table-cell; vertical-align: top; padding: 0 1.5rem 0 0; }
.form-field .label-row.single label:last-child { padding: 0; }

.row > .form-field { display: table-cell; margin-top: 1rem}
.row > .form-field-table { display: table}
.row > .form-field-table > * { display: table-cell}

/*radio checks*/

.form-field input[type="radio"] { display: none}
.form-field label input[type="radio"] + .icon-checkbox { font-size: 1.2em; position: relative}
label:hover input[type="radio"] + .icon-checkbox { color: #e62d6c}
.form-field label input[type="radio"] + .icon-checkbox > .icon-tik { display: none; position: absolute; left: 0.3em; top: .6em; font-size: 0.45em; color: #e62d6c /*common value*/}
.form-field label input[type="radio"]:checked {}
.form-field label input[type="radio"]:checked ~ .icon-checkbox > .icon-tik {display: block}


/*checkbox*/

.form-field label input[type="checkbox"] { display: none}
.form-field label input[type="checkbox"] + .icon-checkbox { font-size: 1.2em; position: relative}
label:hover input[type="checkbox"] + .icon-checkbox { color: #e62d6c}
.form-field label input[type="checkbox"] + .icon-checkbox > .icon-tik { display: none; position: absolute; left: 0.3em; top: .6em; font-size: 0.45em; color: #e62d6c /*common value*/}
.form-field label input[type="checkbox"]:checked {}
.form-field label input[type="checkbox"]:checked ~ .icon-checkbox > .icon-tik {display: block}

/* quiz checks*/
.answer .icon-checkbox { font-size: 1.2em; position: relative}
.answer .icon-checkbox:before { position: relative; z-index: 5}
.answer .icon-checkbox > .icon-tik { display: none; position: absolute; left: 0.3em; top: .6em; font-size: 0.45em; color: #e62d6c /*common value*/; z-index: 5;}
.answer .icon-checkbox > .icon-screen { position: absolute; left: 0; top: 0; color: #fff; z-index: 0 }
input[type="radio"]:checked + .answer .icon-checkbox > .icon-tik {display: block}

.form-field label, .form-field label.selected {	display: block; }
label.inactive {color:#ddd}
label span.radio {display: inline-block; width:1.2rem; height: 1.2rem; margin: 0 1rem 0 0; background: #fff; border: 2px solid #9d9e9f; border-radius: 50%;}
.form-field input[type="radio"]:checked ~ span.radio { background: #e62d6c; border-color:#fff; box-shadow: 0 0 2px #333 }
label:hover span.radio {	border-color:#e62d6c; }

.radio-sel { display: block; box-sizing: border-box;  float: left; width:20px; height: 20px; padding: 3px; margin: 0 0.36rem 0 0; background: #fff; border: 2px solid #9d9e9f; border-radius: 50%; }
.radio-sel i { display: block; width: 10px; height: 10px; background: #9d9e9f; border-radius: 50%;}
input[type="radio"]:checked ~ span:not([class])  { color: #e62164}
input[type="radio"]:checked ~ .radio-sel i { background: #e62164}
label:hover > .radio-sel ~ span:not([class]) { color: #e62164}
label:hover .radio-sel { border-color: #e62164}


.form-field  .emoticonsBox {display:inline-block;}
.form-field  .emoticonBox.show_emBox { position: absolute; top: 95%; border:1px solid #c3c3c3; border-radius: 10px;}

.form-field .captcha-wrap { clear: both; height: 60px}
.form-field .captcha-wrap .form-field-input {width:70%; vertical-align: bottom; margin-top: 20px}
.form-field .captcha-wrap img { float:right}
.ui-helper-hidden-accessible { display:none !important; }



input { font-size: 1rem; line-height: normal; border-radius: 5px; border: 0; padding: .5rem 2rem .5rem .5rem; width: 100%; border: 1px solid #c4c4c4; color: #000  }
input::-webkit-input-placeholder { color: #464646; opacity: 1 }
input:-moz-placeholder { color: #464646; opacity: 1}
input::-moz-placeholder { color: #464646; opacity: 1}
input:-ms-input-placeholder { color: #464646; opacity: 1}


.skin-2 .form-field-label, .skin-2 label { font-weight: normal; display: block; font-size: 1.2rem; margin:  0 0 1rem 0; }
.skin-2 .form-field-input, .skin-2 input { font-size: 1rem; line-height: normal; border-radius: 5px; padding: .5rem 2rem .5rem 1rem; width: 100%; border: 1px solid #c4c4c4; background: #fff; }
.skin-2 .form-field-input + button { display: inline-block; border: 0; background: 0; outline: 0; width: 2rem; height: 100%; }
.skin-2 .form-field-input.search-field { display: inline-block; margin-right: -2.5rem;}
.skin-2  input::-webkit-input-placeholder { color: #464646; opacity: 1 }
.skin-2  input:-moz-placeholder { color: #464646; opacity: 1 }
.skin-2  input::-moz-placeholder { color: #464646; opacity: 1 }
.skin-2  input:-ms-input-placeholder { color: #464646; opacity: 1 }
.skin-2 .form-field-input:focus { border-bottom: 1px solid #c4c4c4 }




.skin-2 .form-field-area { border: 1px solid #c5c5c5; border-radius: 5px; padding: 15px; width: 100%; min-height: 150px; outline: none}
.skin-2 .form-field-btn { display:inline-block; height:2.286rem; padding:0 0.857rem; box-sizing:border-box; font: normal 0.93rem/2.5 Roboto-Regular, san-serif; color:#fff; text-decoration:none; /*common value*/background:#ec0f63; border: 0; border-radius: 5px; text-decoration:none; word-break: keep-all; white-space: nowrap }
.skin-2 .form-field-error { display: block; clear: both; padding-top: .2em; font-size: 0.8em; color: #FF4141; }


.skin-2 .form-field input[type="radio"] {display:none;}

.skin-2 .form-field label, .form-field label.selected {	display: block; }
.skin-2 label.inactive {color:#ddd}
.skin-2 label span.radio {display: inline-block; width:1rem; height: 1rem; margin: 0 .75rem 0 0; background: #fff; border: 2px solid #9d9e9f; border-radius: 50%;}
.skin-2 .form-field input[type="radio"]:checked ~ span.radio { background: #e62d6c; border-color:#fff; box-shadow: 0 0 2px #333 }
.skin-2 label:hover span.radio { border-color:#e62d6c; }
.skin-2 .form-field  .emoticonsBox {display:inline-block;}
.skin-2 .form-field  .emoticonBox.show_emBox { position: absolute; top: 95%; border:1px solid #c3c3c3; border-radius: 10px;}

.form-field#abuseFormId textarea { display: none}

.skin-2 .drop-down-cont.select-cont { min-height: 0; height: 2.5rem}
.skin-2 .drop-down-cont.select-cont a.dropdown-toggle { padding: .8rem 1rem .8rem 0}
.skin-2 .drop-down-cont.select-cont a.dropdown-toggle i {}
.skin-2 .drop-down-cont.select-cont .current-selected-item { display: block;  border: 0; background: transparent; border-bottom: 0; padding: 0; font-size: 1rem; line-height: normal}
.skin-2 .drop-down-cont.select-cont.open .current-selected-item { border-bottom: 0; }
.skin-2 .drop-down-cont.select-cont .drop-down-nav.dropdown-menu  { display: block; width: 100%; top:0; border-radius: 5px; padding: .5rem 1rem /*1 rem common value*/; width: 100%; border: 1px solid #c4c4c4; background: #fff;}
.skin-2 .drop-down-cont.select-cont .drop-down-nav.dropdown-menu > .drop-down-list { display: none; margin: 0 -1rem -.5rem/*1 rem common value*/; border-radius: 6px; box-shadow: none; border-top:0; }
.skin-2 .drop-down-cont.select-cont.open > .drop-down-nav.dropdown-menu > .drop-down-list  { display: block}
.skin-2 .drop-down-cont.select-cont ul.drop-down-list {}
.skin-2 .drop-down-cont.select-cont ul.drop-down-list li,
.skin-2 .drop-down-cont.select-cont .drop-down-nav ul.drop-down-list:last-child li:last-child { font-size: 1em; padding: .2rem 1rem; cursor: pointer; border-radius: 0}


.skin-2 .drop-down-cont.select-cont.inactive, .skin-2 .drop-down-cont.select-cont.inactive a { cursor: default!important;}
.skin-2 .drop-down-cont.select-cont.inactive .drop-down-nav.dropdown-menu,
.skin-2 .drop-down-cont.select-cont.inactive .drop-down-nav.dropdown-menu * { background: #e4e4e4; color: #c4c4c4; }
.skin-2  input.inactive,
.skin-2  .form-field-input.inactive {background: #e4e4e4; color: #aaa}
.skin-2  input.inactive::-webkit-input-placeholder { color: #aaa; }
.skin-2  input.inactive:-moz-placeholder { color: #aaa; }
.skin-2  input.inactive::-moz-placeholder { color: #aaa; }
.skin-2  input.inactive:-ms-input-placeholder { color: #aaa; }

/*screen mask*/
.masked {}
.avatar-sm-low, .avatar-md-low {display:none!important}
.avatar-sm-25, .avatar-md-25 {display:none!important}
.avatar-sm-low, .avatar-sm-low image {width: 30px; height: 30px;}
.avatar-sm-25, .avatar-sm-25 image {width: 25px; height: 25px;}
.avatar-md-low, .avatar-md-low image {width: 64px; height: 64px;}
svg.avatar-sm, .avatar-sm { width: 42px; height: 42px;}
svg.avatar-sm image, svg.avatar-sm > *, .avatar-sm > *, .avatar-sm > image, .avatar-sm img, .user-nav img { width: 42px; height: 42px; border-radius: 0}
svg.avatar-md, .avatar-md { width: 90px; height: 90px;}
svg.avatar-md image { width: 90px; height: 90px;}

.notf-num { display:inline-block; position: relative; width: 1.71rem; height: 1.71rem; text-align:center; background: #e62164; color: #fff; /*temp*/border-radius: 45%; font: normal 0.8rem/2.2 Roboto-Regular, san-serif; }

.mid-dot { /*content:"·"; */font-size: 200%; vertical-align:middle; line-height:.5em; position: relative; left: -0.12em;}

a.usr-subscribe, .usr-subscribe,
a.usr-subscribed, .usr-subscribed { color: #e62164; font: normal 0.93rem Roboto-regular, sans-serif; }

.baloon-cont { position:relative; display: inline-block; padding: 0 0.36rem 0; margin-left:.5rem; border: 1px solid #c3c3c3; border-radius: 3px; font: normal 0.8rem/1.45 Roboto-Regular, san-serif; color: #525252; vertical-align:middle }
.baloon-cont:before, .baloon-cont:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0;}
.baloon-cont:before {top: 4px; left: -5px; margin-top: -1px; border-right-color: #c3c3c3; border-width: 5px;}
.baloon-cont:after {top: 5px; left: -3px; border-right-color: #fff; border-width: 3px;}


.yellow-baloon { display: block;  position: relative; position: absolute; bottom:50px; right: 30px; max-width: 30rem ; z-index: 999; padding: 1.7em; background: #f4ffb9; border-radius: .8rem; box-shadow: 0px 0px 15px #000; color: #000; font-size: 1.071rem; line-height: 1}
.yellow-baloon:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; bottom: -15px; right: 15px; border-top-color: #f4ffb9; border-width: 16px;  }

.yellow-baloon .close-btn { display: block;  position: absolute; top:.2rem; right: .2rem; color: #000}
.yellow-baloon .close-btn i {color: #000}


.bg-flag-cont { position: relative; width:46px; height: 46px;}
.bg-flag-cont svg {position: absolute; top:0; left: 0;}
.bg-flag-cont .icon-screen {position: absolute; top:-2px; left: -2px; font-size: 47px; color: #d4d4d4}

.left-cont .baloon-cont:after { border-right-color: #eeeded; }


.autoplay-btn { position:relative; display:inline-block; width:1.7rem; height:.8rem; border-radius: .4rem; background: #777; vertical-align: middle}
.autoplay-btn span { margin: -1px; box-sizing: content-box ; position:absolute; display:inline-block; width:.8rem; height:.8rem; border-radius: 50%; border: 1px solid #fff; background: #fff; }
.autoplay-btn.off span {left:0; }
.autoplay-btn.on  { background: #e62164 }
.autoplay-btn.on span { right:0;  }


/* drop down menus */
.drop-down-cont { position: relative}
.open .dropdown-menu.scrollbar-inner { display: block}
.drop-down-cont .drop-down-nav { z-index: 400; }
.drop-down-cont > .drop-down-nav {/* display:block;*/ position:absolute; top:100%; padding: 0; margin: 0; background: #fff; border: 1px solid #dbdbdb; border-radius: 10px; font: normal 1rem/1.57 Roboto-Regular, sans-serif!important; text-align: left; overflow: hidden;}
.drop-down-cont .drop-down-nav.scroll-content  { top: auto}
/*.drop-down-cont:active .drop-down-nav:not(.block) { display:block; }*/
.drop-down-cont .drop-down-nav:not(.scroll-wrapper) > * { min-width: 16.5rem;  }
.drop-down-cont .drop-down-nav ul { padding: .714rem 0;  border-top: 1px solid #dbdbdb }
.drop-down-cont .drop-down-nav ul:first-child { border: 0; padding-top: 0; }
.drop-down-cont .drop-down-nav ul:last-child { padding-bottom: 0; }
.drop-down-cont .drop-down-nav ul:first-child li:first-child { -moz-border-radius-topleft: 10px;  border-top-left-radius: 10px; -moz-border-radius-topright: 10px;  border-top-right-radius: 10px; }
.drop-down-cont .drop-down-nav ul:first-child li:first-child a { padding-top: 1rem}
.drop-down-cont .drop-down-nav ul:last-child li:last-child { -moz-border-radius-bottomleft: 10px;  border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px;  border-bottom-right-radius: 10px; }
.drop-down-cont .drop-down-nav ul h3 { padding: .5rem 1.43rem; color: #9d9e9f; font-size: 0.857rem; }
.drop-down-cont .drop-down-nav ul li { }
.drop-down-cont .drop-down-nav ul li a { display: block; float: none; padding: .5rem 1.43rem; white-space: nowrap; text-decoration: none; color: #010000; cursor: pointer }
.drop-down-cont .drop-down-nav ul li:hover { background: #eee }
.drop-down-cont .drop-down-nav ul li i[class*=icon] { width: 1.8em; margin: 0; color: #606060 /*common value*/; font-size: 1.3em}
.drop-down-cont .drop-down-nav ul li a i.icon-android-empty, 
.drop-down-cont .drop-down-nav ul li a i.icon-ios-empty, 
.drop-down-cont .drop-down-nav ul li a i.icon-mobile-empty { font-size: 1.7em; margin: -.3em 0 0}
.drop-down-cont .drop-down-nav ul li a i.icon-playlist { font-size: 1.2em; /*bottom: initial;*/ }
.drop-down-cont .drop-down-nav ul li a i.icon-mail,
.drop-down-cont .drop-down-nav ul li a i.icon-statistics { font-size: 1.2em; }
.drop-down-cont .drop-down-nav ul li a:hover i[class*=icon] { color: #ec0f63 /*common value*/ }
.drop-down-cont .drop-down-nav ul li.user-link  { line-height:42px; padding-bottom: 0; }
.drop-down-cont .drop-down-nav ul li.user-link a  { overflow: hidden; text-overflow: ellipsis; padding-top: .5rem; margin-bottom:  -0.714rem; }
.drop-down-cont .drop-down-nav ul li.user-link svg { width:42px; height:42px; float:left; margin: 0  0.714rem 0 0; vertical-align: middle; }

.drop-down-cont.sep .drop-down-nav ul { padding: 0; border-top: 0 }
.drop-down-cont.sep .drop-down-nav ul li { padding: 0; border-top: 1px solid #dbdbdb }
.drop-down-cont.sep .drop-down-nav ul li a { line-height:50px; padding-bottom: 0; }
.drop-down-cont.sep .drop-down-nav ul li a:hover,
.drop-down-cont.sep .drop-down-nav ul li.selected a { color: #ec0f63 }

.drop-down-cont li { list-style: none; }
.drop-down-cont .def-sort-control { cursor: pointer}
.drop-down-cont .def-sort-control i[class*=icon]{ font-size: 0.5em; margin: 0 0 0 .5em}


.select-drop > a.current { text-decoration: none}
.select-drop > a.current i[class*=icon] {}

.row.full-back { margin-right: -36px;  padding-right: 18px; }


.drop-down-cont.select-cont { width: 100%; min-height: 3rem; overflow: visible}
.drop-down-cont.select-cont a.dropdown-toggle { float: right; position: relative; z-index: 500; font-size: .75rem; width: 100%; padding: 1rem 0 0;}
.drop-down-cont.select-cont a.dropdown-toggle i { float: right;}
.drop-down-cont.select-cont .current-selected-item { display: block; border: 0; background: transparent; border-bottom: 2px solid #9d9d9d; width: 100%; font-size: 1.2rem; padding: .5rem 1.5rem .5rem 0;}
.drop-down-cont.select-cont.open .current-selected-item { border-bottom: 2px solid #e62264; }
.drop-down-cont.select-cont .drop-down-nav.dropdown-menu  { display: block; width: 100%; top:0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible}
.drop-down-cont.select-cont .drop-down-nav.dropdown-menu > .drop-down-list{ display: none; box-shadow: 0 6px 12px rgba(0,0,0,0.175)}
.drop-down-cont.select-cont.open > .drop-down-nav.dropdown-menu > .drop-down-list  { display: block}
.drop-down-cont.select-cont .drop-down-nav ul.drop-down-list {background: #fff}
.drop-down-cont.select-cont ul.drop-down-list {}
.drop-down-cont.select-cont ul.drop-down-list li,
.drop-down-cont.select-cont .drop-down-nav ul.drop-down-list:last-child li:last-child { font-size: 1.2em; padding: .2rem .5rem; cursor: pointer; border-radius: 0}

/*ICONS*/

i[class*=icon] { display:inline-block; min-width:12px; min-height:12px;  }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'xpose' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;  
  position:relative; 
  margin: 0;
  bottom: -.1em;
  color:#9e9e9e; 
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:hover, [class*=" icon-"]:hover,
a:hover [class^="icon-"], a:hover [class*=" icon-"],
button:hover [class^="icon-"], button:hover [class*=" icon-"]
{ color: #e62d6c /*common value*/}

[class^="icon-"]:before, [class*=" icon-"]:before {  content: "N";}

.icon-arr-down:before {
  content: "\e902";
}
.icon-arr-up:before {
  content: "\e902";
}
.icon-arr-up {
  transform: rotate(180deg);
  bottom: 0.7em;
}

.icon-arr-up-sm, .icon-arr-down-sm { text-align: left}

.icon-arr-down-sm:before {
  content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; border-top-color: #9e9e9e/*common value*/; border-width: 7px;
}
.icon-arr-up-sm:before {
  content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0; border-bottom-color: #9e9e9e/*common value*/; border-width: 7px;
}
.icon-arr-left:before {
  content: "\e903";
}
.icon-arr-right:before {
  content: "\e904";
}

.icon-screen-back:after {
  content: "\e92c";
  color: #fff;
  opacity:0;
  font-size: 1.7em;
  margin-left:-0.525em;
  margin-top:-0.525em;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  width: 1.05em; /*safari cut bug fix*/
  line-height: 1.1em; /*safari cut bug fix*/
}

.icon-screen-back.icon-favorites:after {
	margin-top:-0.52em;
}
a .icon-screen-back:before { position: relative;  z-index: 10;  }

a:hover .icon-screen-back:after,
a.active .icon-screen-back:after {color: #ec0f63; opacity:1 }
a:hover .icon-screen-back:before,
a.active .icon-screen-back:before { position: relative;  z-index: 10; color: #fff;  }

.element-screen-back { position: relative; z-index: 10; color: #fff; text-shadow: 1px 1px 0 #ec0f63}
.element-screen-back:before {
  font-family: 'xpose';
  content: "\e92c";
  font-size: 1.7em;
  color: #ec0f63;
  margin-left:-0.5em;
  margin-top:-0.5em;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
}

.icon-android:before {
  content: "\e900";
}
.icon-android-empty:before {
  content: "\e901";
}

.icon-attach:before {
  content: "\e905";
}
.icon-bell:before {
  content: "\e906";
}
.icon-checkbox:before {
  content: "\e907";
}
.icon-comment:before {
  content: "\e908";
}
.icon-edit:before {
  content: "\e909";
}
.icon-edit-pic:before {
  content: "\e90a";
}
.icon-eye:before {
  content: "\e90b";
}
.icon-f:before {
  content: "\e90c";
}
.icon-favorites:before {
  content: "\e90d";
}
.icon-fb:before {
  content: "\e90e";
}
.icon-fb-empty:before {
  content: "\e90f";
}
.icon-fb-screen:before {content: ''}

.icon-fb-screen .path1:before {
  content: "\e910";
  color: rgb(59, 89, 152);
}
.icon-fb-screen .path2:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-gplus:before {
  content: "\e912";
}
.icon-g-plus:before {
  content: "\e913";
}
.icon-gplus-empty:before {
  content: "\e914";
}
.icon-groups:before {
  content: "\e915";
}
.icon-ham:before {
  content: "\e916";
}
.icon-ham-dots:before {
  content: "\e917";
}
.icon-ham-dots-hor:before {
  content: "\e917";
}
.icon-ham-dots-hor{
  transform: rotate(90deg);
}
.icon-history:before {
  content: "\e918";
}
.icon-pasito:before {
  content: "\e918";
}
.icon-pasito {
  transform: scaleX(-1);
}
.icon-img:before {
  content: "\e919";
}
.icon-inbox:before {
  content: "\e91a";
}
.icon-ios:before {
  content: "\e91b";
}
.icon-ios-empty:before {
  content: "\e91c";
}
.icon-junk:before {
  content: "\e91d";
}
.icon-mail:before {
  content: "\e91e";
}
.icon-mobile:before {
  content: "\e91f";
}
.icon-mobile-empty:before {
  content: "\e920";
}
.icon-music:before {
  content: "\e921";
}
.icon-music2:before {
  content: "\e922";
}
.icon-play:before {
  content: "\e923";
}
.icon-play-empty:before {
  content: "\e924";
}
.icon-player-add:before {
  content: "\e925";
}
.icon-player-mix:before {
  content: "\e926";
}
.icon-player-reload:before {
  content: "\e927";
}
.icon-playlist:before {
  content: "\e928";
  bottom: initial;
}
.icon-popular:before {
  content: "\e929";
}
.icon-reload-bar:before {
  content: "\e92a";
}
.icon-remove-clip:before {
  content: "\e92b";
}
.icon-screen:before {
  content: "\e92c";
}
.icon-search:before {
  content: "\e92d";
}
.icon-send:before {
  content: "\e92e";
}
.icon-settings:before {
  content: "\e92f";
}
.icon-share:before {
  content: "\e930";
}
.icon-share2:before {
  content: "\e931";
}
.icon-smiley:before {
  content: "\e932";
}
.icon-smiley-bord:before {
  content: "\e933";
}
.icon-star:before {
  content: "\e934";
}
.icon-star-empty:before {
  content: "\e935";
}
.icon-subscript:before {
  content: "\e936";
}
.icon-system-msg:before {
  content: "\e937";
}
.icon-thumb-down:before {
  content: "\e938";
}
.icon-thumb-up:before {
  content: "\e939";
}
.icon-tik:before {
  content: "\e93a";
}
.icon-top40:before {
  content: "\e93b";
}
.icon-tweeter:before {
  content: "\e93c";
}
.icon-tweeter-empty:before {
  content: "\e93d";
}
.icon-upload:before {
  content: "\e93e";
}
.icon-download {
  transform: rotate(180deg);
}
.icon-download:before {
  content: "\e93e";
}
.icon-vcards-empty:before {
  content: "\e93f";
}
.icon-vgames-empty:before {
  content: "\e940";
}
.icon-viber:before {
  content: "\e941";
}
.icon-vmusic-empty:before {
  content: "\e942";
}
.icon-watch:before {
  content: "\e943";
}
.icon-write-msg:before {
  content: "\e944";
}
.icon-x:before {
  content: "\e945";
}
.icon-x2:before {
  content: "\e946";
}
.icon-x-big:before {
  content: "\e947";
}

.icon-info:before {
  content: "\e948";
}
.icon-statistics:before {
  content: "\e949";
}

.icon-flag:before {
  content: "\e94b";
}
.icon-subs:before {
  content: "\e94a";
}

.icon-bell-filled:before {
  content: "\e94c";
  color: #ec0f63;
}

.icon-top20:before {
  content: "\e94d";
}
.icon-stars:before {
  content: "\e94e";
}
.icon-popfolk:before {
  content: "\e94f";
}
.icon-topavt:before {
  content: "\e950";
}
.icon-topmore:before {
  content: "\e951";
}

.icon-utube:before {
  content: "\e952";
}
.icon-copy:before {
  content: "\e953";
}
.icon-top100:before {
  content: "\e954";
}
.icon-reports1:before {
  content: "\e955";
}
.icon-reports2:before {
  content: "\e95a";
}
.icon-livestream:before { 
	content: "\e956"; 
}
.icon-dollar:before {
  content: "\e957";
}
.icon-block:before {
  content: "\e958";
}

.icon-thumb-up-stroke:before {
  content: "\e959";
}
.icon-home:before {
  content: "\e95b";
}

.icon-gif-txt:before {
  content: "\e95c";
}

.icon-gif-empty:before {
  content: "\e95d";
}

.icon-pause:before {
  content: "\e95e";
}

.icon-bar-code:before {
  content: "\e95f";
}

.icon-article:before {
  content: "\e960";
}


.icon-play.element-screen-back {
	
}

.icon-screen-back.icon-play.play-plst {vertical-align: baseline; top:-.1em }
.icon-screen-back.icon-play.play-plst:before /*play icon*/{ font-size: 0.75em; color: #fff}
.icon-screen-back.icon-play.play-plst:after /*screen back*/{ font-size: 0.93rem;  /*IE fix - do not delete!*/}
.icon-screen-back.icon-play.play-plst:after /*screen back*/{ font-size: 1.75em; color: #9e9e9e; opacity: 1; margin-top:  -0.45em; margin-left: -0.565em}

.def-btn > .icon-screen-back.icon-play.play-plst {vertical-align: baseline;  }
.def-btn > .icon-screen-back.icon-play.play-plst:after { margin-left:-0.65em }
a:hover > .icon-screen-back.icon-play.play-plst:after,
.icon-screen-back.icon-play.play-plst:hover:after { color:#ec0f63 /*common value*/ }


/* GRID */

/*.container-fluid { min-width: 1000px;}
.container-fluid > * { min-width: 1000px;}*/

.container-fluid {min-height: calc(100.1vh)}

.fixed-cont { position:fixed; z-index: 300; /*common val*/background: #fff}
 
header.fixed-cont { z-index: 400; width: 100%; /*common val*/height:80px; box-sizing: border-box; padding:20px 18px; top:0; left:0; right:0; }

.left-cont { position:relative; z-index:200; /*common val*/top: 80px; margin-right:18px }
.container-fluid.left-side-scrollable .left-cont { position:relative; z-index:301; /*common val*/top: 80px; margin-right:18px }
.left-cont > footer {  }
.left-cont > footer  > section > .row { margin-right: -36px; padding-right: 18px; }

.right-cont { padding-left:18px; height:100%; }
.main-fixed.fixed-cont {  /*common val*/top: 80px; right:0px; left:auto; height:100%;  }
.main-fixed.fixed-cont.top-offset {  top: 108px;}
.main-fixed.fixed-cont:not(.item-page) {right:0px; left:auto; }
.main-fixed.fixed-cont.item-page { /*common val*/left: 18px; right:auto; }
/*.main-fixed.fixed-cont.item-page.top-offset { top:80px }*/
.main-fixed.fixed-cont.item-page .article-wrapper  { /*common val*/margin-left: -18px; padding-right: 18px }

.right-details-cont { /*position: absolute;*/ position: relative; float: right; /*common val*/top:80px; right: 18px; /*common val*/padding-left: 36px; min-height: calc(100vh - 80px);  background: #fff}
.art-page ~.right-details-cont { background: transparent}
.right-details-cont .channel-wrap > * {  }
.right-details-cont > .channel-wrap  {position: relative; left: 18px; /*common val*/  background-color: #eeeded; height: calc(100vh - 80px); }
.right-details-cont .channel-wrap > .video-details-wrap {padding-top: 2rem  }
.right-details-cont .channel-wrap > .details-content.rightContainer > *,
.right-details-cont .channel-wrap > .video-details-wrap > .tab-content { box-sizing: border-box; /*common val*/padding-left: 36px; padding-right: 36px;  }

.right-details-cont .channel-wrap > .details-content.rightContainer > .channels-details-wrap { padding-right: 18px}

/*autocomplete fixes*/
ul.ui-autocomplete {display: block;  width: 100%; padding: 10px 0 30px; background: #fff;  z-index: 500;}
ul#ui-id-2.ui-autocomplete { /*display: block!important; background: rgba(255,255,255,0.75);*/ max-width:538px; border-radius: 0 0 10px 10px; box-shadow: 0px 2px 10px rgba(0,0,0,0.3)}
ul#ui-id-1.ui-autocomplete { position: fixed;  /*common val - header height*/top:80px!important; left: 0px!important; box-shadow:  0 3px 3px rgba(0,0,0,0.3); }
ul.ui-autocomplete li.ui-menu-item { padding:0; list-style: none }
ul#ui-id-1.ui-autocomplete li.ui-menu-item { margin:0 0 0 150px; }
ul#ui-id-2.ui-autocomplete li.ui-menu-item { margin:0 1rem; }
ul.ui-autocomplete li.ui-menu-item a { cursor:pointer; display: inline-block; padding: 3px 10px 3px 10px; min-width: 300px; font: normal 1.1rem/2 Roboto-g-500, Roboto500, Roboto-Regular, san-serif;  color: #000; text-decoration: none}
ul.ui-autocomplete li.ui-menu-item a:hover,
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus { background: #ec0f63; border-radius: 5px; color: #fff}

/* custom gutters */
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 */
.custom-gutter-9.row {
  margin-left: -9px;
  margin-right: -9px;
}

.custom-gutter-9.row [class*=col-xs],
.custom-gutter-9.row [class*=col-sm],
.custom-gutter-9.row [class*=col-md],
.custom-gutter-9.row [class*=col-lg]
 {
  position: relative;
  min-height: 1px;
  padding-left: 9px;
  padding-right: 9px;
}


/*---inner styles---*/

/*header*/
header > .row > div { background: #fff}
.search-wrapper { display: inline-block; margin:0 0 0 1.857rem; padding:0.36rem 0 0; /*border-bottom: 1px solid #cecece;*/ }
.search-wrapper > * { vertical-align:bottom; }
.logo-nav-cont { display:inline-block; margin:0 0 0 -26px;  cursor:pointer }
.burger-menu { width:26px; height: 22px; }
.icon-ham { margin: 0 10px 0 0; font-size: 12px; color: #9d9e9f; bottom: 10px }
.logo-nav-cont.drop-down-cont:hover .icon-ham { color: #e62d6c}
.logo-nav-cont.drop-down-cont > .drop-down-nav { left: -2px}
header.fixed-cont .drop-down-cont > .drop-down-nav { max-height: calc(100vh - 110px) }

.search-wrapper h1 { display: inline-block; vertical-align: bottom }
.search-wrapper h1 img { display: inline-block; margin: 0 5px -1px -2px; padding-bottom: 4px; border-bottom:2px solid transparent }
.search-wrapper h1 img.wide-logo {margin: -6px 5px -5px -2px; padding-bottom: 4px; border-bottom:2px solid transparent }
.search-wrapper h1 img.wide-logo-xmas {width: 164px; height: 44px; margin: -6px -15px -9px -16px;  border-bottom:2px solid transparent }
.search-wrapper h1 img:hover { }



.search-wrapper form { display: inline-block }
.search-wrapper form .search-input-holder { display: inline-block; }
.search-wrapper form .search-input-holder  input.search-input { margin:0 -23px -1px 0px; padding:5px 31px 5px 3px; width:256px; border:0; border-bottom: 1px solid #cecece; background:transparent; color:#606161; font: normal 1.07rem/1.47 Roboto-Regular, sans-serif; outline:0; border-radius: 0 }
.search-wrapper form .search-input-holder  input.search-input:focus { padding:5px 30px 5px 3px; border-bottom:2px solid #616161; border-radius: 0}
.search-wrapper form .search-btn { display: inline-block; padding:0; margin:0 0 5px 0; vertical-align:bottom; border:0; outline:0; width:20px; height:20px; background:#fff }
.search-wrapper form .search-btn  .icon-search { width:20px; height:20px; margin:0; color: #606060; bottom: 0 }
	
nav.top-nav { display:inline-block; text-align: center; height:40px; /*background: #a.usr-subscribe, .usr-subscribefee*/}
nav.top-nav a { display:inline-block; width:auto; height:1.57rem; margin:0.571rem 0.714rem; font: normal 1.071rem/1.47 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; color:#000; word-break: keep-all; white-space: nowrap}
nav.top-nav a:hover { text-decoration:none;  }
nav.top-nav a i { font-size: 1.4em; margin: 0 0.7em;}
nav.top-nav a i:before { color: #606060/*common val*/; position: relative; z-index: 10 }
nav.top-nav a:hover i:before { color: #fff/*common val*/; }
nav.top-nav a:first-child, nav.top-nav a:first-child i { margin-left:0}
nav.top-nav a i.icon-stars { color: #e62d6c; font-size: 1.2em; margin: -.7em; vertical-align: top }
nav.top-nav a i.icon-stars:before { color: #e62d6c;}
nav.top-nav a:hover i.icon-stars:before { color: #e62d6c;}

.top-profile { text-align:right; display:inline-block}
.top-profile i { color: #606060  /*common value*/}
.top-profile > * { display:inline-block; height:3rem; margin:0 0 0 0.71rem; vertical-align:middle; }
.top-profile > a,
.top-profile > .drop-down-cont > a { position:relative; min-width:2.2rem; display:inline-block; height:3rem; vertical-align:middle; }
.top-profile  > a.def-btn { min-width: 0; height: 2.3rem; }
.top-profile  > a.def-btn > i { bottom: 1px; font-size: 1.1em; color: #606060 }
.top-profile  > a.def-btn > i.icon-upload { bottom: 1px; padding: 0 0 .2em; margin: 0; border-bottom: 1px solid #606060; color: #606060 }
.top-profile  > a.def-btn:hover > i.icon-upload { border-bottom: 1px solid #fff; }
.top-profile  > a.def-btn:hover > i { color: #fff; background: transparent }
.top-profile .subscrpt-note > i { position:absolute; left:0; bottom: .65rem; font-size: 1.35em}
.top-profile .pm-note { margin: 0; height: 2.8rem}
.top-profile .pm-note > i { position:absolute; left:0; bottom: 0.64rem; font-size: 1.1em}
.top-profile a > .element-screen-back { position:absolute; top:.20rem; right:.65rem; font-size: .85rem }
.top-profile .user-nav     { }
.top-profile .user-nav svg.avatar  { display: inline-block}
.top-profile .header-user-login  { height: auto}

.top-profile .drop-down-cont .drop-down-nav { right: -2px}

.drop-down-cont.bell-notif .nonotif { padding: 5%; text-align: center;}
.drop-down-cont.bell-notif ul { border:0  }
.drop-down-cont.bell-notif ul li { border-top: 1px solid #dbdbdb }
.drop-down-cont.bell-notif ul li:first-child { border-top: 0 }
.drop-down-cont.bell-notif ul li a { display: block; padding: 1.071rem 1.43rem 1.071rem 1.071rem; white-space: normal; color: #010000; text-decoration: none }
.drop-down-cont.bell-notif ul li a p.top-info { height:42px;}
.drop-down-cont.bell-notif ul li a p.top-info:after { content: ''; display: block; clear: both }
.drop-down-cont.bell-notif ul li a p.top-info svg { float:left; margin: 0 .7rem 1rem 0}
.drop-down-cont.bell-notif ul li a p.top-info span { display: block;  max-width: 10rem; padding: .5rem 0 ; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font:normal 1rem/1 Roboto-regular, sans-serif }
.drop-down-cont.bell-notif ul li a p.top-info span.date { margin: 0; padding: 0; color: #9d9e9f; font-size: 0.8rem; color: #9d9e9f common value}
.drop-down-cont.bell-notif ul li a p.desc { clear: both; max-height: 2.286rem; overflow: hidden;  font-size: 0.93rem; line-height:normal}

/*= notifications new =*/
.drop-down-cont.bell-notif ul {width: 30rem;}
.notif-row { display: table; width: 100%; padding: 1.6rem 1rem .8rem}
.drop-down-cont.bell-notif ul li.notif-row > a { display: table-row!important; padding: 0}
.notif-row .thumb-cont { display: table-cell; width:154px; height: 86px; vertical-align: top; padding: 0 1rem 0 0; font-size: 0}
.notif-row .info-cont { display: table-cell; vertical-align: top; word-break: normal}
.notif-row .thumb-cont img { width:154px; height: 86px; }
.notif-row .info-cont h2 { font: normal 1.07rem/1.15 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; padding: 0 0 .5rem; max-height: 3.75rem; overflow: hidden }
.notif-row .info-cont p { font: normal .8rem/1 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; color: #9d9e9f }
.notif-row .info-cont p .pink-txt { display: inline-block; padding: 0 .5rem 0 0}
.channel-link { display: table-row; height: 1rem;   }
.channel-link > * { display: table-cell }
.channel-link a { margin-top:-1rem; padding: 0!important; font-size: 0.8rem; line-height: 1rem }


/*left col scrollable*/
.left-cont { }
section:after { display:block; clear:both; content:"" }
.title-row { padding:1.8rem 0 2rem; }
.title-row:after { display:block; clear:both; content:""}
.title-row h1 { font: normal 1.21rem Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; color:#000; line-height:2.3rem /*def-btn height, check missing medium font*/ }
.title-row h1 a .icon-play.icon-screen-back { margin-right: 1rem; font-size: 1rem  }
.title-row h1 a .icon-play.icon-screen-back:before, 
.title-row h1 a .icon-play.icon-screen-back:after  { opacity: 1;}
.title-row h1 a .icon-play.icon-screen-back:before { color: #fff!important; font-size: .85em;  } 
.title-row h1 a .icon-play.icon-screen-back:after { margin-left: -0.6em; color: #9d9e9f /*common value*/  } 
.title-row h1 a:hover .icon-play.icon-screen-back:after {color: #e62164 /*common value*/} 
.left-cont i.icon-eye {  margin: 0 0.36rem; font-size: .8em; vertical-align: initial; bottom: initial }
.left-cont i.icon-thumb-up,
.left-cont i.icon-thumb-down {  margin: 0 0.36rem; vertical-align: initial; bottom: initial }

/*title row drop-down*/
.title-row .drop-down-cont a { display: block}
.title-row .drop-down-cont .drop-down-nav.dropdown-menu-right { min-width:0; top:1.5rem}

.carousel-slider { border-bottom: 1px solid #ddd}

.cells-container { padding: 0 }
.cells-container.full-list { border-bottom: 1px solid #ddd; margin-bottom: 1rem }
.video-cell { margin: 0 0 2rem; max-width: 100%; }
.video-cell.active > *,
.video-cell:hover > * {/* opacity:0.6*/}
.video-cell:hover > .drop-down-cont { opacity:1}
.video-cell a { color:inherit; text-decoration:none; cursor:pointer }
.video-cell .thumb-cont { position:relative; width:100%; height: 0; padding-bottom: 56.25%; /* 16:9 */;  font-size:0;  display:block; overflow: hidden}
.video-cell .thumb-cont > * {}
.video-cell .thumb-cont img { position: absolute; top:0; left: 0; width:100%; height: 100%;  -webkit-transition: width .15s, height .15s, margin .15s; /* Safari */ transition: width .15s, height .15s, margin .15s; }
.thumb-cont .icon-play.icon-screen-back {opacity: 0; position: absolute; top:50%; left: 50%; margin: -0.47em 0 0 -0.3em; font-size: 1.5rem; color: #fff;  -webkit-transition: opacity .35s; /* Safari */ transition: opacity .35s; z-index: 10}
.thumb-cont .icon-play.icon-screen-back:before { display: block }
.thumb-cont .icon-play.icon-screen-back:after { font-size: 1.5rem; /*IE fix - do not delete!*/ }
.thumb-cont .icon-play.icon-screen-back:after { font-size: 2.3em; text-align: center;  width: 1.02em;  margin-top:-0.31em; margin-left: -0.38em; top:0; left: 0; opacity: .75; color: #000;  }
.thumb-cont .watch-later  { position: absolute; top:0; right: 0; z-index: 6000; padding:.4rem .5rem .5em; font-size: 1rem; border-radius:  0 0 3px 3px; background: rgba(0,0,0,.6); color:#fff; text-decoration:none; }
.thumb-cont .watch-later i { width: 1rem; height: 1rem }
.thumb-cont .watch-later .icon-tik { display:none; font-size: .7em }
.thumb-cont .watch-later:hover  { background: #000}
.thumb-cont .watch-later.added .icon-tik { display: inline-block  }
.thumb-cont .watch-later.added .icon-watch { display: none  }
.thumb-cont .watch-later i { color: #fff}

.video-cell:hover .thumb-cont .icon-play.icon-screen-back,
.thumb-cont:hover .icon-play.icon-screen-back {opacity: 1;}
.video-cell .thumb-cont .icon-article,
.thumb-cont .icon-article {position: absolute; bottom:0; right:0; padding:.6rem .5rem .4em; font-size: 1rem; border-radius: 3px 3px 0 0; background: #ed0f64; color:#fff!important; text-decoration:none;}
.video-cell .thumb-cont .subs { position: absolute; bottom:1px; left:3px; padding:.4em; border-radius:4px; background: rgba(0,0,0,0.6); font:normal 0.72rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase}
.video-cell .thumb-cont .dur { position: absolute; bottom:1px; right:3px; padding:.4em; border-radius:4px; background: rgba(0,0,0,0.6); font:normal 0.72rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none}
.video-cell .video-caption { /*max-height:75px;*/ padding:1rem 0 0; margin-right: 1.43rem;  }
.video-cell .video-caption  h2 { font: normal 1.07rem/1.25 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; color:#000; }
.video-cell .video-caption  h2 a { display:block; width: 100%; box-sizing: border-box ; }
.video-cell .video-caption  h2 a i.icon-bar-code { font-size: .75rem }
.video-cell .video-caption  p { font: normal 0.86rem/1.17 Roboto-regular, sans-serif; color:#9d9e9f; padding: 0.36rem 0 0;}
.video-cell .video-caption  p a.uploder { color:#525252}
.video-cell .video-caption  p .watched-num { padding:0 0.14rem 0 0.36rem}
.video-cell .video-caption  p .watched-num  i {}
.video-cell .video-caption  p time {}
.video-cell .video-opt { float:right; display:inline-block; width:auto; padding: 1.2rem 0 0; cursor: pointer }
.video-cell .video-opt i { }

.video-cell.playlist-cell .playlist-add { position: absolute; right: 0; top:0; bottom: 0; width: 5.72rem; overflow: hidden; -webkit-transition: width .3s; /* Safari */ transition: width .3s; background: rgba(0,0,0,0.8); color: #fff; text-transform: uppercase; text-align: center; font: normal 1rem Roboto-regular, sans-serif}
.video-cell.playlist-cell .playlist-add > * { position: absolute; top: 50%; text-align: center }
.video-cell.playlist-cell .playlist-add .info { width:5.72rem; font-size: 0.71rem; margin-top: -3.2rem;}
.video-cell.playlist-cell .playlist-add .info span { display: block}
.video-cell.playlist-cell .playlist-add .info .num-vid { font-size: 1.3rem; line-height: 1.5; font-weight: bold}
.video-cell.playlist-cell .playlist-add .info i.icon-playlist { color: #fff; width:2.3rem; font-size: 1.25rem; margin: 1rem 0 0}
.video-cell.playlist-cell .playlist-add .play-hov { display: none; white-space:nowrap; width:100%; min-width: 10.71rem; font-size: 1rem; margin-top: -0.75rem; opacity: 0; -webkit-transition: opacity .5s; /* Safari */ transition: opacity .5s;}
.video-cell.playlist-cell:hover > * { opacity: 1 }
.video-cell.playlist-cell:hover .playlist-add { width:100%;  }
.video-cell.playlist-cell:hover .playlist-add .info { display: none; }
.video-cell.playlist-cell:hover .playlist-add .play-hov { display: block; text-align: center; opacity: 1 }
.video-cell.playlist-cell .playlist-add .play-hov i.icon-play { font-size: 1.75rem; margin-right: .75rem; display: inline-block; }
.video-cell.playlist-cell a:hover .playlist-add .play-hov i.icon-play { color: #fff}
.video-cell.playlist-cell .playlist-add .play-hov i.icon-play { bottom: -.2em}
.video-cell.playlist-cell .playlist-add .play-hov span {display: inline-block}

.video-cell.playlist-cell .group-add { position: absolute; right: 0; top:0; bottom: 0; width: 5.72rem; overflow: hidden; -webkit-transition: width .3s; /* Safari */ transition: width .3s; background: rgba(0,0,0,0.8); color: #fff; text-transform: uppercase; text-align: center; font: normal 1rem Roboto-regular, sans-serif}
.video-cell.playlist-cell .group-add > * { position: absolute; top: 50%; text-align: center }
.video-cell.playlist-cell .group-add .info { width:5.72rem; font-size: 0.71rem; margin-top: -2rem;}
.video-cell.playlist-cell .group-add .info span { display: block}
.video-cell.playlist-cell .group-add .info .num-vid { font-size: 1.3rem; line-height: 1.5; font-weight: bold}
.video-cell.playlist-cell .group-add .info i.icon-playlist { color: #c8c8c8; width:2.3rem; font-size: 1.25rem; margin: 1rem 0 0}
.video-cell.playlist-cell .group-add .play-hov { display: none; white-space:nowrap; width:100%; min-width: 10.71rem; font-size: 1rem; margin-top: -0.75rem; opacity: 0; -webkit-transition: opacity .5s; /* Safari */ transition: opacity .5s;}
.video-cell.playlist-cell:hover > * { opacity: 1 }
.video-cell.playlist-cell:hover .group-add { width:100%;  }
.video-cell.playlist-cell:hover .group-add .info { display: none; }
.video-cell.playlist-cell:hover .group-add .play-hov { display: block; text-align: center; opacity: 1 }
.video-cell.playlist-cell .group-add .play-hov i.icon-play { font-size: 1.75rem; margin-right: .75rem; display: inline-block; }
.video-cell.playlist-cell a:hover .group-add .play-hov i.icon-play { color: #fff}
.video-cell.playlist-cell .group-add .play-hov i.icon-play { bottom: -.2em}
.video-cell.playlist-cell .group-add .play-hov span {display: inline-block}

#add-to-pls-and-group .video-cell.playlist-cell .thumb-cont .group-add i[class*=icon] { color: inherit;} 
#add-to-pls-and-group .video-cell.playlist-cell .group-add  i.icon-checkbox { display: inline-block; position: relative; font-size: 2.5em; margin: .85rem 0 0;  }
#add-to-pls-and-group .video-cell.playlist-cell .group-add  i.icon-tik { display: none; position: absolute; top: .9em; left: .6em;  font-size: .35em;  font-weight: bold; color: #e62d6c !important; }
#add-to-pls-and-group .video-cell.playlist-cell .group-add .play-hov { margin-top: -2rem}
#add-to-pls-and-group .video-cell.playlist-cell .group-add .play-hov i.icon-checkbox { display: inline-block;}
#add-to-pls-and-group .video-cell.playlist-cell.marked .group-add .info i.icon-playlist { display: none}
#add-to-pls-and-group .video-cell.playlist-cell.marked .group-add .info i.icon-checkbox,
#add-to-pls-and-group .video-cell.playlist-cell.marked .group-add .info i.icon-tik { display: inline-block}
#add-to-pls-and-group .video-cell.playlist-cell.marked:hover {}
#add-to-pls-and-group .video-cell.playlist-cell.marked .group-add .play-hov i.icon-checkbox { display: inline-block; position: relative}
#add-to-pls-and-group .video-cell.playlist-cell.marked .group-add .play-hov i.icon-tik { display: inline-block; position: absolute }
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive { opacity: 0.7; cursor: default}
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive .group-add .info i.icon-playlist { display: none}
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive:hover {}
.video-cell.playlist-cell.marked.inactive .group-add { -webkit-transition: none; transition: none;  }
.video-cell.playlist-cell.marked.inactive:hover .group-add { width: 5.72rem;  }
.video-cell.playlist-cell.marked.inactive:hover .group-add .info { display: block; }
.video-cell.playlist-cell.marked.inactive:hover .group-add .play-hov { display: none; }

#add-to-pls-and-group .video-cell.playlist-cell .thumb-cont .playlist-add i[class*=icon] { color: inherit;} 
#add-to-pls-and-group .video-cell.playlist-cell .playlist-add .info i.icon-playlist { color: #c8c8c8; width:2.3rem; font-size: 1.25rem; margin: 1rem 0 0}
#add-to-pls-and-group .video-cell.playlist-cell .playlist-add  i.icon-checkbox { display: none; position: relative; font-size: 2.5em; margin: .85rem 0 0;  }
#add-to-pls-and-group .video-cell.playlist-cell .playlist-add  i.icon-tik { display: none; position: absolute; top: .9em; left: .6em;  font-size: .35em;  font-weight: bold; color: #e62d6c !important; }
#add-to-pls-and-group .video-cell.playlist-cell .playlist-add .play-hov { margin-top: -2rem}
#add-to-pls-and-group .video-cell.playlist-cell .playlist-add .play-hov i.icon-checkbox { display: inline-block;}
#add-to-pls-and-group .video-cell.playlist-cell.marked .playlist-add .info i.icon-playlist { display: none}
#add-to-pls-and-group .video-cell.playlist-cell.marked .playlist-add .info i.icon-checkbox,
#add-to-pls-and-group .video-cell.playlist-cell.marked .playlist-add .info i.icon-tik { display: inline-block}
#add-to-pls-and-group .video-cell.playlist-cell.marked:hover {}
#add-to-pls-and-group .video-cell.playlist-cell.marked .playlist-add .play-hov i.icon-checkbox { display: inline-block; position: relative}
#add-to-pls-and-group .video-cell.playlist-cell.marked .playlist-add .play-hov i.icon-tik { display: inline-block; position: absolute }
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive { opacity: 0.7; cursor: default}
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive .playlist-add .info i.icon-playlist { display: none}
#add-to-pls-and-group .video-cell.playlist-cell.marked.inactive:hover {}
.video-cell.playlist-cell.marked.inactive:hover > * {}
.video-cell.playlist-cell.marked.inactive .playlist-add { -webkit-transition: none; transition: none;  }
.video-cell.playlist-cell.marked.inactive:hover .playlist-add { width: 5.72rem;  }
.video-cell.playlist-cell.marked.inactive:hover .playlist-add .info { display: block; }
.video-cell.playlist-cell.marked.inactive:hover .playlist-add .play-hov { display: none; }
.video-cell.marked.inactive .thumb-cont img { -webkit-transition: none; /* Safari */ transition: none; }
.video-cell.marked.inactive:hover .thumb-cont img { width:100%; height: 100%; margin: 0; }
.video-cell.playlist-cell .thumb-cont i[class*=icon]:hover, 
.video-cell.playlist-cell a.thumb-cont:hover i[class*="icon-"]  { color: inherit}

#add-to-pls-and-group .video-cell.playlist-cell .video-caption { margin-right: 0 }
#add-to-pls-and-group .video-cell.playlist-cell .video-caption h2 {  height: 1.5rem; overflow: hidden }
.video-cell.playlist-cell .video-caption a.playlists_toggleSticky,
.video-cell.playlist-cell .video-caption i.playlists_toggleStickyFixed,
.video-cell.playlist-cell .video-caption a.groups_toggleSticky { float:left; margin: 0 .5rem 0 0  }/**/
.video-cell.playlist-cell .video-caption a.playlists_toggleSticky:hover i[class*=icon] { color: #e62d6c  }
.video-cell.playlist-cell.inactive .video-caption a.playlists_toggleSticky:hover i[class*=icon],
.video-cell.playlist-cell.inactive .video-caption a.groups_toggleSticky:hover i[class*=icon],
.video-cell.playlist-cell.inactive .video-caption a.playlists_toggleSticky i[class*=icon]:hover,
.video-cell.playlist-cell.inactive .video-caption a.groups_toggleSticky i[class*=icon]:hover { color: #9e9e9e  }/**/




.cells-container p.clearfix:nth-of-type(odd) { display: none!important; }

.left-cont .wide-pink-btn { margin: 1.75rem 0}
.wide-pink-btn > i.icon-arr-down { width:2.1rem; }

.drop-down-cont.video-opt .drop-down-nav { right: -0.15rem; z-index: 999; border: 0; box-shadow: 0 0 .5rem #999}
.drop-down-cont.video-opt i.icon-ham-dots {font-size: 1.3em; bottom: initial; width: auto; padding: 0 0.36rem 0.36rem 1.07rem; cursor: pointer;}
.drop-down-cont.video-opt:hover i.icon-ham-dots {color: #e62164; }
/*.drop-down-cont.video-opt:hover .drop-down-nav {display: block; }*/
.drop-down-cont.video-opt .drop-down-nav li { white-space: nowrap}
.drop-down-cont.video-opt .drop-down-nav a { height: 3rem}
.drop-down-cont.video-opt .drop-down-nav a i { margin: 0 .3rem 0 0}
.drop-down-cont.video-opt .drop-down-nav i.icon-subscript { margin-left: 1.43rem }
.drop-down-cont.video-opt .drop-down-nav li:hover i.icon-subscript,
.drop-down-cont.video-opt .drop-down-nav i.icon-subscript ~ a.global-subscribe,
.drop-down-cont.video-opt .drop-down-nav i.icon-subscript ~ a.global-unsubscribe {display: inline-block; padding-left: 0}
.drop-down-cont.video-opt .drop-down-nav a.subscr-notifications-act i.icon-bell.active-color:before { /*content: "\e94c"*/}

/* VIDEO OPT MODALS styles */

/* add to playlist modal */

.row.mod-ctrls { margin: 1rem -30px;}
.row.mod-ctrls .sort-bar { padding: .5rem 30px;}
.row.mod-ctrls .sort-bar > .def-btn {display: inline-block}
.row.mod-ctrls .sort-bar > a:not(.def-btn) { }
.row.mod-ctrls .sort-bar > a > * { display: inline-block; width: initial}
.row.mod-ctrls .sort-bar > a > input { }
.row.mod-ctrls .sort-bar > a > a:hover { text-decoration: underline }
.closePopLink:hover {text-decoration: underline}
#add-new-playlist:not(.def-btn) { display: inline; text-decoration: none; font-size: 1rem}
#add-to-pls-and-group .row.cells-container { max-height: calc(100vh - 500px); overflow: hidden}

button.close, .close,
button.close i, .close i,
button.close:hover, .close:hover { opacity: 1; text-shadow: none}



/* SEARCH results */

.search-results .title-row a { color: #e62164; margin: 0 .5rem  }
.title-row nav { float:right}
.search-results .title-row a.filters-button {color: inherit }
.search-results .title-row a.filters-button .icon-arr-down-sm {color:#e62d6c/*common value*/; margin: 0 0 0 .36rem; bottom: -.2em}
.search-results .title-row a.filters-button .icon-arr-down-sm:before {border-top-color:#e62d6c /*common value*/}
.search-results .title-row a.filters-button .icon-arr-up-sm:before {border-bottom-color:#e62d6c /*common value*/}
.search-results .row.full-back { background: #fff; border:1px solid #ddd/*common value*/; border-radius: 5px;  margin: 1rem 0;  }
.search-results .row.full-back i[class*=icon] { background: #fff; margin: 0 1.43rem; }
.search-results .row.full-back .right i[class*=icon] { float: left }
.search-results .row.results-container .inner-col-wrapper-15 { padding: 0 18px }

.filters-blocks ul { padding-top: 1.07rem; padding-bottom: 1.07rem; list-style: none; font: normal 0.93rem Roboto-regular, sans-serif;  color: #000;}
.filters-blocks ul li { display: block; line-height: 1.5rem; margin: 0.16rem 0}
.filters-blocks ul li a { display: inline-block; text-decoration: none; color: inherit}
.filters-blocks ul li a .radio-sel { display: block; box-sizing: border-box;  float: left; width: 14px; height: 14px; padding: 2px; margin: .25em 0.36rem 0 0; background: #fff; border: 1px solid #9d9e9f; border-radius: 50%; }
.filters-blocks ul li a .radio-sel i { display: block; width: 8px; height: 8px; background: #9d9e9f; border-radius: 50%;}
.filters-blocks ul li.selected a  { color: #e62164}
.filters-blocks ul li.selected a .radio-sel i { background: #e62164}
.filters-blocks ul li:hover a { color: #e62164}
.filters-blocks ul li:hover a .radio-sel { border-color: #e62164}
.filters-blocks ul li.inactive a, .filters-blocks ul li.inactive:hover a { color: #9d9e9f; cursor: default}
.filters-blocks ul li.inactive a .radio-sel { opacity: 0.3}
.filters-blocks ul li.inactive:hover a .radio-sel { border-color: #9d9e9f }
.filters-blocks ul li.inactive a .radio-sel, .filters-blocks ul li.inactive:hover a .radio-sel { opacity: 75%}

.sort-nav a { color: inherit}
.drop-down-cont.right .drop-down-nav { right: -0.14rem;}

.search-results .results-container { margin-top: 1.07rem; color: #9d9e9f; font: normal 0.93rem/1.15 Roboto-regular, sans-serif; }
.search-results .results-container .col-sm-12 { margin-top: 1.07rem }

.channel-row { }
.channel-row:after { display: block; clear: both; content: ""}
.channel-row .avt-cont { display: block; width:90px; height: 90px; float: left; margin: 0 1.43rem 0 0}
.channel-row .channel-info { }
.channel-row .channel-info a { color: #000}
.channel-row .channel-info h2 { font: normal 1.07rem Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; }
.channel-row .channel-info h2 a {}
.channel-row .channel-info p { padding: 0.36rem 0 0}
.channel-row .channel-info .subscibe-wrap { padding: 0.71rem 0 0}
.channel-row .channel-info .subscibe-wrap a.usr-subscribe { color: #e62164  /*common val*/}
/*.channel-row .channel-info .subscibe-wrap a.usr-subscribe:before { content: '+ ' }*/
.channel-row .channel-info .subscibe-wrap .subscr-notify {}

.group-row { padding-top: 1rem }
.group-row:after { display: block; clear: both; content: ""}
.group-row .avt-cont { display: block; width:auto; height: 90px; float: left; margin: 0 1.43rem 0 0}
.group-row .group-info { padding-top: .5rem }
.group-row .group-info a { color: #000}
.group-row .group-info h2 { font: normal 1.07rem Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; padding-bottom: .5rem }
.group-row .group-info h2 a {}
.group-row .group-info p { padding: 0.36rem 0 0}
.group-row .group-info p a { color: inherit}


.notifications-wrap { display: inline-block; padding-bottom: .1em}
.notifications-wrap .icon-bell,
.notifications-wrap .icon-bell-filled {position: relative; bottom: -.3rem; margin: 0 0 0 .2rem; font-size: 1.2em; cursor: pointer}
.notifications-wrap .icon-bell:hover {color: #ec0f63; }
.notifications-wrap .icon-bell:hover:before { content: "\e94c"}
.notifications-wrap .icon-bell.subscribed {color: #e62164  /*common val*/}

.video-row { /*do 1280!!!*/display: table; /*width: 100%;*/ table-layout: fixed}
.video-row .video-num {  /*do 1280!!!*/display: table-cell; width: 2.5em; text-align: left; vertical-align: middle; color: #999 }
.video-row .video-num span.num { white-space: nowrap;  }
.video-row.active .video-num span.num { display: none }
.video-row .video-num span.ind { display: none}
.video-row.active .video-num span.ind { display: inline-block}
.video-row .video-num span.ind .icon-play { color:#ec0f63; font-size: .75em }
.video-row .thumb-cont { /*do 1280!!!*/display: table-cell; width:154px; }
.video-row .thumb-cont > a { display: block; position: relative; width:154px; height: 86px; overflow: hidden /* background: #c00*/  }
.video-row .thumb-cont > a > * { position: absolute; }
.video-row .thumb-cont img.thumb { width:154px; height: 86px; -webkit-transition: width .15s, height .15s, margin .15s, top .15s, left .15s; /* Safari */ transition: width .15s, height .15s, margin .15s, top .15s, left .15s; }
.video-row:hover .thumb-cont img { width:105%; height: 105%; margin: -1.5% -2.5%; }
.video-row .thumb-cont .subs { bottom: 2px; left: 3px; padding: 0.3rem; border-radius: 4px; background: rgba(0,0,0,0.6); font: normal 0.71rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase}
.video-row .thumb-cont .dur { bottom: 2px; right: 3px; padding: 0.3rem; border-radius: 4px; background: rgba(0,0,0,0.6); font: normal 0.71rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none}
.video-row .video-opt { position: absolute; right: 0}
.video-row .video-opt {}
.video-row .video-caption { display: table-cell; position: relative; vertical-align: top; padding: 0 0 0 1.43rem; /*border: 1px solid #f00*/}
.video-row .video-caption h2 { font: normal 1.07rem/1.15 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; margin: -0.14rem 1.07rem 0 0 }
.video-row .video-caption h2 a { display: block; width: 100%; max-height: 3.35em; min-height: 1.5em; color: #000; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis; */}
.video-row .video-caption .add-info { padding: 0.57rem 0 0.36rem; margin: 0 }
.video-row .video-caption .add-info a.uploder { color: inherit; font: normal 0.86rem Roboto-g-500, Roboto500, Roboto-Regular, sans-serif;}
.video-row .video-caption .add-info .watched-num {}
.video-row .video-caption .add-info time {}
.video-row .video-caption .desc { max-height: 3rem; overflow: hidden; }
.video-row .video-caption .desc p { padding: 0 }


.video-row .video-caption .desc p a { color: inherit }
.video-row.playlist-row .thumb-cont { position: relative}


.thumb-cont .playlist-add { position: absolute; right: 0; top:0; bottom: 0; width: 2.9rem; overflow: hidden; background: rgba(0,0,0,0.8); color: #fff; text-transform: uppercase; text-align: center; font: normal 0.857rem Roboto-regular, sans-serif}
.thumb-cont .playlist-add .info { position: absolute; top: 50%; text-align: center; width: 2.9rem; margin-top: -1.43rem; }
.thumb-cont .playlist-add .info .num-vid {  }
.thumb-cont .playlist-add .info .icon-playlist { width:2.286rem; height: 2.286rem; margin: 0.36rem 0 0 }


.video-row.playlist-row .video-caption .desc p { position: relative}
.video-row.playlist-row .video-caption .desc p .title { display: block; margin-right: 2.14rem;}
.video-row.playlist-row .video-caption .desc p .title a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.video-row.playlist-row .video-caption .desc p .dur { position: absolute; top:0 ; right:0px }

.video-row.spons-video  { width:100%; padding-bottom: 2rem; border-bottom: 1px solid #ddd/*common value*/; margin-bottom: 2rem}
.video-row.spons-video .thumb-cont { width: 33.3333%}
.video-row.spons-video .thumb-cont > a { display: block; position: relative; width:100%; height: 0; padding-top: 56.25%; /* background: #c00*/  }
.video-row.spons-video .thumb-cont > a > * { position: absolute;   }
.video-row.spons-video .thumb-cont img.thumb { width:100%; height: 100%; top:0;  margin: 0; }
.video-row.spons-video:hover .thumb-cont img.thumb { width:105%; height: 105%; margin: -2.5% -2.5% }
.video-row.spons-video .exclusivepremiere { position:static; display: inline-block; clear: both;height: auto; padding: 0.75rem 1rem; margin: 0 0 1rem; font: 1rem/1 Roboto-g-500,Roboto,sans-serif; }
.video-row.spons-video .video-caption .add-info { font: normal 0.86rem/1.17 Roboto-regular, sans-serif; color:#9d9e9f; }
.video-row.spons-video .video-caption .add-info a.uploder { color:#525252; /*common value*/ }
.video-row.spons-video .video-caption .add-info i:hover { color: inherit }

/*right fixed*/
.main-fixed.fixed-cont:not(.item-page) .backhome-btn { display: none; opacity: 0;  }
.main-fixed.fixed-cont.item-page .backhome-btn { display: block; opacity: 1; position: absolute; top:0; left:-18px; width:47px; height: 100%; overflow: hidden;  }
.main-fixed.fixed-cont.item-page .backhome-btn .ic-cont { display: block; position: absolute; top:25%; left:0px; width:47px; height: 73px; font-size: 73px;}
.main-fixed.fixed-cont.item-page .backhome-btn .ic-cont i { display: block; position: absolute; }
.main-fixed.fixed-cont.item-page .backhome-btn .ic-cont i.icon-screen { left: -55%; top:0; color:#ec0f63 }
.main-fixed.fixed-cont.item-page .backhome-btn .ic-cont i.icon-arr-left { left: 20%; top: 50%; margin-top: -35%; z-index: 5; font-size: 35px; color: #fff }
.main-fixed.fixed-cont.item-page .backhome-btn:hover { opacity: 1!important}
.main-fixed.fixed-cont.item-page .backhome-btn:hover .ic-conti.icon-arr-left { color: #fff }

.watched-video { /*max-height: calc( 100% - 130px - 80px );*/ /*140 common value - more videos height*/ }
.player-container { width:100%; position:relative; font-size:0; cursor: pointer}



.player-wrapper {position: relative; margin: 0 auto; max-width: 100%; /*height: calc(100% - 130px);*/ /*width: calc((100vh - 130px - 80px - 165px) * 16 / 9)*/; /*130 common value - more videos height*/ /*background: #0c0*/}
.player {position: relative;	padding-bottom: 56.25%; /* 16:9 */	height: 0; margin: 0; cursor: pointer}
.player .vbox-player {position: absolute; top: 0;	width: 100%;	height: 100%;}

.player-wrapper .icon-play.icon-screen-back {opacity: 1; position: absolute; top:50%; left: 50%; margin: -0.47em 0 0 -0.3em; font-size: 1.5rem; color: #fff;  -webkit-transition: opacity .35s; /* Safari */ transition: opacity .35s; z-index: 10}
.player-wrapper .icon-play.icon-screen-back:before { display: block; position: absolute; z-index: 2 }
.player-wrapper .icon-play.icon-screen-back:after { font-size: 1.5rem; /*IE fix - do not delete!*/ }
.player-wrapper .icon-play.icon-screen-back:after { font-size: 2.3em; text-align: center;  width: 1.02em;  margin-top:-0.31em; margin-left: -0.38em; top:0; left: 0; opacity: .75; color: #000;  }

.scrollbar-inner {position: relative; margin: 0 auto;}


/* article and other items styles */

.article-wrapper,
.item-wrapper { color: #000}
.article-wrapper.scrollbar-inner,
.item-wrapper.scrollbar-inner { max-width: 100%; max-height: calc(100vh - 90px); padding-right: 9px}

.article-wrapper .item-params-container,
.item-wrapper .item-params-container { margin: 0 0 1.5rem 0}

.headings-cont { width: 78%; text-align: left; margin: auto; padding-top:  2.2rem ; border-bottom: 1px solid #d9d9d9;}
.headings-cont h1 { padding:0 0 .8rem; font: normal 2.6rem/1.3 Roboto-Regular, sans-serif; } 
.headings-cont h2 {  padding: 0 0 2.8rem; font: normal 1.6rem/1.25 Roboto-Regular, sans-serif; } 
article, .quiz  {padding: .5rem 0 0; margin: 0;  }
article > *, 
.quiz > * { margin: auto}
.quiz > * { max-width: 78%;}
article figure.image { max-width: 78%; margin: 0 auto; }
article img { width: 100%; height: auto; margin: 0 auto;  padding: 1.5rem 0 0 }
img.main-pic { padding: .5rem 0 0 }
article img.b-plhld { display: block; width: auto; height: auto; margin: 0 auto;  padding: 1.5rem 0 0 }
article p, .item-content p,
article h2, .item-content h2 { width: 78%; margin: 1.45rem auto;  }
article p, .item-content > p { font: normal 1.43rem/1.7 Roboto-regular, sans-serif;}
p.embed-cont { position: relative; padding-bottom: 43.875%; }
p.embed-cont > iframe { position: absolute; top:0; left:0; width:100%; height:100%; margin: 0!important }
article h2, .item-content h2 { font: normal 1.8rem Roboto-regular, sans-serif;}
article iframe { display:block; margin: 2.5rem auto ;  }
article > iframe { width: 78%; margin: 2.5rem auto!important;  }
article p iframe { margin: 2.5rem auto!important; max-width: none!important; width: 100%!important  }
article .twitter-tweet  { margin: 2.5rem auto!important }
article a { font-weight: bold; text-decoration: underline; text-underline-position: under; }
figcaption { padding: .5rem 0 0; font: italic 1.2rem Roboto-regular, sans-serif; color: #7c7c7c}
figcaption > * { font:inherit; color: inherit; padding: 0; margin: 0; top:auto; position: static}
.article-wrapper .more-videos,
.item-wrapper .more-videos { width: 78%; margin: 1.5rem auto 0}
.article-wrapper .more-videos .item-params-container,
.item-wrapper .more-videos .item-params-container { border-top: 1px solid #d9d9d9; padding-top: 1.5rem }
.article-wrapper .more-videos .pool-tabs-cont,
.item-wrapper .more-videos .pool-tabs-cont { margin-right: 0; }
.article-wrapper .more-videos .custom-gutter-9.row,
.item-wrapper .more-videos .custom-gutter-9.row { padding-right: 0}
/*overriding bootstrap*/
.article-wrapper .more-videos .video-cell,
.item-wrapper .more-videos .video-cell { width: 33.333333%!important}
.article-wrapper .cells-container-hor .video-cell h3,
.item-wrapper .cells-container-hor .video-cell h3 { margin-top: .8rem; height: 2.8rem; font-size: 1.1rem; line-height: 1.2}
.label { color: #ff1464; font: bold 1rem Roboto-Regular, sans-serif; text-transform: uppercase}
.label i { color: inherit; font-size: .8em; margin-right: .5em; font-weight: bold}
.question .label { font: italic bold 1.3rem Roboto-regular, sans-serif;}

/*homepage dev 6*/
.item-params-container  { margin: 0 20px 1rem 0}
.item-params-container > .row { margin: 0}
.item-params-container > .row > * { margin: .15rem 0 0 }
.item-params-container > .row.bottom-row > * { margin: .75rem 0 0 }
.item-params-container > .row > .left { position: relative; min-width: 50%;}
.item-params-container > .row > .right { }
h1.video-title, .item-title { font: normal 1.43rem/normal Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; color: #212121; }
h1.video-title a, .item-title a { font: inherit }
.item-params-container .top-row .right { margin: 0}
.item-params-container .right .drop-down-cont.video-opt .icon-ham-dots { padding: .2rem 0 .2rem 2rem }
.item-params-container .right .drop-down-cont.video-opt .drop-down-nav { z-index: 2000; right: 0.75rem; top:.2rem; /*font: normal 0.93rem/1.5 Roboto-Regular, sans-serif!important;*/ }
.item-params-container .right .drop-down-cont.video-opt .drop-down-nav a { height: 2.5rem }
.item-params-container .right .drop-down-cont.video-opt .drop-down-nav i.icon-statistics { font-size: 1.1em }
.item-params-container .right .drop-down-cont.video-opt .drop-down-nav i.icon-edit { font-size: 1.2em }
.item-params-container .right .drop-down-cont.video-opt .drop-down-nav i.icon-subscript { margin-left: 0 }

.item-params-container a.def-btn.vote-up { margin-left: 0}
.item-params-container .vote-up, 
.item-params-container .vote-down { display: inline-block; margin: 0 1.2rem 0 0; font: normal 1.071rem/2 Roboto-regular, sans-serif;color: #010000; text-decoration: none;}
.def-btn.vote-up > i.icon-thumb-up,
.item-params-container .vote-down > i.icon-thumb-down {width: 1.79rem; height: 1.79rem; vertical-align: middle; margin: 0 .2em 0 0; font-size: 1.3em}

a.def-btn.vote-up:hover {background-color: #24b701 /*common value*/; border: 1px solid #24b701;}
a.def-btn.vote-up.voted:hover, 
a.def-btn.vote-up.disabled:hover {cursor: default; background-color: #ffffff; border: 1px solid #b3b3b3; color: #010000;}
a.def-btn.vote-up.voted > i.icon-thumb-up:before {color: #24b701;}
a.def-btn.vote-up.voted:hover > i.icon-thumb-up:before {color: #24b701;}

a.def-btn.vote-up.disabled > i.icon-thumb-up:before {color: #9e9e9e;}
a.def-btn.vote-up.disabled:hover > i.icon-thumb-up:before {color: #9e9e9e;}

.item-params-container a.vote-down.voted:hover, 
.item-params-container a.vote-down.disabled:hover {cursor: default;}
.item-params-container a.vote-down.voted > i.icon-thumb-down:before {color: #ec0f63;}
.item-params-container a.vote-down.voted:hover > i.icon-thumb-down:before {color: #ec0f63;}

.item-params-container a.vote-down.disabled > i.icon-thumb-down:before {color: #9e9e9e;}
.item-params-container a.vote-down.disabled:hover > i.icon-thumb-down:before {color: #9e9e9e;}

.item-params-container > .row > .left .note-system-msg.note-yellow {position: absolute; z-index: 1; display: inline-block; padding: .4rem 1rem .3rem /*common value*/; min-width: 17rem; text-align: center; border-radius: 5px /*common value*/; white-space: nowrap; line-height: 26px;  }
.item-params-container > .row > .left .note-system-msg.note-yellow a,
.item-params-container > .row > .left .note-system-msg.note-yellow a:focus,
.item-params-container > .row > .left .note-system-msg.note-yellow a:hover {text-decoration: none }
.item-params-container > .row > .left .note-system-msg.note-yellow a:hover i,
.item-params-container > .row > .left .note-system-msg.note-yellow a i {color: initial }

.item-params-container > .row > .left .note-system-msg.note-yellow.alert-dismissible i { margin: 0 0 0 .5rem; vertical-align: middle; bottom: initial}
.item-params-container > .row > .left .note-system-msg.note-yellow.alert-dismissible a { color: initial}
.item-params-container > .row > .left .note-system-msg.note-yellow.alert-dismissible .close { right: -7px; top: -7px}


.fb-share-play.facebook-share-button-big { display: inline-block;  color: #3b5a99}
.fb-share-play i.icon-fb-screen { font-size: 1.7em;  }
.fb-share-play span:not([class]) { margin: .2rem; vertical-align: baseline }
.fb-share-play  span.baloon-cont { vertical-align: middle;  }
.fb-share-play.facebook-share-button-big.def-btn:hover {border-color: #3b5a99; background: #3b5a99; color: #fff}
.fb-share-play.facebook-share-button-big.def-btn:hover span.baloon-cont { color: #fff}
.fb-share-play.facebook-share-button-big.def-btn:hover span.baloon-cont:after { border-right-color: #3b5a99}
.item-params-container a.create-gif { text-decoration: none; margin-left: 1em; font-size: 1.071rem}
.item-params-container a.create-gif i {  font-size: 1.5em; height: 1.79rem; width: 1.5rem; margin: 0 0.2em 0 0; vertical-align: middle;}
.item-params-container .add-info { display: inline-block; margin:0 0 0 1.43rem; color: #9d9e9f; font: normal 0.93rem Roboto-regular, sans-serif;  }
.item-params-container .watched-num { position: relative; cursor: pointer  }
.item-params-container .watched-num i[class^="icon-"] { margin:0 .3em 0 .1em; bottom: initial}
.watched-num .watched-sum-wrap { position: absolute; top:1.1em; display: none;
	z-index: 50;
	left:1rem;
	min-width:12.86rem;
	width:auto;
	height: 2.86rem;
	border: 1px solid #d4d4d4;
	border-radius:5px;
	background: #fff;
	font:normal 1.43rem 'PT Sans Caption', sans-serif;
	color: #474747;
	vertical-align: middle; 
	white-space: nowrap}
.watched-num .watched-sum-wrap:before,
.watched-num .watched-sum-wrap:after {content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0;}
.watched-num .watched-sum-wrap:before {top: -10px; left: 2.08rem; border-bottom-color: #c3c3c3; border-width: 10px;}
.watched-num .watched-sum-wrap:after {top: -9px; left: 2.08rem; border-bottom-color: #fff; border-width: 10px;}
.item-params-container .watched-num:hover i[class^="icon-"] { color: #e62d6c /*common value*/}
.watched-num:hover .watched-sum-wrap { display: block;}
.watched-num:hover .watched-sum-wrap .ext-views-num { text-align: right}
.watched-num .watched-sum-wrap i { margin:0 0 0 -.3em; bottom: initial}
.watched-num .watched-sum-wrap {}

.item-params-container .def-btn, .item-params-container a.def-btn {display: inline-block; border: 1px solid #b3b3b3; border-radius: 5px; padding: .4rem 1rem .3rem; margin-top: 0; margin-bottom: 0; margin-left: .3rem; height: auto; text-decoration: none; font-size: 1.071rem; line-height: 25px;word-break: keep-all; white-space: nowrap; vertical-align: middle}
.item-params-container .def-btn > * {vertical-align: middle; bottom: initial }
.item-params-container .def-btn > i {margin: 0;   }
.item-params-container .def-btn > span {margin-left: 0.2em;   }

 .fb-share-button { display: inline-block!important; margin-top: 0; margin-bottom: 0; margin-left: .3rem;  height: auto; text-decoration: none; line-height: 25px; word-break: keep-all; white-space: nowrap; vertical-align: middle}
 .fb-share-button > span { display: inline-block; border: 0; margin-top: 0; margin-bottom: 0; vertical-align: middle }
 .fb-share-button.small { display: none!important; vertical-align: top; margin-right: .3rem; }
 .theater-mode .fb-share-button.big {display: none!important}
 .theater-mode .fb-share-button.small {display: inline-block!important; }

.item-params-container .def-btn:hover { border-color: #e62d6c /*common value*/ }
.item-params-container .def-btn:hover i { background: transparent; }

a.def-btn.played-video-comments, a.def-btn.usr-avatar { /* margin-right: .5rem*/  }
a.def-btn.played-video-comments .icon-comment {  bottom: 0.05em; font-size: 1.4em; }

a.def-btn.openMySubscrBlock:hover {cursor: pointer}

a.usr-avatar.def-btn {}
a.usr-avatar.def-btn .masked.avatar-sm { display: none!important}
a.usr-avatar.def-btn .masked.avatar-sm-low { display: inline-block!important; vertical-align: top; margin: 0 .5rem 0 0 }
a.usr-avatar.def-btn .masked.avatar-sm-25 { display: inline-block!important; vertical-align: top; margin: 0 .5rem 0 0 }

a.def-btn.backToPlaylistBtn:hover { border-color: #1b1b1b; background-color: #1b1b1b;  }
.item-page a.def-btn.backToPlaylistBtn { display: none }

a.no-hover, a.no-hover:hover {text-decoration:none; cursor:pointer;}

/*END homepage dev 6*/


.more-videos  { position: relative; padding: .6rem 0 0; /*top:-8px;*/ /*temp value for custom scrollbar*/}
.more-videos .row { /*padding-top: 20px;*/ padding: 0  }
.more-videos .pool-tabs-cont { border-top: 1px solid #d9d9d9; margin-right: 20px;}
.more-videos .pool-tabs-cont a { display: inline-block; color: #212121; text-decoration: none; font-size: 1.05rem;  padding: .8rem .8rem .8rem 0}
.more-videos .pool-tabs-cont a:hover { text-decoration: none }
.more-videos .pool-tabs-cont a:after { content:"|"; padding-left: .6rem; color: #d9d9d9; font-weight: normal; font-size: 1rem }
.more-videos .pool-tabs-cont a:last-child:after { content:""; display: none }
.more-videos .pool-tabs-cont a.active { }
.more-videos .pool-tabs-cont a i.icon-arr-down { display: none; color: #e62d6c /*common value*/; font-size: 0.6rem; padding: 0 0 0 .6rem}
.more-videos .pool-tabs-cont a.active i.icon-arr-down { display: inline-block}



.cells-container-hor {/*padding: 0 30px 0 0*/}
.cells-container-hor .video-cell { display:block; text-decoration:none; cursor:pointer; font-size: 0; }
.cells-container-hor .video-cell .thumb-cont .subs { position: absolute; bottom: 2px; left: 2px; display: inline-block; padding: 0.3rem; border-radius: 4px; background: rgba(0,0,0,0.6); font: normal 0.71rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase}
.cells-container-hor .video-cell .thumb-cont .dur { position: absolute; bottom: 2px; right: 2px; display: inline-block; padding: 0.3rem; border-radius: 4px; background: rgba(0,0,0,0.6); font: normal 0.71rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none}
.cells-container-hor .video-cell h3 { padding: .2rem 0 0; font: normal 1rem/1.1  Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; height:2.5rem; overflow:hidden; color:#212121; text-decoration:none; }
.cells-container-hor .video-cell .thumb-cont .next-video { padding: 0 .5rem;  position: absolute; bottom: 0; left: 0; right: 0; height: 2rem; background: #373737; }
.cells-container-hor .video-cell .thumb-cont .next-video > span { color: #fff; font-size: 0.7rem; line-height: 2rem }
.cells-container-hor .video-cell .thumb-cont .next-video .autoplay-btn { margin: .5rem 0 }
.cells-container-hor .video-cell.extPlayVideo { }
.exclusivepremiere { position: absolute; top:0; z-index: 10; display: inline-block; padding: 0.2rem 0.5rem; height:1.43rem ; width: auto; font: normal 0.93rem/0.93rem Roboto-g-500, Roboto, sans-serif;  color: #fff; background-color: #ed0f64; }
.yellow-exclusive { background-color: #ffc000 !important; }
.orange-exclusive { background-color: #ff6600 !important;}
.red-exclusive { background-color: #e10024 !important;}
.pink-exclusive {background-color: #ff6699 !important;}
.light-green-exclusive { background-color: #00b20d !important;}

.cells-container-hor .video-cell.playlist-cell .playlist-add .info .num-vid { font-size: 1rem; margin-top:.5rem; line-height: 2}
.cells-container-hor .video-cell.playlist-cell .playlist-add .info i.icon-playlist { font-size: 1rem; margin-top: .75rem}

.cells-container-hor .video-cell.playlist-cell .playlist-add .play-hov { font-size: .85rem; }
.cells-container-hor .video-cell.playlist-cell .playlist-add .play-hov i.icon-play { font-size: 1.35rem; color:#fff}


/* ARTICLES and ITEMS PAGES */

.article-wrapper.scrollbar-inner > .scroll-element.scroll-y,
.item-wrapper.scrollbar-inner > .scroll-element.scroll-y {right: 0}


/* DETAILS PAGE */

.right-details-cont a { }

.right-details-cont header { padding: 0; border-bottom: 1px solid transparent; margin-bottom: -1px; text-align: center}
.right-details-cont header .channel-banner { position: relative; background: url('http://i49.vbox7.com/bgr/profilebg/331/profile_fon_3319476.jpg') center -80px no-repeat; background-size: cover; height: 100px; overflow: visible; margin-bottom: 70px;}
.right-details-cont .edit-txt {display: none}
.right-details-cont a:hover .edit-txt {display: inline-block}
.right-details-cont .change-banner { position: absolute; /*common val*/ right: 36px; top: 10px; }

.right-details-cont header .user-avatar-wrap { display: inline-block; margin: 70px 0 -70px; }
.right-details-cont header .user-avatar-wrap > * { display: inline-block; vertical-align: middle }
.right-details-cont header .user-avatar-wrap .avatar-img-cont { position: relative; bottom: -5px; display: inline-block; width: 90px; height: 90px;}
.right-details-cont header .user-avatar-wrap .avatar-img-cont > * { position: absolute; top:0; left: 0; display: block; width: 95px; height: 95px; /*border: 2px solid #eeeded*/ /*common val*/}
.right-details-cont header .user-avatar-wrap .avatar-img-cont > i.icon-screen { top:-2px; left: -2px; font-size: 94px; line-height: 94px; width: 94px; height: 94px; color: #eeeded/*common value*/}
.right-details-cont header .user-avatar-wrap .avatar-img-cont > .edit-pic { display: none; background: rgba(0,0,0,0.7); color: #fff }
.right-details-cont header .user-avatar-wrap .avatar-img-cont:hover > .edit-pic { display: block;}
.right-details-cont header .user-avatar-wrap .avatar-img-cont > .edit-pic > .icon-camera { margin-top: 35px }
.right-details-cont header .user-avatar-wrap .user-name-det {height: 100%; box-sizing: border-box; padding: 35px 0 0 5px; text-align: left;}
.right-details-cont header .user-avatar-wrap .user-name-det h2 { padding: 0;  font: normal 1.07rem/1.47 Roboto, Roboto-regular, sans-serif; text-shadow: 1px 1px 0 #eeeded /*common value*/}
.right-details-cont header .user-avatar-wrap .user-name-det h2 a:hover { text-decoration: none }
.right-details-cont header .user-avatar-wrap .user-name-det h2 a .icon-arr-down { font-size: .5em; bottom: initial; padding: 0 .5em }
.right-details-cont header .user-avatar-wrap .user-name-det .badges-wrap { padding: 0.15em 0 0.33em }
.right-details-cont header .user-avatar-wrap .user-name-det .badges-wrap a:hover { text-decoration: none;}
.right-details-cont header .user-avatar-wrap .user-name-det .badges-wrap .usr-badge { margin-right:0em }
.right-details-cont header .user-avatar-wrap .user-name-det .subscibe-wrap .baloon-cont:after { /*common value*/ border-right-color: #eeeded }
.right-details-cont header .settings-link { position: absolute; /*common val*/right: 36px; bottom: -40px; display: inline-block }
.right-details-cont header .channel-links { position: absolute; /*common val*/right: 1rem; bottom: -40px; display: inline-block }
.right-details-cont header .channel-links i[class^="icon-"], .right-details-cont header .settings-link i[class^="icon-"],
.right-details-cont header .channel-links i[class*=" icon-"], .right-details-cont header .settings-link i[class*=" icon-"] {  font-size: 1.3em; margin: 0 0 0 .4em}

 .right-details-cont header .settings-link i[class^="icon-"], 
 .right-details-cont header .settings-link i[class*=" icon-"] { bottom: -.2em}

.right-details-cont .details-content { text-align: center; padding: 0 0 2em 0}
.right-details-cont .details-content > nav { display: block; text-align: center; font-size: 1.07rem; margin: 1.5rem 0 0 }
.right-details-cont .details-content > nav > * { display: inline-block; margin: 0 0 0 1.2rem; line-height: 2.5 }
.right-details-cont .details-content a:hover,
.right-details-cont .details-content a:focus { text-decoration: none; color: initial}
.right-details-cont .details-content > nav a > i[class^="icon-"],
.right-details-cont .details-content > nav a > i[class*=" icon-"] { color: #606060/*common value*/; font-size: 1.3em; margin: 0 .3em 0 .45em}
.right-details-cont .details-content > nav a > i.icon-article { font-size: 1em}
.right-details-cont .details-content > nav a > i.icon-article.icon-screen-back:after { font-size: 2.2rem; margin-top: -.57em}
.right-details-cont .details-content a:hover > i[class^="icon-"],
.right-details-cont .details-content a:hover > i[class*=" icon-"] { color: #e62d6c/*common value*/}
.right-details-cont .details-content .drop-down-cont a > i.icon-ham-dots { transform: rotate(90deg); margin: 0 0 0 .5em }
.right-details-cont .details-content .drop-down-cont .drop-down-nav {min-width:14rem; right: -1.2rem}
.right-details-cont .details-content > nav > a:first-child > i[class^="icon-"] {margin-left: 0}
.right-details-cont .details-content > nav > a > i[class^="icon-"] {margin-right: 1rem}
.right-details-cont .details-content > nav > a > i.icon-playlist:before { font-size: .85em }
.right-details-cont .details-content > nav > a > i.icon-favorites:before { bottom: -.05em;}
.right-details-cont .details-content > nav > a > i.icon-play-empty.icon-screen-back:after { left: 45%;}

.right-details-cont .details-content .cells-container .col-md-6.video-cell:nth-child(2n+1) {clear: left;} 

/* = Video details = */
.right-details-cont .nav-tabs  { font-size: 1.071rem; padding-left: 0;  }
.right-details-cont .nav-tabs > li > a { padding: 0.714rem 2.57rem }
.right-details-cont .nav-tabs > li > a > i.mid-dot { color: #9d9e9f }
.right-details-cont .nav-tabs > li > a > .comments-num { font-size: 1rem; /*common val*/color: #e62164}
.right-details-cont .tab-content { position: relative; /*common val*/background: #fff; min-height: 25rem }

/*Comments*/

.video-comments-cont { padding-top: 40px; padding-bottom: 40px; }
.video-comments-cont .no-comments-opt { display: block; padding: 0px 0 40px 0px ; }
.video-comments-cont .comment-wrap { display: table; width: 100%; table-layout: fixed; margin-bottom: 10px;  }
.video-comments-cont .comment-wrap > * { display: table-cell; vertical-align: top}

.video-comments-cont .sort-comments { padding-top: 10px; margin-bottom: 25px; vertical-align: middle; height: 30px;}
.video-comments-cont .sort-comments .row > div {display: block; float: left;}
.video-comments-cont .sort-comments .drop-down-cont {width: 100%; color: #212121; font: normal 1rem Roboto-g-500, Roboto-regular, sans-serif; vertical-align: middle; }
.video-comments-cont .sort-comments .drop-down-cont-inner {position: absolute;top: -5px;z-index: 2;background: #ffffff;padding-right: 16px; padding-bottom: 16px;}
.video-comments-cont .sort-comments .drop-down-cont::after {content:'';  border-bottom: 1px solid #c1c1c1; height: 1px; position: relative; float: left;display: block;width: 100%;}
.video-comments-cont .sort-comments .drop-down-cont i.icon-arr-down-sm {bottom: -0.1rem;}
.video-comments-cont .sort-comments .drop-down-cont i.icon-arr-up-sm {bottom: -0.1rem;}

.video-comments-cont .comment-wrap .avt-cont {width: 100%; float: left; display: block;}
.video-comments-cont .comment-wrap .avt-cont .avt-img { width: 65px; float: left;}
.video-comments-cont .comment-wrap .avt-cont .avt-img a { display: block; width: 42px; height: 42px }
.video-comments-cont .comment-wrap .avt-cont .avt-img a img { width: 42px; height: 42px; border-radius: 45%; }

.video-comments-cont .comment-wrap .avt-cont .avt-details {float: left;}
.video-comments-cont .comment-wrap .avt-details h3.user-nick {float: left; line-height: 1.143rem; padding-right: 1rem;}
.video-comments-cont .comment-wrap .avt-details h3.user-nick a {color: #212121; font: normal 1.071rem/1.071rem Roboto-g-500, Roboto-regular, sans-serif; }
.video-comments-cont .comment-wrap .avt-details .badges-wrap {float: left;}
.video-comments-cont .comment-wrap .avt-details p.time {float: left; clear: left; margin-top: 5px; font: normal 0.9286rem/1.071rem Roboto-g-500, Roboto-regular, sans-serif; color: #a7a7a7;}

.video-comments-cont .comment-wrap .comment-cont {width: 100%; float: left; display: block; clear: left; padding-left: 65px;}
.video-comments-cont .update-comment .comment-wrap .comment-cont {width: 100%; float: left; display: block; clear: left; padding-left: 65px;}

.video-comments-cont .comment-wrap .comment-cont p.comment {padding: 5px 0 0 0; font: normal 1rem Roboto-g-500, Roboto-regular, sans-serif; }
.video-comments-cont .comment-wrap .comment-cont .comment-options {padding: 10px 0 20px; font: normal 1rem Roboto-g-500, Roboto-regular, sans-serif; line-height: 2.14rem; }
.video-comments-cont .comment-wrap .comment-cont .comment-options > * { display: inline-block; line-height: 2.14rem;}
.video-comments-cont .comment-wrap .comment-cont .comment-options a { margin: 0 10px 0 0; line-height: 2.14rem;}
.video-comments-cont .comment-wrap .comment-cont .comment-options a:hover {cursor: pointer;}
.video-comments-cont .comment-wrap .comment-cont .comment-options a i { /* width: 15px; height: 15px; */}
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating { color: #a7a7a7; font: normal 0.9286rem Roboto-g-500, Roboto-regular, sans-serif; }
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating span {padding-right: 0.2143rem;}
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating span.txt {font: normal 0.9286rem Roboto-g-500, Roboto-regular, sans-serif; color: #a7a7a7; }
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating span.plus { color: #05d800 }
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating span.minus { color: #fc1921 }
.video-comments-cont .comment-wrap .comment-cont .comment-options span.rating .mid-dot {padding-right: 0.8571rem; padding-left: 0.8571rem;}
.video-comments-cont .comment-wrap .comment-cont .comment-options a.reply { color: inherit }
.video-comments-cont .comment-wrap .comment-cont .reply-wrap .comment-wrap { padding-bottom: 0 }
.video-comments-cont .comment-wrap .comment-cont .reply-cont {width: 100%; float: left; display: block; clear: left; padding-left: 0px;}

.video-comments-cont .comment-wrap .comment-cont .textarea-cont { position: relative; width:100%; min-height: 40px; box-sizing: border-box; padding: 10px; font-size: 14px; border: 1px solid #c1c1c1; border-radius: 5px; }
.comment-cont .textarea-cont:before, .comment-cont .textarea-cont:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0;}
.comment-cont .textarea-cont:before {top: 11px; left: -9px; border-right-color: #c3c3c3; border-width: 9px;}
.comment-cont .textarea-cont:after {top: 12px; left: -7px; border-right-color: #fff; border-width: 8px;}

.video-comments-cont .comment-wrap .comment-cont .textarea-cont textarea { width:100%; height: 16px; padding: 0px 20px 0 0;  border: 0; outline: none  }

.video-comments-cont .comment-wrap.write-comment {margin-bottom: 30px; /* border-bottom: 1px solid #c1c1c1; */ position: relative;}
.video-comments-cont .comment-wrap.write-comment .close-btn,
.video-comments-cont .comment-wrap.write-comment .typing-opt,
.video-comments-cont .comment-wrap.write-comment .post-holder { display: none}
.video-comments-cont .comment-wrap.write-comment .post-holder a.post-comment:hover {cursor: pointer;}
.video-comments-cont .comment-wrap.write-comment.typing .close-btn,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .close-btn,
.video-comments-cont .comment-wrap.write-comment.typing .typing-opt,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .typing-opt,
.video-comments-cont .comment-wrap.write-comment.typing .post-holder,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .post-holder{ display: block;}

.video-comments-cont .comment-wrap.write-comment.typing .comment-cont .textarea-cont textarea,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .comment-cont .textarea-cont textarea { height: 120px; border-bottom: 1px solid #dcdcdc}

.video-comments-cont .comment-wrap.write-comment .close-btn { position: absolute; right: 10px; top: 10px; z-index: 2;}
.video-comments-cont .comment-wrap.write-comment .close-btn a {display: block; width: 20px; height: 20px;}
.video-comments-cont .comment-wrap.write-comment .close-btn a:hover, .video-comments-cont .comment-wrap.write-comment .close-btn i:hover {cursor: pointer;}
.video-comments-cont .comment-wrap.write-comment .close-btn i { width: 20px; height: 20px; color: #fff; background-color: #dcdcdc; font-style: normal!important; border-radius: 50%; text-align: center; line-height: 20px;}
.video-comments-cont .comment-wrap.write-comment.typing .typing-opt,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .typing-opt{ display: block; height: 25px;}

.video-comments-cont .comment-wrap.write-comment .typing-opt a.emoticons { display: inline-block; padding: 0.5em 0.2em; cursor: pointer}
.video-comments-cont .comment-wrap.write-comment .typing-opt a.emoticons > i { font-size: 1.1em;color: #000000;}
.video-comments-cont .comment-wrap.write-comment .typing-opt a.cyrilize { float: right; padding: 0.5714rem 0 0 0; font: normal 0.9286rem Roboto-g-500, Roboto-regular, sans-serif; color: #676868;}
.video-comments-cont .comment-wrap.write-comment .post-holder i.icon-send {font-size: 1.7em; margin: .5em; color: #000000; }

.video-comments-cont .new-comment .comment-wrap {margin-bottom: 20px;}
.video-comments-cont .new-comment .comment-wrap.typing {margin-bottom: 0px;}
.video-comments-cont .new-comment .comment-wrap .avt-cont {display: table-cell; width: 42px; float: none; }
.video-comments-cont .new-comment .comment-wrap .comment-cont {display: table-cell; float: none; padding-left: 10px;}
.video-comments-cont .new-comment .comment-wrap .comment-cont .textarea-cont {}

.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .comment-cont {padding-left: 0px; position: relative;}
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .comment-cont .textarea-cont:before,
.video-comments-cont .new-comment .new-post-body.comment-wrap.write-comment .comment-cont .textarea-cont:after {display: none;}

.video-comments-cont .new-post-bottom-holder {float: left;margin: -29px 0px 12px 0px;}
.video-comments-cont .new-post-antispam {float: left;clear: both;width: 100%;margin: 26px 0px 0px 0px;}
.video-comments-cont .new-post-antispam .anti-spam span {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;text-transform: uppercase;color: #ed0f64;}
.video-comments-cont .new-post-antispam .captchaBox {margin: 17px 0px 0px 0px;}
.video-comments-cont .captchaBox .enter-code-box {float: left;margin: 0px 8px 17px 0px; width: 132px;}
.video-comments-cont .new-post-antispam .captchaBox .enter-code {float: left;line-height: 12px;color: #8d8d8d;text-transform: lowercase;margin: 0px 0px 8px 0px;}

.video-comments-cont .new-post-antispam .captchaBox input[type="text"]{
    width: 120px;margin: 0;padding: 3px;border: 1px solid #d4d4d4;
    font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;height: 17px;
}

.video-comments-cont .captchaBox .show-code-box{
    background: url("//i49.vbox7.com/design/bg/captcha_box_bg.png") repeat scroll 0 0 transparent;float: left;text-align: right;width: 140px;}
.video-comments-cont a.reload-captcha {display: block;float: left;height: 30px;margin: 15px 0 0 17px;line-height: 30px;}
.video-comments-cont .icon-reload {
	float: left;
	display: block;
	height: 30px;
	width: 30px;
	background: url("//i49.vbox7.com/design/iconci/n_icons_sprite_v1.6.png") no-repeat;
	background-position: -152px -510px;
}

/* Info za klipa*/

.video-info-cont {padding-top: 40px; padding-bottom: 40px;}
.video-info-cont section { display: table; width: 100%; table-layout: fixed; padding: 0 0 30px; font: normal 14px Roboto, Roboto-regular, sans-serif; }
.video-info-cont section h3 { display: table-cell; width: 14rem; color: #767676}
.video-info-cont section > div {  }
.video-info-cont section .mid-dot { margin: 0 7px; color: #a7a7a7; line-height: 15px; font-size: 250%;  }

.video-info-cont section.info-common { display: block; width: 100%; table-layout: fixed; padding: 0 0 10px}
.video-info-cont section.info-common > * { display: block; width: 100%; padding: 0 0 20px;}
.video-info-cont section.info-common > div a { color: inherit; text-decoration: underline }
.video-info-cont section.info-common .video-description a { color: #e62164;  }

.video-info-cont section.subs > * { vertical-align: top }
.video-info-cont section.subs .user-avatar-wrap  { display: inline-block; margin: 0 20px}
.video-info-cont section.subs .user-avatar-wrap > * { display: inline-block; vertical-align: middle }
.video-info-cont section.subs .user-avatar-wrap .avatar-img-cont { position: relative; display: inline-block; width: 42px; height: 42px;}
.video-info-cont section.subs .user-avatar-wrap .avatar-img-cont > * { position: absolute; top:0; left: 0; display: block; width: 42px; height: 42px; }
.video-info-cont section.subs .user-avatar-wrap .avatar-img-cont > img { }
.video-info-cont section.subs .user-avatar-wrap .user-name-det {height: 100%; box-sizing: border-box; padding: 0px 0 0 5px; text-align: left;}
.video-info-cont section.subs .user-avatar-wrap .user-name-det h2 { padding: 0 0 5px;  font: normal 15px/22px Roboto, Roboto-regular, sans-serif}
.video-info-cont section.subs .user-avatar-wrap .user-name-det h2 a:hover { text-decoration: none }

.video-info-cont section.subs a.vote-up,
.video-info-cont section.subs a.vote-down { margin: 0 10px 0 0}
.video-info-cont section.subs a.new-subs { color: #767676; font-size: 13px;  }
.video-info-cont section.tags a { color: #e62164;  }
.video-info-cont section.tags .mid-dot:last-child { display: none }
.video-info-cont section.categories a { color: #e62164;  }
.video-info-cont section.categories .mid-dot:last-child { display: none }

.video-info-cont section.favs, .video-info-cont section.favs a { color: #767676; }

/* Statistics tab */

.video-statistic-cont { padding-top: 40px; padding-bottom: 40px; }
.video-statistic-cont .stat-graph {width: 100%;}
.video-statistic-cont .stat-graph h3 {padding: 0 0 25px 0;}
.video-statistic-cont .stat-graph .clip-stats {margin: 0;}

.video-statistic-cont .stats-days { height:300px; margin: 0;}


/*=== CHANNELS ===*/

.channels-details-wrap { text-align: left }
.channels-details-wrap h3 { margin: .5rem 0 2rem}
.channels-details-wrap h3 a { color: #9d9e9f /* common value*/}

/* clip cells grid */

.channels-details-wrap > section { padding: 1.5rem 0; margin: 0; border-top: 1px solid #ddd /*common value*/}

.channels-details-wrap .video-row { margin-bottom: 1.5rem}

.channels-details-wrap .video-row .thumb-cont { width: 48%}
.channels-details-wrap .video-row .thumb-cont > a { width: 100%; height: 0; padding-top: 56.25%; overflow: hidden}
.channels-details-wrap .video-row .thumb-cont img.thumb { width: 100%; height: 100%; top:0; left: 0}
.channels-details-wrap .video-row:hover .thumb-cont img.thumb { width:105%; height: 105%; margin: -1.5% -2.5%; }
.channels-details-wrap .video-row .video-opt { right: -18px; font-size: .8rem}
.channels-details-wrap .video-row .video-caption h2 { margin-right: 0; height: 2.4rem; overflow: hidden}
.channels-details-wrap .video-row .video-caption h2 a { white-space: initial }
.channels-details-wrap .video-row .add-info { color: #9d9e9f/*common value*/; font-size: 0.86rem; line-height: 1.7;  }
.channels-details-wrap .video-row .add-info > * { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channels-details-wrap .video-row .add-info a {display: block; color: #9d9e9f/*common value*/ }
.channels-details-wrap .video-row .add-info a:hover { text-decoration: underline }
.channels-details-wrap .watched-num:hover i[class^="icon-"] { color: inherit }

.channels-details-wrap {}
.channels-details-wrap .channel-desc .collapsed-desc { max-height: 6.5rem; overflow: hidden}
.channels-details-wrap .channel-desc .open-desc { height: auto}
.channels-details-wrap a.user-description-toggle { display: block; text-align: center; padding: 2rem 0 0}
.channels-details-wrap a.user-description-toggle span { display: inline}
.channels-details-wrap a.user-description-toggle span.hide-desc { display: none}

.sort-bar { background: #ddd/*common value*/; font-size: 1.071rem;  margin-bottom: 3rem;  padding-left: 0; padding-right: 0; }
.sort-bar:after { content: ''; display: block; clear: both}
.sort-bar > *:not(.def-btn) { padding: 0.714rem 0; line-height: .9rem }
.sort-bar .left-sort { float: left }
.sort-bar .right-sort { float: right; text-align: right }
.sort-bar a:first-child > i[class^="icon"]  { margin: 0 .5rem 0 0 }
.sort-bar a > i[class^="icon-arr"]  { margin: 0 .3rem }
.sort-bar .drop-down-nav { top:2rem}
.sort-bar .drop-down-nav .active,
.sort-bar .drop-down-nav a.active { color: #ec0f63 /*common value*/ }
.sort-bar .drop-down-nav ul li a  { display: table; width: 100% }
.sort-bar .drop-down-nav span { display: table-cell }
.sort-bar .drop-down-nav .sorted-num { text-align: right; padding-left: 1rem }
.right-details-cont .details-content .sort-bar .left-sort.drop-down-cont .drop-down-nav  { left:36px; right: auto }
.right-details-cont .details-content .sort-bar .right-sort.drop-down-cont .drop-down-nav { left:auto; right: 18px }
.sort-bar .search-toggle { display: inline-block; margin: -0.714rem -36px -0.714rem .5rem; padding: 0.714rem 18px 0.714rem 15px; font-size: 1.2rem; background: #e4e3e3 /*common valuee*/ }
.sort-bar a.search-toggle i.icon-search { display: block; color: #6c6c6c /*common-value*/; }
.sort-bar a.search-toggle i.icon-x2 {  display: none }
.sort-bar a[aria-expanded="true"] i.icon-search {display: none }
.sort-bar a[aria-expanded="true"] i.icon-x2 { display: block }


.sort-bar > .sort-row { position: relative}
.sort-bar > .sort-row:after { content: ''; display: block; clear: both}
.sort-bar .sort-row.sub-opt { background-color: #e4e3e3 /*common value*/; margin: 0 -36px;  padding: 0 18px 0 36px; text-align: right }
.sort-bar .sort-row.sub-opt .collapse-wrap { padding: 0.714rem 0 }
.sort-bar .sort-row.sub-opt .channel-search { display: inline-block; text-align: right; min-width: 100%; position: relative; }
.sort-bar .sort-row.sub-opt button { display: inline-block; border: 0; background: 0; outline: 0; width: 2rem; height: 100%;  }
.sort-bar .sort-row.sub-opt button#close-search-iu { float: left; padding-left: 0; text-align: left;  font-size: 1.3rem;  }
.sort-bar .sort-row.sub-opt button#close-search-iu i { color: #c4c4c4; background: #fff; border-radius: 50% }
.sort-bar .sort-row.sub-opt button#close-search-iu:hover i { color: #e62d6c  }
.sort-bar .sort-row.sub-opt .channel-search button { position: absolute; top:0; right:0; padding-right: .5rem; text-align: right; }
.sort-bar .sort-row.sub-opt .channel-search button .icon-search { bottom: 0 }
.channel-search input {  border-radius: 5px; border: 0; padding: .5rem 2rem .5rem .5rem; width: 100%;   }




.channels-details-wrap .baloon-cont:after { border-right-color: #eeeded /*common value*/ }
.channels-details-wrap .usr-cell { padding: 0 0 2rem; position: relative}
.channels-details-wrap .usr-cell:after { content: ''; display: block; clear: both}
.channels-details-wrap .usr-cell .usr-details-cont {  padding:.5rem 0 0 1rem}
.channels-details-wrap .usr-cell .uploaded-clips-wrap { display: block; white-space: nowrap; clear: both; color: #9d9e9f /*common value*/; font-size: 0.9rem}
.channels-details-wrap .usr-cell .subscibe-wrap  {  position: absolute; bottom: 2.5rem /*usr-cell btm padding + .5*/; white-space: nowrap;}
.channels-details-wrap .usr-cell .subscibe-wrap .notifications-wrap {  display: inline-block}

.usr-list-cont .usr-cell { height:8.75rem}

/*channel groups*/
.right-details-cont .group-row { padding-top:0; padding-bottom: 2.5rem }
.group-row > * {  }
.right-details-cont .group-row .group-info { max-height: 90px; overflow: visible; padding-top: .2rem}
.right-details-cont .group-row .group-info h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0}
.right-details-cont .group-row .group-info p {padding-top: 0}
.usr-pos { display: block; color: #e62164 /*common value*/}
.group-title-info { padding-top: .2rem; line-height: 1; color: #9d9e9f/*common value*/}
.right-details-cont .group-row .group-info a:hover { text-decoration: underline}

/*channel comments*/

.comment-row { display: table;  table-layout: fixed; width: 100%; margin-bottom: 1.2rem}
.comment-row > * { display: table-cell; vertical-align: top }
.video-info { width: 25%; max-width: 250px; }
.video-info .thumb-cont { display: block; position: relative;  height: 0; width: 100%; padding-top: 56.25%;  }
.video-info .thumb-cont > * { position: absolute}
.video-info .thumb-cont > img { width: 100%; top: 0; left: 0}
.video-info .thumb-cont .dur { position: absolute; bottom:1px; right:3px; padding:.4em; border-radius:4px; background: rgba(0,0,0,0.6); font:normal 0.72rem/1 Roboto-regular, sans-serif; color:#fff; text-decoration:none}
.comment-row .video-info h2 { font: normal 1rem/1.25  Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; padding: .2rem 0 0 }

.comment-info.baloon-cont:before, .comment-info.baloon-cont:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0;}
.comment-info.baloon-cont:before {top: 11px; left: -9px; border-right-color: #c3c3c3; border-width: 9px;}
.comment-info.baloon-cont:after {top: 11px; left: -7px; border-right-color: #fff; border-width: 8px;}
.comment-row .comment-info { display: block; margin: 0 0 0 1.5rem; padding: 1rem; background: #fff; border:1px solid #c4c4c4 /*common value*/; border-radius: 5px /* common value*/; font: inherit  }
.right-details-cont .details-content .comment-row .comment-info a:hover { text-decoration: underline  }
.comment-row .comment-info .comment-title-row { padding-bottom: 0.5rem; padding-right: 4rem}
.comment-row .comment-info .comment-title-row > * { display: inline-block; }
.comment-row .comment-info .comment-title-row .time { padding: 0 0 0 .5rem; color: #9d9e9f; font-size: .9286rem }
.comment-row .comment-info .comment-title-row .rating { position: absolute; right: 1rem; color: #a7a7a7/*common value*/; font-size: .9286rem }
.comment-row .comment-info .comment-title-row .rating .score { padding: 0 0 0 .3rem }
.comment-row .comment-info .comment-title-row .rating .score.plus  { color: #05d800/*common value*/ }
.comment-row .comment-info .comment-title-row .rating .score.minus { color: #fc1921/*common value*/ }
.comment-row .comment-info .comment-title-row .rating > a { display: inline-block; padding: 0 0 0 .2rem}

/*channel subs*/

.subs-row { display: table;  table-layout: fixed; width: 100%; margin-bottom: 1.5rem}
.subs-row > * { display: table-cell; vertical-align: top }

.subs-row .subs-info { position: relative; padding: 0 1.5rem;}
.subs-row .subs-info .subs-title-row { /*height: 2.65rem;*/ max-height: 4rem; padding-right: 1rem; overflow: hidden}
.subs-row .subs-info .subs-title-row h2 { display: inline; font: normal 1rem/1.25  Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; padding: .2rem 0 0;  }
.subs-row .subs-info .subs-title-row .status { display: inline-block; font-size: .9286rem }
.subs-row .subs-info .subs-title-row .status.unfinished { color: #fc1921/*common value*/}
.subs-row .subs-info .subs-title-row .status.unapproved { color: #e62164/*common value*/}
.subs-row .subs-info .subs-title-row .status.approved {  color: #05d800/*common value*/}
.subs-row .subs-info .subs-title-row .top-opt {  position: absolute; right: 0rem; color: #a7a7a7/*common value*/; font-size: .9286rem  }
.subs-row .subs-info .subs-title-row .top-opt a .icon-junk { font-size: 1.1rem }

.subs-row .subs-info .btm-opt { position: absolute; bottom: 0 }
.subs-row .subs-info .btm-opt a { color:#a7a7a7 /*common value*/; margin: 0 1rem 0 0; font-size: 1rem }
.subs-row .subs-info .btm-opt a i { margin: 0 .65rem 0 0  }
.subs-row .subs-info .btm-opt a.usr { display: block; color: inherit; margin: 0 0 .3rem  }
.right-details-cont .details-content .subs-row .subs-info a.usr:hover { text-decoration: underline  }


/*=== END OF CHANNELS ===*/





/*== FOOTER ==*/

footer { font: normal 12px/20px Roboto-regular, sans-serif; color: #7f7f7f; margin-top: 20px }
footer  section { border-top:1px solid #b3b3b3;  }
footer  section .row { padding:25px 0; background: #d8d8d8; margin-bottom:-1px; }
footer  section:first-child { border-top:none}
footer h4 { font:inherit; color: inherit; text-decoration: none}
footer a { color: #212121; text-decoration: none}
footer i[class*=icon] { font-size: 24px; color: #6b6b6b; text-shadow: 0 1px 0 #fff; vertical-align: bottom}
footer i.icon-tweeter { font-size: 22px}
footer .dev-follow a:hover { color:initial; text-decoration: none }
footer a:hover i.icon-ios { color: #fff; text-shadow: 0 1px 0 #6b6b6b;}
footer a:hover i.icon-android { color: #3fc000}
footer a:hover i.icon-fb { color: #3b5a99}
footer a:hover i.icon-tweeter { color: #00c6ff}
footer a:hover i.icon-gplus { color: #ff4646}
footer .dev-follow a { display: inline-block; padding: 0 5px 0 10px}
footer .dev-follow .left,
footer .dev-follow .right { padding: 5px 0}
footer .dev-follow a i { margin: 0 5px 0 0}
footer .dev-follow .left a:first-child { padding-left: 0}
footer nav div { display:inline-block; }
footer nav div a { display:inline-block; padding:5px 7px;}
footer nav div:before { content:" | "}
footer nav div:first-child:before { content:""}

/*element styles---*/

.svg-holder-subscript svg, .svg-holder-subscript .bell /*, .bell*/ {fill: #EEEDED; stroke: #626363}
.svg-holder-subscript .ring /*, .ring */{fill: #626363!important; stroke: none!important}

.svg-holder-subscript-act svg,
.svg-holder-subscript-act .bell, 
.svg-holder-subscript-act .ring {fill: #E62264!important; stroke: none!important}

.svg-holder-subscript svg, .svg-holder-subscript-act svg { height: 24px; width:22px; vertical-align: middle  }

.active-color {
    color: #e62d6c !important;
}



/* BADGES */


.usr-badge {display: inline-block; vertical-align: middle; height: 1.071rem /* auto*/; padding: 0 2px; box-sizing: content-box; margin-right:5px; border: 1px solid #aeb9be; border-radius: 3px; background-color: #ffffff;  }
.usr-badge::before { display: block; font-family: Roboto-g-500, Roboto-Regular, sans-serif; font-size: 0.5714rem; height: 15px; line-height: 15px;} 

.usr-badge.cool {color: #aeb9be;}
.usr-badge.cool::before{content: 'COOL';}

.usr-badge.grp {color: #fcad01;}
.usr-badge.grp::before{content: 'GRP';}

.usr-badge.hot {color: #f98923;}
.usr-badge.hot::before {content: 'HOT';}

.usr-badge.the {color: #636466;}
.usr-badge.the::before {content: 'THE';}

.usr-badge.upd {color: #2b66aa;}
.usr-badge.upd::before {content: 'UPD';}

.usr-badge.part {color: #08616e;}
.usr-badge.part::before {content: 'PART';}

.usr-badge.team {color: #dc0754;}
.usr-badge.team::before {content: 'TEAM';}

.usr-badge.sub {color: #138743;}
.usr-badge.sub::before {content: 'SUB';}

.usr-badge.avt {color: #7d97c5;}
.usr-badge.avt::before {content: 'AVT';}

.usr-badge.com {color: #7f1499;}
.usr-badge.com::before {content: 'COM';}

.usr-badge.pro {color: #c70000;}
.usr-badge.pro::before {content: 'PRO';}

.usr-badge.comp {color: #00c0ff;}
.usr-badge.comp::before {content: 'COMP';}

.usr-badge.bg {
    padding: 0;
    width:27px;
	height: 1.071rem;
 /* background: #ffffff url('http://i49.vbox7.com/design/xpose_images/badgesbg.gif') left 0px repeat-x; */
 background: #ffffff;
   /* IE10+ */ 
background-image: -ms-linear-gradient(top, #FFFFFF 2%, #FFFFFF 28%, #36A841 28%, #36A841 64%, #FF4141 64%, #FF4141 72%, #FF4141 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 2%, #FFFFFF 28%, #36A841 28%, #36A841 64%, #FF4141 64%, #FF4141 72%, #FF4141 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 2%, #FFFFFF 28%, #36A841 28%, #36A841 64%, #FF4141 64%, #FF4141 72%, #FF4141 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2, #FFFFFF), color-stop(28, #FFFFFF), color-stop(28, #36A841), color-stop(64, #36A841), color-stop(64, #FF4141), color-stop(72, #FF4141), color-stop(100, #FF4141));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 2%, #FFFFFF 28%, #36A841 28%, #36A841 64%, #FF4141 64%, #FF4141 72%, #FF4141 100%);

/* W3C Markup */ 
background-image: linear-gradient (bottom, #FFFFFF 2%, #FFFFFF 28%, #36A841 28%, #36A841 64%, #FF4141 64%, #FF4141 72%, #FF4141 100%);
 
}
.usr-badge.bg::before {content: ''; height: 0.5714rem; display: block  }

.usr-badge.noint {display: none}

/* BRANDING FIXES */

#bnrShow  { /*border: 5px solid #c00*/}
#bnrShow > * { margin: 1rem auto 0}
.xpose-body #grwall_wrapper {display: none!important}

/* OLD MSGS FIXES*/
.inner-col-wrapper-15 .icon-arr-left { bottom: 0; font-size: 0.8em}

/* BOOTSTRAP STYLES FIXES AND ADDED STYLES */

/*tabs*/

.nav-tabs {background-color: #ddd; font-size: 0}
.nav-tabs > li > a {border-radius: 0px!important; border: 0!important; padding: 0.625rem 2.25rem; color: #000!important; margin: 0!important; outline: 0!important}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus { background-color: #fff; }


/* popup */
.modal-title,.bootstrap-dialog-title { padding: 15px; font-size: 1.2em; color: #E62264;  }
.modal-content { overflow: hidden }
.modal-body { padding: 30px; border: none; background: #eeeced; }
.modal-header .close { opacity: 1}

#embedVideosArea .modal-content { text-align: center}
#embedVideosArea .modal-content .modal-body { text-align: center}
#embedVideosArea .modal-content .modal-body .iframe-cont { display: inline-block; position: relative; width: 90%; height: 0; padding-top: 56.25%; overflow: hidden }
#embedVideosArea iframe { position: absolute; top:0; left:0; width:100%; height:100% }


/* accordion styles */

h4.panel-title {}
.panel h4.panel-title { padding: 1rem; margin: 0 0 1px}
.panel-default > .panel-heading > h4.panel-title { text-transform: uppercase; background: #e6e6e6 /*common value*/}
.panel-sec > .panel-heading > h4.panel-title { text-transform: uppercase; background: #fff /*common value*/}
.panel-sec .panel-body { margin: 2rem}
.panel .panel-body { }
.panel .panel-body h4.panel-title {}


/*global scroll fixes
*/
body,body.xpose-body {height: auto; overflow-y:hidden;}
/*.container-fluid {min-height: calc(95vh);max-height: calc(95vh); overflow: hidden}*/
.container-fluid {min-height: calc(100vh); max-height: calc(100vh); overflow: hidden}
.container-fluid.left-side-scrollable {}
/*
.container-fluid.left-side-scrollable.mCustomScrollbar .mCSB_scrollTools{ 
  right: auto;
}

/* switch margin from right to left 
.mCustomScrollbar .mCSB_inside > .mCSB_container{ 
  margin-right: 0;
  margin-left: 30px;
}
*/

.container-fluid .right-details-cont > .channel-wrap > .details-content.rightContainer > * { /*padding-left: 18px; */padding-right: 18px}
/*.container-fluid.mCustomScrollbar .right-details-cont > .channel-wrap > .details-content.rightContainer > .sort-bar { padding-right: 18px}*/
.left-cont .leftContainer,
.right-details-cont .details-content.rightContainer { /*padding-bottom: 60px*/}


.bannerShow {
    font-size: 0;
	text-align: center;
	margin: 2.8rem auto;
	/*display: none;*/
}

.bannerShow iframe { position: relative!important; margin: 0 auto!important }

.video-cell.spinner-inner { position: relative}
.video-cell.spinner-inner > * { opacity: 0; visibility: hidden}
.video-cell.spinner-inner:after {content:"";     display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6rem -3.25rem;  opacity: 1;     height: 7.5rem;
    width: 7.5rem;
    animation: rotate 1.6s infinite linear;
    border: 5px solid #ec0f63;
    border-right-color: transparent;
    border-radius: 50%;}

/*banner scroll bug test fixes*/
/*
body,body.xpose-body {height: auto; overflow-y:scroll;}
.container-fluid {min-height: calc(100vh); max-height: none; overflow:auto}*/


/* simple scroll fixes */
.scrollbar-inner:not(.scroll-wrapper):not(.scroll-content) { overflow-y: auto!important; overflow-x:hidden!important;  /*MAC OSX Forefox fix eventually*/}
.container-fluid.left-side-scrollable .left-cont.scrollbar-inner:not(.scroll-wrapper):not(.scroll-content) { margin-right: -72px; padding-right: 55px;  /*MAC OSX Forefox fix eventually*/}
.right-details-cont > .channel-wrap.scrollbar-inner:not(.scroll-wrapper):not(.scroll-content) { margin-right: -17px!important;   /*MAC OSX Forefox fix eventually*/}
.scrollbar-inner.scroll-wrapper { /*padding-right: 20px;border: 1px solid #c00; background: #ccf*/ }
.container-fluid .scrollbar-inner.scroll-wrapper > .scroll-content  { /*padding-right: 20px;width:calc( 100% + 20px )!important; margin-right: -22px;*/ overflow-x: hidden!important}
.scroll-element.scroll-x { display: none !important;}
.scrollbar-inner .scroll-element.scroll-y { right: 10px; top: 0px;  }
.scrollbar-inner .scroll-element.scroll-y .scroll-bar { opacity: 1  }


.logo-nav-cont.drop-down-cont .drop-down-nav.scroll-content { left: auto;  }

.container-fluid.left-side-scrollable .left-stream-cont { /*padding-left: 0; */ padding-right: 36px!important}
.left-cont {position: relative; max-height: calc(100vh - 80px); }
.container-fluid.left-side-scrollable .left-cont.scrollbar-inner { margin-right: 0px; /*padding-right: 18px;*/ padding-right: 0px;}
.container-fluid.left-side-scrollable .left-cont.scroll-wrapper  { /*margin-right: -54px;*/ margin-right: -72px  }
.container-fluid.left-side-scrollable .left-cont.scroll-wrapper > .left-cont.scroll-content { width: auto!important; top:auto; /*padding: 0 72px 0 18px!important*/; padding: 0 72px 0 0px!important }
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {border-radius: 0}
.scrollbar-inner > .scroll-element.scroll-y { height: 100%; width: 15px; }
.left-stream-cont > .scrollbar-inner > .scroll-element.scroll-y { right: 50px; top: 30px; }
.article-wrapper.scrollbar-inner .scroll-element.scroll-y,
.item-wrapper.scrollbar-inner .scroll-element.scroll-y { top: 5px; }
.scrollbar-inner > .scroll-element.scroll-y .scroll-element_inner { width: 5px}
.scrollbar-inner > .scroll-element .scroll-element_track {  background-color: transparent!important; opacity: 0}
.scrollbar-inner > .scroll-element .scroll-element_outer {   }
.scrollbar-inner > .scroll-element .scroll-element_outer:hover {  }
.scrollbar-inner > .scroll-element.scroll-y .scroll-bar { margin-left: 10px; height: 55px!important; width: 5px; border-radius: 3px;opacity: 0.75; -webkit-transition: all .25s; /* Safari */ transition: all .25s; }
.scrollbar-inner > .scroll-element.scroll-y:hover .scroll-bar { width: 7px; margin-left: 8px; border-radius: 5px}
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { z-index: 500!important}

.more-videos .scrollbar-inner > .scroll-element.scroll-y {right: 0}
.container-fluid .more-videos .scrollbar-inner.scroll-wrapper > .scroll-content { width: auto!important}
.more-videos .custom-gutter-9.row { padding-right: 20px }

.right-details-cont > .channel-wrap.scrollbar-inner { margin-right:-36px; padding-right: 18px!important}
.right-details-cont > .channel-wrap.scrollbar-inner.scroll-wrapper > .scroll-content  { width: auto!important;  padding-right: 18px!important}
.channel-wrap.scrollbar-inner .scroll-element.scroll-y { right: 25px; top: 5px;  }
.channel-wrap.scrollbar-inner .scroll-element.scroll-y .scroll-bar { opacity: 1  }

.pl-rows-wrap.scrollbar-inner > .scroll-element.scroll-y {  right: 14px;}

/*carousel slider styles*/

/*! lightslider - v1.1.3 - 2015-04-14*/
/** /!!! core css Should not edit !!!/**/ 
.carousel-slider .col-sm-12 > .item {overflow: hidden}
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 2.1rem;
    display: block;
    top: 45%;
    height: 4.2rem;    
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -2rem;
    background: #eeeded;	
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a > i[class*=icon] {font-size: 2rem; line-height: 3.8rem; color: #575757 /* common value */}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > a:hover > i[class*=icon] { color: #e62d6c /* common value */}

.lSAction > .lSPrev {
    left: 0px;
	border-radius: 0 2.2rem 2.2rem 0;
}
.lSAction > .lSNext {
    right: 0px;
	border-radius: 2.2rem 0 0 2.2rem ;}

.lSAction > .lSNext > i[class*=icon] {
	float: right
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
	
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}


.carousel-slider ul {
display: none;
list-style: none outside none;
padding-left: 0;
margin: 2rem 0;
}

.carousel-slider .content-slider li { text-align: center; width: 17rem; display: inline-block; vertical-align: top!important; }
.carousel-slider .content-slider li > a {	display: inline-block; width: 100%;  color: #575757 /*common value*/; text-decoration: none; vertical-align: top!important;}
.carousel-slider .content-slider li > a:hover { text-decoration: none}
.carousel-slider .content-slider li > a .thumb-cont {position: relative; width: 100%; height: 0; padding-bottom: 97.83%; /* 225/230 */}
.carousel-slider .content-slider li > a .thumb-cont > img { position: absolute; top:0; left: 0; width: 100%; height: 100%}
.carousel-slider .content-slider li > a .thumb-cont > h2 { position: absolute; max-height: 54%; bottom: 1rem; left: 1rem; right: 1rem; padding:1rem; overflow: hidden;  text-overflow: ellipsis; background: rgba(255, 255, 255, 0.9); border-radius: 4px; font:bold 1.2rem/normal Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; text-transform: uppercase }
.carousel-slider .content-slider li > a:hover .thumb-cont > h2 { color: #e62d6c /*common value*/; background: #fff}
.carousel-slider .content-slider li > a p { margin: .7rem 0; line-height: 1.1 }
.carousel-slider .content-slider li > a:hover p { text-decoration: none }


ul.event-list {list-style: none outside none; padding-left: 0; margin: 2rem 0}
.cells-container ul.event-list .col-sm-4:nth-child(3n+1) {clear: left;} 

ul.event-list li { text-align: center; display: inline-block; margin-bottom: 1rem; vertical-align: top}
ul.event-list li > a {	display: inline-block; width: 100%;  color: #575757 /*common value*/; text-decoration: none}
ul.event-list li > a:hover { text-decoration: none}
ul.event-list li > a .thumb-cont {position: relative; width: 100%; height: 0; padding-bottom: 97.83%; /* 225/230 */}
ul.event-list li > a .thumb-cont > img { position: absolute; top:0; left: 0; width: 100%; height: 100%}
ul.event-list li > a .thumb-cont > h2 { position: absolute; max-height: 54%; bottom: 1rem; left: 1rem; right: 1rem; padding:1rem; overflow: hidden;  text-overflow: ellipsis;  background: rgba(255, 255, 255, 0.85); border-radius: 4px; font:bold 1.2rem/normal Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; text-transform: uppercase;  }
ul.event-list li > a:hover .thumb-cont > h2 { color: #e62d6c /*common value*/; background: #fff}
ul.event-list li > a p { margin: .7rem 0; line-height: 1.1 }
ul.event-list li > a:hover p { text-decoration: none }

.partnership-banner {display: block; background: #f7f7f7; width:90%; color: #ec0f64; border: 1px solid #e2e2e2; margin: 2.5rem auto; padding: 1.4rem 2rem; text-align: left}
.partnership-wrap { display: table; position: relative; width:100%; margin: 0 auto; vertical-align: top; text-decoration: none; height: 100%; }				
.partnership-wrap > * { display: table-cell; vertical-align: middle}				
.partnership-banner-gray {padding-top: 3px;}		
.partnership-banner-text { display:inline; color: #000; font-size: 1.1rem; vertical-align: baseline; text-align: left; line-height: 1.4}
.partnership-banner-seven {color: #ec0f64; font-weight: bold;}
.partnership-banner-open-btn {display: inline-block; float: right; padding: 0.5rem 1rem; margin: 0 0 0 1rem; background: #ec0f64; border:1px solid #ec0f64; border-radius:0.35rem; color: #fff; font: normal 1.1rem/2.14rem "Roboto-Regular",Arial    }
.partnership-banner-open-btn > i[class*="icon-"] { font-size: 1.3em; margin: 0 .5em 0 0; color: #fff; bottom:-.15em }


/* === THEATER MODE === */

.theater-mode .giphy-cell .btn-cont a.def-btn { margin: .5rem .5rem 0 0; height: 2.5rem; line-height: 2.5rem; font-size: .9rem; }
.theater-mode .giphy-cell .btn-cont a.def-btn > i:not(.icon-fb-screen) { width: 1.5rem; height: 1.5rem; vertical-align: middle; margin: 0 0 -.25em; font-size: 1em }
.theater-mode .giphy-cell .btn-cont .def-btn.fb-share-play.facebook-share-button-big > i {  margin: -.25em 0em 0 0; font-size: 1.5em }


.theater-mode .player-wrapper { width: 100%;}
.theater-mode .more-videos { max-height: none; padding: 0}
.theater-mode .more-videos .item-params-container { margin: 0}
.theater-mode .more-videos .pool-tabs-cont { position: relative; display: inline; float: right; margin: 0 .5rem 0 0; border: 0}
.theater-mode .more-videos .cells-container-hor.more-clips-container { clear: both}

.theater-mode .more-videos .item-params-container .row { display: inline}
.theater-mode .more-videos .item-params-container .row.top-row { float: left;  max-width: 59%; margin: 0}
.theater-mode .more-videos .item-params-container .row.bottom-row { float: right; margin: .3rem 30px .2rem 0}
.theater-mode .more-videos .item-params-container .row > * { display: inline-block; }
.theater-mode .more-videos .item-params-container .row.top-row .right { position: absolute; right: 20px; top:.4rem }
.theater-mode .more-videos .item-params-container .row.top-row h1.video-title { float: left; padding: .4rem 0 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: bold 1.1rem/normal Roboto-g-500, Roboto500, Roboto-Regular, sans-serif  }
.theater-mode .more-videos .item-params-container .row.top-row .drop-down-cont.video-opt i.icon-ham-dots { font-size: 1.3em; padding: .2rem 0 .2rem 1rem}
.theater-mode .more-videos .item-params-container .row.bottom-row > * { margin: 0}
.theater-mode .more-videos .item-params-container .row.bottom-row > * > .add-info { display: none}
.theater-mode .more-videos .item-params-container .row.bottom-row > * > .def-btn,
.theater-mode .more-videos .item-params-container .row.bottom-row a { border: 0; padding: .15rem; margin: 0 .5rem 0 0; vertical-align: middle }
.theater-mode .more-videos .item-params-container .row.bottom-row a.vote-up { }
.theater-mode .more-videos .item-params-container .row.bottom-row > * > .def-btn i { margin: 0}
.theater-mode .more-videos .item-params-container .bottom-row .fb-share-play i.icon-fb-screen { margin: 0 .1rem 0 0}
.theater-mode .more-videos .item-params-container a.def-btn.played-video-comments .icon-comment { /*bottom: -.1rem*/}
.theater-mode .more-videos .item-params-container .row.bottom-row > * > .def-btn span:not([class]),
.theater-mode .more-videos .item-params-container .row.bottom-row > * > .create-gif span:not([class]) { display: none}
.theater-mode .more-videos .item-params-container .def-btn > span { margin-left: 0}
.theater-mode .more-videos .item-params-container .def-btn:hover { background: transparent; border-color: transparent; color: inherit}
.theater-mode .more-videos .item-params-container .def-btn:hover i { color: #ed0f64;/*common value*/}
.theater-mode .more-videos .item-params-container .def-btn.vote-up:hover i { color: #24b701;/*common value*/}
.theater-mode .more-videos .item-params-container .fb-share-play.def-btn:hover span.baloon-cont{ color: inherit;}
.theater-mode .more-videos .item-params-container .fb-share-play.def-btn:hover span.baloon-cont:after { border-right-color: #fff;}
.theater-mode .more-videos .item-params-container .row.bottom-row > * > a.usr-avatar.def-btn .masked.avatar-sm-25 { margin: 0}
.theater-mode .more-videos .pool-tabs-cont > a { padding: .6rem}
.theater-mode .more-videos .pool-tabs-cont > a:not([class="active"]) { display: none;  position: absolute; z-index: 100; padding: .5rem; top:85%; background: #fff; border-radius: 5px; box-shadow: 0 0 0.5rem #999; white-space:nowrap}
.theater-mode .more-videos .pool-tabs-cont > a.active { display: inline-block!important;}
.container-fluid:not(.theater-mode) .more-videos .pool-tabs-cont > a { display: inline-block!important;}
.theater-mode .more-videos .pool-tabs-cont > a:after { display: none}
.theater-mode .more-videos .pool-tabs-cont a.active i.icon-arr-down { padding: 0; margin:0 0 0 .3rem; bottom: 0  }

.theater-mode .carousel-slider .content-slider li > a .thumb-cont > h2 { font-size: 1rem}

/* === END OF THEATER MODE === */

/* ==  GIPHY  == */
.title-row .autoplay-cont { color: #999 /*common value*/}
.title-row .autoplay-btn { height: 1rem; width: 2rem; border-radius:.5rem; margin-left: .3rem}
.title-row .autoplay-btn span { width: 1rem; height: 1rem; box-shadow: 0 0 5px #555}


.row.cells-container.gif-cont { padding: 0 4rem }
.giphy-cell { margin-bottom: 3rem}
.giphy-cell > * { }
.giphy-cell .thumb-cont {}
.giphy-cell .thumb-cont .stop-frame {}
.giphy-cell .thumb-cont .played-frame { display: none}
.giphy-cell .thumb-cont:focus .stop-frame { display: none}
.giphy-cell .thumb-cont:focus .played-frame { display: block}
.giphy-cell .thumb-cont .icon-play.icon-gif-txt.icon-screen-back {}
.giphy-cell .thumb-cont .icon-gif-txt.icon-screen-back:before { font-size: 1.5em; margin: -.1em 0 0 -.30em;}
.giphy-cell .video-caption {}
.giphy-cell .video-caption h2 a {}
.giphy-cell .video-caption p a.uploder {}

.giphy-cell .btn-cont { padding: .5rem 0; }
.giphy-cell .btn-cont a.def-btn { display: inline-block; margin: .5rem .5rem 0 0; height: 2.75rem; line-height: 2.75rem; font-size: 1.04rem; text-align: center; }
.giphy-cell .btn-cont a.def-btn:last-child { margin-right: 0}
.giphy-cell .btn-cont .def-btn > i:not(.icon-fb-screen) {width: 1.79rem; height: 1.79rem; vertical-align: middle; margin: 0 .1em 0 0; font-size: 1.3em}
.giphy-cell .btn-cont .def-btn > span {}
.giphy-cell .btn-cont .def-btn.vote-up  {}
.giphy-cell .btn-cont .def-btn.fb-share-play.facebook-share-button-big > i  {margin: -.25em .1em 0 0}

.giphy-cell .tags-cont > a { display: inline-block;  padding: 0 1rem; margin: .2rem .5rem 0 0; height: 2.2rem; line-height: 2.2rem; font-style: italic; border-radius: 1.1rem; background: #ddd; color: #555}
.giphy-cell .tags-cont > a:before { content: '#'; }
.giphy-cell .tags-cont > a:hover { background: #e62d6c /*common value*/; color: #fff}


.text-caption { position: absolute; text-align: left; white-space: nowrap; font-weight: bold; font-family: "Impact"; color: #ffffff; -webkit-text-stroke: 1px #000000; z-index: 100; cursor: pointer; }

/* gify settings */

.bg-flag-cont { margin: -.15rem .75rem 0 0; display: inline-block}

.add-txt-cont, 
.render-btn-cont/*,
.controls-cont */{ display: none; }			
.render-btn-cont { text-align: center; }			

.add-txt-cont, .cut-slider-cont { margin-top: 1rem}

.video-cont { margin: 0 auto; position: relative; max-width: 480px; overflow: hidden; }
.video-cont .play-btn { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; z-index: 10;   }
.video-cont .play-btn i { position: absolute; left: 20px; bottom: 15px; font-size: 20px; color: #fff}

.slider-wrap { margin: 1.5rem auto 1rem }
.slider-wrap > div {height: 14px; line-height: 14px; }
.slider-wrap .slider-time-left, 
.slider-wrap .slider-time-right { display: inline-block; width:65px; text-align: center}
.slider-wrap .slider-time-left {float: left}
.slider-wrap .slider-time-right { float: right }
.slider-inner-cont { padding: 0 75px; }
.slider-inner-cont .ui-slider-horizontal {  border: 1px solid #e3e3e3; border-radius: 7px; background: #c4c4c4; height: 16px; }
.slider-inner-cont .ui-slider-horizontal .ui-slider-range { background: #ec0f63;  }
.slider-inner-cont .ui-state-default.ui-slider-handle,
.slider-inner-cont .ui-widget-content .ui-state-default.ui-slider-handle { height: 18px; width: 18px; margin: 0 0 0 -9px; top:-3px; background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,.45); border-radius: 50%; border: 1px solid rgba(0,0,0,.2); -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; cursor: pointer }

.slider-inner-cont .ui-state-default.ui-slider-handle:hover,
.slider-inner-cont .ui-widget-content .ui-state-default.ui-slider-handle:hover { height: 20px; width: 20px; margin: 0 0 0 -10px; top:-4px; box-shadow: 1px 3px 7px rgba(0,0,0,.45);} 

.sliders-cont {  display: none; }
.video-cont .sliders-cont {  position: absolute; bottom: 23px; left:55px; width: 400px; z-index: 10; }
.sliders-cont { }

.control-slider-cont { width: 100%; }
.control-slider-cont .ui-slider-horizontal { height: 3px; background: #c4c4c4; }
.control-slider-cont .ui-state-default.ui-slider-handle,
.control-slider-cont .ui-widget-content .ui-state-default.ui-slider-handle { height: 18px; width: 18px; margin: 0 0 0 -9px; top:-9px; background: #fff; box-shadow: 1px 2px 5px rgba(0,0,0,.45); border-radius: 50%; border: 1px solid rgba(0,0,0,.2); -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; cursor: pointer }
.control-slider-cont .ui-state-default.ui-slider-handle:hover,
.control-slider-cont .ui-widget-content .ui-state-default.ui-slider-handle:hover { height: 20px; width: 20px; margin: 0 0 0 -10px; top:-10px; box-shadow: 1px 3px 7px rgba(0,0,0,.45);}


.add-btn-cont.row { margin-top: 1rem}
.add-btn-cont.row .form-field {}
.add-btn-cont.row .form-field .add-text-field { width: 100% }
.add-btn-cont.row .form-field.col-sm-2 .def-btn { width: 100%; text-align: center}
.add-btn-cont.row .form-field.col-sm-2 .def-btn i { vertical-align: baseline}

.add-txt-cont .add-btn-cont > label { display: block; display: none}

.controls-cont {}

/* ==  END OF GIPHY  == */



/* ===  SINGLE COLUMN PAGES / OLD PAGES  === */

.single-page {min-height: calc(100vh - 80px); margin-top: 80px; max-height: calc(100vh - 80px); overflow-y: auto; border: 1px solid transparent; border-width: 1px 0; position: relative; /*background:#cbcdc8 url(//i49.vbox7.com/bgr/profilebg/437/profile_fon_4371804.jpg) fixed top right no-repeat; background-blend-mode: luminosity; background-size: cover*/}
.single-page-cont { margin: 2.5% auto; position: relative; z-index: 200; max-width: 970px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.25); border-radius: 5px; padding: 25px 35px;}
.single-page-cont:after { content: ''; display: block; clear: both}
.single-page section { margin: 0 0 2rem}
.single-page h1 { font-size: 1.2rem; padding: 0 0 2.5rem; text-transform: uppercase}
.single-page h2 { font-size: 1.1rem; padding: 0 0 1.5rem 0;  text-transform: uppercase}
.single-page h3 { font-size: 1.1rem; margin: .5rem 0 }

.single-page h1 .reg-txt { color: inherit; text-transform: capitalize}
.single-page p { font-size: 1.1rem; padding: .5rem 0 1rem}
.single-page section {  margin: 0 0 1.5rem;}

.single-pg-head { position: absolute; top: 0; left: 0; right: 0; display: table; width: 100%; border-radius: 5px 5px 0 0; border: 0!important}
.single-pg-head.nav-tabs > * { display: table-cell; float: none;  font: normal 1.1rem/2 Roboto-g-500, Roboto500, Roboto-Regular, sans-serif; text-align: center; text-transform: uppercase}
.single-pg-head.nav-tabs > li > a { padding: 1.2rem 2.25rem}
.single-pg-head.nav-tabs > *:not(.active) > * { color: #606161!important}
.single-pg-head.nav-tabs > *:first-child, .single-pg-head > *:first-child > * { border-radius: 5px 0 0 0!important; }
.single-pg-head.nav-tabs > *:last-child, .single-pg-head > *:last-child > * { border-radius: 0 5px 0 0!important; }
.single-pg-head.nav-tabs > *:nth-child(2):last-child { width: 50% }

.single-pg-head.nav-tabs + .tab-content { margin-top: 90px}

.single-pg-foot { box-sizing: content-box; width: 100%;  margin: 3rem -35px -45px; padding: 25px 35px; background: #eeeded; border-radius: 0 0 5px 5px!important; }

.title-black.bold-text, .bold-text {font-weight: bold!important}

/*upload*/

.uploaded-cont { text-align: center; position: relative; }
.uploaded-cont span { position: relative; width: 100%; font-size: 1rem; color: #fff; text-shadow: 1px 1px 0 #ec0f63 }
.uploaded-cont span.file-name { display: block; color: inherit; text-shadow: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uploaded-filled { position: absolute; top: -1px; left: -1px; height: 100%; background: #ec0f63; border: 1px solid #ec0f63; box-sizing: content-box; border-radius: 5px 0 0 5px}

/* upload album */

.song-holder {}

/* tables styles */
.report-table:not([class*="col-"]) { background: #fff; width: 100%; margin: 0 0 2rem; font-size: 1.2rem}
.report-table th.sep { border-right: 1px solid #f5f5f5} 
.report-table th, 
.report-table td { background: #fff; padding: 10px 15px}
.report-table th { text-align: left; background: #fff; color: #333; border: 1px solid #e3e3e3; border-width: 1px 0}
.report-table.center th { text-align: center; }
.report-table tr:nth-child(2n) td { background: #e3e3e3; }
.report-table tbody tr:nth-child(2n) td { background: #fff; }
.report-table tbody tr:nth-child(2n+1) td { background: #e3e3e3; }
.report-table tbody tr:nth-child(2n+1) td.sep { border-right: 1px solid #f5f5f5; }
.report-table td a { color: #ed0f64 }
.report-table .period { text-align: center}
.report-table .rev-net { text-align: right }
.report-table .rev-adw { text-align: right }
.report-table .rev-total { text-align: right; font-weight: bold; padding: 7px 20px 7px 70px}
.report-table tr.total td { font-weight: bold; background: #ccc }
.report-table .wide { width: 25%}

.report-table.preroll-report { }


.report-table.col-sm-8 { } 

/* watched video stats */

.video-stat .results-container > .row { margin-bottom: 1.5rem; vertical-align: middle  }
.video-stat .video-cell { margin-bottom: 0}
.video-stat .video-cell .video-caption { padding-top: 0; vertical-align: middle }

.video-stat .report-table { font-size: 1rem; margin-bottom: 0; table-layout: fixed }
.video-stat .report-table th { vertical-align: middle; padding: 10px}
.video-stat .report-table td { vertical-align: middle; padding: 10px}

.video-stat .report-table td a { color: inherit}
.video-stat .report-table td a:hover { text-decoration: underline}

.exportCsv.pink-txt { font-weight: bold}

.summary-preroll {  margin: 20px 0; text-align: right; line-height: 2}


/*===  ARTICLE CREATE  ===*/

.single-page-cont label.checkbox { margin: .5rem}
label.checkbox input[type*=checkbox]  { width: auto; display: inline-block; margin: 0 .5rem 0 0; opacity: 1}


/*=== QUIZ ADMIN ===*/

.common-box { border:1px solid #fff; }

/*=== QUIZ DESKTOP ===*/

.container-fluid.left-side-scrollable .right-details-cont  { display: none}

.inner-pg .quiz { padding: 0;  }
.quiz-content {padding: 0; width: 78%; margin: 0 auto}
.question { text-align: center; }
.question > input { display: none; }
.question > .label { padding: 1.45rem 0 0; text-transform: none; font-style: italic}
.question > h3 { margin: 0 0 1.7rem; padding: 0; font: italic 1.36rem/1.31 Roboto-Medium, sans-serif;  }
.question > h3 {}
.answers-cont { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 660px; width: auto; margin: auto }
.answers-cont input { display: none; }
.answers-cont.box-type {  }
.answers-cont .answer { background: #e8e8e8; margin: 0 0 2.5rem; border-radius: 5px;  }
.answers-cont .answer.true { background: #59fe95; opacity: 1; }
.answers-cont .answer.false { background: #ff5f6f; opacity: 1; }
.answers-cont.box-type .answer { display: flex; flex-direction: column; width: calc(50vw - 26px); max-width:315px; overflow: hidden; flex: 0 0 49%; }
.answers-cont.line-type .answer { width: 100% }
.answer .pic-cont { flex:1 1 auto; width: 100%; height: auto; min-height: 7rem; max-height: 237px; overflow: hidden;  text-align: center; font-size: 200%; color: #fff}
.answer .pic-cont img { width: 100%; height: auto; min-width: 100%; max-width: none; }
.answer .pic-cont span {  margin: auto }
.answer .pic-cont span p {  margin: auto; width: 100%; }

.blue-brand {background: #009;}
.pink-brand  {background: pink;}
.red-brand {background: red;}
.yellow-brand {background: yellow;}
.green-brand {background: green;}
.orange-brand {background: orange;}

.blue-brand, 
.pink-brand, 
.red-brand, 
.yellow-brand, 
.green-brand, 
.orange-brand { display: flex; }

.answer .caption { text-align: left; padding: .4rem; font-size: 0.9rem; font-style: italic }
.answer .inpt-row { display: table; padding: .85rem .6rem; text-align: left; }
.answer .inpt-row i { display: inline-block; margin-right: .4rem; vertical-align: top; font-size: 1.25rem }
.answer .inpt-row > span { display: table-cell; }
.answer i.icon-checkbx > .tick { display: none;}
input[type=radio]:checked + label.answer .pic-cont { opacity: .6 }
input[type=radio]:checked + label.answer.true .pic-cont { opacity: 1}
input[type=radio]:checked + label.answer .inpt-row > span { opacity: .6 }
input[type=radio]:checked + label.answer i.icon-checkbx > .tick { display: inherit}
input[type=radio]:disabled + label.answer { opacity: .5}

.answers-cont .answer { display: block}


/* reset editor styles */
.answer .caption *, 
.answer .inpt-row > span * { display: inline!important; padding: 0!important; margin: 0!important; color: inherit!important; font:inherit!important; background: none!important;  }


.question-cont.pic-back { margin: 0 0 1.7rem; position: relative;  min-height: 10rem; }

.pic-back .head-backgr {  width: 100%; max-width: 660px; height: 100%; text-align: center; margin: auto; overflow: hidden; }
.pic-back .head-backgr img { width: 100%;  height: auto; min-height: 100%; margin: auto; }
.pic-back h3 { position: absolute; top:30%; width: 100%; padding: 1rem 0; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,.65); color: #fff; font-size: 180%; font-weight: bold; font-style: italic }

.answ-cont { background: #009; text-align: center; font-size: 200%; color: #fff }

/* quizz results */
.quiz-result {}

.pic-cont {}
.pic-cont img { max-width: 100%;}
.quiz-result .item-head { text-align: center; border: 0}
.quiz-result .item-head h3 { margin-bottom: 0; font: italic .86rem Roboto-Regular, sans-serif; color: #7c7c7c }
.quiz-result .item-head p.label { font: italic 1.16rem Roboto-Medium, sans-serif; text-transform: none }
.quiz-result .item-head p.label i { font-size: 1rem  }
.quiz-result .item-head h1 { font: italic 1.5rem Roboto-Medium, sans-serif;}
.quiz-result .item-head h2 { text-align: left}
.result-content { padding: 0 16px}
.quiz-result > .def-btn.wide { }

#overlaySmall { position: absolute; top: 80px; left: 0; right: 0; bottom: 0; z-index: 600; }
.closeOS {position: absolute; top: 20px; right: 20px; z-index: 650;}