body{
    /*background-color: #17437d;*/
}

#body-tothe-top{
    margin: 0;
    overflow: hidden
}

#t2top-countdown{
    background-image: url(../img/countdown_bg.jpg);
    background-color: #0192ba;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

#countdown-logo{
    background-image: url(../img/countdown_logo.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    height: 220px;
    position: absolute;
    z-index: 2;
    background-size: contain;
    left: 0;
    right: 0;
    top: 95px;

}

@font-face {
    font-family: 'avenir';
    src: url(../font/Avenir-Black.otf);
}

#countdown-container{
    width: 1024px;
    height: 768px;
    margin: 0 auto;
    font-family: avenir;
    overflow: hidden;
}

#top-placer{
    position: absolute;
    top: 285px;
    left: 0;
    right: 0;
}

#top-placer .timer{
    width: 31%;
    font-size: 55px;
    float: left;
    text-align: center;
    height: 315px;
}

#top-placer .timer .cont{
    font-size: 125px;
    height: 80px;
    margin: 100px 0;
}

#top-placer .timer .indicator{
    font-size: 35px;
}


.tutuldok{
    float: left;
    font-size: 70px;
    height: 315px;
    margin-top: 125px;
}


.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    float: none;
    max-width: 1000px;
    width: 100%;
}

.clearfix {
    display: inherit;
    clear: none;
}

#menu_bar {
    float: none;
    height: 50px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgb(222, 223, 224);
    overflow: hidden;
    display: block;
    max-width: 1000px;
    margin-right: auto;
    position: fixed;
    z-index: 9;
}

#featured-poll-container .inside {
    margin: 10px 0 0;
}

#featured-poll-container #poll_wrapper {
    border-radius: 0;
    box-shadow: none;
    background-color: rgb(29, 137, 188);
    min-height: 420px !important;
}

#featured-poll-container .poll_options ul {
    margin: 0 0 0 20px;
    width: 38%;
    height: auto;
    float: left;
}

#featured-poll-container .poll_question {
    background-color: rgb(29, 137, 188);
}

#featured-poll-container .poll_options {
    background-color: rgb(29, 137, 188);
    color: #fff;
    width: 100%;
    float: right;
    margin: 0 !important;
    border-radius: 0;
    padding: 20px 0 15px;
    position: relative;
}

#featured-poll-container .poll_options li {
    width: 100%;
}

#featured-poll-container .poll_options label {
    width: 69%;
}

#featured-poll-container .poll_options_wrapper {
    width: 100%;
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    top: 63%;
}

#featured-poll-container .poll_btns {
    float: right;
    width: 53%;
}

.side_ad {
    width: 160px;
    height: 1000px;
    z-index: 0;
    position: absolute;

}

#fixed_side_ad {
    width: 1320px !important;
    top: 50px !important;
    z-index: -1 !important;
}

#right_side_ad {
    left: 1160px !important;
}

#menu-gray-bg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    background-color: rgb(222, 223, 224);
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.25%;
    margin-top: 11px;
    clear: none;
    color: rgb(0, 0, 0);
}

.section-containers {
    width: 50%;
    float: left;
}

.section-containers .inner-box{
    background-color: #FFF;
    margin: 5px;
    display: inline-block;
}

.section-containers:nth-child(odd) .inner-box {
    margin-right: 0;
}

#content {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    max-width: 1000px;
    display: block;
    margin-right: 0%;
    background-color: #17437d;
}

.content-containers {
    height: auto;
    clear: none;
    width: 100%;
    display: block;
    margin-right: 0%;
    min-height: 800px;
    margin-top: 50px;
    background-color: #17437d;
}

#banner-text {
    float: left;
    font-size: 1em;
    width: 75.934762%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 7.738353%;
    margin-top: 7px;
    clear: none;
    min-height: 16px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text8 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.923571%;
    margin-top: 7px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#banner {
    float: left;
    height: auto;
    max-height: 450px;
    margin-left: 0%;
    margin-top: 50px;
    clear: none;
    width: 100%;
    overflow: hidden;
    max-width: 1000px;
    max-height: none;
    min-height: 0px;
    position: relative;
    min-width: 0px;
    display: block;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

.jssorb17 div, .jssorb17 .av {
    background: url(//www.gmanetwork.com/assets/images/b17.png?b) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb17 .av {
    background-position: -67px -7px;
}

.jssorb17 div {
    background-position: -7px -7px;
}

.link-underline {
    color: #fff;
    display: block;
    width: 35%;
    position: absolute;
    left: 50px;
    top: 75px;
    font-size: 24px;
}

.link-underline h1{
    font-size: 24px;
}

.main-slider-button{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 28px;
    min-height: 16px;
    float: left;
    height: 30px;
    margin-top: 17px;
    clear: both;
    width: 150px;
    background-color: rgb(34, 31, 30);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
}


#banner-name {
    float: left;
    font-size: 2.4em;
    width: 16.686012%;
    height: auto;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    margin-left: 8.53125%;
    margin-top: 66px;
    clear: both;
    min-height: 123px;
    color: rgb(28, 136, 187);
    position: relative;
}

#banner-arrow {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 15.590625%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
}

#banner-link {
    float: left;
    height: 30px;
    margin-left: 8.09375%;
    margin-top: 31px;
    clear: both;
    width: 18.011551%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    background-color: rgb(34, 31, 30);
    margin-right: 0%;
    min-width: 175px;
}

.section-headers {
    /*width: 208px;
    max-width: 100%;
    height: 63px;*/
    clear: both;
    color: rgb(0, 0, 0);
    margin: 1px 5px 10px;
}

#featured-judge-container {
    float: left;
    /*padding: 10px;*/
    width: 100%;
}

#featured-judge-container .section-headers {
    padding-top: 6px;
    padding-left: 7px;
}

#featured-judge-desc-p {
    float: left;
    width: 95.7%;
    height: auto;
    text-align: center;
    margin: 20px 10px 0;
    clear: none;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-family: Lato;
    max-height: 68px;
    overflow: hidden;
}

#featured-judge-desc .see-all-box{
    float: none;
    margin: 0 auto;
}

#featured-judge-photo {
    height: 214px;
    /*margin-top: 16px;*/
    clear: none;
    width: 100%;
    background-image: url(../img/7a8e3a92dc395f9a801c0897333eac0e%202.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#featured-judge-desc {
    float: left;
    height: 150px;
    clear: none;
    width: 100%;
    background-color: rgb(29, 137, 188);
}

#featured-poll-container {
    float: left;
    height: auto;
    clear: none;
    width: 100%;
    padding: 10px;
}


#voting-poll-container {
    height: auto;
    clear: none;
    width: 100%;
    padding: 10px;
    height: auto;
    min-height: 545px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/voting/briapromobg.jpg);
    background-position: center center;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.section-containers #final_vote_submit{
    background-size: cover;
    background-image: url(../img/voting/votebutton.png);
    background-repeat: no-repeat;
    width: 210px;
    height: 30px;
    border: none;
    margin-top: 50px;
    background-color: transparent;
}

.section-containers #registration_button_link{
    background-size: contain;
    background-image: url(../img/voting/regbutton.png);
    background-repeat: no-repeat;
    width: 196px;
    height: 29px;
    text-decoration: none;
    border: none;
    background-color: transparent;
}

.feat-poll{
    width: 98%;
}

#featured-poll-image {
    float: left;
    height: 214px;
    margin-left: 0.16927083%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/7a8e3a92dc395f9a801c0897333eac0e%202.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    margin-right: 0%;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#featured-poll-desc {
    float: left;
    height: 246px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    margin-right: 0%;
    display: block;
    background-color: rgb(29, 137, 188);
}

#featured-poll-desc-p {
    float: left;
    width: 73.125%;
    height: auto;
    text-align: center;
    margin-left: 16.484375%;
    margin-top: 20px;
    clear: none;
    min-height: 0px;
    display: block;
    margin-right: 0%;
    font-size: 25.6px;
    line-height: 35.4px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-family: Lato;
}

#featured-video-container {
    float: left;
    height: 400px;
    clear: both;
    width: 96%;
    display: block;
    margin: 10px;
}

#featured-video {
    float: left;
    height: 274px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-image: url(../img/mgid-uma-image-mtv.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#featured-video-desc {
    float: left;
    height: 67px;
    width: 85.833333%;
    background-image: -webkit-linear-gradient(270deg, white 0%, rgb(226, 230, 238) 100%);
    background-image: linear-gradient(180deg, white 0%, rgb(226, 230, 238) 100%);
}

#featured-video-desc-p {
    float: none;
    font-size: 20px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
    margin: 7px;
    height: auto;
    max-height: 42px;
    overflow: hidden;
}

.profile-containers .artist_images{
    width: 32%;
    height: 100%;

}

#featured-video-icon {
    float: left;
    width: 14%;
    max-width: 100%;
    height: 67px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    color: rgb(0, 0, 0);
    display: block;
}

#video-thumbnail-container {
    float: left;
    height: 180px;
    margin: 19px 10px;
    clear: both;
    width: 97%;
    display: block;

}

.video-thumbnails {
    float: left;
    height: 133px;
    clear: none;
    width: 32.33%;
    display: block;
    margin: 0 2px;
}

.latest-right {
    float: left;
    width: 60%;
}

.latest-left {
    float: left;
    width: 40%;
}

.video-image {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.video-desc {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}



.video-desc-p {
    float: left;
    font-size: 14px;
    width: 70%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 5px;
    margin-top: 7px;
    clear: none;
    min-height: 30px;
    max-height: 30px;
    overflow: hidden;
    font-family: lato;
    color: rgb(58, 65, 70);
}

#featured-photo-container {
    float: left;
    height: auto;
    margin: 10px;
    clear: none;
    /*width: 100%;*/
    display: block;
}

#photo-thumbnail-containers {
    width: 30%;
    float: left;
    margin-left: 10px;
}

#featured-photo-thumbnail-container {
    width: 66%;
    float: left;
    margin-left: 5px;
}

.photo-thumb-icon {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
}

.photo-thumbnails {
    float: left;
    height: 133px;
    width: 100%;
    display: block;
    margin-bottom: 3px;
}

#featured-photo-thumbnail {
    float: left;
    height: 185px;
    width: 100%;
    background-image: url(../img/photo_filler.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.photo-images {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#featured-photo-desc {
    float: left;
    height: 85px;
    clear: none;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#featured-photo-desc-p {
    float: left;
    width: 76.704042%;
    height: auto;
    text-align: left;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 7px;
    clear: none;
    min-height: 52px;
    max-height: 70px;
    font-size: 20px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

.photo-desc-containers {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

.photo-desc-p {
    float: left;
    font-size: 14px;
    width: 76.515962%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 3.873071%;
    margin-top: 6px;
    clear: none;
    min-height: 35px;
    color: rgb(58, 65, 70);
}

#latest-stories-container {
    float: left;
    height: auto;
    clear: both;
    width: 100%;
    padding: 10px;
    margin-top: 0px;
}

#latest-articles-container {
    float: left;
    height: auto;
    width: 65%;
    margin-bottom: 20px;
}

.latest-article-desc {
    float: left;
    width: 90%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    margin-left: 5px;
    clear: none;
    min-height: 30px;
    color: rgb(58, 65, 70);
    display: block;
    font-size: 14px;
    line-height: 1em;
    word-wrap: break-word;
}

.latest-story-items {
    float: left;
    height: 145px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.latest-story-thumb {
    float: left;
    height: 143px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-image: url(../img/photo_filler.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

.latest-story-thumb.clearfix:after {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 143px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#content-articles .latest-right {
    width: 70%;
}

#content-articles .latest-left {
    width: 30%;
}

#content-articles .latest-story-title, #content-articles .latest-article-desc, #content-articles .latest-story-date {
    margin-left: 15px;
}

#content-articles .latest-story-items {
    margin-left: 20px;
    width: 95%;
}

.nav-content-prev, .nav-content-next {
    float: left;
    width: 35%;
    border-bottom: 2px solid rgb(39, 109, 180);
    min-height: 141px;
    height: auto;
}

.nav-content-next {
    float: right;
}

.nav-image {
    width: 50%;
    height: 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(../img/photo_filler.jpg);
    float: left;
    position: relative;
}

.nav-image:after {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 50px;
    border-color: transparent transparent #ffffff transparent;

}

.recommend-containers #inside-headers {
    margin-left: 10px;
}

#latest-articles-container #inside-headers {
    margin-left: 18px;
}

#content-photos .photos-header{
    width: 95%;
    height: 50px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 10px 25px;
}

#content-photos .photos-header img{
    height: 28px;
    position: relative !important;
}

#content-photos #photo-filter-section {
	position: relative;
	height: 68px;
	overflow: hidden;
}

#content-photos #photo-filter-section #photo-filter {
	position: absolute;
	top:15px;
	right:40px;
}

#content-photos #photo-filter-section #photo-filter span {
	color:#a4a5a7;
	margin-right: 10px;
}

#content-photos #photo-filter-section #photo-filter select {
	color: #2e7fae;	
	border: 1px solid #a4a5a7;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 4%;
}

#photo-filter-section #select-wrap{
	position: relative;
}

#photo-filter-section #select-wrap::after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #2e7fae;
	position: absolute;
  	top: 7px;
  	right: 6px;
  	z-index: 1;
}


#content-photos #inside-headers {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.ncontrol .nav-lead{
    overflow: hidden;
    height: 95px;
    color: rgb(31, 132, 187);
}

.latest-story-title {
    width: 95%;
    height: auto;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    clear: none;
    display: block;
    float: left;
    font-size: 20px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
    max-height: 43px;
    overflow: hidden;
}

.latest-story-date{
    font-size: 11px;
    margin: 5px;
    color: rgb(58, 65, 70);
    text-transform: uppercase;
}

.latest-story-desc {
    float: left;
    width: 93%;
    height: auto;
    text-align: justify;
    font-weight: normal;
    margin-left: 5px;
    clear: none;
    min-height: 30px;
    color: rgb(58, 65, 70);
    display: block;
    font-size: 13px;
    line-height: 1em;
    word-wrap: break-word;
}

#sso-top {
    width: 150px;
    float: right;

}

#header-burger {
    float: left;
    margin: 10px;
    cursor: pointer;
}

#header-burger:hover {
    opacity: 0.5;
}

#header-logotothetop {
    float: left;
    margin: 5px 10px;
}

.header-sso {
    float: left;
    width: auto;
    margin: 10px;
}

.vertical-menu {
    background-color: rgb(222, 223, 224);
    position: fixed;
    z-index: 100;
    display: none;
    top: 45px;
    bottom: 0px;
    width: 225px;
}

.vertical-menu ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
    border: 0;
}

.vertical-menu ul li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.vertical-menu ul > li > a {
    display: none;
    color: rgb(31, 132, 187);
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 5px 3px 10px 5px;
    border-bottom: 1px solid #808080;
    margin: 5px 15px 5px 15px;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    vertical-align: bottom;
}

#recommended-items {
    float: left;
    width: 33%;
    height: auto;
    margin-bottom: 25px;
}

#inside-headers {
    width: auto;
    max-width: 100%;
    height: auto;
    clear: both;
    color: rgb(0, 0, 0);
}

.sticky-header.scrolled {
    position: fixed;
    top: 19px;
    z-index: 8;
    right: 0;
    left: 0;
}

#content-profiles .sub-header-container {
	 margin: 14px;
	text-align: left;
	height: auto;
	background-color: transparent !important;
}


.profile-spacer{
    height: 40px;
    width: 100%;
    clear: both;
}

#profile-coach .head-wrap, #profile-music .head-wrap{
    font-family: 'avenir';
    color: #1F84BB;
    font-size: 18px;
}

#profile-music .head-wrap{
    width: 425px;
}


.sub-header-container, .inside-header-container {
    width: 100%;
    height: 57px;
    margin: 80px auto 10px;
    text-align: center;
    position: relative;
    clear: both;
    display: inline-block;
}

#content-videos #header-inside-menus {
    width: 61%;
    font-size: 15px;
}

.inside-header-container {
    margin: 20px auto;
}

.inside-header-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.inside-header-container.scrolled {
    max-width: 1000px;
}

.inside-sub-headers {
    width: auto;
    max-width: 100%;
    height: auto;
    clear: both;
    color: rgb(0, 0, 0);
}

.item-containers {
    float: left;
    height: 250px;
    margin-left: 20px;
    margin-top: 33px;
    width: 31%;
    min-width: 300px;
}

#recommended-items div.item-containers {
    width: 95%;
    margin: 0 10px 10px;
}

#recommended-items .view-more {
    float: right;
    margin: 0;
    margin-right: 10px;
    width: 160px;
}

.inside-thumbs {
    float: left;
    height: 195px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-image: url(../img/mgid-uma-image-mtv%202.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.other-sections .item-containers {
    min-width: 260px;
}

#inside-content-author{
    color: rgb(31, 132, 187);
    margin: 5px 0;
    text-transform: none;
}

#header-inside-menus {
    position: absolute;
    width: 50%;
    height: 50px;
    top: 10px;
    right: 75px;
}

#content-profiles #header-inside-menus ul li{
    margin: 2px auto;
    min-width: 125px;
}



#header-inside-menus ul li {
    float: left;
    width: auto;
    margin: 20px 0;
    color: rgb(31, 132, 187);
    border-right: 2px solid rgb(31, 132, 187);
    padding: 0 3%;
    font-weight: bold;
    height: 22px;
    cursor: pointer;
}

#content-profiles #header-inside-menus ul li {
    margin: 2px auto;
}

#content-profiles #header-inside-menus ul li:nth-of-type(3) {
    border-right: none !important;
}

#content-profiles #header-inside-menus ul li:nth-of-type(4) {
    margin-left: 55px;
}

#content-profiles #header-inside-menus ul li:nth-of-type(5) {
    min-width: 170px;
}

#header-inside-menus ul li:last-child {
    border: none;
}

.inside-links {
    float: left;
    height: 55px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    background-color: rgb(226, 230, 238);
    display: block;
    color: rgb(58, 65, 70);
}

.inside-icon {
    float: left;
    width: 20%;
    height: auto;
    color: rgb(0, 0, 0);
    max-width: 40px;
}

.inside-desc {
    float: left;
    width: 75%;
    height: auto;
    text-align: left;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 5px;
    clear: none;
    max-height: 37px;
    margin-right: 0%;
    display: block;
    font-size: 16px;
    line-height: 17px;
    font-family: Lato;
    color: rgb(58, 65, 70);
    overflow: hidden;
    min-height: 37px;

}

.other-sections {
    height: auto;
    width: 100%;
    padding: 10px 45px;
    background-color: #fff;
    display: inline-block;
}

.other-sections .see-all-box{
    margin-right: 0;
}

.other-section-items {
    margin-left: 30px;
    font-weight: bold;
}

.other-sections .view-more {
    margin-right: 35px;
    float: right;
    width: 170px;
    padding-left: 14px;
}

.view-more {
    height: 30px;
    margin-top: 35px;
    clear: both;
    width: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    background-color: rgb(34, 31, 30);
    cursor: pointer;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 5px;
}

#view-more-text {
    font-size: 13px;
    height: auto;
    font-weight: normal;
    line-height: 1em;
    margin-top: 5px;
    clear: none;
    min-height: 0px;
    font-family: Lato;
    color: rgb(255, 255, 255);
    cursor: pointer;
    margin: 5px auto;
}


#content-fans #content-body-div{
    width: 100%;
    padding: 10px;
}

.fans-inside-thumbs{
    height: 250px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #fff;
    position: relative;
}

.fans-inside-desc{
    position: absolute;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
    word-wrap: break-word;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) -1%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 87%, rgba(0,0,0,0.65) 88%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(0,0,0,0)), color-stop(0%,rgba(0,0,0,0)), color-stop(87%,rgba(0,0,0,0.64)), color-stop(88%,rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 87%,rgba(0,0,0,0.65) 88%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 87%,rgba(0,0,0,0.65) 88%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 87%,rgba(0,0,0,0.65) 88%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 87%,rgba(0,0,0,0.65) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    color: #fff;
    font-size: 16px;
}

#content-fans #content-body-div .col-md-11{
    margin: 1px auto 0;
    background-color: #000;
    float: left;
}


#content-fans .hidden{
    display: none;
}


.fans-item-containers{
    float: left;
    width: 33.33%;
    height: 250px;
}

.fans-item-containers.one-three{
    width: 100%;
}

.fans-item-containers.one-two{
    width: 66.66%;
}

.fans-item-containers.one-one{
    width: 33.33%;
}



.error {
    float: left;
    height: 30px;
    margin-left: 40.625%;
    margin-top: 35px;
    clear: both;
    /*width: 27%;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    margin-right: 0%;
    background-color: rgb(34, 31, 30);
    text-align: center;
    padding: 5px 5%;
}

#inside-content-container {
    background-color: #fff;
    margin: 20px;
    color: rgb(58, 65, 70);
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

#article-header {
    height: auto;
    margin-left: auto;
    margin-top: 10px;
    clear: both;
    width: 89.824013%;
    border-bottom-color: rgb(39, 109, 180);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    margin-right: auto;
    padding-bottom: 60px;
}

#content-fans #inside-headers{
    margin-left: 11px;
}

#content-body-div {
    display: inline-block;
    width: 98%;
}

.other-sections .item-containers {
    width: 30%;
}

#content-photos .other-sections #content-body-div{
    height: 290px;
    overflow: hidden;
}

#content-videos .other-sections #content-body-div{
    height: 290px;
    overflow: hidden;
}

#article-title {
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    font-size: 40px;
    line-height: 45px;
    font-family: Lato;
}

.nav-label{
    text-transform: uppercase;
}

#photogallery-nav-container > #nav-photo-label{
    width: 120px !important;
}

#header-logo-tothetop {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0.596875%;
    margin-top: 11px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: none;
}

#inside-content {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    clear: both;
}

#home-mrec-ad {
    float: left;
    width: 96%;
    text-align: center;
    background-color: #fff;
    margin: 10px;
}

.home-sections {
    /*margin-top: 30px;*/
}

#article-date {
    float: left;
    margin-top: 5px;
    text-transform: uppercase;
}

.col-md-10 {
    margin: 20px auto 15px;
    width: 728px;
    clear: both;
    height: 90px;

}

div.col-md-13{
    width: 300px;
    clear: both;
    height: 50px;
    margin: 20px auto 15px;
    display: none;
}

div.col-md-14{
    margin: 0 auto;
    background-color: #000;
    width: 100%;
    text-align: center;
}

div.col-md-11 {
    margin: 20px auto 10px;
    width: 100%;
    clear: both;
    text-align: center;
    display: inline-block;
}


.modal-content input {
    display: block;
    margin: 10px auto;
    width: 320px;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    border-radius: 5px;
    border: none;

}

.logged_in_as{
    width: 80%;
    margin: 10px auto;
    float: none;
    color: #fff;
}

#captcha-modal input{
    border: 1px #000 solid;
    margin: 0 auto 10px;
}

.voting-container{
    width: 70%;
    margin: 10px auto;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    position: relative;
    clear: both;
    min-height: 58px;
    height: auto;
    display: none;
}

.chosen-default, .chosen-single {
    width: 100% !important;
    height: 38px !important;
    padding: 5px 5px 5px 20px!important;
    font-size: 18px;
    margin-top: -10px;
    min-width: 280px;
}

.chosen-container {
    min-width: 280px;
    max-width: 280px;
    float: left;
    margin: 10px 5px ;
}

#content-votes{
    font-family: Lato, sans-serif;
}

.chzn-select{
    min-width: 280px;
    max-width: 230px;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 30px;
}

.chzn-selects{
    width: 90%;
    margin: 5px auto;
    padding: 5px;
    height: 30px;
    border-color: blue;
    border-radius: 5px;
}

#vote-input-container{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 105px;
    max-width: 470px;
}

.vote-tagline{
    width: 100%;
    margin: 0 auto 20px;
    color: #000;
    font-size: 16px;
}

#vote-input-container .log-in{
    width: 196px;
    margin: 5px 10px 20px;
    border-radius: 15px;
    padding: 5px;
    border-style: hidden;
    font-weight: bold;
    background-color: #054585;
}

#vote-input-container .voting-logout{
    color: #fff;
    text-align: center;
    border-radius: 25px;
    padding: 2px 60px;
    font-weight: bold;
    background-color: #054585;
    font-size: 20px;
}

.custom-select{
    position: relative;
}

.custom-select select {
    height: 35px;
    display: inline-block;
    border: 2px solid #054585;
    padding: 3px 5px 5px 10px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #49bceb;
    color: #054585;
    font-weight: bold;
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
}


.voting-sponsor-logo{
    position: absolute;
    bottom: 10px;
    height: 26px;
    width: 106px;
    z-index: 2;
    left: 10px;
    background: url(../img/voting/brialogo.png) no-repeat transparent;
}

#content .col-md-10{
    float: none;
    width: 728px;
}

.voting-mechanics{
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 24px;
    font-size: 12px;
    color: #fff;
    text-align: right;
}

.voting-dti{
    position: absolute;
    color: #fff;
    z-index: 2;
    right: 7px;
    bottom: 3px;
    font-size: 11px;
    width: 165px;
    line-height: 11px;
    text-align: right;
}

.voting-sponsor-link{
    position: absolute;
    bottom: 10px;
    height: 28px;
    width: 171px;
    z-index: 2;
    left: 120px;
    background: url(../img/voting/briafb.png) no-repeat transparent;
}

.custom-select option{
    cursor: pointer;
    text-transform: uppercase;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-select select {
        padding-right:30px;
    }
}

/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}

/* Select arrow styling */
.custom-select:after {
    content: "â–¼";
    position: absolute;
    top: -6px;
    right: 0;
    bottom: 0;
    font-size: 30px;
    line-height: 30px;
    padding: 0 6px;
    background: #054585;
    color: #49bceb;
    pointer-events: none;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    width: 50px;
    height: 33px;
}

.no-pointer-events .custom-select:after {
    content: none;
}


.vote-or{
    margin: 0 auto;
    display: block;
    clear: both;
    color: #000000;
    font-weight: bold;
}

#voter_username, #voter_password, #final_vote_submit, #registration_button_link{
    display: block;
    clear: both;
    margin: 20px auto;
    width: 55%;
    border-color: #054585;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.chosen-container .chosen-drop {
    padding: 4px 10px;
    background: rgba(255,255,255,.9) !important;
    text-align: left;
    font-size: 18px;
}



.voting-container .vote_button, .voting-container .log_button, .voting-container .result_button, .voting-container .hide_button {
    padding: 2px 25px;
    font-size: 28px;
    color: white;
    border: none;
    outline: none;
    line-height: 34px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    background-color: rgb(31, 132, 187);
    float: left;
    margin-left: 4px;
}

.mechanics-content{
    background-color: #e2e6ef;
    width: 98%;
    margin: 0 auto;
    color: #000;
    padding: 20px 40px;
}

.mechanics-content p{
    padding-left: 20px;
    margin: 10px 0;
    word-wrap: break-word;
}

.mechanics-content ol{
    margin: 5px 40px;
    width: 85%;
}

#vote-input-container label{
    display: inline;
}

#vote-input-container a, #vote-input-container a:visited, #vote-input-container a:hover, #vote-input-container a:active{
    text-decoration: none;
    color: #fff;
}

.mechanics-content strong{
    margin-top: 10px;
}


.mechanics-content ol ol{
    list-style-type: lower-alpha;
}

.mechanics-content ol li, .mechanics-content ul li{
    margin: 10px 0;
    word-wrap: break-word;
}

.mechanics-content h3{
    text-align: center;
}

.voting-container .hide_button{
    display: none;
}

.modal-content input[type="submit"] {
    border-radius: 0;
    width: 160px;
    padding: 2px;
    margin-bottom: 20px;
}

.modal-content {
    width: 650px;
    height: 260px;
    margin: 0 auto;
    background-color: rgba(255,255,255,.9) !important;
    margin-top: 15%;
}
.modal-content .closebtn {
    right: 13px;
    top: 8px;
    color: rgb(168, 168, 168);
    cursor: pointer;
    font-size: 17px;
}

#login-modal {
    color: rgb(31, 132, 187);
}

input.log-in{
    background-color: rgb(31, 132, 187);
    text-transform: uppercase;
    color: #fff;
}

.modal-content input{
    border: 1px solid rgb(31, 132, 187);
}

#inside-content-share {
    float: right;
    padding: 11px 0 0;
    min-height: 45px;
    overflow: hidden;
}

/** SOCIAL RIBBON **/

.st_count_loading {
    font-size: 0.8em;
}

.st_icon {
    position: relative;
    display: inline-block;
}

.st_count_holder {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    max-height: 0px;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

.st_facebook_custom {
    background: url(../img/share-sprite.png);
    background-position: -6px -14px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.st_facebook_custom > .st_icon_fade_in {
    height: 49px;
    width: 50px;
    overflow: hidden;
}

.st_twitter_custom {
    background: url(../img/share-sprite.png);
    cursor: pointer;
    background-position: 392px 55px;
    width: 50px;
    height: 50px;

    overflow: hidden;
}

.st_twitter_custom > .st_icon_fade_in {
    height: 49px;
    width: 50px;
    overflow: hidden;
}

.st_plusone_custom {
    background: url(../img/share-sprite.png);
    background-position: 341px 55px;
    cursor: pointer;
    width: 50px;
    height: 50px;

    overflow: hidden;
}

.st_plusone_custom > div:nth-child(3) {
    display: none !important;
    /*opacity: 0;*/
}

.st_plusone_custom > .st_icon_fade_in {
    height: 49px;
    width: 50px;
    overflow: hidden;
}

.st_email_custom {
    background: url(../img/share-sprite.png);
    background-position: 288px 55px;
    cursor: pointer;
    width: 50px;
    height: 50px;

    overflow: hidden;
}

.st_email_custom > .st_icon_fade_in {
    height: 49px;
    width: 50px;
    overflow: hidden;
}

.st_icon_fade_in {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 0;
    top: 0;
    transition: opacity .10s ease-in-out;
    -moz-transition: opacity .10s ease-in-out;
    -webkit-transition: opacity .10s ease-in-out;
    opacity: 0;
    z-index: 2;
}

.st_count {
    color: white;
    bottom: -25px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    text-align: center;
}

.st_icon:hover > .st_icon_fade_in {
    opacity: 1;
}

.st_icon:hover > .st_count_holder {
    max-height: 40px;
}

.st_icon:hover > .st_count_holder > .st_count {
    bottom: 0;
}

#text9 {
    float: left;
    font-size: 1em;
    width: 91.432797%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 1.941748%;
    margin-top: 9px;
    clear: none;
    min-height: 38px;
    margin-right: 0%;
}

#textspan {
    float: none;
    font-size: 20px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#text10 {
    float: left;
    font-size: 1em;
    width: 14.817201%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 1.941748%;
    margin-top: 0px;
    clear: both;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
}

#textspan1 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text11 {
    float: left;
    font-size: 1em;
    width: 17.801881%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 0.00379248%;
    margin-top: 0px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
}

#textspan2 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box6 {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#textspan3 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

.video-icon-small {
    float: right;
    width: 20%;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box8 {
    float: left;
    height: 133px;
    margin-left: 1.455281%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    display: block;
    margin-right: 0%;
}

#box10 {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#text13 {
    float: left;
    font-size: 1em;
    width: 78.515962%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.873071%;
    margin-top: 7px;
    clear: none;
    min-height: 35px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
}

#textspan4 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#image29 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 3.709677%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
    margin-right: 0%;
}

#box11 {
    float: left;
    height: 133px;
    margin-left: 1.634115%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    display: block;
    margin-right: 0%;
}

#box12 {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box13 {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#text14 {
    float: left;
    font-size: 1em;
    width: 78.515962%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.873071%;
    margin-top: 7px;
    clear: none;
    min-height: 35px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
}

#textspan5 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#textspan6 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box19 {
    float: left;
    height: 133px;
    margin-left: -0.15625%;
    margin-top: 0px;
    clear: both;
    width: 33.958333%;
    display: block;
    margin-right: 0%;
}

#box20 {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box21 {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#text18 {
    float: left;
    font-size: 1em;
    width: 78.535136%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.873071%;
    margin-top: 7px;
    clear: none;
    min-height: 35px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
}

#textspan7 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#image32 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 3.470425%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box22 {
    float: left;
    height: 133px;
    margin-left: -0.16276042%;
    margin-top: 2px;
    clear: both;
    width: 33.958333%;
    display: block;
    margin-right: 0%;
}

#box23 {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box24 {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#text19 {
    float: left;
    font-size: 1em;
    width: 78.554309%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.873071%;
    margin-top: 7px;
    clear: none;
    min-height: 35px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    overflow: hidden;
    visibility: visible;
    position: relative;
    top: 0px;
    left: 0px;
}

#textspan8 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#image33 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 3.460838%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box26 {
    float: left;
    height: 133px;
    margin-left: -0.16927083%;
    margin-top: 0px;
    clear: none;
    width: 33.958333%;
    display: block;
    margin-right: 0%;
}

#box27 {
    float: left;
    height: 85px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-image: url(../img/photo_filler.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box28 {
    float: left;
    height: 48px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(226, 230, 238);
}

#text20 {
    float: left;
    font-size: 1em;
    width: 78.563896%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.873071%;
    margin-top: 7px;
    clear: none;
    min-height: 35px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
}

#textspan9 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#image34 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 3.441664%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#textspan10 {
    float: none;
    font-size: 24px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#image35 {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
}

#text22 {
    float: left;
    font-size: 1em;
    width: 19.214124%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.870365%;
    margin-top: 26px;
    clear: both;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
}

#textspan11 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text23 {
    float: left;
    font-size: 1em;
    width: 23.084489%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 0%;
    margin-top: 26px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
}

#textspan12 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#image30 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 4.072581%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
    margin-right: 0%;
}

.see-all-box {
    float: right;
    height: 30px;
    margin-top: 17px;
    clear: both;
    width: 190px;
    background-color: rgb(34, 31, 30);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    margin-right: 20px;
}

.see-all-text {
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-top: 7px;
    clear: none;
    min-height: 16px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text16 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.921739%;
    margin-top: 7px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#image36 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 15.93125%;
    margin-top: 80px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: 0%;
}

#box30 {
    float: right;
    height: 30px;
    margin-top: 11px;
    clear: both;
    width: 37.434896%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    background-color: rgb(34, 31, 30);
    margin-right: 20px;
}

#text24 {
    float: left;
    font-size: 1em;
    width: 73.33913%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 9.817391%;
    margin-top: 7px;
    clear: none;
    min-height: 16px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text25 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 4.243478%;
    margin-top: 3px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#textspan16 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box34 {
    float: left;
    height: 145px;
    margin-left: -0.02929688%;
    margin-top: 2px;
    clear: both;
    width: 100%;
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: block;
    background-color: rgb(255, 255, 255);
    margin-right: 0%;
}

#box35 {
    float: left;
    height: 100px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    background-image: url(../img/mgid-uma-image-mtv%201.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 40.9% 0%;
    background-repeat: repeat repeat;
}

#text30 {
    float: left;
    font-size: 1em;
    width: 50.771483%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.059896%;
    margin-top: 7px;
    clear: none;
    min-height: 52px;
    display: block;
    margin-right: 0%;
}

#textspan17 {
    float: none;
    font-size: 24px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#text31 {
    float: left;
    font-size: 1em;
    width: 12.718098%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.898438%;
    margin-top: 67px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
    display: block;
}

#textspan18 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text32 {
    float: left;
    font-size: 1em;
    width: 15.279948%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -38.180339%;
    margin-top: 67px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
    display: block;
}

#textspan19 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text33 {
    float: left;
    font-size: 1em;
    width: 61.054688%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.768229%;
    margin-top: 91.5px;
    clear: none;
    min-height: 30px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    display: block;
    margin-right: 0%;
}

#textspan20 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box36 {
    float: left;
    height: 145px;
    margin-left: 0%;
    margin-top: 2px;
    clear: both;
    width: 100%;
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: block;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
}

#box37 {
    float: left;
    height: 100px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    background-image: url(../img/mgid-uma-image-mtv%201.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 40.9% 0%;
    background-repeat: repeat repeat;
}

#text34 {
    float: left;
    font-size: 1em;
    width: 50.771483%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.059896%;
    margin-top: 7px;
    clear: none;
    min-height: 52px;
    display: block;
    margin-right: 0%;
}

#textspan21 {
    float: none;
    font-size: 24px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#text35 {
    float: left;
    font-size: 1em;
    width: 12.718098%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.898438%;
    margin-top: 67px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
    display: block;
}

#textspan22 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text36 {
    float: left;
    font-size: 1em;
    width: 15.279948%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -38.180339%;
    margin-top: 67px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
    display: block;
}

#textspan23 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text37 {
    float: left;
    font-size: 1em;
    width: 61.054688%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.768229%;
    margin-top: 91.5px;
    clear: none;
    min-height: 30px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    display: block;
    margin-right: 0%;
}

#textspan24 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box38 {
    float: left;
    height: 145px;
    margin-left: 0.0390625%;
    margin-top: 2px;
    clear: both;
    width: 100%;
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: block;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
}

#box39 {
    float: left;
    height: 100px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    background-image: url(../img/mgid-uma-image-mtv%201.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 40.9% 0%;
    background-repeat: repeat repeat;
}

#text38 {
    float: left;
    font-size: 1em;
    width: 50.771483%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.059896%;
    margin-top: 8px;
    clear: none;
    min-height: 52px;
    display: block;
    margin-right: 0%;
}

#textspan25 {
    float: none;
    font-size: 24px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#text39 {
    float: left;
    font-size: 1em;
    width: 12.718098%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.898438%;
    margin-top: 68px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
    display: block;
}

#textspan26 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text40 {
    float: left;
    font-size: 1em;
    width: 15.279948%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -38.180339%;
    margin-top: 68px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
    display: block;
}

#textspan27 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text41 {
    float: left;
    font-size: 1em;
    width: 61.054688%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.768229%;
    margin-top: 92.5px;
    clear: none;
    min-height: 30px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    display: block;
    margin-right: 0%;
}

#textspan28 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box40 {
    float: left;
    height: 145px;
    margin-left: 0%;
    margin-top: 2px;
    clear: both;
    width: 100%;
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    display: block;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
}

#box41 {
    float: left;
    height: 100px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 155px;
    background-image: url(../img/mgid-uma-image-mtv%201.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 40.9% 0%;
    background-repeat: repeat repeat;
}

#text42 {
    float: left;
    font-size: 1em;
    width: 50.771483%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: 3.059896%;
    margin-top: 8px;
    clear: none;
    min-height: 52px;
    display: block;
    margin-right: 0%;
}

#textspan29 {
    float: none;
    font-size: 24px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(58, 65, 70);
}

#text43 {
    float: left;
    font-size: 1em;
    width: 12.718098%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.898438%;
    margin-top: 68px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(46, 104, 178);
    margin-right: 0%;
    display: block;
}

#textspan30 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text44 {
    float: left;
    font-size: 1em;
    width: 15.279948%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -38.180339%;
    margin-top: 68px;
    clear: none;
    min-height: 16px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    margin-right: 0%;
    display: block;
}

#textspan31 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#text45 {
    float: left;
    font-size: 1em;
    width: 61.054688%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 0.8em;
    margin-left: -50.768229%;
    margin-top: 92.5px;
    clear: none;
    min-height: 30px;
    font-family: Roboto;
    color: rgb(58, 65, 70);
    display: block;
    margin-right: 0%;
}

#textspan32 {
    float: none;
    font-size: 12px;
    line-height: 1em;
    font-family: nunito;
}

#box42 {
    float: left;
    height: 30px;
    margin-left: 61.542969%;
    margin-top: 16px;
    clear: both;
    width: 37.524065%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    background-color: rgb(34, 31, 30);
    margin-right: 0%;
}

#text46 {
    float: left;
    font-size: 1em;
    width: 73.739915%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 9.9332%;
    margin-top: 7px;
    clear: none;
    min-height: 16px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text47 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2.377028%;
    margin-top: 7px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#image37 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 29.834375%;
    margin-top: 80px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
}

#box45 {
    float: left;
    height: 30px;
    margin-left: 32.8125%;
    margin-top: 15px;
    clear: both;
    width: 37.434896%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    margin-right: 0%;
    background-color: rgb(34, 31, 30);
}

#text49 {
    float: left;
    font-size: 13px;
    width: 73.33913%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 9.817391%;
    margin-top: 9px;
    clear: none;
    min-height: 0px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text50 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 4.243478%;
    margin-top: 7px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#textspan33 {
    float: none;
    font-size: 25.6px;
    line-height: 35.4px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-family: Lato;
}

.goto-fan-section {
    height: 50px;
    width: 100%;
    background-color: rgb(29, 137, 188);
    padding: 10px 0 0;
}

#go-to-section-button {
    height: 30px;
    clear: both;
    width: 250px;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: block;
    background-color: rgb(34, 31, 30);
}

#text52 {
    float: left;
    font-size: 13px;
    width: 73.33913%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 9.817391%;
    margin-top: 9px;
    clear: none;
    min-height: 0px;
    font-family: Lato;
    color: rgb(255, 255, 255);
}

#text53 {
    float: left;
    font-size: 1em;
    width: 9.26087%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 4.243478%;
    margin-top: 7px;
    clear: none;
    min-height: 14px;
    font-family: Lato;
    color: rgb(28, 136, 187);
}

#image38 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: -40.21875%;
    margin-top: 410px;
    clear: none;
    color: rgb(0, 0, 0);
}

@font-face {
    font-family: 'lato';
    src: url(../font/Lato-Regular.ttf);
}

body {
    font-family: lato;
    color: rgb(226, 230, 238);
}

#footer {
    float: left;
    height: 230px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg, rgb(28, 152, 219) 0%, rgb(39, 109, 180) 73%);
    background-image: linear-gradient(180deg, rgb(28, 152, 219) 0%, rgb(39, 109, 180) 73%);
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    margin-right: 0%;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#footer-social {
    height: auto;
    margin-left: auto;
    margin-top: 79px;
    clear: none;
    width: 320px;
    margin-right: auto;
}

#image39 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 7.151859%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image40 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 13.069097%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image41 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 11.894871%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image42 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 13.026706%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#footer-logo {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 35px;
    clear: both;
    color: rgb(0, 0, 0);
    margin-right: auto;
    cursor: pointer;
}

#image4 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 50.695313%;
    margin-top: 17px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image5 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.465625%;
    margin-top: 17px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image6 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.734375%;
    margin-top: 17px;
    clear: none;
    color: rgb(0, 0, 0);
}

#header-menu-ul {
    float: right;
    width: 60%;
    height: 35px;
}

#header-menu-ul li {
    float: left;
    font-size: 16px;
    width: 20%;
    height: auto;
    text-align: center;
    font-weight: 500;
    line-height: 1em;
    clear: none;
    min-height: 19px;
    color: rgb(148, 151, 154);
    font-family: Lato;
    display: block;
}

#header-menu-ul li:hover {
    color: rgb(31, 132, 187);
}

#header-menu-ul li.active {
    color: rgb(31, 132, 187);
}

.menu-indicator {
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    bottom: -7px;
    margin: 0 auto;
    display: none;
}

#breadcrumb {
    margin: 10px 30px 0;
    padding: 20px 20px 0;
}

#menu_bar.others {
    height: 90px;
}

.ads-mrec {
    padding: 10px 8px;
    float: left;
    background-color: #fff;
    margin: 10px;
}


.wallpaperright_ad > div, .wallpaperleft_ad > div{
    margin-top: 50px !important;
}


.voting-container .vote_button, .voting-container .log_button, .chzn-select{
    display: block;
}

.wallpaperleft_ad{
    width: 1320px;
    margin-left: -160px;
    margin-top: 0!important;
}

.wallpaperright_ad{
    width: 1320px;
    margin-left: 1000px;
    margin-top: 0!important;
}


.profile-containers {
    /*float: left;*/
    height: 183px;
    width: 135px;
    overflow: hidden;
    margin: 0 14px 0 14px;
    display: inline-block;
    vertical-align: top;
}


.profile-divider-top {
    float: left;
    height: 10px;
    margin-left: -0.10742188%;
    margin-top: 0px;
    clear: none;
    width: 100.107422%;
    /* background-image: -webkit-linear-gradient(184deg, rgb(27, 170, 172) 0%, rgb(32, 128, 185) 59%); */
    background-image: linear-gradient(266deg, rgb(27, 170, 172) 0%, rgb(32, 128, 185) 59%);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
}

.profile-content {
	width: 100%;
	height: 100%;
}

.profile-other-pics{
    width: 100%;
    height: 60px;
    float: left;
    margin: 5px 0 5px;
}

.profile-photos {
	border: 1px solid #208aba;
	width: 100%;
	height: 135px;
	overflow: hidden;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin-bottom: 5px;
}

.profile-primary-pic {
    float: left;
    height: 200px;
    width: 100%;
    display: block;
    position: relative;
}

.profile-faqs {
	width: 100%;
	word-wrap: break-word;
}

.profile-primary-pic img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.profile-name {
    text-align: left;
    font-weight: normal;
    min-height: 35px;
    display: block;
    font-size: 16px;
    line-height: 1em;
    font-family: Lato;
    color: rgb(31, 132, 187);
}

.profile-lead {
    float: left;
    width: 98%;
    height: auto;
    text-align: justify;
    font-weight: 500;
    min-height: 155px;
    display: block;
    font-family: Lato;
    color: rgb(31, 132, 187);
    font-size: 18px;
    line-height: 20px;
}

.profile-divider-bot {
    float: left;
    height: 10px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    background-image: -webkit-linear-gradient(184deg, rgb(27, 170, 172) 0%, rgb(32, 128, 185) 59%);
    background-image: linear-gradient(266deg, rgb(27, 170, 172) 0%, rgb(32, 128, 185) 59%);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    margin-right: 0%;
}

.social-accounts div {
    width: 30px;
    height: 30px;
    margin: auto auto;
}

.social-accounts {
    float: left;
    width: 100%;

}

.social-accounts a {
    width: 33%;
    float: left;
    padding-right: 20px;
}

.social-accounts .profile-facebook {
    background-image: url(../img/main_navi_fb.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-accounts .profile-twitter {
    background-image: url(../img/main_navi_tweet.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-accounts .profile-instagram {
    background-image: url(../img/main_navi_insta.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#content-profiles .inside-header-container{
    margin: 20px auto 0;
}

#content-profiles #inside-headers{
    margin: 20px auto 0;
    height: 70px;
    margin: 0 auto;
    width: 95%;
    background-color: #FFF;
}
#content-profiles #profile-header{
    float: left;
    height: 25px;
    margin: 20px;
}


/*#content-videos #inside-headers{*/
    /*margin: 20px auto 0;*/
    /*background-image: url(../img/video_navi.png);*/
    /*background-repeat: no-repeat;*/
    /*height: 69px;*/
    /*margin: 0 auto;*/
    /*width: 872px;*/
    /*background-color: transparent;*/
/*}*/


#content-videos #video-filter-section {
    position: relative;
    height: 50px;
    width: 96%;
    margin: 0 auto;
    padding: 13px 25px;
    background-color: #FFF;
}

#content-videos #video-filter-section .video-filter {
    float: right;
}

#content-videos #video-filter-section .video-filter span {
	color:#a4a5a7;
	margin-right: 10px;
	float: left;
}

#content-videos #video-filter-section .video-filter select {
	color: #2e7fae;	
	border: 1px solid #a4a5a7;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 15px;
}

#content-videos #video-filter-section .video-filter #filter-artist, #content-videos #video-filter-section .video-filter #filter-vid {
    width: 250px;
}

#video-filter-section #filter-go {
	color: #2e7fae !important;
	cursor: pointer;
}


#video-filter-section .video-filter .select-wrap{
	position: relative;
}

#video-filter-section .video-filter .select-wrap::after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 8px solid #2e7fae;
	position: absolute;
  	top: 7px;
    right: 6px;
  	z-index: 1;
}

#video-filter-section .video-filter #fartist.select-wrap::after {

}

#video-filter-section .video-filter #fvideo-type.select-wrap::after {
	
}


#content-videos #video-header{
    height: 25px;
}


#inside-voting{
    clear: both;
    background-color: #fff;
    text-align: center;
    font-size: 2.1em;
    width: 75%;
    margin: 0 auto;
    color: rgb(31, 132, 187);
    font-weight: bold;
    padding: 10px;
    position: relative;
    height: auto;
    min-height: 61px;
}

#inside-voting p{
    color: #12B0A9;
    margin: 0;
    display: inline-block;
    padding: 0;
}


#inside-voting:after{
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 61px 30px 0 0;
    border-color: #fff transparent transparent transparent;
    right: -30px;
    top: 0;
}



#inside-voting:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 62px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -30px;
    top: 0;
}

.voting-container:after{
    right: -30px;
    top: 0;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 58px 0 0 30px;
    border-color: transparent transparent transparent #fff;
}

.voting-container:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 58px 30px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: -30px;
    top: 0;
}


.trainee-content{
    float: left;
    background-color: transparent;
    background-image: url(../img/BG_voting_thumb.png);
    background-repeat: no-repeat;
    width: 180px;
    height: 170px;
    margin: 10px;
    position: relative;
}

.trainee-desc{
    height: 35px;
    background-color: #E2E7EF;
    width: 89%;
    margin-left: 6px;
    text-align: center;
    color: rgb(31, 132, 187);
    font-size: 0.94em;
}

.trainee-vote{
    width: 65px;
    height: 19px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 8px;
    margin: auto;
    background-color: rgb(31, 132, 187);
    z-index: 2;
    color: #fff;
    text-align: center;
    display: none;
}

.chosen-container-single .chosen-single span{
    border-right: 2px solid  rgb(31, 132, 187);
    margin-right: 40px !important;
}

.chosen-container .chosen-results li {
    border-bottom: 2px solid rgba(31, 132, 187, 0.8);
    text-align: center;
}

div.chosen-container-single .chosen-single div b{
    background: url(../img/BTN_arrow.png) no-repeat transparent;
    height: 25px;
    width: 30px;
    background-size: 20px !important;
    margin-left: -15px;
    margin-top: 9px;
}


.trainee-content img{
    padding: 8px 6px 0;
    width: auto;
    height: auto;

}


.profile-box {
	background-color: #e2e6ef;
    overflow: hidden;
    text-align: center;
    width: 98%;
    margin: 0 auto;
}

#back-profile-section {
	width: 95%;
	background-color: #fff; 
	margin: 0 auto 10px;
	padding:10px;
}

#artist-profile-section {
	background-color:#e2e6ef;
	width:100%;
	padding:20px 30px 20px;
	margin-bottom: 30px;
}

#artist-details {
	min-height: 135px;
	overflow: hidden;
}

#profile-photo-container {
	width: 135px;
	height:135px;
	float:left;
	margin-right: 10px;
}

#profile-inside {
	color:rgb(31, 132, 187); 
	width: 80%;
	float:left;
	position:relative;
}

.profile-socialmedia {
	position:absolute;
	right:0;
	top:0px;
}

.artist-content-section {
	width:100%;
	background-color:#e2e6ef;
	/*height: 483px;*/
	width: 100%;
	margin-bottom: 3%;
	overflow: hidden;
	padding: 1.5% 5%;
	position: relative;
}

.artist-content-section .slider-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.artist-content-section .slider-control  {
	position: absolute;
	width: 3%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	display: none;
}

.artist-content-section .slider-control.prev {
	left:0.5%;
}

.artist-content-section .slider-control.next {
	right:0.5%;
}

.slider-control .slider-control-btn {
	cursor: pointer;
	width: 100%;
	height: 50px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	position: absolute;
	top: 41%;
}


.artist-content-section .content-header {
	margin-bottom: 0.5%;
}


.artist-content-slide {
	overflow: hidden;
}

.artist-content-section .artist-video , .artist-content-section .artist-photos {
	float: left;
	height: 194px;
	width: 277px;
	display: block;
	margin-bottom: 20px;
	margin-right: 20px;
}

.artist-content-section .artist-stories {
	float: left;
	width: 445px;
    height: 123px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(33, 113, 181);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    overflow: hidden;
    margin-right: 5px;
}



.artist-content-section .artist-video-image , .artist-content-section .artist-photos-image {
	height: 157px;
	width: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	display: block;
}

.artist-content-section .artist-video-desc {
	float: left;
    height: 37px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: #fff;
}

.artist-content-section .video-icon-small {
	float: left;
    width: 15%;
    max-width: 100%;
    height: 100%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

.artist-content-section .artist-photos-desc {
	float: left;
    font-size: 14px;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    clear: none;
    min-height: 35px;
    color: rgb(58, 65, 70);
}

.artist-content-section .latest-story-title {
	margin-bottom:2px;
}

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


    #trainee-containers{
        width: 800px;
        margin: 0 auto;
    }

    .voting-container{
        width: 100%;
    }

    .voting-container #voting-form{
        width: 665px;
        margin: 0 auto;
    }
    

    #inside-voting {
        font-size: 1.7em;
        padding: 15px;
    }

    #header-inside-menus{
        width: 60%;
        height: 50px;
        top: 5px;
        right: 15px;
    }

    #content-videos #header-inside-menus{
        width: 66%;
    }

    #content-profiles #header-inside-menus{
        width: 60%;
    }

    #content-profiles #header-inside-menus ul li{
        width: 25%;
    }

    .sub-header-container, .inside-header-container{
        height: 75px;
        background-color: #fff;
    }

    div.sub-header-container{
        height: auto;
    }

    #content-videos #content-body-div, #content-photos #content-body-div {
        width: 640px;
        margin: 0 auto;
        display: block;
    }

    #content-articles #inside-headers{
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    
    #content-photos #inside-headers, #content-videos #inside-headers {
		
	}

	#content-photos #photo-filter-section #photo-filter {
		right:10%;
	}

    #countdown-container{
        width: 100%;
    }


    #header-inside-menus ul li{
        margin: 20px 0 5px;
        width: 43%; /* adjustment profile */
    }

    #inside-headers{
        height: 62px;
    }

    #recommended-items .item-containers{
        min-width: inherit;
    }

    #content-articles .latest-story-items {
        margin-left: 20px;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }


    #inside-content img{
        width: 100% !important;
        height: auto !important;
    }

    #content-articles .latest-story-items{
        margin-left: 10px;
    }

}


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

    #content-videos #header-inside-menus{
        width: 72%;
    }
}


@media only screen and (max-width: 840px) {
    .section-containers {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    #trainee-containers{
        width: 600px;
    }


    #latest-articles-container #content-body-div{
        width: 95%;
    }

    #video-thumbnail-container{
        width: 97%;
    }

    .see-all-box, #go-to-section-button {
        width: 100%;
        margin: 10px 0;
        height: 35px;
        border-radius: 0;
    }

    .see-all-text {
        margin-top: 9px;
        font-size: 1.1em;
    }

    #featured-judge-desc-p{
        margin-bottom: 35px;
    }

    .inside #poll_wrapper{
        max-width: 100%;
    }

    #content-videos #header-inside-menus {
        width: 45%;
    }

    .profile-content{
        height: auto;
    }

    #content-photos .other-sections #content-body-div, #content-videos  .other-sections #content-body-div {
        overflow: visible;
        height: auto;
    }

    #content-videos .inside-header-container {
        height: 125px;
    }

    /*#content-videos #inside-headers{*/
        /*width: 290px;*/
    /*}*/

    #content-videos #header-inside-menus{
        right: 0;
        top: -15px;
        float: none;
        position: relative;
        margin: 0 auto;
        font-size: 13px;
        width: 585px;
    }

    #inside-voting{
        width: 85%;
    }
    
    #content-videos #video-filter-section .video-filter {
		right: 5%;
	}

}

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

    #inside-voting{
        width: 100%;
    }

    #vote-input-container{
        margin-top: 160px;
        padding-bottom: 60px;
    }

    .voting-sponsor-link{
        width: 28px;
    }

    .custom-select select {
        font-size: 12px;
    }

    div.col-md-10, div.col-md-11 {
        display: none;
    }

    div.col-md-13{
        display: block;
    }

    #content-videos #content-body-div, #content-photos #content-body-div {
        width: 90%;
        margin: 0 auto
    }

    #latest-articles-container{
        width: 100%;
    }

    #recommended-items{
        width: 100%;
    }

    .inside #poll_wrapper{
        max-width: 100%;
    }

    #header-inside-menus{
        width: 70%;
        height: 50px;
        top: 5px;
        right: -35px;
    }

    #recommended-items {
        width: 100%;
        margin: 0 auto 40px;
        float: none;
    }

    #content-articles .latest-left{
        min-width: 160px;
    }

    #inside-content{
        width: 95%;
    }


    .nav-content-prev, .nav-content-next{
        width: 40%;
        margin: 0 10px;
    }

    div.ncontrol .nav-lead{
        padding: 3px 0 0;
    }

    .other-sections{
        padding: 10px 20px;
    }

    .view-more, #recommended-items .view-more{
        width: 100%;
        border-radius: 0;
        float: none;
    }

    #view-more-text{
        width: auto;
        margin: 5px auto;
        text-align: center;
        float: none;
    }

    .other-sections .view-more{
        margin-right: 0;
    }

    #content-profiles .inside-header-container {
        height: 125px;
    }

    #content-profiles #inside-headers{
        text-align: center;
    }

    #content-profiles #inside-headers img{
        float: none;
    }


    #content-profiles #header-inside-menus{
        right: 0;
        top: -15px;
        float: none;
        position: relative;
        margin: 0 auto;
        width: 435px;
    }

    #content-profiles #header-inside-menus ul li{
        min-width: 110px;
    }

    #content-profiles #header-inside-menus ul li:nth-of-type(4) {
        margin-left: 35px;
    }

    #latest-articles-container #content-body-div{
        width: 97%;
    }
    #content-body-div{
        width: 100%;
    }

    #recommended-items div.item-containers {
        width: 47%;
        margin: 0 10px 10px;
        float: left;
    }

    .ads-mrec {
        padding: 10px 8px;
         float: none;
        background-color: #fff;
        margin: 10px auto;
        text-align: center;
    }

    .other-sections .item-containers{
        margin: 33px auto;
        float: none;
    }

    .other-section-items{
        margin-left: 0;
        text-align: center;
    }

    .other-sections .item-containers {
        min-width: 320px;
    }

    #content-videos #header-inside-menus ul li{
        width: 20%;
        padding: 0 2%;
    }

    #content-videos #header-inside-menus {
        width: 100%;
    }

    #video-filter-section{
        padding: 12px 10px;
    }

    .voting-container{
        width: 100%;
        height: 110px;
    }

    .voting-container .vote_button, .voting-container .log_button, .voting-container .result_button, .voting-container .hide_button{
        float: none;
        margin: 0 auto;
    }

    .voting-container #voting-form{
        width: 430px;
        margin: 0 auto;
    }


    #inside-voting:after{
        right: 0;
        display: none;
    }

    #inside-voting:before{
        left: 0;
        display: none !important;
    }

    .voting-container:after{
        right: 0;
        display: none !important;

    }

    .voting-container:before{
        left: 0;
        display: none !important;
    }

    .chzn-select{
        min-width: 280px;
        max-width: 280px;
        padding: 5px;
        margin: 10px auto;
        float: none;
    }

    #captcha_me img{
        min-height: 40px;
    }

    #content-videos #video-filter-section {
        height: 85px;
        text-align: center;
    }

    #content-videos #video-header {
        height: 25px;
        margin: 0px auto 1px;
    }

    #content-videos .video-filter{
        width: 93%;
        height: 22px;
        float: none;
        margin: 10px auto;
    }
    
    #profile-inside {
		width:50%;
	}
}

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

    /* timer */
    #top-placer .timer .cont{
        font-size: 100px;
        margin: 100px 0 50px;
    }

    #top-placer{
        top: 315px;
    }

    #top-placer .timer .indicator{
        font-size: 25px;
    }

    .tutuldok{
        width: 10px;
        margin-top: 110px;
    }


    #content-videos #content-body-div, #content-photos #content-body-div {
        width: 340px;
        margin: 0 auto
    }

    .inside-desc{
        min-height: 34px;
        max-height: 34px;
    }


    .modal-content{
        width: 100%;
        margin-top: 20%;
    }


    #trainee-containers{
        width: 400px;
    }


}

@media only screen and (max-width: 720px) {
    #content-videos #video-filter-section .video-filter #filter-artist, #content-videos #video-filter-section .video-filter #filter-vid {
        width: 215px;
    }
}

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

    #content-articles .latest-right {
        width: 60%;
    }

    #featured-photo-container, #video-thumbnail-container{
        width: 95%;
    }
    #latest-stories-container, #featured-judge-container, #featured-poll-container{
        width: 96%;
    }

    .latest-story-items{
        height: auto;
        padding-bottom: 10px;
    }

    #content-videos #header-inside-menus ul li{
        font-size: 12px;
    }

    #recommended-items {
        width: 340px;
        margin: 0 auto 40px;
        float: none;
    }

    #recommended-items div.item-containers {
        width: 90%;
    }

    .other-sections .item-containers {
        min-width: 260px;
    }

	#content-videos #video-filter-section .video-filter span:first-child {
		display: none;
	}



}

@media only screen and (max-width:599px){
	.error {
		float: none;
		margin: 10% auto !important;
		width: 50%;
	}
	
	#content-videos #video-filter-section .video-filter {
		width: 100%;
	}
}


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

    .voting-container #voting-form{
        width: 300px;
        margin: 0 auto;
    }

    .voting-container .vote_button, .voting-container .log_button, .voting-container .result_button, .voting-container .hide_button{
        margin: 0 auto 10px;
    }

    .voting-container {
        height: 165px;
    }

    .modal-content input{
        width: 100%;
    }

	#content-videos #video-filter-section{
		  height: 100px;
 		 background-color: #fff;
	}
	
	#content-videos #video-filter-section .video-filter {
		  top: inherit;
		  bottom: 10px;
		  left: 0;
		  right: 0;
		  margin: 0 auto;
		  text-align: center;
	}

    #content-videos #video-filter-section .video-filter #video-header {
        margin: 0px auto 5px;
    }

	#content-videos #inside-headers {
		left:32%;
	}


	.profile-socialmedia {
		position: relative;
		margin-top: 10px;
	}
	
	.profile-containers {
		float:none;
		display: inline-block;
		font-size:12px;
		vertical-align: top;
	}
	
	.profile-containers .profile-faqs {
		width:100%;
	}
	
}




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

    /* timer */
    .chosen-container{
        padding: 10px 0 0;
    }

    .modal-content input{
        width: 100% !important;
    }



    .modal-content{
        width: 100% !important;
    }

    #featured-poll-container .poll_options_wrapper {
        width: 90%;
        position: absolute;
        display: inline-block;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 20%;
        border-radius: 10px;
    }

    .nav-image {
        width: 100%;
        height: 99px;
        margin-bottom: 5px;
    }

    .nav-content-prev, .nav-content-next{
        min-height: 195px;
    }


    .ncontrol .nav-lead{
        overflow: visible;
    }

    #featured-judge-desc-p{
        max-height: 62px;
    }

    .item-containers {
        margin-left: auto;
        margin-right: auto;
        float: none;
        min-width: 270px;
    }



    #breadcrumb {
        margin: 0 10px;
        padding: 10px;
    }

    .other-sections {
        padding: 0;
        width: 100%;
    }

    #photogallery-nav-wrapper{
        display: none
    }

    #top-placer .timer .cont{
        font-size: 65px;
        margin: 100px 0 0;
    }

    .other-sections .view-more{
        width: 100%;
        margin: 15px 0 0;
        padding: 4px 0;

    }

    .other-section-items{
        text-align: center;
        margin-left: 0;
    }

    .tutuldok{
        margin-top: 90px;

    }

    #video-thumbnail-container{
        height: auto;
    }

    #video-thumbnail-container .video-thumbnails{
        min-height: 140px;
        width: 31.33%;
    }

    #video-thumbnail-container .video-desc{
        min-height: 60px;
        height: auto;
    }

    #featured-photo-thumbnail-container{
        width: 100%;
        margin: 0;
    }

    #photo-thumbnail-containers{
        width: 100%;
        margin: 0;
    }
    #photo-thumbnail-containers .photo-thumbnails{
        width: 50%;
    }

    #content #latest-stories-container, #featured-judge-container, #featured-poll-container{
        padding: 0;
        margin-left: 7px;
        margin-bottom: 10px;
    }

    #content-articles .latest-right {
        width: 95%;
    }

    #content-videos #header-inside-menus ul li{
        font-size: 12px;
        height: 35px;
    }


    #content-videos .inside-header-container{
        height: 140px;
    }

    #header-inside-menus ul li{
        font-size: 14px;
    }

    #content-profiles #header-inside-menus{
        width: 380px;
    }

    .profile-faqs{
        width: 55%;
    }

    #content-articles .latest-left{
        width: 99%;
    }

    #featured-poll-container .poll_options ul {
        margin: 0 auto 10px;
        width: 68%;
        font-size: 15px;
        float: none;
        display: block;
    }

    .poll_options input[type="radio"] {
        margin: 2px 5px 0px 40px !important;
    }

    #featured-poll-container .poll_btns {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    #featured-poll-container .poll_options label {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
        width: 65%;
    }

    #featured-poll-container .poll_options {
        background-color: rgba(29, 137, 188, .7);
        border-radius: 10px;
    }

    #featured-poll-container #vote{
        margin-right: 0;
    }


    #article-header{
        padding-bottom: 5px;
    }
    #article-date {
        float: none;
        text-align: left;
    }

    #inside-content-share{
        float: none;
        margin-bottom: 0;
        text-align: left;
        margin-left: -7px;
    }


    #article-title{
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }

    .chosen-container{
        width: 100%;
    }
    
    #content-photos #photo-filter-section #photo-filter {
		right:2%;
	}
    
    #content-photos #photo-filter-section #photo-filter span:first-child {
		display:none;
	}


}

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

    .latest-story-title{
        max-height: 41px;
    }

    #trainee-containers{
        width: 200px;
    }



    #content-profiles #header-inside-menus ul li {
        width: 27% !important;
        margin-top: 25px;
    }

    #content-profiles #inside-headers {
        width: 300px;
        background-position: 5%;
    }

    #header-burger{
        position: absolute;
        float: none;
    }

    #header-logotothetop{
        float: none;
        margin: 5px auto;
    }

    #footer-social a img{
        margin-left: 9%;
    }

    #inside-headers{
        max-width: inherit;
    }

    #content-profiles #header-inside-menus{
        width: 325px;
        position: relative;
        left: 0;
        right: 0;
        top: -20px;
        margin: 0 auto;
    }

    #content-profiles .inside-header-container{
        height: 120px;
    }

    #li-team-caps, #li-bts-videos{
        border-right: 2px solid rgb(31, 132, 187) !important;
    }

    #content-profiles #header-inside-menus ul li {
        padding: 0 5px;
        font-size: 14px;
        width: 68px;
        min-width: 86px;
        margin-top: 7px;
    }

    #content-profiles #header-inside-menus ul li:nth-of-type(4) {
        margin-left: 13px;
    }

    #content-videos #content-body-div, #content-photos #content-body-div{
        width: 100%;
    }

    #content-articles .latest-story-items {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
        margin: 0 auto;
        width: 90%;
    }

    #latest-articles-container #content-body-div {
        width: 100%;
    }

    #recommend-containers #content-body-div{
        width: 100%;
    }


    .nav-content-prev, .nav-content-next {
        min-height: 210px;
    }


    .ncontrol .nav-label{
        font-size: 13px;
    }

	#content-photos #photo-filter-section {
		  height: 100px;
 		 background-color: #fff;
	}
	
	#content-photos #inside-headers {
		top:0;
		bottom: 0;
		left: 10%;
	}
	
	#content-photos #photo-filter-section #photo-filter {
		  top: inherit;
		  bottom: 10px;
		  left: 0;
		  right: 0;
		  margin: 0 auto;
		  text-align: center;
	}
	
	#content-videos #inside-headers {
		left:15%;
	}

}


@media only screen and (max-width: 399px) {
	
	#content-videos #video-filter-section .video-filter span {
		/*font-size:13px;*/
        margin: 3px;
	}	
	
	#content-photos .photos-header img {
		text-align: center;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 350px) {
    #recommended-items, #recommended-items .view-more, #footer-social{
    width: 100%;
    }
 
	
	#video-filter-section .video-filter .select-wrap::after {
		top:5px;
	}
	
	#profile-inside {
		width: 43%;
	}
}



@media only screen and (max-height: 500px) {
    #body-tothe-top{
        overflow: scroll;
    }

    .voting-container .vote_button, .voting-container .log_button, .voting-container .result_button, .voting-container .hide_button {
        float: none;
        margin: 0 auto 10px;
        clear: both;
    }

    .voting-container {
        width: 100%;
        height: 165px;
    }

    .modal-content {
        margin-top: 20px;
    }
    
    

}