@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2") format("woff2");
    unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2") format("woff2");
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2") format("woff2");
    unicode-range: U+370-3FF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2") format("woff2");
    unicode-range: U+102-103, U+1EA0-1EF1, U+20AB;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+370-3FF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+102-103, U+1EA0-1EF1, U+20AB;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url("../fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2") format("woff2");
    unicode-range: U+460-52F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2") format("woff2");
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2") format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2") format("woff2");
    unicode-range: U+370-3FF;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2") format("woff2");
    unicode-range: U+102-103, U+1EA0-1EF1, U+20AB;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("../fonts/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2") format("woff2");
    unicode-range: U+100-24F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

.logo-login{
	color:#ffffff;
	font-size:70px;
	font-family:lato;
}

th.action-one{
	width:100px !important;
}

th.action{
	width:200px !important;
}

th.action-three{
	width:300px !important;
}

.headline{
	color:#005984;
}

.UP_checkbox{
	position:relative;
	top:-15px;
}


/*
.panel-heading {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    color: #0070a6;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    line-height: 36px;
    padding: 0 8px;
    position: relative;
}



.panel.panel-border > .panel-heading > .panel-title {
    color: #0070a6;
}
*/



.navbar-branding .navbar-brand {
    color: #666;
    font-size: 25px;
    font-weight: 400;
    height: 60px;
    letter-spacing: 0.5px;
    line-height: 58px;
    padding: 0 0 0 18px;
}


h3.Meta a{
	color:#787878;
	line-height:none;
	position:relative; top:22px;
}





/* INLINE ACTIONS ON HOVER */

#content table.list div.actions-wrapper {
    position:relative;
    top:0;
    left:0;
}

#content table.list tbody tr td span.do {
    display:none;
    position:absolute;
    bottom:-32px;
    left:-20px;
    min-width:978px;
    z-index: 10;
}

#content table.list tbody tr td div.actions-wrapper.image span.do {
    bottom:-16px;
 }

#content table.list tbody tr span.do {
    display:block;
}

#content table.list tbody tr span.do a {
    color:#023e69;
    border:none;
    padding:3px 0px 1px 19px;
    margin-right:5px;
}

#content table.list tbody tr:hover span.do {
    display:block;
}

#content table.list tbody tr:hover span.do a {
    color:#023e69;
    border:none;
    padding:3px 0px 1px 19px;
    margin-right:5px;
}

#content table.list tbody tr:hover span.do a:hover {
    color:#00234c;
}

#content table.list tbody tr:hover td span.do a:link,
#content table.list tbody tr:hover td span.do a:visited {
    border-bottom:none;
    float: left;
}

#content table.list tbody tr:hover td span.do a:hover {
    border-bottom:none;
}

/* ROW HIGHLIGHTING ON HOVER */

#content table.list tbody tr.odd:hover td {
    background:#eeeeee;
}

#content table.list tbody tr.even:hover td {
    background:#eeeeee;
}

#content table.list tbody tr:hover td a:link,
#content table.list tbody tr:hover td a:visited {
    border-bottom:1px dotted #424242;
}

#content table.list tbody tr:hover td a:hover {
    border-bottom:1px dotted #00234c;
}

/* Thumbnails in Table */

#content table.list tbody tr td img.thumb {
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    background:#fff;
    padding:3px;
    margin:2px 0px;
}

/* Preview Play over Thumbnails in Table */

#content table.list tbody tr td a.preview {
    position:relative;
    top:0;
    left:0;
    display:block;
    width: 70px;
    margin: auto;
}

#content table.list tbody tr td a.preview:active img.play {
    top:16px;
}

#content table.list tbody a.preview:link,
#content table.list tbody a.preview:visited,
#content table.list tbody a.preview:hover,
#content table.list tbody a.preview:active,
#content table.list tbody tr:hover td a.preview:link,
#content table.list tbody tr:hover td a.preview:visited,
#content table.list tbody tr:hover td a.preview:hover{
  border-bottom:none;
}

#content table.list tbody tr td a.preview img.play {
    left:18px;
    position:absolute;
    top:15px;
    visibility:hidden;
}

#content table.list tbody tr td a.preview:hover img.play {
    visibility:visible;
}

.opaque {
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* first! IE8 */
  filter: alpha(opacity=50); /* second! IE5-7 */
}

#content table.list .image {
    width: 100px;
}




.navbar-main {
    z-index: 1030;
    margin-bottom: 0;
    height: 30px !important;
    color: #666;
    background-color: #FFF;
    border-radius: 0;
    border: 0;
    border-bottom: 0;
    box-shadow: 0 1px 0 0 #e0e0e0;
}


.navbar-main .nav > li > a {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 39px;
    max-height: 39px;
	border-right:1px solid #d3d3d3;
}



/* table-layout helper content */
.table-layout > div{
  vertical-align: top;
  display: table-cell;
  float: none;
}

.radio-custom, .checkbox-custom {
    background-color: transparent;
    color: inherit;
    padding: 10px 0 0 0px;
}

ul.medialist li div.pull-right{
	padding:0 0px 0 0px;
}



.legendLabel{
	color:#ffffff;
}

/*Peridot*/
.sub-sidebar {
    margin: -5px -15px;
    padding: 30px 20px;
    background: #3a3c48;
    color: white;
    min-height: 500px;
}

.sub-sidebar ul li a {
   margin-bottom:1px;
    color: #ffffff !important;
}

.sub-sidebar ul li.active a {
   border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ff5151;
	margin-bottom:1px;
	 color: #ffffff !important;
}

.sub-sidebar ul li a:hover {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #00acee;
	margin-bottom:1px;
	 color: #ffffff !important;
}

.sub-sidebar ul li > a:focus {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #00acee;
}

.sub-sidebar ul li > a:focus {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #00acee;
}



.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #3a3c48;
    border: none;;
	color: #ffffff !important;
}

.list-group-accordion .list-group-item, .list-group-item.active, .list-group-accordion .list-group-item.active:hover, .list-group-accordion .list-group-item.active:focus {
    color: #ffffff;
    position: relative;
    border-color: #ddd;
	background: #3a3c48;
}


.list-group-accordion .list-group-item > ul > li > a {
    list-style: none;
    color: #ffffff !important;
    padding: 4px 0;
    display: block;
    text-decoration: none;
}

.list-group-accordion .list-group-item.active, .list-group-accordion .list-group-item.active:hover, .list-group-accordion .list-group-item.active:focus {
    color: #ffffff !important;;
    position: relative;
    border-color: #ddd;
	background: #3a3c48 !important;
}



.list-group-accordion .list-group-item.active .sign-toggle {
    color: #ffffff !important;
    font-weight: 600;
	background: #3a3c48;
}

.list-group-accordion .list-group-item.active ul.collapse {
    display: block !important;
	background: #3a3c48;
	color: #ffffff !important;
}


.list-group-accordion .list-group-item.active:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0px !important;
    height: 0px !important;
    width: 100%;
    background-color: #3a3c48 !important;
}

input.new{
	width:300px !important;
}






######################
ul.medialist {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
ul.medialist.static {
  overflow-x: scroll;
  overflow-y: hidden;
  height: 187px;
  white-space: nowrap;
}
ul.medialist.static li {
  margin: 5px 6px !important;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
ul.medialist li {
  float: left;
  width: 200px;
  background: white;
  border: 1px solid #e0e0e0;
  margin: 5px 12px 5px 0;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
ul.medialist li img {
  width: 100%;
  height: 130px;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  position: relative;
}
ul.medialist li a.overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 198px;
  height: 130px;
  background: #00acee;
  background: rgba(56, 136, 247, 0.8);
  display: none;
  clear: both;
  color: white;
  text-decoration: none;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
}
ul.medialist li a.overlay strong {
  font-size: 15px;
  margin-top: 10px;
  display: block;
}
ul.medialist li a.overlay span {
  font-size: 12px;
  margin: 5px 10px;
  display: block;
}
ul.medialist li div.options {
  margin: 3px;
}
ul.medialist li > div.titles {
  margin: 5px;
  float: left;
  color: #033559;
  font-size: 13px;
  width: 90px;
}
ul.medialist li:hover a.overlay {
  display: block;
}


##Custom
ul.medialistbig {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
ul.medialistbig.static {

  overflow-y: hidden;
  height: 287px;
  white-space: nowrap;
}
ul.medialistbig.static li {
  margin: 5px 6px !important;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
ul.medialistbig li {
  float: left;

  background: white;
  border: 1px solid #e0e0e0;
  margin: 5px 12px 5px 0;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
ul.medialistbig li img {
  width: 100%;

  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  position: relative;
}
ul.medialistbig li a.overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;

  background: #00acee;
  background: rgba(56, 136, 247, 0.8);
  display: none;
  clear: both;
  color: white;
  text-decoration: none;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%);
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
}
ul.medialistbig li a.overlay strong {
  font-size: 15px;
  margin-top: 10px;
  display: block;
}
ul.medialistbig li a.overlay span {
  font-size: 12px;
  margin: 5px 10px;
  display: block;
}
ul.medialistbig li div.options {
  margin: 3px;
}
ul.medialistbig li > div.titles {
  margin: 5px;
  float: left;
  color: #033559;
  font-size: 13px;
  width: 90px;
}
ul.medialistbig li:hover a.overlay {
  display: block;
}
#############################





body .media-list.media-list-new {
    max-height: 450px;
    overflow-y: scroll;
    padding: 10px;
}
.media-list {
    list-style: outside none none;
    padding-left: 0;
}
ul, ol {
    margin-bottom: 9px;
    margin-top: 0;
}

/*Peridot*/






############################################
section, summary {
    display: block;
	}

	li{
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;

    vertical-align: baseline;
    background: transparent none repeat scroll 0% 0%;
}

ol, ul {
    list-style: outside none none;
	 margin: 0px;
    padding: 0px;
}

.clearfix {
    display: block;
}



.mediaThumbs.small article {
    box-shadow: 0px 0px 2px #AAA;
}
.mediaThumbs.small article {
    box-shadow: 0px 0px 2px #ACBBC3;
    border-radius: 0.5em;
    margin-bottom: 20px;
    overflow: hidden;
}

.mediaThumbs.small .mediaCover {
    position: relative;
}

a {
    color: #666;

	text-decoration: none;
}

.mediaThumbs.small h3 {
    margin: 1em 0.7em 0px;
    height: 20px;
    line-height: 1.2em;
    font-size: 1.2em;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mediaThumbs.small .additionalInfo {
    padding: 0.5em 1em 0px;
}

.mediaThumbs.small .additionalInfo p {
    color: #AAA;
}
.mediaThumbs.small .additionalInfo p {
    float: left;}


p {
    margin: 0px 0px -0.25em;
}

.mediaThumbs.small .details {
    background: #F9F9F9 none repeat scroll 0% 0%;
    box-shadow: 0px 1px 2px #AAA inset;
}

.mediaThumbs.small .details {
    font-size: 0.9em;
	    border-radius: 0px 0px 0.5em 0.5em;
}

.mediaThumbs.small .details li {
    color: #AAA;
}

.mediaThumbs.small .details li {
    float: left;
    width: 33%;
    padding: 0.3em 0.5em;

    font-size: 0.9em;
    text-align: center;
}

.mediaThumbs.small .mediaCover i {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
}

a [class^="icon-"], a [class*=" icon-"], .glyphicon {
    color: #AAA;
}
.mediaCover i {

    border-radius: 50%;
    padding: 0.5em;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
}


#fileUpload .swfuploadUploader {
  position: relative;
  cursor:hand;
}

#fileUpload object.swfupload {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background:#ccc;
  opacity:0;
}

#fileUpload.batchUpload object.swfupload {
  left: 0;
  right: auto;
  top: 0;
}

#fileUpload object p,
#fileUpload #btnPlaceholder p {
  color: #990000;
  font-weight: bold;
}
/******** Media ********/










/* additional css */
/******** Media ********/

audio {
    display: inline-block; }

video {
    display: inline-block; }

canvas {
    display: inline-block; }

img {
    border: 0 none;
    page-break-inside: avoid;
    max-width: 100% !important;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle; }

a [class^="icon-"],
a [class*=" icon-"],
.glyphicon {
    color:#acbbc3; }

.userThumb {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:0 0 2px #acbbc3; }

.mediaThumb {
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

.mediaCover {
    position:relative; }

    .mediaCover i {
        color:#fff;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        padding:0.5em;
        background:rgba(0,0,0,.8); }

.mediaCover .view {
    background:#282a2d;
    border:1px solid #1a1c1e; }

.mediaCover .buy {
    background:#617ca3;
    border:1px solid #003f61; }

.mediaCover .remove {
    background:#282a2d;
    border:1px solid #1a1c1e; }

.mediaCover .add {
    background:#282a2d;
    border:1px solid #1a1c1e; }


/*** Media Overlay ***/

.big .mediaOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:0;
    margin:0 10px;
    padding:1em;
    color:#fff;
    visibility:hidden;
    background:rgba(0,0,0,.7);
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -o-transition:height 1s;
    -ms-transition:height 1s;
    transition:height 1s;
    color:#fff; }

    .big li:hover .mediaOverlay {
        visibility:visible;
        height:100%; }

    .big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0.5em;
        width:100%;
        opacity:0;
        -webkit-transition:opacity 1s .5s;
        -moz-transition:opacity 1s .5s;
        -o-transition:opacity 1s .5s;
        -ms-transition:opacity 1s .5s;
        transition:opacity 1s .5s; }

        .big li:hover .mediaOverlay .details {
            opacity:1; }


/*** Thumb Overlay ***/

.categoryThumbs .mediaCover .icons,
.small .mediaCover .icons,
.list .mediaCover .icons {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .categoryThumbs article:hover .mediaCover .icons,
    .small article:hover .mediaCover .icons,
    .list article:hover .mediaCover .icons {
        visibility:visible;
        opacity:1; }

    .mediaCover .icons i {
        position:absolute;
        top:40%;
        left:0 !important;
        width:100%;
        display:block;
        padding:0;
        font-size:2em;
        text-align:center;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        background:transparent; }


/******** Loading Overlay ********/

.loadingOverlay {
    text-align:center;
    background:#fff;
    height:100%;
    width:100%;
    opacity:0.8;
    padding:2em 0 0;
    position:absolute;
    top:0;
    left:0;
    z-index:3; }

    .loadingOverlay .loader {
        position:absolute;
        top:50%;
        left:50%; }


/******** Filter ********/

.filter {
    position:relative;
    margin-bottom:1em;
    min-height:48px;
    background:#f5f6f7;
    padding:0.75em 0.5em 0;  }

    .filter ul,
    .filter .nav-tabs > li > a {
        color:#6b7073;
        height:38px;  }

    .filter .nav-tabs > li.active > a,
    .filter .nav-tabs > li.active > a:hover,
    .filter .nav-tabs > li.active > a:focus,
    .filter .nav-tabs > li.active > a {
        color:#1a1c1e;
        border-top:5px solid #617ca3; }

.additionalFilter {
    margin:0.5em 0 1em;
    height:40px; }

    .additionalFilter li:first-child {
        line-height:40px;
        margin-right:0.5em; }

    .additionalFilter .nav-pills > li > a,
    .additionalFilter .nav-pills > li > a:hover,
    .additionalFilter .nav-pills > li > a:focus {
        margin:0.6em 0;
        padding:0.2em 0.75em; }

    .additionalFilter .nav-pills > li.active > a,
    .additionalFilter .nav-pills > li.active > a:hover,
    .additionalFilter .nav-pills > li.active > a:focus {
        background:#617ca3;
        color:#fff; }


/*** View ***/

.filterView {
    position:absolute;
    right:1em;
    top:0.5em;
    background:#eef0f3; }

    .filterView a {
        background:#eef0f3; }

    .filterView a.active i,
    .filterView a:hover i,
    .filterView a:focus i {
        color:#6b7075; }


/*** Time Range ***/

.filterTimeRange {
    float:left;
    margin-left:0.5em; }


/*** Search Form ***/

.inlineSearch {
    float:right;
    margin-right:1em;
    width:20%; }

.inlineSearch form {
    margin:0;
    padding:0;
    background:transparent; }





/******** Dropdown ********/




/******** Overlay ********/

.fade.in {
    opacity:9999; }

.modal-backdrop {
    background:rgba(0,0,0,.8); }


/******** Tooltip ********/



/******** Badge ********/

.badge {
    background:#acbbc3; }


/******** Tags ********/

.tag {
    font-size:0.9em;
    display:inline-block;
    color:#fff;
    background:#acbbc3;
    padding:0.2em 0.5em;
    margin-bottom:0.2em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

    .tag:hover {
        color:#fff;
        background:#475d7b; }

    .tag:visited {
        color:#fff; }


/******** Alert ********/










/******** Tabs ********/

.nav > li > a:hover,
.nav > li > a:focus {
    background:none; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background:#fdfdfd; }

.nav-tabs > li.active > a {
    /*height:38px;*/
    margin-bottom:-1px; }

.nav-tabs li.active .badge {
    background:#617ca3; }

form .nav-tabs > li.active > a,
form .nav-tabs > li.active > a:hover,
form .nav-tabs > li.active > a:focus {
    background:#f5f6f7; }


/******** Scrollbar ********/

.scrollbar {
    overflow:auto;
    height:750px;
    width:auto;
    padding:0 5px;
    border:1px solid #acbbc3; }

  .scrollbar ul li img.loader {
    margin: 0 50%; }

.track {
    width:10px;
    background:rgba(0, 0, 0, 0);
    margin-right:2px;
    border-radius:10px;
    -webkit-transition:background 250ms linear;
    transition:background 250ms linear; }

    .track:hover,
    .track.dragging {
        background:#d9d9d9; /* Browsers without rgba support */
        background:rgba(0, 0, 0, 0.15); }

.handle {
    width:7px;
    right:0;
    background:#999;
    background:rgba(0, 0, 0, 0.4);
    border-radius:7px;
    -webkit-transition:width 250ms;
    transition:width 250ms; }

    .track:hover .handle,
    .track.dragging .handle {
        width:10px; }


/******** Comments ********/

.comment {
    position:relative;
    overflow:hidden;
    font-size:0.9em;
    padding-bottom:20px;
    margin-bottom:20px;
    background:url('../assets/img/arrowComment.png') 0 100% no-repeat; }

    .comment i {
        position:absolute;
        top:-10px;
        left:-5px;
        font-size:5em;
        color:#000;
        opacity:.1; }

    .comment .text {
        padding:1em 1em 1.5em 1em;
        background:#dfe5fb;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em; }

    .comment .author {
        position:absolute;
        left:1em;
        bottom:0; }

        .comment .author .userThumb {
            height:45px;
            width:45px; }

        .comment .author a {
            display:inline-block;
            vertical-align:bottom; }

    .comment .date {
        position:absolute;
        bottom:0;
        right:1em;
        color:#acbbc3;
        margin-bottom:0; }


/******** Quote ********/

.quote {
    position:relative;
    background:#dfe5eb;
    padding:1em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    min-height:60px;
    overflow:hidden; }

    .quote i {
        position: absolute;
        top:-10px;
        left:-5px;
        color:#000;
        font-size:5em;
        opacity:0.1; }


/******** Pager ********/

.pagingLinks {
    text-align:center; }

    .pagingLinks .pagination {
        width:auto; }


.pagingLinks .pagination > li {
    padding:0;
    display:inline-block; }

.pagingLinks .pagination > li > a,
.pagingLinks .pagination > li > span {
    position:relative;
    border:none;
    float:none;
    font-size:0.8em;
    line-height:1.42857;
    margin:0;
    padding:0.5em 1em;
    text-decoration:none;
    color:#fff;
    background:#acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

    /*.pagination > li:first-child > a,
    .pagination > li:first-child > span {
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em; }*/

    .pagingLinks .pagination > li.disabled {
        opacity:0.4; }

    .pagingLinks .pagination > li > a:hover,
    .pagingLinks .pagination > li > a:focus {
        color:#fff;
        background:#475d7b; }

    .pagingLinks .pagination > li.active span {
        color:#fff;
        background:#617ca3; }


/******** Rating ********/

.rating i {
  font-size: 16px; }

.rating .hover i,
.rating .icon-star:before,
.rating .icon-star-half-empty:before {
  color:#617ca3; }

.rating .hover .icon-star:before,
.rating .hover .icon-star-empty:before,
.rating .hover .icon-star-half-empty:before {
  content: "\f005"; }

.rating .clear .icon-star:before,
.rating .clear .icon-star-empty:before,
.rating .clear .icon-star-half-empty:before {
  color: #ACBBC3;
  content: "\f006"; }


/******** media tags ********/

.tagged {
    display:block;
    height:35px;
    position:absolute;
    right:0;
    text-indent:-9999px;
    top:0;
    width:31px;
    border-radius:0 0.5em 0 0;
    -moz-border-radius:0 0.5em 0 0;
    -webkit-border-radius:0 0.5em 0 0; }

.tagged.featured {
    background:url('../assets/img/overlay-sprite.png') 0 -187px no-repeat; }

.tagged.new {
    background:url('../assets/img/overlay-sprite.png') 0 -46px no-repeat; }

.tagged.favorite {
    background:url('../assets/img/overlay-sprite.png') 0 -236px no-repeat; }

.tagged.own {
    background:url('../assets/img/overlay-sprite.png') 0 -92px no-repeat; }

.tagged.friend {
    background:url('../assets/img/overlay-sprite.png') 0 -140px no-repeat; }

    .userList .tagged.friend {
        height:50%;
        width:50%;
        border-radius:0 1em 0 0;
        -moz-border-radius:0 1em 0 0;
        -webkit-border-radius:0 1em 0 0;
        background:url('../assets/img/overlay-friend.png') 100% 0 no-repeat;
        background-size:contain; }

.tagged.rss {
    background:url('../assets/img/overlay-sprite.png') 0 -334px no-repeat; }

.online {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    font-size:0.7em !important;
    color:#fff !important;
    padding:70% 0 0 0;
    margin:0;
    height:100% !important;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden; }

    .online span {
        padding:0.1em 0.1em 0.2em;
        display:block;
        background:url('../assets/img/transGREEN-80.png') 0 0 repeat; }


/******** or-devider ********/

.or {
    /*position:absolute;
    top:38%;
    left:45%;
    right:45%;*/
    text-align:center;
    display:block;
    background:url('../assets/img/lineGrey.png') 0 50% repeat-x;  }

    .or span {
        background:#acbbc3;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        line-height:50px;
        height:50px;
        width:50px;
        display:inline-block; }


/******** bottom ********/

.bottom {
    text-align:right;
    padding:0.5em 0 0;
    border-top:1px solid #dfe5eb; }


/******** Likes ********/

.likes a:hover i {
  color:#617ca3; }


/******** Favorite ********/

.favorite a:hover i {
    color:#990000; }


/******** Countdown ********/

.countdown {
    padding:1em;
    border:1px solid #dfe5eb;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    text-align:center;
    width:220px; }

    .countdown .status,
    .countdown small span {
        font-weight:normal;
        font-family:'open_sanssemibold', sans-serif; }


/******** Accordion ********/

.accordion-toggle {
    background:url('../assets/img/arrows.png') 95% -34px no-repeat; }

.accordion-toggle.collapsed {
    background:url('../assets/img/arrows.png') 95% 10px no-repeat; }


/******** Inner Nav ********/

#innerNav {
    position:relative;
    margin:20px 0; }


/******** Sub Nav ********/

#subNav { }

    #subNav ul,
    #subNav .nav-tabs > li > a {
        color:#6b7073;
        height:38px;
        border:none; }

    #subNav .nav-tabs > li > a {
        background:url('../assets/img/transWHT-80.png') 0 0 repeat; }

        #subNav .nav-tabs > li > a:hover {
            background:#fff; }

    #subNav .nav-tabs > li.active > a,
    #subNav .nav-tabs > li.active > a:hover,
    #subNav .nav-tabs > li.active > a:focus {
        color:#1a1c1e;
        border-top:5px solid #617ca3;
        background:#fdfdfd;
        padding:5px 15px 10px;  }


/******** Slider ********/

.mediaSlider .swiper-container {
    height:135px; }

    .mediaSlider .swiper-container .content-slide {
        padding:0.75em; }

.mediaSlider #slider .arrow-left,
.mediaSlider #slider .arrow-right {
    margin-top:0;
    top:30%;
    text-shadow:none; }

    .mediaSlider #slider .arrow-left:hover i,
    .mediaSlider #slider .arrow-right:hover i {
        color:#475d7b;  }

.mediaSlider #slider .mediaCover {
    margin-bottom:0.5em; }

    .mediaSlider #slider .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.mediaSlider #slider .hasPrice {
    height:40px;
    width:40px;
    padding:0.25em; }

    .mediaSlider #slider .hasPrice i {
        font-size:1.2em; }


/****************************************************************/
/*              SITE LAYOUT                                     */
/****************************************************************/



/*********************************************************/
/*              Header                                   */
/*********************************************************/

#siteHeader {
    position: relative;
    border-top:3px solid #475d7b;
    background:#eaecee;
    height:73px;
    border-bottom:1px solid #E7E9EB;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(255, 255, 255, 0.1); }

    #siteHeader .container {
        position:relative; }

#headerContent {
    position: absolute;
    text-align: right;
    width: 100%;
    right: 15px;
    height:70px;
    vertical-align:top; }

#headerContent * {
  text-align: left; }

#headerContent .badge,
#headerContent .or span,
#headerContent #register .or, #headerContent #login .or,
#headerContent #userActions #loginDropdown .or,  #headerContent #userActions #registrationDropdown .or,
#headerContent .loginOptions, #headerContent .registerOptions,
#headerContent .input-group-addon i {
  text-align: center; }

#headerContent .buttonpane, #headerContent .modal .modal-dialog .modal-body .buttonpane {
  text-align: right; }


/******** Logo ********/

#siteLogo {
    position: absolute;
    left: 15px;
    z-index: 1;
    max-height:70px;
    overflow:hidden; }

    #siteLogo img {
        margin:5px 0;
        max-height:60px; }


/******** Search ********/

#searchHead {
    display:inline-block;
    height:70px;
    min-width:245px;
    max-width:280px;
    padding:0 1em;
    position:relative; }

    #searchHead form {
        background:transparent;
        border-radius:0;
        margin:17px 0 0;
        padding:0; }

    #searchHead input[type="search"] {
        border-right:none;
        border-radius:0.5em 0 0 0.5em;
        -moz-border-radius:0.5em 0 0 0.5em;
        -webkit-border-radius:0.5em 0 0 0.5em; }


/******** Upload ********/

#headerContent .upload {
    display:inline-block;
    line-height:70px;
    padding:0  1em 0 1em;
    font-size:1.3em;
    font-family:'Roboto Light', 'robotolight', sans-serif;
    vertical-align:top; }


/******** Language ********/

#headerContent .language {
    display:inline-block;
    line-height:70px;
    padding:0  1em 0 1em;
    font-family:'Roboto Light', 'robotolight', sans-serif;
    vertical-align:top; }

    #headerContent .language li i {
        display:inline-block;
        vertical-align:bottom; }


/******** Login & Registration Links ********/

#userActions {
    display:inline-block;
    height:70px;
    vertical-align:top; }

    #userActions .userLoginLink,
    #userActions .userRegistrationLink {
        padding-top:25px;
        height:70px;
        display:inline-block; }

        #userActions .userLoginLink:hover/*,
        #userActions .userRegistrationLink:hover*/ {
            z-index:9999;
            background:url('../assets/img/arrowOverlay.png') 50% 55px no-repeat; }

    #userActions .userLoginLink > i {
        color:#acbbc3;  }


/******** Login & Registration Dropdown ********/

#userActions #loginDropdown,
#userActions #registrationDropdown {
    position:absolute;
    top:54px;
    left:0;
    right:0;
    padding:1em;
    margin:1em 0 1em 2.3em;
    background:#f5f6f7;
    /*border:1px solid #dfe5eb;*/
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    box-shadow:0 3px 3px #333;
    z-index:9998;
    visibility:hidden;  }

    #userActions .userLoginLink:hover #loginDropdown,
    #userActions .userLoginLink #loginDropdown.hover,
    #userActions .userRegistrationLink:hover #registrationDropdown,
    #userActions .userRegistrationLink #registrationDropdown.hover {
        visibility:visible;
        z-index:9998; }

    #userActions #loginDropdown .arrow,
    #userActions #registrationDropdown .arrow {
        position:absolute;
        top:-12px;
        right:0;
        height:12px;
        width:100%; }

    #userActions #registrationDropdown .arrow {  }

    #userActions #loginDropdown > div,
    #userActions #registrationDropdown > div {
        position:relative; }


/******** Profile Link ********/

#userControls {
    display:inline-block;
    height:70px; }

#userControls .button {
    display:inline-block;
    padding:20px 20px 0;
    height:70px; }

    #userControls .button .wrap {
        position:relative; }

        #userControls .button .wrap i {
            font-size:1.8em; }

        #userControls .wrap .badge {
            position:absolute;
            top:-10px;
            right:-10px;
            background:#617ca3;
            font-size:0.8em; }

#userControls .messages,
#userControls .notifications,
#userControls .settings {
    vertical-align:top; }

    #userControls .messages:hover i,
    #userControls .notifications:hover i,
    #userControls .settings:hover i {
        color:#40454a; }

#userControls .profile {
    padding-top:13px; }

    #userControls .profile:hover {
        z-index:9999;
        background:url('../assets/img/arrowOverlay.png') 50% 55px no-repeat; }

    #userControls .profile .userThumb {
        height:45px;
        width:45px;
        margin:0 0.5em 0 0;
        float:left; }

    #userControls .profile .linkToProfile {
        height:45px;
        float:left; }

        #userControls .profile .linkToProfile a {
            display:block;
            font-family:'Roboto Light', 'robotolight', sans-serif; }


/******** Profile Dropdown ********/

#userControls .profile #userLinks {
    position:absolute;
    top:54px;
    left:0;
    right:0;
    padding:1em;
    margin:1em 0 1em 2.3em;
    background:#f5f6f7;
    /*border:1px solid #dfe5eb;*/
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    box-shadow:0 3px 3px #333;
    visibility:hidden;  }

    #userControls .profile:hover #userLinks {
        visibility:visible;
        z-index:9998; }

    #userControls .profile #userLinks .arrow {
        position:absolute;
        top:-12px;
        right:0;
        height:12px;
        width:100%; }


/*** Profile Link ***/

#userControls #profileLink {
    float:left;
    width:33%; }

    #userControls #profileLink .userThumb {
        display: inline-block;
        width:135px;
        height:135px;
        margin:0 1em 0 0; }

    @media (min-width:320px) {

        #userControls #profileLink .userThumb {
            width:120px;
            height:120px; }

    }

    @media (min-width:1300px) {

        #userControls #profileLink .userThumb {
            width:135px;
            height:135px; }

    }

    #userControls #profileLink .linkToProfile {
        position:relative;
        display:inline-block;
        height:135px;
        min-width:160px; }

        #userControls #profileLink .linkToProfile .username {
            font-size:1.8em;
            font-family:'Roboto Light', 'robotolight', sans-serif; }

        @media (min-width:320px) {

            #userControls #profileLink .linkToProfile .username {
                font-size:1.4em; }

        }

        @media (min-width:1300px) {

            #userControls #profileLink .linkToProfile .username {
                font-size:1.8em; }

        }

        #userControls #profileLink .linkToProfile .links {
            position:absolute;
            bottom:0;
            left:0; }

            #userControls #profileLink .linkToProfile .links a {
                width: 100%;
                display:inline-block;
                margin:0 0.5em 0 0;
                font-size:0.9em;
                display:block;
                margin-top:0.3em; }

                #userControls #profileLink .linkToProfile .links a:hover {
                    color:#475d7b !important; }


/*** Link Lists ***/

#userControls #furtherLinks {
    float:right;
    width:67%; }

    #userControls #furtherLinks ul {
        float:left;
        width:33%;
        margin:0;
        border-left:1px solid #dfe5eb; }

    #userControls #furtherLinks ul li {
        margin:0 0.5em;
        padding:0 0.5em; }

        #userControls #furtherLinks ul li:hover {
            background:#dfe5eb; }

        #userControls #furtherLinks ul li a {
            display:inline-block;
            width:70%;
            color:#1a1c1e;
            padding:0.5em 1em 0.5em 0; }

        #userControls #furtherLinks ul li span {
            display:inline-block;
            width:30%; }

        #userControls #furtherLinks ul li:hover .badge {
            background:#617ca3;  }


        @media (min-width: 992px) {

            #userControls #furtherLinks ul li a {
                width:70%; }

            #userControls #furtherLinks ul li span {
                width:30%; }

        }


        @media (min-width: 1300px) {

            #userControls #furtherLinks ul li a {
                width:75%; }

            #userControls #furtherLinks ul li span {
                width:25%; }

        }


/******** Settings ********/

#userControls .button > i,
#userControls .button a.dropdown-toggle > i,
#userControls .button ul.dropdown-menu li a > i {
    font-size:1.8em;
    vertical-align: bottom; }

.userLinks.dropdown-menu {
    left:auto;
    right:0; }


/******** jQuery UI AutoComplete ********/

ul.ui-autocomplete {
  background:#fff;
  border:1px solid #888;
  border-radius:5px;
  margin-top:2px; }


/*********************************************************/
/*              Slider                                   */
/*********************************************************/

#indexSlider #slider {
    margin:0;
    position:relative; }

/******** Content ********/

#indexSlider .swiper-container {
    min-height:300px;
    max-height:400px;
    width:100%;
    height:100%; }

@media (min-width: 320px) {

    #indexSlider .swiper-container {
        height:300px; }

    #indexSlider .text {
        font-size: 80%; }

}

@media (min-width:1300px) {

    #indexSlider .swiper-container {
        height:400px; }

    #indexSlider .text {
        font-size: 100%; }

}

    #indexSlider .swiper-container .content-slide {
        padding:0;
        min-height:300px;
        height:100%;
        max-height:400px;
        position:relative; }

#indexSlider .mediaThumb {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

#indexSlider .preview,
#indexSlider .text {
    float:left; }

#indexSlider .preview {
    width:100%;
    height:100%;
    padding:0; }

    #indexSlider .preview img {
        width:100%;
        height:100%; }

#indexSlider .text {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width:40%;
    color:#fff;
    padding:1em 4.5em 2em 2em;
    background:rgba(0,0,0,.7); }

    #indexSlider .text h2,
    #indexSlider .text p {
        color:#fff; }


/******** Arrows ********/

#slider .arrow-right,
#slider .arrow-left {
    z-index:20;
    text-shadow:0 0 2px #000; }

#slider .arrow-right:hover i,
#slider .arrow-left:hover i {
    color:#fff; }


/******** Pager ********/

#indexSlider .pagination {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:20; }


/*********************************************************/
/*              Sidebar                                  */
/*********************************************************/

#siteSidebar {
    padding:0 0 15em;
    background:#eceff2;
    background: -moz-linear-gradient(top, rgba(236,239,242,1) 90%, rgba(236,239,242,0.5) 95%, rgba(236,239,242,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,rgba(236,239,242,1)), color-stop(95%,rgba(236,239,242,0.5)), color-stop(100%,rgba(236,239,242,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(236,239,242,1) 90%,rgba(236,239,242,0.5) 95%,rgba(236,239,242,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(236,239,242,1) 90%,rgba(236,239,242,0.5) 95%,rgba(236,239,242,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(236,239,242,1) 90%,rgba(236,239,242,0.5) 95%,rgba(236,239,242,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(236,239,242,1) 90%,rgba(236,239,242,0.5) 95%,rgba(236,239,242,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff2', endColorstr='#00eceff2',GradientType=0 ); /* IE6-9 */ }


/******** Main Navigation ********/

#siteNav {
    background:#dfe5eb;
    border:1px solid #c5d0d5; }

#siteNav ul {
    margin-bottom:0; }

    #siteNav li {
        display:inline-block;
        position:relative;
        background:#dfe5eb; }

        #siteNav li a {
            color:#1a1c1e;
            padding:0.5em 1em;
            display:block;
            font-size:1.2em;
            font-family:'Roboto Light', 'robotolight', sans-serif; }

    #siteNav li:first-child {
        border-top:none; }

    #siteNav li:hover {
        background:#617ca3; }

        #siteNav li:hover a {
            color:#fff; }

    #siteNav li.active {
        background:#c5d0d5;
        border-top:5px solid #617ca3; }

        #siteNav li.active a {
            color:#fff;
            padding-top:0.2em;  }

    #siteNav li p {
        margin:0; }

    #siteNav li .arrow {
        position:absolute;
        top:0;
        right:0.5em;
        height:38px;
        line-height:38px;
        padding:0 !important; }

    #siteNav li.active .arrow {
      top: -5px;
    }

/*** Sublinks ***/

#siteNav .hasSublinks a {
    padding-right:1.8em; }

#siteNav .hasSublinks ul {
    position:absolute;
    left:-9999em;
    top:100%;
    width:auto;
    border:1px solid #c5d0d5;
    border-top:none;
    box-shadow:0 3px 3px #333; }

    #siteNav .hasSublinks:hover ul {
        left:0;
        z-index:999; }

#siteNav .hasSublinks ul li {
    white-space:nowrap;
    display:block;
    padding-left:0;
    border-top:1px solid #c5d0d5; }

    #siteNav .hasSublinks:hover ul a {
        color:#1a1c1e; }

#siteNav .hasSublinks.active {
    border-right:none; }

    #siteNav .hasSublinks.active ul {
        visibility:visible;
        /* height:100%; */ }

        #siteNav .hasSublinks.active ul li a {
            color:#1a1c1e; }

        #siteNav .hasSublinks.active ul li.active a {
            color:#fff; }

/*
        #siteNav .hasSublinks.active p {
            border-right:5px solid #617ca3; }
*/

#siteNav .hasSublinks ul li:first-child {
    border-top:1px solid #acbbc3; }


/******** Categories ********/

#categoryLinks {
    margin:1em; }

    #categoryLinks .panel,
    #categoryLinks .panel li,
    #categoryLinks .panel li:first-child {
        border:0; }

    #categoryLinks li,
    #categoryLinks li.panel,
    #categoryLinks li ul li {
        position:relative;
        margin:0;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-top:0;
        border-right:0;
        border-bottom:1px solid #dfe5eb;
        border-left:0;
        background:transparent;
        box-shadow:none; }

        #categoryLinks li:first-child {
            border-top:1px solid #dfe5eb; }

        #categoryLinks li a {
            display:block;
            padding:0.5em 1em 0.5em 0;
            color:#6B7075; }

        #categoryLinks li p a {
            font-family:'open_sanssemibold', sans-serif; }

        #categoryLinks li p {
            margin:0; }

        #categoryLinks li .arrow {
            position:absolute;
            top:0;
            right:0;
            width:20px;
            height:32px;
            line-height:32px;
            padding:0;
            text-align:right; }

    #categoryLinks li ul li {
        border-bottom:0;
        padding-left:1em; }

#categoryLinks a:hover {
    color:#000; }




/******** Tags ********/

#tagLinks {
    margin:1em; }


/******** Channels ********/

#channelLinks {
    margin:1em; }

    #channelLinks .channelThumb {
        position:relative;
        margin:0 0 0.5em; }

        #channelLinks .channelThumb p {
            position:absolute;
            bottom:0;
            left:0;
            color:#fff;
            margin:0;
            padding:0.2em 0.5em;
            display:block;
            width:100%;
            border-radius:0 0 0.5em 0.5em;
            background:rgba(0,0,0,.7); }

            #channelLinks .channelThumb .hasPrice {
                height:45px;
                width:40px;
                padding:0.3em 0.5em 0.5em 0.3em; }

                #channelLinks .channelThumb .hasPrice i {
                    font-size:1em;
                    color:#fff; }


/*********************************************************/
/*              Alerts                                   */
/*********************************************************/

#alerts {
    padding-top:1em;
    background:#fdfdfd; }


/*********************************************************/
/*              Content                                  */
/*********************************************************/

#siteContent {
    background:#fdfdfd;
    padding:0 1.5em 2em;
    min-height:1400px; }


/*********************************************************/
/*              Footer                                   */
/*********************************************************/

#siteFooter {
    /*background:#788d96;*/
    border-top:1px solid #dfe5eb;
    background:#eaecee;
    position:relative; }

#siteFooter a {
    color:#475d7b; }


/******** Main Footer ********/

#mainFooter {
    padding:1em 0; }

    #mainFooter #footerText,
    #mainFooter #footerLegal,
    #mainFooter #footerLinks {
        float:left; }

    #mainFooter #footerLegal,
    #mainFooter #footerLinks {
        margin-bottom: 26px; }

    #mainFooter #footerText {
        width:60%;
        padding:0 1em 0 0; }

    #mainFooter #footerLegal,
    #mainFooter #footerLinks {
        width:20%; }

    #mainFooter #footerLegal {
         padding:0 1em 0 0; }

#language {
    position:absolute;
    bottom:1em;
    right:12%; }

/******** SuiteSyndicator Footer ********/

#vimpFooter {
    font-size:0.9em;
    padding:0.5em 0;
    background:#dfe5eb; }

#vimpFooter .copy {
    color:#979B9F;
    margin:0 auto; }

#vimpFooter a {
    color:#517588; }


@media (min-width: 320px) {

  #vimpFooter .copy {
    min-width: 940px;
    max-width: 970px; }

}

@media (min-width: 1300px) {

  #vimpFooter .copy {
    max-width: 1270px; }

}

/*

@media (min-width: 1600px) {

  .container {
    max-width: 1570px; }

}

*/


/******** Language ********/

#language i {
    display:inline-block;
    vertical-align:bottom; }





/****************************************************************/
/*              MEDIA                                           */
/****************************************************************/

.mediaListing {
    position:relative; }

    .mediaListing .callToAction {
        position:absolute;
        top:0;
        right:0; }


/******** Has Price ********/

.hasPrice {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    padding:0.75em;
    border-radius:0.5em 0 0 0;
    -moz-border-radius:0.5em 0 0 0;
    -webkit-border-radius:0.5em 0 0 0;
    background:url('../assets/img/priceTag.png') 100% 0 no-repeat; }

    .hasPrice i {
        position:relative !important;
        top:0 !important;
        left:0 !important;
        padding:0;
        font-size:1.7em;
        background:transparent; }

.hasPrice.bought {
    background:url('../assets/img/priceTagBought.png') 100% 0 no-repeat; }

/******** Vimeo Icon ********/

.icon-vimeo {
    height:26px;
    width:26px; }

    .icon-vimeo span {
        display:inline-block;
        height:14px;
        width:14px;
        background-image:url('../assets/img/icon_vimeo.png');
        background-repeat:no-repeat;
        background-size:contain;
        -moz-background-size:contain;
        -webkit-background-size:contain; }

.mediaThumbs.big .icon-vimeo {
    height:26px;
    width:26px; }

    .mediaThumbs.big .icon-vimeo span {
        height:20px;
        width:20px;
        vertical-align:bottom; }


/******** OpenID Icon ********/

.icon-openID {
    height:20px;
    width:20px;  }

    .icon-openID span {
        display:inline-block;
        height:23px;
        width:20px;
        vertical-align:middle;
        background-image:url('../assets/img/icon_openID-WHT.png');
        background-repeat:no-repeat;
        background-size:contain;
        -moz-background-size:contain;
        -webkit-background-size:contain; }

.input-group-addon .icon-openID span {
    background-image:url('../assets/img/icon_openID.png');
    height:20px;
}

/*********************************************************/
/*              Lists & Thumbs                           */
/*********************************************************/

/******** Thumbs (Big) ********/

.mediaThumbs.big > li {
    position:relative;
    margin-bottom:20px; }

/*** Preview ***/

.mediaThumbs.big .mediaCover {
    position:relative;
    height:auto;
    overflow:hidden; }

    .mediaThumbs.big .mediaCover h3 {
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        padding:0.25em 0.5em;
        color:#fff;
        display:block;
        width:100%;
        height:28px;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:1.3em;
        line-height:1.2em;
        border-radius:0 0 0.5em 0.5em;
        -moz-border-radius:0 0 0.5em 0.5em;
        -webkit-border-radius:0 0 0.5em 0.5em;
        background:rgba(0,0,0,.7); }

    .mediaThumbs.big li:hover .mediaCover h3 {
        display:none; }

    .mediaThumbs.big .mediaCover i {
        padding:0;
        background:transparent; }

.mediaThumbs.big .hasPrice {
    height:60px;
    width:60px; }

    .mediaThumbs.big .hasPrice i {
        font-size:1.2em; }


/*** Hover ***/

.mediaThumbs.big .mediaOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:0;
    width:94%;
    padding:0;
    margin:0 10px;
    overflow:hidden;
    visibility:hidden;
    background:rgba(0,0,0,.7);
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -o-transition:height 1s;
    -ms-transition:height 1s;
    transition:height 1s;
    color:#fff; }

    .mediaThumbs.big li:hover .mediaOverlay {
        visibility:visible;
        height:100%; }

    .mediaThumbs.big .mediaOverlay a {
        height:100%;
        padding:1em;
        display:block; }

    .mediaThumbs.big .mediaOverlay h3 {
        color:#fff;
        margin:0;
        line-height:1.2em;
        height:23px;
        overflow:hidden; }

    .mediaThumbs.big .mediaOverlay .text {
        color:#fff !important;
        font-size:0.8em;
        margin:1em 0 0.5em 0;
        overflow:hidden; }

        @media (min-width: 992px) {

            .mediaThumbs.big .mediaOverlay .text {
                height:30px; }

        }

        /*
        @media (min-width: 1600px) {

            .mediaThumbs.big .mediaOverlay .text {
                height:35px; }

        }*/

    .mediaThumbs.big .mediaOverlay .additionalInfo .uploader {
        float:left;
        margin:1em 0; }

        .mediaThumbs.big .mediaOverlay .additionalInfo .uploader span {
            color:#9eafc7; }

        .mediaThumbs.big .mediaOverlay .additionalInfo .userThumb {
            height:35px;
            width:35px; }

    .mediaThumbs.big .mediaOverlay .additionalInfo .buyMedia {
        float:right;
        margin-top:1em; }

        .mediaThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy {
            margin-right:0.5em;
            background:#617ca3;
            border:1px solid #003f61;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em;
            padding:0.2em 0.5em;
            text-align:center; }

            .mediaThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy i {
                color:#fff; }

    .mediaThumbs.big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0;
        width:100%;
        opacity:0;
        -webkit-transition:opacity 1s .5s;
        -moz-transition:opacity 1s .5s;
        -o-transition:opacity 1s .5s;
        -ms-transition:opacity 1s .5s;
        transition:opacity 1s .5s; }

        .mediaThumbs.big li:hover .mediaOverlay .details {
            opacity:1; }

    .mediaThumbs.big .mediaOverlay .details li {
        float:left;
        text-align:center;
        width:25%;
        padding:0 1em;
        color:#acbbc3; }

    @media (min-width:320px) {

        .mediaThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .mediaThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    @media (min-width:1300px) {

        .mediaThumbs.big .mediaOverlay .details {
                font-size:0.8em; }

            .mediaThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    /*
    @media (min-width: 1600px) {

        .mediaThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .mediaThumbs.big .mediaOverlay .details li {
                    padding: 0 1em; }

    }*/


/******** Thumbs (Small) ********/

.mediaThumbs.small article {
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .mediaThumbs.small article:hover {
        box-shadow:0 0 3px #617ca3; }

.mediaThumbs.small .mediaCover {
    position:relative; }

    .mediaThumbs.small .mediaCover .mediaThumb {
        width: 100%;
        border-radius:0.5em 0.5em 0 0;
        -moz-border-radius:0.5em 0.5em 0 0;
        -webkit-border-radius:0.5em 0.5em 0 0; }

    .mediaThumbs.small .mediaCover i {
        position:absolute;
        bottom:0.5em;
        right:0.5em; }

.mediaThumbs.small .mediaCover .uploader {
    position:absolute;
    bottom:-0.75em;
    left:0.5em; }

    .mediaThumbs.small .mediaCover .uploader span {
        font-size:0.9em;
        color:#fff;
        text-shadow:0 0 2px #000; }

.mediaThumbs.small .mediaCover .userThumb {
    height:35px;
    width:35px; }

.mediaThumbs.small h3 {
    margin:1em 0.7em 0;
    height:20px;
    line-height:1.2em;
    font-size:1.2em;
    padding:0;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.mediaThumbs.small .additionalInfo {
    padding:0 0 0 1em; }

    .mediaThumbs.small .additionalInfo p {
        float:left;
        color:#acbbc3; }

    .mediaThumbs.small .additionalInfo .price {
        float:right; }

.mediaThumbs.small .details {
    font-size:0.9em;
    background: #f9fafb;
    box-shadow:inset 0 1px 2px #acbbc3;
    border-radius:0 0 0.5em 0.5em;
    -moz-border-radius:0 0 0.5em 0.5em;
    -webkit-border-radius:0 0 0.5em 0.5em; }

    .mediaThumbs.small .details li {
        float:left;
        width:33%;
        padding:0.3em 0.5em;
        color:#acbbc3;
        font-size: 0.9em;
        text-align:center; }

.mediaThumbs.small .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .mediaThumbs.small .hasPrice i {
        font-size:1.2em; }


/*** Hover ***/

.mediaThumbs.small .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15% 0 0;
    text-align:center;
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .mediaThumbs.small article:hover .links {
        visibility:visible;
        opacity:1; }

    .mediaThumbs.small .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .mediaThumbs.small .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/******** Thumbs (List) ********/

.mediaThumbs.list article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .mediaThumbs.list article:hover {
        box-shadow:0 0 3px #617ca3; }

.mediaThumbs.list .mediaCover {
    position:relative;
    float:left;
    width:33%; }

    .mediaThumbs.list .mediaCover .mediaThumb {
        width: 100%;
        border-radius:0.5em 0 0 0.5em;
        -moz-border-radius:0.5em 0 0 0.5em;
        -webkit-border-radius:0.5em 0 0 0.5em; }

    .mediaThumbs.list .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.mediaThumbs.list .mediaInfo {
    float:left;
    width:67%; }

    .mediaThumbs.list .mediaInfo h3 {
        margin:0;
        padding:0.75em 0.6em 0.3em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

    .mediaThumbs.list .mediaInfo .text {
        padding:0 1em 0.5em;
        overflow:hidden; }

    .mediaThumbs.list .mediaInfo .price {
        position:absolute;
        top:1em;
        right:0.75em; }

.mediaThumbs.list .details {
    position:absolute;
    bottom:0;
    right:0;
    width:67%;
    padding:0 0 0 20%;
    font-size:0.9em;
    background: #f9fafb;
    box-shadow:inset 0 1px 2px #acbbc3;
    border-radius:0 0 0.5em 0;
    -moz-border-radius:0 0 0.5em 0;
    -webkit-border-radius:0 0 0.5em 0;
    z-index:2; }

    .mediaThumbs.list .details li {
        float:left;
        width:25%;
        padding:0.3em 0.5em;
        color:#acbbc3;
        font-size: 0.9em;
        text-align:center; }

.mediaThumbs.list .uploader {
    position:absolute;
    bottom:0.2em;
    left:34%;
    z-index:3; }

    .mediaThumbs.list .uploader .userThumb {
        height:35px;
        width:35px; }

    .mediaThumbs.list .uploader span {
        font-size:0.9em;
        vertical-align: bottom;
        max-width:65px;
        overflow:hidden; }

.mediaThumbs.list .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .mediaThumbs.list .hasPrice i {
        font-size:1.2em; }

.mediaThumbs.list .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }


/*** Hover ***/

.mediaThumbs.list .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15% 0 0;
    text-align:center;
    border-radius:0.5em 0 0 0.5em;
    -moz-border-radius:0.5em 0 0 0.5em;
    -webkit-border-radius:0.5em 0 0 0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .mediaThumbs.list article:hover .links {
        visibility:visible;
        opacity:1; }

    .mediaThumbs.list .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .mediaThumbs.list .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

@media (min-width: 1300px) {

  .mediaDetail article {
    position:relative; }

    .mediaDetail aside {
        position:absolute;
        top:0;
        right:0;
    }

}


/******** Player ********/

.mediaDetail #mediaPlayer {
    margin-bottom:1em; }

#flashcomm-url {
    display:none; }


/******** Details ********/

.viewMedia .details > div {
    margin-bottom:1em; }


/*** Description ***/

.viewMedia .description {
    margin-bottom:1.5em; }


/*** Show More Link ***/

.show-more-height {
    height:75px;
    overflow:hidden; }

.show-more {
    position:relative;
    width:100%;
    height:20px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 -10px 10px #fdfdfd;
    background:url('../assets/img/lineGrey.png') 0 50% repeat-x; }

.show-more span {
    color:#fff;
    font-size:0.8em;
    padding:0.5em 1em;
    background:#acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }


/*** Statistics ***/

.albumDetail .statistics,
.mediaDetail .statistics {
    float:left; }

    .albumDetail .statistics li,
    .mediaDetail .statistics li {
        float:left;
        padding:0 1em 0 0;
        color:#acbbc3; }

.homePage .mediaDetail .statistics {
    float:right;
    margin-top:0.5em; }


/*** Share Buttons ***/

.mediaDetail .shareSocial {
    float:left; }

    .mediaDetail .shareSocial li {
        float:left;
        padding:0 0.5em 0 0; }

        .mediaDetail .shareSocial li a {
            height:20px;
            width:20px;
            text-align:center;
            display:inline-block;
            border-radius:50%;
            -moz-border-radius:50%;
            -webkit-border-radius:50%; }

        .mediaDetail .shareSocial li a i {
            color:#fff; }

        .mediaDetail .shareSocial li .facebook {
            background:#4e69a2; }

            .mediaDetail .shareSocial li .facebook:hover {
                background:#3b5998; }

        .mediaDetail .shareSocial li .twitter {
            background:#32bbef; }

            .mediaDetail .shareSocial li .twitter:hover {
                background:#057ed0; }

        .mediaDetail .shareSocial li .googleplus {
            background:#e24b40; }

            .mediaDetail .shareSocial li .googleplus:hover {
                background:#a93125; }


/*** Shared ***/

.mediaDetail .shared {
    padding:0.5em 0 1em; }


/*** Uploader ***/

.mediaDetail .uploader {
    float:left; }

.mediaDetail .uploader li {
    display:table-cell;
    padding:0 0.5em 0 0;
    color:#acbbc3; }

.mediaDetail .uploader i {
    font-size:0.5em;
    margin-right:0.5em;
    vertical-align:middle; }

.mediaDetail .uploader .userThumb {
    height:35px;
    width:35px; }


/*** Action Nav ***/

.viewMedia #actionNav {
    float:left;
    margin-top:0.5em; }


/******** Share & Buy ********/

.mediaDetail .details .buttonpane {
    float:right;
    text-align:left;
    margin:0; }

    .mediaDetail .buttonpane .dropdown-menu {
        left:auto;
        right:0;
        min-width:500px;
        padding:0; }


/*** Share ***/



	.mediaDetail .share .bookmarks,
	.mediaDetail .share .permalink,
	.mediaDetail .share .mail {
		width:100%;
		padding:0 1em 1em 0; }



	@media (min-width: 768px) {

	.mediaDetail .share .bookmarks,
	.mediaDetail .share .permalink,
	.mediaDetail .share .mail {
		float:left;
		width:50%;
		padding:0 1em 1em 0; }

	}

	.mediaDetail .share .embedd {
		width:100%;
		padding:0 0 4em 1em;
		}

	@media (min-width: 768px) {

	.mediaDetail .share .embedd {
		float:right;
		width:50%;
		padding:0 0 4em 1em;
		border-left:1px solid #acbbc3; }

	}

    .mediaDetail .share .embedd form {
        padding:0;
        background:transparent; }

    .mediaDetail .share .embedd label {
        font-weight:normal; }

    .mediaDetail .share .embedd strong {
        float:left;
        width:25%; }

    .mediaDetail .share .embedd div {
        float:right;
        width:75%;
        margin:0; }

    .mediaDetail .share .embedd .size {
        margin:0.5em 0; }

        .mediaDetail .share .embedd .size input[type="text"] {
            width:65px;
            display:inline-block; }

    .mediaDetail .share .embedd .options label {
        display:block; }

    .shareMedia .embedd textarea[readonly] {
      cursor: text;
    }


/******** Buy ********/

.buy {
    position:relative;
    padding:1em;
    border:1px solid #acbbc3;
    border-radius:0.5em;,
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

    .buy.single {
        margin-bottom:1em; }

    .buy h3 {
        margin-top:0; }

    .buy .period {
        color:#78919e;
        font-size:0.9em; }

#buyModal .modal-dialog {
    width:75%; }


/*** buy or ***/

/*
.mediaDetail .buy .or {
    position:relative;
    left:auto;
    right:auto;
    width:50px;
    vertical-align:middle;
    padding: 0 2.5em;
    background:url('../assets/img/transBLK-80.png') 50% 0 repeat-y;  } */


/*** buy media ***/

.buySingle {
    /*float:left;
    width:48%;*/
    padding:0;
    position:relative; }

    .buySingle .info {
        margin:1em 0;
        height:55px; }

        .buySingle .info .thumb {
            float:left;
            width:auto; }

        .buySingle .info .mediaThumb {
            height:55px; }

        .buySingle .info div {
            float:left;
            width:60%;
            padding:0 0 0 0.5em; }

        .buySingle .info div p {
            margin-bottom:0;
            font-size:0.9em; }

        .buySingle .info div span {
            color:#acbbc3;
            font-size:0.8em; }

    .buySingle button {
        position:absolute;
        bottom:0;
        right:0; }


/*** buy portal access ***/

.buyPortalAccess {
    /*float:right;
    width:48%;*/
    padding:0;
    position:relative; }

    .buyPortalAccess .info {
        margin:1em 0;
        font-size:0.9em;
        /*color:#acbbc3;
        height:55px;*/ }

    .buyPortalAccess button {
        position:absolute;
        bottom:0;
        right:0; }


/*** buy subscription ***/

.buy.subscription .costs ul {
    display:table;
    width:100%; }

.buy.subscription .costs .top {
    font-size:.8em; }

.buy.subscription .title,
.buy.subscription .period,
.buy.subscription .amount,
.buy.subscription .action {
    display:table-cell;
    vertical-align:middle; }

.buy.subscription .title {
    width:40%; }

.buy.subscription .period {
    width:15%; }

.buy.subscription .amount {
    width:15%; }

.buy.subscription .action {
    width:30%;
    text-align:right; }

    .buy.subscription .action button {
        margin:0; }



/*
.buy .wrap {
    display:table; }

.buy .buySingle,
.buy .buyPortalAccess,
.buy .or {
    display:table-cell; } */



.buyMedia,
.shareMedia,
.downloadMedia  {
    position:relative;
    float:left; }

.shareMedia  {
    margin-right:0.5em; }

    .buyMedia .wrap,
    .shareMedia .wrap {
        position:absolute;
        top:100%;
        right:0;
        border:1px solid #ccc;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -weblit-border-radius:0.5em;
        background:#fff;
        padding:1em;
        width:550px;
        box-shadow:0 5px 5px #000;
        visibility:hidden; }

    .shareMedia .wrap {
        width:270px;

	}

	@media (min-width: 768px) {
	.shareMedia .wrap {
        width:550px;

	}
	}

    .buyMedia:hover .wrap,
    .shareMedia:hover .wrap {
        visibility:visible;
        z-index:99; }


/******** Details ********/

.mediaDetail .countdown {
    float:right;
    margin-bottom:1em; }


/******** Details ********/

/*** Tags & Categories ***/

.mediaDetail .tags,
.mediaDetail .categories,
.mediaDetail .map {
    float:left;
    width:50%;
    margin-bottom:20px; }


/*** Map ***/

.mediaDetail .map {
    min-height:50px;
    padding-left:20px;
    float:right; }


/******** Comments ********/

@media (min-width: 992px) {

.mediaDetail .comments {
    min-height:950px; }

}


/******** Playlist & Recomended ********/

.mediaThumbnail {
    margin-bottom:20px; }

    .mediaThumbnail .mediaCover {
        position:relative;
        margin-bottom:0.25em; }

        .mediaThumbnail .mediaCover i,
        .mediaThumbnail .mediaCover .number,
        .mediaThumbnail .mediaCover .active {
            position:absolute;
            bottom:0.5em;
            left:0.5em; }

        .mediaThumbnail .mediaCover .number,
        .mediaThumbnail .mediaCover .active  {
            color:#fff;
            font-size:0.8em;
            padding:0.5em 1em;
            border-radius:50%;
            -moz-border-radius:50%;
            -webkit-border-radius:50%;
            background:rgba(0,0,0,.8);  }

        .mediaThumbnail .mediaCover .active {
            border-radius:1em;
            -moz-border-radius:1em;
            -webkit-border-radius:1em;
            padding:0.5em 1em 0.5em 2.5em; }

            .mediaThumbnail .mediaCover .active i {
                bottom:0.1em;
                background:transparent; }


/*** Playlist ***/

#playlist {
    background:#f5f6f7;
    padding:1em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin:0 0 1.5em; }

    #playlist h3 {
        margin-top:0;
        font-size:1.5em; }

    #playlist .scrollbar {
        border:none;
        height:500px; }


/*** Recommended ***/

#recommended {
    padding:1em;
    border:1px solid #dfe5eb;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin:0 0 1.5em; }

    #recommended h3 {
        margin-top:0;
        font-size:1.5em; }

    #recommended .hasPrice {
        height:50px;
        width:50px;
        padding:0.5em; }

        #recommended .hasPrice i {
            font-size:1.2em; }

    #recommended .mediaThumbnail a span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }


/*********************************************************/
/*              Upload                                   */
/*********************************************************/

/******** File Upload ********/

#fileUpload {
    margin-bottom:2em; }

    #fileUpload .fileUpload {
        border:1px dashed #acbbc3;
        background:#fff;
        padding:0.5em;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        text-align:center; }

        #fileUpload .fileUpload fieldset {
            background:#f5f6f7;
            padding:1em;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em; }

        #fileUpload .fileUpload i {
            color:#acbbc3;
            font-size:4em;
            display:block; }

        #fileUpload .fileUpload strong {
            font-size:1.5em; }

    #fileUpload .filename {
        font-weight:normal;
        font-family:'open_sanssemibold', sans-serif;
        text-align:left;
        margin-bottom:0.3em; }

    #fileUpload .uploadProgress .progress {
        float:left;
        width:90%; }

    #fileUpload .uploadProgress .progress-bar {
        background-color:#617ca3; }

    #fileUpload .uploadProgress .cancel {
        float:right;
        width:10%;
        text-align:right; }

        #fileUpload .uploadProgress .cancel i {
            font-size:1.3em; }

    #fileUpload .progressInfo {
        margin-top:20px; }

        #fileUpload .progressInfo .size {
            float:left;
            font-size:0.8em;
            text-align:left;
            width:50%; }

            #fileUpload .progressInfo .size span {
                font-weight:normal;
                font-family:'open_sanssemibold', sans-serif; }

        #fileUpload .progressInfo .status {
            float:left;
            font-size:0.8em;
            text-align:center;
            width:50%; }

        #fileUpload .progressInfo .time {
            float:left;
            font-size:0.8em;
            text-align: right;
            width: 25%; }

    #fileUpload .description {
        color:#acbbc3;
        padding:0 0 0 1em; }


/******** Credits ********/

.mediaCredits li {
    float:left;
    padding:0 0 2em; }

@media (min-width:320px) {

    .mediaCredits li {
        width:50%; }

}

@media (min-width: 1300px) {

    .mediaCredits li {
        width:33%; }

}

/*
@media (min-width: 1500px) {

    .mediaCredits li {
        width:25%; }

} */

.mediaCredits .userThumb {
    height:35px;
    width:35px;
    float:left;
    margin-right:1em; }

.mediaCredits li div a,
.mediaCredits li div span {
    display:block; }


/******** Costs ********/

#costs .radio,
.costs .radio {
    display:inline-block;
    margin-top:0;
    vertical-align:bottom;
    width:15%; }


/******** Categories ********/

/*
.categories li,
.groups li,
.channels li {
    float:left;
    width:33%;
    padding-right:1em;
    margin-bottom:0.5em !important;
    margin-top:0 !important; }
	*/

/******** Add Existing Media ********/

.addMediaFile {
    border:1px dashed #e5e5e5;
    background:#fff;
    padding:0.5em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

    .addMediaFile a {
        display:block;
        height:126px;
        background:#e5e5e5;
        padding:1em;
        border-radius:0.3em;
        -moz-border-radius:0.3em;
        -webkit-border-radius:0.3em;
        text-align:center; }

        .addMediaFile a i {
            color:#617ca3;
            font-size:2em;
            display:block;
            margin-top:1.2em; }

        .addMediaFile a span {
            color:#333;
            display:block; }

#addMedia li,
.addMedia li {
    margin-bottom:1em;
    height:140px; }

.addMedia li {
    height:175px; }

#addMedia .mediaCover i,
.addMedia .mediaCover i {
    position:absolute;
    bottom:0.5em;
    left:0.5em; }

#addMedia .mediaCover i.icon-check,
.addMedia .mediaCover i.icon-check {
    position:absolute;
    bottom:auto;
    left:auto;
    top:0.5em;
    right:0.5em; }

#addMedia .mediaCover:hover i.icon-check,
.addMedia .mediaCover:hover i.icon-check {
  display: none;
}

#addMedia .mediaCover .hasPrice,
.addMedia .mediaCover .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    #addMedia .mediaCover .hasPrice i,
    .addMedia .mediaCover .hasPrice i {
        font-size:1.2em; }

#addMedia form,
.addMedia form {
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0; }

#addMedia .links,
.addMedia .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:12% 0 0;
    text-align:center;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    z-index: 1; }

.addMedia .links {
    padding:17% 0 0; }

    #addMedia li:hover .links,
    .addMedia li:hover .links {
        visibility:visible; }

    #addMedia .mediaCover .links .batch,
    .addMedia .mediaCover .links .batch {
      position: absolute;
      right: 0.5em;
      top: 0.5em; }

    #addMedia .mediaCover .links a,
    .addMedia .mediaCover .links a {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

    #addMedia .links i,
    .addMedia .links i  {
        position:relative;
        top:0;
        left:0;
        padding:0;
        font-size:1.8em;
        background:transparent; }

#addMedia .mediaLink,
.addMedia .mediaLink  {
    display:block;
    overflow:hidden; }

#addMedia li p,
.addMedia li p  {
    margin-top:0.25em;
    font-size:0.8em; }


/*** Add Existing Media - Modal ***/

.addMedia.modal .modal-dialog {
    width:800px; }

.addMedia.modal .modal-dialog {
    width:60%; }

.addMedia.modal .scrollbar {
    width:100% !important;
    height:500px;
    padding-top:1em;
    padding-bottom:1em; }




/****************************************************************/
/*              CHANNELS                                        */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.channelListing {
    position: relative; }

.channelList > article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .channelList > article:hover {
        box-shadow:0 0 3px #617ca3; }

    .channelList .mediaThumb {
        width:100%;
        height:auto;
        border-radius:0.5em 0.5em 0 0;
        -moz-border-radius:0.5em 0.5em 0 0;
        -webkit-border-radius:0.5em 0.5em 0 0; }


/******** Overlay ********/

.channelList .channelTeaser .link {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:45%;
    padding:1em;
    border-radius:0.5em 0 0 0;
    -moz-border-radius:0.5em 0 0 0;
    -webkit-border-radius:0.5em 0 0 0;
    background:rgba(0,0,0,.7); }

    .channelList .channelTeaser h3 {
        color:#9eafc7;
        margin-bottom:1em; }

    .channelList .channelTeaser .text {
        color:#fff !important; }


    @media (min-width:320px) {

        .channelList .channelTeaser h3 {
            margin-bottom:0.75em;
            margin-top:0.5em;
            max-height:41px; }

        .channelList .channelTeaser .text {
            max-height:73px;
            overflow:hidden; }

    }

    @media (min-width: 1300px) {

        .channelList .channelTeaser .text {
            height:auto; }

    }


    .channelList .channelTeaser .details {
        color:#acbbc3;
        margin-top:1.5em; }


/******** Slider ********/

.channelList .channelSlider {
    background:#fff;
    position:relative; }

.channelList .channelSlider li {
    display:inline-block;
    position:relative; }

    .channelList .channelSlider .mediaCover {
        margin-bottom:0.5em; }

    .channelList .channelSlider .mediaThumb {
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em; }

    .channelList .channelSlider .hasPrice {
        height:50px;
        width:50px;
        padding:0.5em; }

        .channelList .channelSlider .hasPrice i {
            font-size:1.2em; }

    .channelList .channelSlider li i {
        position:absolute;
        bottom:0.5em;
        left:0.5em;
        color:#fff;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        padding:0.5em;
        background:rgba(0,0,0,.8); }

    .channelList .channelSlider h4 {
        position:absolute;
        right:0;
        bottom:0.5em;
        margin:0;
        width:70%;
        text-align:right;
        color:#fff;
        background:#000;
        padding:0.2em 0.5em;
        background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(2,0,0,0.8) 15%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(15%,rgba(2,0,0,0.8)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(2,0,0,0.8) 15%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background:-o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(2,0,0,0.8) 15%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background:-ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(2,0,0,0.8) 15%,rgba(0,0,0,1) 100%); /* IE10+ */
        background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(2,0,0,0.8) 15%,rgba(0,0,0,1) 100%); /* W3C */
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ }


    .channelList .channelSlider .swiper-container {
        height:210px;
        max-height:210px; }

    .channelList .channelSlider .swiper-slide {
        height:210px; }

    @media (min-width:320px) {

        .channelList .channelSlider .swiper-container {
            height:165px;
            max-height:165px; }

        .channelList .channelSlider .swiper-slide {
            height:165px; }

    }

    @media (min-width: 1300px) {

        .channelList .channelSlider .swiper-container {
            height:210px;
            max-height:210px; }

        .channelList .channelSlider .swiper-slide {
            height:210px; }

    }


/*** Arrows ***/

.channelList .channelSlider .arrow-left,
.channelList .channelSlider .arrow-right {
    position:absolute;
    top:30%;
    font-size:4em; }

.channelList .channelSlider .arrow-left {
    left:0.2em; }

.channelList .channelSlider .arrow-right {
    right:0.2em; }


/*********************************************************/
/*              Listing                                  */
/*********************************************************/

.channelThumbs .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .channelThumbs .hasPrice i {
        font-size:1.2em; }

.channelThumbs .mediaOverlay {
    padding:0.5em 0.5em 0; }

    .channelThumbs .mediaOverlay h3 {
        margin-top:0; }

    .channelThumbs .mediaOverlay .additionalInfo p {
        color:#acbbc3; }


/******** Thumbs (Big) ********/

.channelThumbs.big article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px; }

    .channelThumbs.big .mediaCover h3 {
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        padding:0.25em 0.5em;
        color:#fff;
        display:block;
        width:100%;
        height:32px;
        line-height:1.3em;
        overflow:hidden;
        border-radius:0 0 0.5em 0.5em;
        -moz-border-radius:0 0 0.5em 0.5em;
        -webkit-border-radius:0 0 0.5em 0.5em;
        background:rgba(0,0,0,.7); }

    .channelThumbs.big li:hover .mediaCover h3 {
        display:none; }


/*** Hover ***/

.channelThumbs.big .mediaOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:0;
    width:100%;
    margin:0;
    padding:0;
    color:#fff;
    overflow:hidden;
    visibility:hidden;
    background:rgba(0,0,0,.7);
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -o-transition:height 1s;
    -ms-transition:height 1s;
    transition:height 1s;
    color:#fff; }

    .channelThumbs.big li:hover .mediaOverlay {
        visibility:visible;
        height:100%; }

    .channelThumbs.big .mediaOverlay a {
        height:100%;
        padding:1em;
        display:block; }

    .channelThumbs.big .mediaOverlay h3 {
        color:#fff;
        margin:0; }

    .channelThumbs.big .mediaOverlay .text {
        color:#fff !important;
        font-size:0.8em;
        margin:1em 0 0.5em 0;
        overflow:hidden; }

        @media (min-width:320px) {

            .channelThumbs.big .mediaOverlay .text {
                height:30px; }

        }

        @media (min-width:1300px) {

            .channelThumbs.big .mediaOverlay .text {
                height:54px;
                font-size:0.9em; }

        }

        /*
        @media (min-width: 1600px) {

            .channelThumbs.big .mediaOverlay .text {
                height:55px; }

        }*/

    .channelThumbs.big .mediaOverlay .additionalInfo .uploader {
        float:left;
        margin:0; }

        .channelThumbs.big .mediaOverlay .additionalInfo .userThumb {
            height:35px;
            width:35px; }

    .channelThumbs.big .mediaOverlay .additionalInfo .buyMedia {
        float:right; }

        .channelThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy {
            margin-right:0.5em;
            background:#617ca3;
            border:1px solid #003f61;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em;
            padding:0.2em 0.5em;
            text-align:center; }

            .channelThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy i {
                color:#fff; }

    .channelThumbs.big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0;
        width:100%; }

    .channelThumbs.big .mediaOverlay .details li {
        float:left;
        text-align:center;
        width:25%;
        padding:0 1em;
        color:#acbbc3; }

    @media (min-width: 992px) {

        .channelThumbs.big .mediaOverlay .details {
                font-size:0.8em; }

            .channelThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    /*
    @media (min-width: 1600px) {

        .channelThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .channelThumbs.big .mediaOverlay .details li {
                    padding: 0 1em; }

    }*/

    .channelThumbs.big .mediaOverlay .additionalInfo p {
        float:left; }

    .channelThumbs.big .mediaOverlay .additionalInfo .price {
        float:right; }


/******** Thumbs (Small) ********/

.channelThumbs.small article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .channelThumbs.small article:hover {
        box-shadow:0 0 3px #617ca3; }

.channelThumbs.small .mediaThumb {
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0; }

.channelThumbs.small .mediaInfo {
    padding:1em; }

    .channelThumbs.small .mediaInfo h3 {
        margin:0 0 0.5em;
        height:20px;
        font-size:1.2em;
        padding:0;
        overflow:hidden; }

    .channelThumbs.small .mediaInfo .text {
        margin-bottom:0.5em;
        height:41px;
        overflow:hidden; }

.channelThumbs.small .additionalInfo p {
    float:left;
    color:#acbbc3;
    margin-bottom:0; }

.channelThumbs.small .additionalInfo .price {
    float:right; }


/*** Hover ***/

.channelThumbs.small .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15% 0 0;
    text-align:center;
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .channelThumbs.small article:hover .links {
        visibility:visible;
        opacity:1; }

    .channelThumbs.small .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .channelThumbs.small .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/******** Thumbs (List) ********/

.channelThumbs.list article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .channelThumbs.list article:hover {
        box-shadow:0 0 3px #617ca3; }

.channelThumbs.list .mediaCover {
    position:relative;
    float:left;
    width:50%; }

    .channelThumbs.list .mediaCover .mediaThumb {
        border-radius:0.5em 0 0 0.5em;
        -moz-border-radius:0.5em 0 0 0.5em;
        -webkit-border-radius:0.5em 0 0 0.5em; }

    .channelThumbs.list .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.channelThumbs.list .mediaInfo {
    float:left;
    width:50%;
    padding:1em; }

    .channelThumbs.list .mediaInfo h3 {
        margin:0;
        padding:0.5em 0 0.3em; }

        .channelThumbs.list .mediaInfo .text {
            margin-bottom:0.3em; }

    @media (min-width: 1500px) {

        .channelThumbs.list .mediaInfo .text {
            height:40px;
            overflow:hidden; }

    }

    .channelThumbs.list .mediaInfo .price {
        position:absolute;
        top:0.5em;
        right:0.5em; }

.channelThumbs.list .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .channelThumbs.list .hasPrice i {
        font-size:1.2em; }

.channelThumbs.list .additionalInfo p {
    color:#acbbc3;
    margin:0; }


/*** Hover ***/

.channelThumbs.list .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:10% 0 0;
    text-align:center;
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .channelThumbs.list article:hover .links {
        visibility:visible;
        opacity:1; }

    .channelThumbs.list .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .channelThumbs.list .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.viewChannel .description {
    margin:1em 0; }

.viewChannel .statistics li {
    float:left;
    margin:0 1em 0 0;
    color:#acbbc3; }

.viewChannel .access {
    margin:1em 0; }

    .viewChannel .access .countdown {
        margin-left:1.5em; }

#addChannelMedia.modal .scrollbar {
    height:500px;
    padding-bottom:1em;
    padding-top:1em;
    width:100% !important; }

.viewChannel .buyMedia  {
    float:none; }

.mediaDetail .viewChannel .buyMedia  {
    float:left; }


/******** Slider ********/

.viewChannel .swiper-container {
    max-height:155px; }

.viewChannel #slider .arrow-left,
.viewChannel #slider .arrow-right {
    margin-top:0;
    top:30%; }

.viewChannel #slider .mediaCover i {
    position:absolute;
    bottom:0.5em;
    left:0.5em; }


/****************************************************************/
/*              ALBUMS                                          */
/****************************************************************/

.albumListing {
    position:relative; }

    .albumListing .callToAction {
        position:absolute;
        top:0;
        right:0; }


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.albumOverview {
    position:relative; }

    .albumOverview .callToAction {
        position:absolute;
        top:25px;
        right:1.5em; }

.albumThumbs article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    overflow:hidden; }

    .albumThumbs article:hover {
        box-shadow:0 0 3px #617ca3; }

.albumThumbs .mediaCover {
    float:left;
    width:50%; }

    .albumThumbs .mediaCover .mediaThumb {
        border-radius:0.5em 0 0 0.5em;
        -moz-border-radius:0.5em 0 0 0.5em;
        -webkit-border-radius:0.5em 0 0 0.5em; }

.albumThumbs .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

.albumThumbs .hasPrice {
    height:50px;
    width:50px;
    padding:0.5em; }

    .albumThumbs .hasPrice i {
        font-size:1.2em; }

/*** Hover ***/

.albumThumbs .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:35% 0 0;
    text-align:center;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .albumThumbs  article:hover .links {
        visibility:visible;
        opacity:1; }

    .albumThumbs .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .albumThumbs .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }

.albumThumbs .mediaInfo {
    float:left;
    width:50%;
    padding:1em; }

    .albumThumbs .mediaInfo h3 {
        margin-top:0;
        height:64px;
        font-size:1.3em;
        line-height:1.2em;
        overflow:hidden; }

    .albumThumbs .mediaInfo p {
        color:#acbbc3; }


/******** Thumbs (Big) ********/

.albumThumbs.big > li {
    position:relative;
    margin-bottom:20px;
    overflow:hidden; }

/*** Preview ***/

.albumThumbs.big .mediaCover {
    position:relative;
    width:100%;
    float:none;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    overflow:hidden; }

    .albumThumbs.big .mediaCover h3 {
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        padding:0.25em 0.5em;
        color:#fff;
        display:block;
        width:100%;
        height:28px;
        font-size:1.3em;
        line-height:1.3em;
        overflow:hidden;
        border-radius:0 0 0.5em 0.5em;
        -moz-border-radius:0 0 0.5em 0.5em;
        -webkit-border-radius:0 0 0.5em 0.5em;
        background:rgba(0,0,0,.7); }

    .albumThumbs.big li:hover .mediaCover h3 {
        display:none; }

    .albumThumbs.big .mediaCover i {
        padding:0;
        background:transparent; }

.albumThumbs.big .hasPrice {
    height:50px;
    width:50px; }

.albumThumbs .tagged {
    border-radius:0 0.5em 0 0;
    -moz-border-radius:0 0.5em 0 0;
    -webkit-border-radius:0 0.5em 0 0; }


/*** Hover ***/

.albumThumbs.big .mediaOverlay {
    position:absolute;
    bottom:0;
    left:0;
    height:0;
    width:92%;
    margin:0 10px;
    padding:1em;
    color:#fff;
    visibility:hidden;
    background:rgba(0,0,0,.7);
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -webkit-transition:height 1s;
    -moz-transition:height 1s;
    -o-transition:height 1s;
    -ms-transition:height 1s;
    transition:height 1s;
    color:#fff; }

    .albumThumbs.big li:hover .mediaOverlay {
        visibility:visible;
        height:100%; }

    .albumThumbs.big .mediaOverlay a {
        display:block;
        height:100%; }

    .albumThumbs.big .mediaOverlay h3 {
        color:#fff;
        margin:0;
        max-height:62px;
        font-size:1.3em;
        line-height:1.2em;
        overflow:hidden; }

    .albumThumbs.big .mediaOverlay .text {
        color:#fff !important;
        font-size:0.8em;
        margin:1em 0 0.5em 0;
        overflow:hidden; }

        @media (min-width:320px) {

            .albumThumbs.big .mediaOverlay .text {
                max-height:60px;
                overflow:hidden; }

        }

        /*
        @media (min-width: 1600px) {

            .albumThumbs.big .mediaOverlay .text {
                height:65px; }

        }*/

    .albumThumbs.big .mediaOverlay .additionalInfo .uploader {
        float:left;
        margin:1em 0; }

        .albumThumbs.big .mediaOverlay .additionalInfo .userThumb {
            height:35px;
            width:35px; }

    .albumThumbs.big .mediaOverlay .additionalInfo .buyMedia {
        float:right;
        margin-top:1em; }

        .albumThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy {
            margin-right:0.5em;
            background:#617ca3;
            border:1px solid #003f61;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em;
            padding:0.2em 0.5em;
            text-align:center; }

            .albumThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy i {
                color:#fff; }

    .albumThumbs.big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0.5em;
        width:100%;
        opacity:0;
        -webkit-transition:opacity 1s .5s;
        -moz-transition:opacity 1s .5s;
        -o-transition:opacity 1s .5s;
        -ms-transition:opacity 1s .5s;
        transition:opacity 1s .5s; }

        .albumThumbs.big li:hover .mediaOverlay .details {
            opacity:1; }

    .albumThumbs.big .mediaOverlay .details li {
        float:left;
        text-align:center;
        padding:0 1em;
        color:#acbbc3; }

    @media (min-width: 992px) {

        .albumThumbs.big .mediaOverlay .details {
                font-size:0.8em; }

            .albumThumbs.big .mediaOverlay .details li {
                    padding: 0 0.75em; }

    }

    /*
    @media (min-width: 1600px) {

        .albumThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

            .albumThumbs.big .mediaOverlay .details li {
                    padding: 0 1em; }

    }*/


/******** Thumbs (Small) ********/

.albumThumbs.small .mediaCover {
    float:none;
    width:100%; }

    .albumThumbs.small .mediaCover .mediaThumb {
        border-radius:0.5em 0.5em 0 0;
        -moz-border-radius:0.5em 0.5em 0 0;
        -webkit-border-radius:0.5em 0.5em 0 0; }

    .albumThumbs.small .mediaCover .uploader {
        position:absolute;
        bottom:-0.75em;
        left:0.5em; }

        .albumThumbs.small .mediaCover .userThumb {
            height:35px;
            width:35px; }

        .albumThumbs.small .mediaCover .uploader span {
            color:#fff;
            font-size:0.9em;
            text-shadow:0 0 2px #000; }

    .albumThumbs.small h3 {
        margin:1em 0.7em 0;
        height:20px;
        font-size:1.2em;
        line-height:1.2em;
        padding:0;
        overflow:hidden; }

    .albumThumbs.small .additionalInfo {
        padding:0.5em 1em 0; }

        .albumThumbs.small .additionalInfo p {
            color:#acbbc3;
            float:left; }

        .albumThumbs.small .additionalInfo .price {
            float:right; }

/*** Hover ***/

.albumThumbs.small .mediaCover .links {
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0; }


/******** Thumbs (List) ********/

.albumThumbs.list .mediaCover .links {
    border-radius:0.5em 0 0 0.5em;
    -moz-border-radius:0.5em 0 0 0.5em;
    -webkit-border-radius:0.5em 0 0 0.5em; }

.albumThumbs.list .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }



/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.viewAlbum #innerNav {
    padding-bottom:1em; }

.viewAlbum #subNav {
    right:0 !important;
    width:100%;
    border-bottom:1px solid #ddd; }

    .viewAlbum #subNav ul {
        float:right; }

    .viewAlbum #subNav li a {
        background:#f5f6f7; }

    .viewAlbum #subNav li a:hover {
        background:#ddd; }

    .viewAlbum #subNav li.active a {
        margin-top:1px;
        border-right:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #fff; }

.viewAlbum .mediaListing {
    margin-top:1em; }


/*********************************************************/
/*              Media Detail                             */
/*********************************************************/

.mediaDetail .viewAlbum .wrap #actionNav {
    float:left;
    margin-top: 0.5em; }




/*********************************************************/
/*              Create Album                             */
/*********************************************************/

#createAlbum .details {
    padding-left:1em; }

#addAlbumMedia.modal .scrollbar {
    height:500px;
    width:800px;
    padding-bottom:1em;
    padding-top:1em;
    width:100% !important; }



















/****************************************************************/
/*              GROUPS                                          */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.groupOverview {
    position:relative; }

    .groupOverview .callToAction {
        position:absolute;
        top:25px;
        right:1.5em; }

.groupListing {
  position: relative; }

.groupListing .filter {
    margin-bottom:1em; }

.groupListing article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px;
    padding:1em; }

    .groupListing article:hover {
        box-shadow:0 0 3px #617ca3; }

.groupListing .mediaCover {
    float:left;
    width:25%; }

    .groupListing .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.groupListing .groupInfo {
    float:left;
    width:75%;
    padding:0 0 0 1em; }

    .groupListing .groupInfo h3 {
        margin:0 0 0.25em;
        height:24px;
        font-size:1.3em;
        line-height:1.2em;
        overflow:hidden;  }

    .groupListing .groupInfo .text {
        height:59px;
        overflow:hidden; }

    .groupListing .groupInfo .details {
        margin-top:0.5em;
        margin-bottom:0;
        color:#acbbc3; }


/*** Hover ***/

.groupListing .mediaCover .icons {
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

.groupListing .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:25% 0 0;
    text-align:center;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

    .groupListing article:hover .links {
        visibility:visible;
        opacity:1; }

    .groupListing .mediaCover .links p {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .groupListing .mediaCover .links p i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/******** Thumbs (Big) ********/

.groupThumbs.big article {
    position:relative;
    margin-bottom:20px;
    padding:0;
    overflow:hidden; }

/*** Preview ***/

.groupThumbs.big .mediaCover {
    position:relative;
    float:none;
    width:100%; }

    .groupThumbs.big .mediaCover h3 {
        position:absolute;
        bottom:0;
        left:0;
        margin:0;
        padding:0.25em 0.5em;
        color:#fff;
        display:block;
        width:100%;
        height:28px;
        font-size:1.3em;
        line-height:1.3em;
        overflow:hidden;
        border-radius:0 0 0.5em 0.5em;
        -moz-border-radius:0 0 0.5em 0.5em;
        -webkit-border-radius:0 0 0.5em 0.5em;
        background:rgba(0,0,0,.7); }

    .groupThumbs.big li:hover .mediaCover h3 {
        display:none; }

    .groupThumbs.big .mediaCover i {
        top:0.5em;
        bottom:auto; }

/*** Hover ***/

.groupThumbs.big .mediaOverlay {
    width:100%;
    margin:0; }

    .groupThumbs.big .mediaOverlay a {
        height:100%;
        display:block; }

    .groupThumbs.big .mediaOverlay h3 {
        color:#fff;
        margin:0; }

    .groupThumbs.big .mediaOverlay .text {
        color:#fff !important;
        font-size:0.9em;
        margin:1em 0 0.5em 0;
        overflow:hidden; }

        @media (min-width:320px) {

            .groupThumbs.big .mediaOverlay .text {
                height:103px; }

        }

        /*
        @media (min-width: 1600px) {

            .groupThumbs.big .mediaOverlay .text {
                height:85px; }

        }*/

    .groupThumbs.big .mediaOverlay .additionalInfo .uploader {
        float:left;
        margin:1em 0; }

        .groupThumbs.big .mediaOverlay .additionalInfo .userThumb {
            height:35px;
            width:35px; }

    .groupThumbs.big .mediaOverlay .additionalInfo .buyMedia {
        float:right;
        margin-top:1em; }

        .groupThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy {
            margin-right:0.5em;
            background:#617ca3;
            border:1px solid #003f61;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em;
            padding:0.2em 0.5em;
            text-align:center; }

            .groupThumbs.big .mediaOverlay .additionalInfo .buyMedia .buy i {
                color:#fff; }

    .groupThumbs.big .mediaOverlay .details {
        position:absolute;
        bottom:1em;
        left:0;
        margin:0 1em;
        color:#acbbc3; }

    @media (min-width: 992px) {

        .groupThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

    }

    /*
    @media (min-width: 1600px) {

        .groupThumbs.big .mediaOverlay .details {
                font-size:0.9em; }

    }*/




/******** Thumbs (small) ********/

.groupThumbs.small .mediaCover {
    float:none;
    width:100%; }

.groupThumbs.small h3 {
    height:20px;
    font-size:1.2em;
    line-height:1.2em;
    margin-top:0.75em;
    overflow:hidden; }

.groupThumbs.small .details {
    margin-top:0.5em;
    color:#acbbc3; }

    .groupThumbs.small .details p {
        margin-bottom:0; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

#groupStatistics i {
    color:#acbbc3;
    width:22px;
    display:inline-block;
    text-align:center;
    padding-right:0.5em; }

#groupStatistics li {
    margin-bottom:0.5em; }

@media (max-width:992px) {

    #groupStatistics li {
        font-size:0.9em; }

}


/*** Admin ***/

.groupDetail .admin article {
    text-align:center;
    margin-bottom:20px;
    width:115px; }

.groupDetail .admin .userThumb {
    height:115px;
    width:115px; }

.groupDetail .admin .name {
    font-size:1em;
    color:#1a1c1e;
    display:block;
    height:20px;
    margin:0.5em 0 0.2em;
    overflow:hidden; }

    .groupDetail .admin article:hover .name {
        color:#475d7b; }

.groupDetail .admin p {
    color:#acbbc3;
    font-size:0.8em;
    height:30px;
    overflow:hidden; }

.groupDetail .admin .online {
    padding:80% 0 0; }

.groupDetail .admin:hover .userThumb {
    box-shadow:0 0 3px #617ca3; }


/*********************************************************/
/*              Send Invite                              */
/*********************************************************/

#sendInvite #users,
#sendInvite #friends {
    margin-top:1em; }


/****************************************************************/
/*              FORUMS                                          */
/****************************************************************/




/*********************************************************/
/*              Forums                                   */
/*********************************************************/

.forumListing {
    position: relative;
    margin-bottom:1em; }

    .forumListing .top {
        padding:0;
        background:#dfe5eb; }

    .forumListing .top li {
        padding:0.5em;
        border-left:1px solid #fff;  }

        .forumListing .top li:first-child {
            border-left:none;  }

    .forumListing .top,
    .forumListing .forums .topic {
        display:table;
        width:100%; }

    .forumListing .title,
    .forumListing .stats,
    .forumListing .replies,
    .forumListing .new {
        display:table-cell;
        vertical-align:middle; }

    .forumListing .title {
        width:60%;
        padding-left:0.5em; }

        .forumListing .title a {
            display:block;
            font-size:1.2em;
            margin:0 0 0.25em; }

    .forumListing .stats {
        width:10%;
        text-align:center; }

    .forumListing .replies {
        width:10%;
        text-align:center; }

    .forumListing .new {
        width:20%;
        padding-left:0.5em; }

        .forumListing .new p {
            margin:0 0 0.25em; }


/*********************************************************/
/*              Threads                                  */
/*********************************************************/

.threadListing {
    position: relative;
    margin-bottom:1em; }

    .threadListing .top,
    .threadListing .threads .topic {
        display:table;
        width:100%; }

    .threadListing .top {
        padding:0;
        background:#dfe5eb; }

    .threadListing .top li {
        padding:0.5em;
        border-left:1px solid #fff;  }

        .threadListing .top li:first-child {
            border-left:none;  }

    .threadListing .title,
    .threadListing .stats,
    .threadListing .author,
    .threadListing .new {
        display:table-cell;
        vertical-align:middle; }

    .threadListing .title {
        width:50%;
        padding-left:0.5em; }

        .threadListing .title a {
            font-size:1.2em; }

    .threadListing .stats {
        width:10%;
        text-align:center; }

    .threadListing .author {
        width:20%;
        text-align:center; }

    .threadListing .new {
        width:20%;
        padding-left:0.5em; }

        .threadListing .new p {
            margin:0 0 0.25em; }

.topic {
    padding:1em 0;
    margin:0;
    border-bottom:1px solid #dfe5eb; }




/*********************************************************/
/*              Detail                                   */
/*********************************************************/

#forumThread .author,
#forumThread .title,
#forumThread .text,
#forumThread .toplink {
    float:left; }

#forumThread .author {
    width:10%; }

@media (min-width:320px) {

#forumThread .author {
    width:15%; }

}

@media (min-width:1300px) {

#forumThread .author {
    width:10%; }

}

    #forumThread .author .userCover {
        margin-top:0.5em; }

    #forumThread .author .userCover,
    #forumThread .author .userThumb {
        height:65px;
        width:65px; }

#forumThread .title,
#forumThread .text {
    width:90%; }

@media (min-width:320px) {

#forumThread .title,
#forumThread .text {
    width:85%; }

}

@media (min-width:1300px) {

#forumThread .title,
#forumThread .text {
    width:90%; }

}

#forumThread .toplink {
    width:100%;
    font-size:0.9em;
    visibility:hidden; }

    #forumThread .threadComment:hover .toplink {
        visibility:visible; }

.threadComment {
    padding:1em 0;
    border-bottom:1px solid #dfe5eb; }


/******** Title ********/

.threadComment .title {
    font-size:0.8em;
    margin-bottom:0.5em;
    border-bottom:1px dotted #dfe5eb; }

    .threadComment .title p {
        float:left;
        color:#acbbc3; }

.threadComment .actions {
    float:right;
    visibility:hidden; }

    .threadComment:hover .actions {
        visibility:visible; }

    .threadComment .actions li {
        float:left;
        margin:0 0 0 0.5em; }


/****************************************************************/
/*              BLOGS                                           */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.blogOverview {
    position:relative; }

.blogOverview #blog .blogList,
.homePage #blog .blogList {
    margin:0 0 0 40px; }


/******** Button ********/

.blogOverview .callToAction {
    position:absolute;
    top:25px;
    right:1.5em; }


/******** Preview ********/

.blogList article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px; }

    .blogList article:hover {
        box-shadow:0 0 3px #617ca3; }

.blogList .mediaThumb {
    border-radius:0.5em 0.5em 0 0;
    -moz-border-radius:0.5em 0.5em 0 0;
    -webkit-border-radius:0.5em 0.5em 0 0; }

.blogList .blogTeaser {
    padding:1em; }

    .blogList .blogTeaser h3 {
        margin-top:0.5em; }

    .blogList .blogTeaser .text {
        padding:0 0 1em;
        border-bottom:1px solid #dfe5eb; }

    .blogList .blogTeaser .userThumb {
        height:35px;
        width:35px; }

    .blogList .blogTeaser .details {
        display:table;
        margin:1em 0 0; }

        .blogList .blogTeaser .details li {
            display:table-cell;
            color:#acbbc3;
            padding:0 1em 0 0; }

.blogList .more {
    position:absolute;
    bottom:1.5em;
    right:1em; }

    .blogList article:hover .more {
        background:#475d7b; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.blogDetail #actionNav {
    float:right;
    margin-top:0.5em; }

@media (max-width:1300px) {

    .blogDetail #actionNav {
        margin-top:0;
        margin-bottom:1em; }

}

.blogDetail .author {
    float:left; }

    .blogDetail .author .userThumb {
        height:35px;
        width:35px;
        margin:0 0.5em 0 0; }

    .blogDetail .author a {
        display:inline-block; }

.blogDetail .statistics {
    float:left;
    margin-left:1em; }

@media (max-width:1300px) {

    .blogDetail .statistics {
        font-size:0.9em; }

}

    .blogDetail .statistics li {
        float:left;
        color:#acbbc3;
        padding:0 0 0 1em;
        line-height:35px; }

.blogDetail .links {
    margin-top:1em; }

.blogDetail .links .share {
    float:left; }

        .blogDetail .share a {
            height:20px;
            width:20px;
            text-align:center;
            display:inline-block;
            border-radius:50%;
            -moz-border-radius:50%;
            -webkit-border-radius:50%; }

        .blogDetail .share a i {
            color:#fff; }

        .blogDetail .share .facebook {
            background:#4e69a2; }

            .blogDetail .share .facebook:hover {
                background:#3b5998; }

        .blogDetail .share .twitter {
            background:#32bbef; }

            .blogDetail .share .twitter:hover {
                background:#057ed0; }

        .blogDetail .share .googleplus {
            background:#e24b40; }

            .blogDetail .share .googleplus:hover {
                background:#a93125; }


/*** Shared ***/

.mediaDetail .shared {
    padding:0.5em 0 1em; }


/******** Recommended ********/

.blogThumb {
    margin:0 0 1em;
    padding:1.5em 0 0;
    border-top:1px solid #dfe5eb; }

@media (min-width:320px) {

    .blogThumb {
        font-size:0.8em; }

}

@media (min-width:1300px) {

    .blogThumb {
        font-size:0.9em; }

}

    .blogThumb:first-of-type {
        border-top:none; }

.blogThumb .date {
    color:#acbbc3; }

.blogThumb .comments {
    float:right;
    color:#acbbc3; }


@media (min-width:320px) {

    .blogThumb h3 {
        font-size:1.3em !important; }

    .blogThumb .author {
        float:none; }

}

@media (min-width:1300px) {

    .blogThumb h3 {
        font-size:1.4em !important; }

}


/****************************************************************/
/*              NEWS                                            */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.newsList article {
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    padding:0.5em;
    margin-bottom:20px; }

    .newsList article:hover {
        box-shadow:0 0 3px #617ca3; }

.newsList .newsCover {
    float:left;
    width:33%;
    position:relative;
    padding:0 3em 0 0; }

.newsList .newsTeaser {
    float:left;
    width:67%;
    padding:0 0 0 0.5em; }

.newsList .date {
    position:absolute;
    top:5%;
    right:0;
    width:80px;
    height:80px;
    padding:0.8em 0;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background:#000;
    border:2px solid #fff; }

    .newsList .date span {
        display:block;
        text-align:center;
        color:#fff;
        font-family:'Roboto Bold', 'robotobold', sans-serif; }

    .newsList .date .day {
        font-size:1.8em;
        line-height:1.1em; }

    .newsList .date .month {
        font-size:0.7em; }

    .newsList .date .year {
        font-size:0.7em; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.newsDetail figure {
    margin:1em;
    width:40%;
    height:auto; }


/****************************************************************/
/*              CATEGORIES                                      */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.categoryThumbs article {
    box-shadow:0 0 2px #acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    margin-bottom:20px; }

    .categoryThumbs article:hover {
        box-shadow:0 0 3px #617ca3; }

.categoryThumbs .head {
    padding:1em 1em 0.5em;
    height:85px;
    overflow:hidden; }

    .categoryThumbs .head h3 {
        margin-top:0;
        height:22px;
        overflow:hidden; }

    .categoryThumbs .head p {
        margin-bottom:0;
        height:41px;
        color:#1a1c1e;
        overflow:hidden; }

.categoryThumbs .mediaCover {
    position:relative;
    margin:0.5em;
    overflow:hidden; }

    .categoryThumbs .mediaCover .icons {
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;  }

.categoryThumbs .details {
    font-size:0.9em;
    background: #f9fafb;
    box-shadow:inset 0 1px 2px #acbbc3;
    border-radius:0 0 0.5em 0.5em;
    -moz-border-radius:0 0 0.5em 0.5em;
    -webkit-border-radius:0 0 0.5em 0.5em; }

    .categoryThumbs .details li {
        float:left;
        width:50%;
        padding:0.3em 0.5em;
        color:#acbbc3;
        font-size: 0.9em;
        text-align:center; }


/*** Hover ***/

.categoryThumbs .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:20% 0 0;
    text-align:center;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    background:rgba(0,0,0,.7);
    visibility:hidden; }

    .categoryThumbs .article:hover .links {
        visibility:visible; }

    .categoryThumbs .mediaCover .links a {
        text-align:center;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        display:inline-block;
        padding:0.75em 1em; }

        .categoryThumbs .mediaCover .links a i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.categoryDetail .lead .mediaThumb {
    width:40%;
    height:auto;
    margin:0 0 1em 1em; }


/****************************************************************/
/*              PROFILE                                         */
/****************************************************************/

/******** User Info ********/

#innerNav #userInfo {
    position:absolute;
    left:1em;
    bottom:-1em; }

@media (min-width:320px) {

    #innerNav #userInfo {
        position:absolute;
        left:1em;
        top:-1em;
        bottom:auto; }

}

@media (min-width:1300px) {

    #innerNav #userInfo {
        position:absolute;
        left:1em;
        top:auto;
        bottom:-1em; }

}

    #innerNav #userInfo .userCover {
        float:left;
        margin-right:1em; }

    #innerNav #userInfo .userCover .userThumb {
        height:200px;
        width:200px; }

    @media (min-width:320px) {

        #innerNav #userInfo .userCover .userThumb {
            height:165px;
            width:165px; }

    }

    @media (min-width:1300px) {

        #innerNav #userInfo .userCover .userThumb {
            height:200px;
            width:200px; }

    }

    #innerNav #userInfo .userCover .online {
        padding-top:85%; }

    #innerNav #userInfo ul {
        float:left; }

    @media (max-width:1300px) {

        #innerNav #userInfo ul {
            padding-top:70px; }

    }

        #innerNav #userInfo ul li {
            color:#fff;
            text-shadow:0 0 5px #000;
            font-family:'Roboto Light', 'robotolight', sans-serif; }

    #innerNav #userInfo .username {
        font-size:2.3em; }


/******** Action Links ********/

#innerNav #actionNav {
    position:absolute;
    right:1em;
    top:1em; }

    #innerNav #actionNav a {
        margin-left:1em; }

    #innerNav #actionNav .cke_2 a,
    #innerNav #actionNav .mceEditor a {
        margin-left:inherit; }


/******** Tabs / Content Nav ********/

#innerNav #subNav {
    position:absolute;
    right:1em;
    bottom:0; }


/*********************************************************/
/*              View                                     */
/*********************************************************/

/******** Profile ********/

#userStatistics i {
    color:#acbbc3;
    width:22px;
    display:inline-block;
    text-align:center;
    padding-right:0.5em; }

#userStatistics li {
    margin-bottom:0.5em; }


/*** Group List ***/

#groupList ul {
    display:table; }

    #groupList ul li {
        display:table-row; }

        #groupList ul li > div {
            display:table-cell;
            padding:0.5em;
            vertical-align:middle; }

#groupList .image {
    width:15%; }

#groupList .mediaCover {
    position:relative;
    float:none;
    width:auto; }

    #groupList .mediaCover img {
        width:80px; }

#groupList .details {
    width:45%; }

    #groupList .details a,
    #groupList .details span {
        display:block; }

#groupList .latestUse {
    width:20%;
    text-align:center; }

#groupList .type,
#groupList .action {
    width:10%;
    text-align:center; }

.viewProfile #profile #userInfos table.fields {
  border-collapse: collapse !important;
  width: 100%;
  margin-bottom: 20px;
}

.viewProfile #profile #userInfos table.fields tr th,
.viewProfile #profile #userInfos table.fields tr td {
  min-height: 20px;
  padding: 0 1em 0.5em 0;
  line-height: 1.428571429;
  vertical-align: top;
}

.viewProfile #profile #userInfos table.fields tr th {
  width: 15%;
}

.viewProfile #profile #userInfos table.fields tr td {
  padding: 0;
  width: 85%;
}

/*** User List ***/

.userList article {
    text-align:center;
    margin-bottom:20px; }

    .userList article .name {
        font-size:1em;
        color:#1a1c1e;
        display:block;
        height:20px;
        margin:0.5em 0 0.2em;
        overflow:hidden; }

        .userList article:hover .name {
            color:#475d7b; }

    .userList article p {
        color:#acbbc3;
        font-size:0.8em;
        height:30px;
        overflow:hidden; }

    .userList article .online {
        padding:80% 0 0; }

    .userList article:hover .userThumb {
        box-shadow:0 0 3px #617ca3; }

.userCover {
    position:relative; }


/******** Blog ********/

#blog .blogList {
    margin:0 0 0 52px;
    border-left:2px solid #acbbc3; }

@media (max-width:1300px) {

#blog .blogList {
    margin:0 0 0 50px; }

}

    #blog .blogList > li {
        position:relative;
        margin:0 0 0 -43px;
        padding:0 0 0 90px; }

    #blog .blogList .date {
        position:absolute;
        top:1.5em;
        left:0;
        width:80px;
        height:80px;
        padding:0.8em 0;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        background:#6b7075 url('../assets/img/transDL-10.png') 0 50% repeat-x; }

        #blog .blogList li:hover .date {
            background-color:#40454a; }

        #blog .blogList .date span {
            display:block;
            text-align:center;
            color:#fff;
            font-family:'Roboto Bold', 'robotobold', sans-serif; }

        #blog .blogList .date .day {
            font-size:1.8em;
            line-height:1.2em; }

        #blog .blogList .date .month {
            font-size:0.8em; }

        #blog .blogList .date .year {
            font-size:0.8em; }

    #blog .blogList .more {
        bottom:0.8em; }


/******** Account ********/

#userAccountActivity {
    float:left; }

    #userAccountActivity .mediaThumb {
        height:50px;
        width:89px; }


/******** Settings ********/






/*********************************************************/
/*              Account                                  */
/*********************************************************/

/******** Recharge ********/

#recharge fieldset {
    float:left;
    width:60%;
    padding-right:1em; }

#recharge button {
    float:right;
    width:40%;
    margin-top:23px;
    vertical-align:baseline; }


/******** Amount ********/

#userCredits .creditAmount {
    padding:1em;
    border:1px solid #dfe5eb;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    text-align:center; }

#userCredits .creditAmount p {
    font-size:2.5em;
    font-family:'Roboto Medium', 'robotomedium', sans-serif  }


/******** Tables ********/

#account .filter {
    margin:1em 0;
    padding:0.75em 0.5em; }

#account .filterTimespan { }

#account .filter .datepicker,
#account .filter .until {
    float:left;
    margin-right:0.5em; }

#account .filter .datepicker {
    width:20%; }

#account .filter button {
    float:left; }

#account .filter .until {
    line-height:34px; }




/*********************************************************/
/*              Edit                                     */
/*********************************************************/

/******** Profile ********/

#editProfile .details {
    padding-left:2em; }

#editProfile .datepicker {
    width:25%; }

#editProfile .radio {
    display:inline-block;
    width:15%;
    vertical-align:bottom;
    margin-top:0; }

    #editProfile .radio label {
        font-family:'open_sansregular', sans-serif; }


/******** Open IDs ********/

.changeOpenID .openIDs {
    width:60%; }

    .changeOpenID .openIDs ul {
        margin:0; }

.changeOpenID .openIDs .top {
    font-size:.8em; }

.changeOpenID .openIDs .links {
    padding:0.5em 0;
    border-bottom:1px solid #ccc; }

.changeOpenID .openIDs .link,
.changeOpenID .openIDs .action {
    float:left; }

.changeOpenID .openIDs .link {
    width:60%; }

.changeOpenID .openIDs .action {
    width:40%; }



/*********************************************************/
/*              Activity                                 */
/*********************************************************/

.userActivity .heading {
    position:relative;
    padding:0 0 0 20px;
    margin:0 0 1em;
    height:45px; }

    .userActivity .heading .userThumb {
        position:absolute;
        top:0;
        left:0;
        height:45px;
        width:45px; }

    .userActivity .heading header {
        float:right;
        display:block;
        width:100%;
        margin-top:10px;
        padding:0.5em 0.5em 0.5em 2.3em;
        background:#f5f6f7; }

        .userActivity .heading header h4 {
            float:left;
            margin:0;
            font-size:1em; }

            .userActivity .heading header h4 i {
                color:#acbbc3; }

            .userActivity .heading header h4 .icon-vimeo span {
                vertical-align:bottom;
                background-image:url("../assets/img/icon_vimeo-GREY.png"); }

        .userActivity .heading header .time {
            float:right;
            font-size:0.8em;
            color:#acbbc3; }

.userActivity .content {
    padding:0 0 0 50px; }

    .userActivity .content h3 {
        margin-top:0;
        padding-right:4em; }


/*** Media ***/

.userActivity .mediaCover {
    position:relative;
    float:left;
    width:20%; }

    .userActivity .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.userActivity .mediaText {
    float:left;
    width:80%;
    padding:0 0 0 1em; }

.userActivity .media .content {
    position:relative; }

.userActivity .media .price {
    position:absolute;
    top:0;
    right:1em; }


/*** Blog ***/

.userActivity .blogText {
    float:left;
    width:80%;
    padding-right:1em; }

.userActivity .blog .mediaThumb {
    position:relative;
    float:left;
    width:20%; }


/*** Group ***/

.userActivity .group .content {
    position:relative; }

.userActivity .group .memberCount {
    position:absolute;
    right:1em;
    top:0;
    color:#acbbc3; }


/******** Global ********/

.activityListing {
    position: relative; }

.activityListing .userActivity li {
    padding:0 0 1em;
    margin:1em 0 0;
    border-bottom:1px solid #dfe5eb; }

    .activityListing .userActivity li:first-child {
        margin:0; }


/******** On Profile ********/

#activity .userActivity {
    margin:0 0 0 125px;
    border-left:2px solid #acbbc3; }

    #activity .userActivity li {
        position:relative;
        margin:0 0 0 -131px;
        padding:0 0 0 155px; }

    #activity .userActivity .date {
        position:absolute;
        top:1.5em;
        left:0;
        width:200px; }

        #activity .userActivity .date span {
            display:inline-block;
            width:120px;
            text-align:right; }

        #activity .userActivity .date i {
            color:#acbbc3; }

    #activity .userActivity article {
        padding:0.5em 1em 1em;
        margin:0 0 1em;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        box-shadow:0 0 2px #acbbc3; }

    #activity .userActivity .heading {
        padding:0; }

        #activity .userActivity .heading header {
            padding:0.5em; }

    #activity .userActivity .content {
        padding:0; }


/*********************************************************/
/*              Login & Registration                     */
/*********************************************************/

#register,
#login {
    position:relative; }

.loginOptions,
.registerOptions {
    /*float:left;
    width:50%; */
    text-align:center;
    padding:2.5em 0; }

.facebookConnect,
.openID {
    display:inline-block;
    text-align:center;
    margin:0; }

    .facebookConnect i,
    .openID i {
        margin-right:0.5em; }

    .facebookConnect .btn-facebook,
    .openID .btn-openID {
        font-size:1.4em;
        margin:0 2em; }

.userForm form {
    max-width:600px;
    margin:0 auto;
    padding:2em 2em 1em; }

    .userForm .form-group {
        position:relative; }

    .userForm legend {
        margin-top:0;
        border-bottom:none; }

    .userForm .control-label {
        display:none; }

    .userForm .additional .control-label {
      display: block;
    }

    .userForm .captchaImage {
        display:block;
        margin:0.5em 3em 0; }


/*** Login ***/

.userLogin .password {
    padding-bottom:25px; }

.userLogin .forgotPassword {
    position:absolute;
    bottom:0;
    right:0; }

.userLogin .buttonpane .checkbox {
    float:left; }



/*** Register ***/








/*** or ***/


#register .or,
#login .or,
#userActions #loginDropdown .or,
#userActions #registrationDropdown .or {
    /*position:absolute;
    top:38%;
    left:45%;
    right:45%;
    text-align:center;
    display:block;
    background:transparent;*/
    margin:0 auto 1.5em;
    max-width:600px;  }




/****************************************************************/
/*              MESSAGS                                         */
/****************************************************************/

.messageListing {
    position: relative; }

.messageListing .nav {
    margin-bottom:1em; }

.messageListing .nav .new {
    float:right; }

.messageListing .nav .badge {
    padding:2px 6px;
    font-size:0.9em; }


/******** Header ********/

#new .image {
    float:left;
    width:20%; }

#new .details {
    float:left;
    width:80%; }

@media (min-width:320px) {

    #new .image {
        display:none; }

    #new .details {
        float:none;
        width:100%; }

}

@media (min-width:1300px) {

    .sendMail {
        max-width:800px;
        margin:0 auto; }

    #new .image {
        display:none; }

    #new .details {
        float:none;
        width:100%; }

}


/*********************************************************/
/*              List                                     */
/*********************************************************/

.chooseMessage {
    float:left;
    width:25% !important; }

.viewMessage {
    float:left;
    padding-left:2em;
    width:75% !important; }

@media (min-width:320px) {

.chooseMessage {
    float:left;
    width:30% !important; }

.viewMessage {
    float:left;
    padding-left:2em;
    width:70% !important; }

}

@media (min-width:1300px) {

.chooseMessage {
    float:left;
    width:25% !important; }

.viewMessage {
    float:left;
    padding-left:2em;
    width:75% !important; }

}


.chooseMessage li {
    border-bottom:1px solid #acbbc3; }

.chooseMessage section {
    height:70px;
    margin:2px 0;
    padding:2px 0;
    position:relative;
    border-left:4px solid transparent; }

    .chooseMessage section:hover {
        background:#F5F6F7; }

    .chooseMessage section.new {
        border-left:4px solid #617ca3; }

    .chooseMessage section.active {
        background:#d8dfe9; }

.chooseMessage .delete,
.chooseMessage .user,
.chooseMessage .group,
.chooseMessage .details {
    height:70px;
    display:table-cell;
    vertical-align:middle; }

.chooseMessage .delete {
    width:30px;
    padding:0 5px; }

.chooseMessage .user,
.chooseMessage .group {
    width:45px !important; }

    .chooseMessage .user .userThumb,
    .chooseMessage .group .mediaThumb {
        width:45px;
        max-width:45px !important;
        display:block; }

.chooseMessage .details {
    width:230px;
    padding:0 20px 0 10px; }

    .chooseMessage .details a {
        font-size:0.8em; }

    .chooseMessage .details h3,
    .chooseMessage .details h3 a {
        font-size:1em;
        line-height:1.2em;
        margin:0;
        color:#1a1c1e;
        max-height:30px;
        overflow:hidden; }

    .chooseMessage .details .date {
        position:absolute;
        top:9px;
        right:10px;
        font-size:0.7em;
        color:#acbbc3; }

.chooseMessage .replied {
    position:absolute;
    right:1em;
    top:50%; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

/******** Header ********/

.viewMessage header {
    position:relative;
    margin-bottom:1em;
    border-bottom:1px solid #acbbc3; }

    .viewMessage header .recipients {
        position:absolute;
        bottom:10px;
        right:0; }

    .viewMessage header h2 {
        margin-top:0; }

    .viewMessage header span {
        color:#acbbc3; }

    .viewMessage header .userThumb {
        height:25px;
        width:25px; }


/******** Detail ********/

.viewMessage .scrollbar {
    border:none; }

.viewMessage .details.scrollbar  {
    width:100% !important;
    height:550px; }

.viewMessage .details .received,
.viewMessage .details .sent {
    margin-bottom:20px; }

.viewMessage .details .userThumb {
    height:65px;
    width:65px;
    max-width:65px !important; }

.viewMessage .details .user {
    font-size:0.9em;  }

.viewMessage .details .date {
    color:#acbbc3;
    font-size:0.8em;  }

.viewMessage .details .image {
    width:15%; }

.viewMessage .details .info,
.viewMessage .details .text {
    width:85%; }

@media (min-width:320px) {

    .viewMessage .details .image {
        width:20%; }

    .viewMessage .details .info,
    .viewMessage .details .text {
        width:80%; }

}

@media (min-width:1300px) {

    .viewMessage .details .image {
        width:15%; }

    .viewMessage .details .info,
    .viewMessage .details .text {
        width:85%; }

}


.viewMessage .details .info {
    padding-bottom:0.25em;
    border-bottom:1px solid #eceff2; }

.viewMessage .details .text {
    margin-top:5px; }


/*** Received ***/

.viewMessage .received .image {
    float:left;
    text-align:left; }

.viewMessage .received .info,
.viewMessage .received .text {
    float:right; }

.viewMessage .received .info .user {
    float:left; }

.viewMessage .received .info .date {
    float:right; }


/*** Sent ***/

.viewMessage .sent .image {
    float:right;
    text-align:right; }

.viewMessage .sent .info,
.viewMessage .sent .text {
    float:left; }

.viewMessage .sent .info .user {
    float:right; }

.viewMessage .sent .info .date {
    float:left; }


/*** Notification ***/

#notificationMessage .userThumb {
    height:35px;
    width:35px; }


/*** Notification - user request ***/

#notificationMessage .friendRequest #userList {
    float:left;
    width:15%; }

    #notificationMessage .friendRequest #userList .userThumb {
        height:65px;
        width:65px; }

#notificationMessage .friendRequest .wrap .quote {
    float:left;
    width:85%; }


/*** Notification - group invite ***/

#notificationMessage .groupInvite .groupListing {
    float:left;
    width:65%; }

#notificationMessage .groupInvite .wrap .quote {
    float:left;
    width:35%; }



/****************************************************************/
/*              COOKIE HINT                                     */
/****************************************************************/

.alert.cookieHint {
  margin-bottom: 0;
  color: #fcfcfc;
  background-color: #7c7c7c;
  border-color: #5c5c5c;
  border-radius: 0;
}

.alert.cookieHint a.alert-link {
  background-color: #5c5c5c;
  border-radius: 5px;
  color: #fcfcfc;
  margin-left: 5px;
  padding: 5px 10px;
}

.alert.cookieHint button.close {
  color: #fcfcfc;
  opacity: 0.7
}

#channelLinks .channelThumb {
    margin: 0 0 0.5em;
    position: relative;
}

#channelLinks .channelThumb p {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 0 0 0.5em 0.5em;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    margin: 0;
    padding: 0.2em 0.5em;
    position: absolute;
    width: 100%;
}

/* additional css */

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: none !important;
}




.read-more{
	position: absolute;
	bottom: 0.8em;
	right: 1em;
	border-radius:1em;
	background:#8d8d8d;
	border:1px solid #8d8d8d;
}






/*  ADMIN THEME */


/*  ADMIN THEME */



span.heading{
	color:#cc0000 !important;
	font-size:16px !important;
}

span.heading_big{
	color:#000000 !important;
	font-size:22px !important;
}

span.subheading{
  color:#cc0000 !important;
  font-size:14px !important;
}
.user-profile-2 .header-cover {
   margin:0 15px;
    height: 150px;
    left: 0;
	top:60px !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.user-profile-2 .user-profile-inner {
    position: relative;
    z-index: 2;
}

.user-profile-2 .user-profile-inner img.profile-avatar {
    border: medium none;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
}

.user-profile-2 .user-profile-inner h4.white {
    color: #fff;
}

.task-widget ul.task-list .task-item .task-desc {
    margin-left: 45px;
    margin-right: 40px;
    padding: 22px 11px 11px 0 !important;
}




.ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D00;
    padding-left: 10px;
    font-style: italic;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    /*border: 1px solid #dddddd;*/
    border-radius: 0;
    color: #555555;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 1.49;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s;
    width: 100%;
}

.input-group-addon {
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #4a89dc;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    min-width: 40px;
    padding: 3px 12px;
    text-align: center;
}

.form-group {
    margin-bottom: 5px;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 5px;
    text-align: right;
}

.btn-file{
	padding: 4px;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0px;
    max-width: 100%;
	color:#003399;
}

label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
	color:#003399;
}

.red{
	color:#cc0000;
}

.redheading{
  color:#cc0000;
  font-size: 20px;
}

.admin-form .append-icon .field-icon, .admin-form .prepend-icon .field-icon {
    color: inherit;
    height: 32px;
    line-height: 32px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.5s ease-out 0s;
    width: 42px;
    z-index: 4;
}

.footer {
    padding:10px 0;
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #f1f1f1;
}

#content-footer {

    height: 100px;

}

.style{
	height:26px;
}

.panel-title {
    color: #cc0000;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 6px;
}

.freestyle ul, .redactor_editor ul{
    list-style: disc !important;
    padding: 0px 0px 0px 20px !important;
}

.freestyle ol, .redactor_editor ol{
    list-style: decimal !important;
    padding: 0px 0px 0px 20px !important;
}

.bordersharp{
  border:1px solid #000000 !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}

.panel-heading.panel-title{
	display:block;
}



.longTab {
	position:relative !important;
}

.clear {
	clear:both !important;
}

.panel-tabs-left > li > a {
	display:inline !important;
}

.text-blue{
    color: #003399;
}
.text-black{
    color: #000;
}

/* Change Theme Manually */
#sidebar_left.nano > .nano-content {
    background: #41a7d7 !important;
}

.sidebar-menu > li > ul > li a {
  background: #106087 !important;
  color: #fff !important;
}

.sidebar-menu .sidebar-label {
    color: #fff !important;
}

.sidebar-menu > li > ul > li.active a {
    background: #153240 !important;
}

.sidebar-menu > li.active > a > span:nth-child(1) {
    color: #153240 !important;
}

.sidebar-menu li > a > span.caret {
    color: #fff !important;
}

.text-primary {
  color: #41a7d7 !important;
}

.admin-form .append-icon .field-icon i, .admin-form .prepend-icon .field-icon i {
    padding-top: 8px !important;
}

.alert-danger .errors li {
    color: #fff !important;
}

div[style="width: 346px;"] {
    width: 100% !important;
}

div[style="width: 356px;"] {
    width: 100% !important;
}

.multiselect {
    width: 100% !important;
}


.multiselect-container {
    height: 300px;
}

.multiselect-search {
    min-height: 40px;
}