/* home.css
==================================================================== */


html, body { overflow: hidden; }


/* grid
-------------------------------------------- */


#main { height: 100%; min-width: 1280px; position: relative; padding-right: 301px; }

#main_content { padding-top: 0; position: static; overflow-y: auto; }
#main_content-holder { position: relative; }

#main_content .mCSB_container { margin: 0; }
#main_content #mCSB_1_scrollbar_vertical { opacity: 0; }
#main_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity: 0; }
#main_content .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }


::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #e7e7e7;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #bdbdbd;
}

.overlay-noscroll { padding-right: 0px !important; }

/* featured
-------------------------------------------- */

#featured { position: relative;  height: 1089px; overflow: hidden; background-color: #000; }

.color-graphic_design { background-color: #3f978c !important; }
.color-interactive { background-color: #377197 !important; }
.color-motion { background-color: #4f4699 !important; }


/* featured background
-------------------------------------------- */

#featured .click-target { position: absolute; z-index: 1; width: 100%; height: 100%; cursor: pointer; top: 0; left: 0; }

#featured .background { position: relative; z-index: 0; width: 100%; height: 100%; }
#featured .background .slide {
	position: relative; top: 0; left: 0; display: none; width: 100%; height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    z-index: 0;
}

#featured .background .slide.current { display: block; z-index: 1; }
#featured .background .slide.next { display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#featured .background-controls a { width: 41px; height: 41px; position: absolute;  z-index: 9; display: block; }
#featured .background-controls a:hover { background-color: rgba( 255,255,255,0.60); }
#featured .background-prev { top: 261px; left: 20px; background: rgba( 255,255,255,0.50) url('../../img/home2/featured/arrow_left.png') no-repeat 50% 50%; }
#featured .background-next { top: 261px; right: 20px; background: rgba( 255,255,255,0.50) url('../../img/home2/featured/arrow_right.png') no-repeat 50% 50%; }

#featured .background .scanlines { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: transparent url('../../img/home2/featured/scanlines.png') repeat 50% 50%; }




/* header
-------------------------------------------- */

#header { background-color: transparent; border: none; }


#footer .leftside .social .btn-twitter { background: transparent url('../../img/home2/footer/twitter.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-facebook { background: transparent url('../../img/home2/footer/facebook.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-plus { background: transparent url('../../img/home2/footer/plus.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-instagram { background: transparent url('../../img/home2/footer/instagram.png') no-repeat 0% 0%; }

#footer .rightside .contact-box { color: #000; }




/* featured top-right
-------------------------------------------- */

#featured .top-right { position: absolute; top: 33px; right: 63px; }
#featured .top-right .facebook { float: left; margin-right: 7px; }
#featured .top-right .twitter { float: left; margin-right: 7px; }
#featured .top-right .plus { float: left; margin-right: 7px; }
#featured .top-right .instagram { float: left; position: relative; top: -3px; }


/* featured bottom-right
-------------------------------------------- */

#featured .bottom-right { position: absolute; top: 629px; right: 64px; color: #fff; z-index: 100; }

#featured .bottom-right .date { color: #fff; opacity: 0.3; font-size: 11px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; float: left; margin-right: 29px; padding: 5px 0 0 0; }
#featured .bottom-right .dots { float: left; }

#featured .bottom-right .dots .dot
{
    cursor: pointer;
	background-color: #95999b;
	width: 4px; height: 4px;
	margin-right: 5px;
	display: inline-block;
	border: 2px solid transparent;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-sizing: content-box;
	background-clip: padding-box;

	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}


#featured .bottom-right .dots .dot.current
{
	border: 2px solid #95999b;
}

#featured .bottom-right .dots .dot:hover { border-color: #fff !important; background-color: #fff; }




/* featured content
-------------------------------------------- */

#featured .content-holder { position: absolute; top: 0; left: 0; width: 100%; height: 1089px; }

#featured .csotw { position: absolute; bottom: 445px; left: 85px; z-index: 9; width: 679px; }

#featured .csotw .intro { margin-bottom: 27px; }

#featured .csotw .intro .date { color: #f0f0f0; font-family: 'Montserrat', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; }
#featured .csotw .intro .textblock {
    margin-bottom: 10px;
    padding: 7px 0px 6px 0px;
    color: #fff;
    background-color: #4a4a4a;
    font-size: 10px;
    line-height: 10px;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    width: 141px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
}


#featured .csotw .intro .stitle { font-size: 20px; color: #e35d5d; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 8px; letter-spacing: 1.5px; }
#featured .csotw .intro .title { font-size: 48px; line-height: 48px; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 8px; }
#featured .csotw .intro .title a { color: #fff; }
#featured .csotw .intro .title a:hover { color: #e35d5d; }
#featured .csotw .intro .author { font-size: 14px; color: #fff; font-family: 'PT Sans', sans-serif; }
#featured .csotw .intro .author .b { font-size: 18px; text-decoration: none; text-transform: uppercase; color: #fff; }
#featured .csotw .intro .author a:hover { text-decoration: underline; }

#featured .csotw .intro .arrow { width: 30px; display: inline-block; }


#featured .meta .chart { float: left; margin-right: 17px; width: 289px; height: 121px; border-bottom: 1px solid #717171; position: relative; }




#featured .meta .chart .hover-zones { position: absolute; bottom: 0; left: 0; z-index: 9; }
#featured .meta .chart .hover-zones .zone { width: 50px; height: 100px; position: absolute; bottom: 0; left: 0; }

#featured .meta .chart .hover-zones .zone1 { width: 64px; height: 98px; left: 0; }
#featured .meta .chart .hover-zones .zone2 { width: 63px; height: 112px; left: 65px; }
#featured .meta .chart .hover-zones .zone3 { width: 58px; height: 92px; left: 129px; }
#featured .meta .chart .hover-zones .zone4 { width: 79px; height: 135px; left: 187px; }

#featured .meta .chart .hover-zones .zone .panel-bubble { bottom: 100%; left: -2px; margin-bottom: -5px; opacity: 0; }
#featured .meta .chart .hover-zones .zone1 .panel-bubble { left: 2px; }
#featured .meta .chart .hover-zones .zone2 .panel-bubble { left: 6px; }
#featured .meta .chart .hover-zones .zone3 .panel-bubble { left: 4px; }
#featured .meta .chart .hover-zones .zone4 .panel-bubble { left: 16px; margin-bottom: -5px; }

#featured .meta .chart .hover-zones .zone .panel-bubble.active { visibility: visible; opacity: 1; margin-bottom: 0px; }
#featured .meta .chart .hover-zones .zone4 .panel-bubble.active { margin-bottom: 0px; }




#featured .meta .ball {
	padding: 5px; border: 2px solid #88cfde;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	visibility: hidden;
}
#featured .meta .ball .bullet
{
	background-color: #e15c5c; width: 5px; height: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#featured .meta .ball1 { padding: 7px; border-color: #377197; bottom: 56px; left: 16px; }
#featured .meta .ball2 { padding: 10px; border-color: #34dabd; bottom: 64px; left: 82px; }
#featured .meta .ball3 { padding: 6px; border-color: #88cfde; bottom: 52px; left: 148px; }


#featured .meta .line { visibility: hidden; height: 1px; width: 100px; background-color: rgba(255,255,255,0.3); position: absolute; z-index: 0; }

#featured .meta .line1 {
	-moz-transform: rotate(-9deg);
	-moz-transform-origin: 0 0;
    -webkit-transform: rotate(-9deg);
    -webkit-transform-origin: 0 0;
    left: 28px;
    bottom: 67px;
    width: 70px;
}
#featured .meta .line2 {
	-moz-transform: rotate(15deg);
	-moz-transform-origin: 0 0;
    -webkit-transform: rotate(15deg);
    -webkit-transform-origin: 0 0;
    left: 97px;
    bottom: 78px;
    width: 64px;
}
#featured .meta .line3 {
	-moz-transform: rotate(-25deg);
	-moz-transform-origin: 0 0;
    -webkit-transform: rotate(-25deg);
    -webkit-transform-origin: 0 0;
    left: 159px;
    bottom: 62px;
    width: 51px;
}

#featured .meta .total {
	visibility: hidden;
	background-color: rgba(227,93,93,0.3); padding: 7px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute; bottom: 57px; right: 29px;
}
#featured .meta .total .inside {
	background-color: #e35d5d; width: 50px; height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
}

#featured .meta .total .inside .number { color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 10px 0 0px 0px; }
#featured .meta .total .inside .label { color: #000; font-size: 8px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }


#featured .meta .values { position: absolute; bottom: 0; left: 0; }
#featured .meta .values .value { text-align: center; display: block; float: left; position: relative; padding: 0 14px 7px 14px; }
#featured .meta .values .value .number { color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 10px 0 0px 0px; }
#featured .meta .values .value .label { color: #b2b2b2; font-size: 9px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;  }
#featured .meta .values .value .tick { position: absolute; bottom: 0; right: 0; width: 1px; height: 8px; background-color: #4f4f4f; }

#featured .meta .values .value1 { padding-left: 5px; }

#featured .meta .hitech { position: absolute; bottom: 15px; right: 0; }

#featured .members {  float: left; width: 370px; border-bottom: 1px solid #717171; position: relative; padding-bottom: 13px; padding-top: 48px; }
#featured .members .member { float: left; display: block; margin-right: 2px; width: 60px; height: 60px; position: relative; }
#featured .members .member img { float: left; }
#featured .members .member span { display: block; }
#featured .members .membertotal { float: left; display: block; width: 60px; height: 60px; background-color: #1e1e1e; text-align: center; }
#featured .members .membertotal span { display: block; }
#featured .members .membertotal .number { color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 10px 0 3px 0px; }
#featured .members .membertotal .label { color: #989898; font-size: 9px; line-height: 9px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

#featured .members .member .bubble { opacity: 0;  bottom: 100%; left: -1px; margin-bottom: 10px; z-index: 99; }
#featured .members .member .bubble .bubble-inside { padding: 6px 15px; }
#featured .members .member:hover .bubble { visibility: visible; opacity: 1; margin-bottom: 15px; }




#featured.animate .meta .ball, #featured .meta .total
{
	visibility: visible;

    -webkit-animation-name: circleIn;
    animation-name: circleIn;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;

    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

#featured.animate .meta .ball1
{
	-webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

#featured.animate .meta .ball2
{
	-webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

#featured.animate .meta .ball3
{
	-webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

#featured .meta .total
{
	-webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

@-webkit-keyframes circleIn
{
    0% { -webkit-transform: scale(0); opacity: 0; }
    60% { -webkit-transform: scale(1.1); opacity: 1; }
    100% { -webkit-transform: scale(1); }
}

@keyframes circleIn
{
    0% { -webkit-transform: scale(0); opacity: 0; }
    60% { -webkit-transform: scale(1.1); opacity: 1; }
    100% { -webkit-transform: scale(1); }
}



#featured.animate .meta .line1
{
	visibility: visible;

    -webkit-animation-name: line1;
    animation-name: line1;

    -webkit-animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;

    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;

	-webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

@-webkit-keyframes line1
{
    0% { width: 0; }
    100% { width: 70px; }
}

@keyframes line1
{
    0% { width: 0; }
    100% { width: 70px; }
}




#featured.animate .meta .line2
{
	visibility: visible;

    -webkit-animation-name: line2;
    animation-name: line2;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;

    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;

	-webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

@-webkit-keyframes line2
{
    0% { width: 0; }
    100% { width: 64px; }
}

@keyframes line2
{
    0% { width: 0; }
    100% { width: 64px; }
}




#featured.animate .meta .line3
{
	visibility: visible;

    -webkit-animation-name: line3;
    animation-name: line3;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;

    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;

	-webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

@-webkit-keyframes line3
{
    0% { width: 0; }
    100% { width: 51px; }
}

@keyframes line3
{
    0% { width: 0; }
    100% { width: 51px; }
}




/* featured honorable
-------------------------------------------- */

#featured .honorable { width: 100%; padding: 0px 65px; position: absolute; bottom: 37px; left: 0;  z-index: 9; }

#featured .honorable .slider {  width: 100%; overflow: hidden; }

#featured .honorable .slider .entry {
	overflow: hidden; background-color: #fff; display: block; text-decoration: none; position: relative;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

#featured .honorable .slider .entry:hover .info .title { color: #e35d5d; }

#featured .honorable .slider .entry span { display: block; }

#featured .honorable .slider .entry .info { float: left; position: relative; z-index: 2; width: 50%; height: 324px; white-space: normal; background-color: #fff; }
#featured .honorable .slider .entry .photo {

    width: 50%; height: 334px;
    position: absolute; top: 0; right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}


#featured .honorable .slider .entry .photo .arrow { position: absolute; top: 0; left: 0px; z-index: 1;  }
#featured .honorable .slider .entry .info .padding { padding: 27px; }

#featured .honorable .slider .entry .info .stitle { font-family: 'Montserrat', sans-serif; color: #e35d5d; text-transform: uppercase; margin-bottom: 14px; font-size: 13px; }
#featured .honorable .slider .entry .info .textblock {
    margin-bottom: 10px;
    padding: 7px 0px 6px 0px;
    color: #fff;
    background-color: #4a4a4a;
    font-size: 10px;
    line-height: 10px;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    width: 141px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
}
#featured .honorable .slider .entry .info .title { display: block; text-decoration: none; color: #1e1e1e; font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 26px; margin-bottom: 10px; }
#featured .honorable .slider .entry .info .studio { font-size: 12px; color: #4a4a4a; font-family: 'PT Sans', sans-serif; }


#featured .honorable .slider .entry .scoreboard { border: 1px solid #cacaca; position: absolute; bottom: 25px; left: 28px; }
#featured .honorable .slider .entry .scoreboard .score { float: left; border-right: 1px solid #cacaca; text-align: center; width: 48px; padding: 7px 0; cursor: default; }
#featured .honorable .slider .entry .scoreboard .score .number { font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0px 0 1px 0px; }
#featured .honorable .slider .entry .scoreboard .score .label {  color: #000; font-size: 6.5px; line-height: 9px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

#featured .honorable .slider .entry .scoreboard .score1 .number { color: #377196; }
#featured .honorable .slider .entry .scoreboard .score2 .number { color: #3f978c; }
#featured .honorable .slider .entry .scoreboard .score3 .number { color: #6ca5b1; }
#featured .honorable .slider .entry .scoreboard .score4 { border: none; }
#featured .honorable .slider .entry .scoreboard .score4 .number { color: #e35d5d; }

#featured .honorable .owl-carousel .owl-stage-outer { background-color: #fff; margin-bottom: 5px; }

#featured .honorable .owl-controls { text-align: center; padding-top: 5px; }


#featured .honorable .owl-controls .owl-dot
{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

#featured .honorable .owl-controls .owl-dot span
{
	background-color: #95999b;
	width: 4px; height: 4px;
	margin-right: 5px;
	display: block;
	border: 2px solid transparent;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-sizing: content-box;
	background-clip: padding-box;

	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#featured .honorable .owl-controls .owl-dot.active span
{
	border: 2px solid #95999b;
}

#featured .honorable .owl-controls.clickable .owl-dot:hover span
{
	background-color: #fff;
	border-color: #fff;
}

#featured .honorable .score { position: relative; }
#featured .honorable .score .panel-bubble { opacity: 0;  bottom: 100%; left: -1px; margin-bottom: 10px; z-index: 99; }
#featured .honorable .score .panel-bubble.active { visibility: visible; opacity: 1; margin-bottom: 15px; }


#main_content .honorable .navbuttons {  width: 100%; position: absolute; top: 167px; left: 0; z-index: 10; }
#main_content .honorable .navbuttons .owl-prev { cursor: pointer; position: absolute; bottom: 0; left: 47px; display: block; width: 31px; height: 31px; background: #1e1e1e url('../../img/home2/honorable/honorable_prev.png') no-repeat 50% 50%; }
#main_content .honorable .navbuttons .owl-next { cursor: pointer; position: absolute; bottom: 0; right: 47px; display: block; width: 31px; height: 31px; background: #1e1e1e url('../../img/home2/honorable/honorable_next.png') no-repeat 50% 50%; }

#main_content .honorable .navbuttons .owl-prev:hover { background-color: #464646; }
#main_content .honorable .navbuttons .owl-next:hover { background-color: #464646; }

@media only screen and (max-width : 1400px )
{
    #featured .honorable .slider .entry .info .title { text-overflow: ellipsis; overflow: hidden; }
    #featured .honorable .slider .entry .info .padding { padding-right: 5px; }
}

@media only screen and (max-width : 1375px )
{
    #featured .honorable .slider .entry .scoreboard .score { width: 43px; }
}

@media only screen and (max-width : 1280px )
{
	#featured .honorable .slider .entry .info .title { font-size: 22px; }
}



/* nominees entries
-------------------------------------------- */

#nominees { position: fixed; top: 0; right: 0; z-index: 999; }
#nominees .sidebar { width: 301px; position: relative; background-color: #f5f5f5; z-index: 999; height: 100%; }

#nominees #btn-submit_work { z-index: 99; width: 100%; position: absolute; top: 0; left: 0; display: block; background-color: #e35d5d; padding: 14px 10px; text-decoration: none; text-align: center; display: block; }
#nominees #btn-submit_work .text { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; margin-right: 16px; }
#nominees #btn-submit_work .arrow {  }
#nominees #btn-submit_work:hover { background-color: #f38383; }

#nominees .entries { overflow: hidden; overflow-y: auto; }

#nominees .entries .scroller { padding: 0px 0px 0px 0px; }

#nominees .entries .top-title { position: relative; text-align: center; padding: 62px 0 10px 0; }
#nominees .entries .top-title .text { margin-right: 5px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #000; font-size: 12px; }
#nominees .entries .top-title .help { vertical-align: top; position: absolute; top: 64px; right: 66px; }
#nominees .entries .top-title .tooltip { display: none; color: #fff; position: absolute; top: -25px; right: 100%; margin-right: 6px; z-index: 999; width: 202px; height: 96px; text-align: left; font-size: 12px; line-height: 14px; background-image: url('../../img/home2/nominees/tooltip_bg.png'); }
#nominees .entries .top-title .tooltip-inside { padding: 12px 28px 0px 16px; font-family: 'PT Sans', sans-serif; }

#nominees .entries .top-title .help:hover .tooltip { display: block; }

#nominees .entries .entry { padding: 14px 12px 14px 13px; position: relative; }
#nominees .entries .entry:hover { cursor: pointer; background-color: #fff; }
#nominees .entries .entry.active { cursor: default; background-color: #fff; }
#nominees .entries .entry .image {
    border: 1px solid #dadada; padding: 4px; background-color: #f5f5f5;
    width: 276px; height: 154px;
}

#nominees .entries .entry .image .background {
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#nominees .entries .entry .textblock {
    position: relative;
    top: -11px;
    margin: auto;
    padding: 7px 0px 6px 0px;
    color: #fff;
    background-color: #4a4a4a;
    font-size: 10px;
    line-height: 10px;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    width: 141px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

#nominees .entries .entry .title { text-align: center; color: #1e1e1e; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0 20px; text-transform: uppercase; line-height: 20px; margin-bottom: 5px; }
#nominees .entries .entry .credit { text-align: center; font-size: 11px; color: #4a4a4a; font-family: 'PT Sans', sans-serif; margin-bottom: 10px; }

#nominees .entries .entry .scorebar { width: 210px; height: 3px; margin: auto; margin-bottom: 5px; }
#nominees .entries .entry .scorebar .tick { width: 10.5px; height: 3px; background-color: #f1d7d7; float: left; border-left: 1px solid #fff; }
#nominees .entries .entry .scorebar .tick.on { background-color: #e35d5d; }

#nominees .entries .entry .scoreboard { border: 1px solid #cacaca; width: 217px; margin: auto; margin-bottom: 16px; }
#nominees .entries .entry .scoreboard .score { float: left; border-right: 1px solid #cacaca; text-align: center; width: 38px; padding: 3px 0; }
#nominees .entries .entry .scoreboard .score .number { color: #000; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0px 0 1px 0px; }
#nominees .entries .entry .scoreboard .score .label { color: #000; font-size: 6.5px; line-height: 9px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

#nominees .entries .entry .scoreboard .score5 { border: none; width: 63px;  }
#nominees .entries .entry .scoreboard .score5 .number { color: #e35d5d; }

#nominees .entries .entry .btn-vote { letter-spacing: 1.4px; padding: 6px 10px; margin: 0 6px; border: 2px solid #1e1e1e; display: block; color: #000; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; text-align: center; text-decoration: none; margin-bottom: 2px; }
#nominees .entries .entry .btn-vote:hover { background-color: #1e1e1e; color: #fff; }

#nominees .entries .entry .shortlisted { display: none; position: relative; letter-spacing: 1.4px; padding: 6px 10px; margin: 0 6px; border: 2px solid #cacaca; color: #898989; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; text-align: center; text-decoration: none; margin-bottom: 2px; }
#nominees .entries .entry .shortlisted .icon { position: absolute; top: 3px; right: 47px; }

#nominees .entries .entry .thanks { display: none; position: relative; letter-spacing: 1.4px; padding: 6px 10px; margin: 0 6px; border: 2px solid #cacaca; color: #898989; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 12px; text-align: center; text-decoration: none; margin-bottom: 2px; }

#nominees .entries .entry .selected-arrow { position: absolute; right: 100%; top: 56px; z-index: 999; }

#nominees .entries .entry.has_voted .thanks { display: block; }
#nominees .entries .entry.has_voted .btn-vote { display: none; }

#nominees .entries .entry.is_shortlisted .shortlisted { display: block; }
#nominees .entries .entry.is_shortlisted .thanks { display: none; }
#nominees .entries .entry.is_shortlisted .btn-vote { display: none; }

#nominees .mCSB_container { margin: 0; }
#nominees #mCSB_1_scrollbar_vertical { opacity: 0; }
#nominees .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity: 0; }
#nominees .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }




.is_touch #nominees #btn-submit_work { display: none; }
.is_touch #nominees .entries .top-title { padding-top: 20px; }



/* scrollbar
-------------------------------------------- */

#nominees .mCSB_container { margin: 0; }
#nominees #mCSB_1_scrollbar_vertical { opacity: 0; }


/* nominees content
-------------------------------------------- */


#nominees .content { display: none; position: absolute; top: 0; right: 301px; z-index: 99; height: 1089px; width: 717px; overflow: auto; background-color: #e7e7e7; }
#nominees .content .padding { padding: 80px 40px 60px 40px; }


#nominees .content::-webkit-scrollbar {
    width: 5px;
}

#nominees .content::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #e7e7e7;
}

#nominees .content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #bdbdbd;
}


#nominees .content a { color: #4a4a4a; text-decoration: underline; }
#nominees .content .bull { opacity: 0.5; margin: 0 3px; }

#nominees .content .top-controls .btn-close { position: absolute; top: 27px; left: 20px; }
#nominees .content .top-controls .share { position: absolute; top: 27px; right: 38px; }
#nominees .content .top-controls .share .label { position: relative; top: -2px; margin-right: 15px; text-transform: uppercase; color: #000; font-size: 12px; font-family: 'Montserrat', sans-serif; }
#nominees .content .top-controls .share .btn { margin-right: 5px; }
#nominees .content .top-controls .share .btn-linkedin { margin: 0; }

#nominees .content .info { text-align: center; padding: 0 60px; margin-bottom: 60px; }
#nominees .content .info .textblock { margin: auto; margin-bottom: 10px; padding: 5px 0px; color: #fff; background-color: #4a4a4a; font-size: 11px; line-height: 11px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; width: 141px; text-align: center; }
#nominees .content .info .title { color: #1e1e1e; font-size: 34px; line-height: 38px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; }
#nominees .content .info .studio { font-size: 20px; color: #4a4a4a; font-family: 'PT Sans', sans-serif; }

#nominees .content .video { width: 100%; margin-bottom: 30px; }
#nominees .content .video iframe { width: 640px; height: 360px; vertical-align: top; z-index: 99999; }

#nominees .content .large_image { width: 100%; margin-bottom: 30px; }
#nominees .content .large_image img { width: 100%; vertical-align: top; }

#nominees .content .description { font-size: 15px; color: #1e1e1e; font-family: 'PT Sans', sans-serif; margin-bottom: 80px; }

#nominees .content .scorebar { width: 381px; height: 3px; margin: auto; margin-bottom: 9px; }
#nominees .content .scorebar .tick { width: 19px; height: 5px; background-color: #f1d7d7; float: left; border-left: 1px solid #fff; }
#nominees .content .scorebar .tick.on { background-color: #e35d5d; }

#nominees .content .scoreboard { border: 1px solid #cacaca; width: 387px; margin: auto; margin-bottom: 26px; }
#nominees .content .scoreboard .score { float: left; border-right: 1px solid #cacaca; text-align: center; width: 68px; padding: 8px 0; }
#nominees .content .scoreboard .score .number { color: #000; font-size: 26px; line-height: 28px; font-family: 'Montserrat', sans-serif; font-weight: 700; }
#nominees .content .scoreboard .score .label { color: #000; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

#nominees .content .scoreboard .score5 { border: none; width: 111px;  }
#nominees .content .scoreboard .score5 .number { color: #e35d5d; }

#nominees .content .btn-vote { letter-spacing: 1.4px; padding: 12px 0px; width: 506px; margin: auto; border: 2px solid #1e1e1e; display: block; color: #000; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 23px; text-align: center; text-decoration: none; margin-bottom: 15px; }
#nominees .content .btn-vote:hover { background-color: #1e1e1e; color: #fff; }

#nominees .content .btn-casestudy_url { display: block; margin: auto; letter-spacing: 1.4px; padding: 12px 0px; width: 506px; border: 2px solid #e45c5a; background-color: #e45c5a; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 23px; text-align: center; text-decoration: none; margin-bottom: 15px; }
#nominees .content .btn-casestudy_url:hover { background-color: #000; border: 2px solid #000; color: #fff; }


#nominees .content .shortlisted { display: none; position: relative; letter-spacing: 1.4px; padding: 12px 0px; width: 506px; margin: auto; border: 2px solid #cacaca; color: #898989; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 23px; text-align: center; text-decoration: none; margin-bottom: 15px; }
#nominees .content .shortlisted .icon { position: absolute; top: 3px; right: 47px; }


#nominees .content .thanks { display: none; position: relative; letter-spacing: 1.4px; padding: 12px 0px; width: 506px; margin: auto; border: 2px solid #cacaca; color: #898989; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 23px; text-align: center; text-decoration: none; margin-bottom: 15px; }

#nominees .content .has_voted .thanks { display: block; }
#nominees .content .has_voted .btn-vote { display: none; }

#nominees .content .is_shortlisted .shortlisted { display: block; }
#nominees .content .is_shortlisted .thanks { display: none; }
#nominees .content .is_shortlisted .btn-vote { display: none; }

#nominees .content.show
{
	display: block;
    -webkit-animation-name: nominees-content_show;
    animation-name: nominees-content_show;
}

@-webkit-keyframes nominees-content_show
{
    0% { opacity: 1; -webkit-transform: translateX(50%); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@keyframes nominees-content_show
{
    0% { opacity: 1; transform: translateX(50%); }
    100% { opacity: 1; transform: translateX(0); }
}


#nominees .content.hide
{
	display: block;
    -webkit-animation-name: nominees-content_hide;
    animation-name: nominees-content_hide;
}

@-webkit-keyframes nominees-content_hide
{
    0% { opacity: 1; -webkit-transform: translateX(0); }
    100% { opacity: 1; -webkit-transform: translateX(100%); }
}

@keyframes nominees-content_hide
{
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 1; transform: translateX(100%); }
}

#nominees .content.animate
{
    -webkit-animation-duration: 200ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 200ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}


/* whats_new
-------------------------------------------- */

#whats_new { width: 100%; background-color: #1e1e1e; }
#whats_new .padding { padding: 49px 85px 0px 85px; }

#whats_new .mtitle { font-size: 20px; color: #e35d5d; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

#whats_new .posts { white-space: nowrap; }

#whats_new .post { float: left; display: block; width: 22%; margin-right: 4%; min-height: 320px; position: relative; text-decoration: none; color: #fff; margin-bottom: 42px;  }
#whats_new .post span { display: block; }

#whats_new .page { vertical-align: top; padding-top: 40px; display: none; }
#whats_new .page.showing { display: block; }
#whats_new .page .post:last-child { margin-right: 0; }

#whats_new .post .date { font-size: 10px; color: #dadada; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 15px; }
#whats_new .post .title { font-size: 24px; line-height: 24px; min-height: 72px; color: #fff; text-transform: uppercase; white-space: normal; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 20px; }
#whats_new .post .image { margin-bottom: 15px; }
#whats_new .post .image img { vertical-align: top; width: 100%; }
#whats_new .post .text { font-size: 13px; color: #fff; font-family: 'PT Sans', sans-serif; margin-bottom: 25px; white-space: normal; }
#whats_new .post .more { font-size: 12px; color: #e35d5d; text-transform: uppercase; font-family: 'Montserrat', sans-serif; position: absolute; bottom: 0; }

#whats_new .page { border-bottom: 1px solid #2c2a2a; }
#whats_new .appended { padding-top: 40px; }

#whats_new .bottom-controls { min-height: 61px; }
#whats_new .bottom-controls .btn-viewmore { outline: none; display: block; padding: 33px 23px; text-align: center; font-size: 12px; text-decoration: none; color: #666666; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }
#whats_new .bottom-controls .btn-viewmore:hover { color: #fff; }

@media only screen and (max-width : 1280px)
{
	#whats_new .padding { padding: 49px 40px 0px 40px; }
	#whats_new .post { margin-right: 2%; width: 211px; }

	#whats_new .post .title { font-size: 20px; line-height: 20px; min-height: 60px; }
}



@media only screen and (max-width : 1270px )
{
    #nominees { display: none; }
    #main { padding-right: 0; }
    #whats_new .post { width: 22%; margin-right: 4%; }
}




/* home_footer
-------------------------------------------- */

#footer { background-color: #fff; }
#footer .leftside .tagline { color: #1e1e1e; }
#footer .leftside .copyright { color: #838383; }
#footer .rightside #input-newsletter { background-color: #1e1e1e; color: #fff; }
#footer .rightside .messages .error { color: #e00000; }
#footer .rightside .messages .success { color: #1cc800; }



/* bubble
-------------------------------------------- */

.bubble
{
    background-color: #fff;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
}

.bubble:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 100%;
    left: 24px;
}

.bubble .bubble-inside { padding: 5px; white-space: nowrap; color: #000; font-family: 'PT Sans', sans-serif; }




/* animations
-------------------------------------------- */

.slideOutLeft
{
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slideOutLeft
{
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(-100%); }
}

@keyframes slideOutLeft
{
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.slideInLeft
{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slideInLeft
{
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(0); }
}

@keyframes slideInLeft
{
    0% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}

.slideOutRight
{
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slideOutRight
{
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(100%); }
}

@keyframes slideOutRight
{
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

.slideInRight
{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;

    -webkit-animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes slideInRight
{
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0); }
}

@keyframes slideInRight
{
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}