/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display: block;}
body{line-height: 1;}
ol, ul{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;}
table{
	border-collapse: collapse;
	border-spacing: 0;}
	
/**
 * Shorthand 3
 * @fileoverview Sets up object-oriented classes for repeatable, volume use styles. 
 *				 Facilitates write-less CSS development. Enables development of fast
 *				 iterative HTML without the need for CSS edits.
 * @author <a href="http://www.yaypaul.com/">Paul West</a>
 * @version 3.3
 * @license None (public domain)
 * @see <a href="http://meyerweb.com/eric/tools/css/reset/">Reset CSS</a>
 * 		Reset CSS Recommended.
 */

/**
 * HTML Body
 * @desc Setup page container and base font.
 */
*,html{ font-family:arial, helevtica, sans-serif; }
html{ overflow:auto; }
html, body{ width:100%; background:rgb( 255,255,255 ); }

/**
 * Positioning
 * @desc Setup overflow state for elements and create position shortcuts.
 */
header, section, article, figure, footer, div, h1, h2, h3, h4, h5, h6, p, li{ overflow:hidden; }
.visible{ overflow:visible; }
.float{ float:left !important; }
/* .floatRight{ float:right !important; } */
/* .static{ position:static !important; } */
.relative{ position:relative !important; }
.absolute{ position:absolute !important; }
.fixed{ position:fixed !important; }
/* .hidden{ display:none; } */
.block{ display:block; }
.inlineBlock{ display:inline-block; }
/*.inline{ display:inline; } */
.flex{
	display:-webkit-flex;
	display:flex; }
.inlineFlex{ 
	display:-webkit-inline-flex;
	display:inline-flex; }
.clear{ clear:both; }

/* 
.clearLeft{ clear:left; }
.clearRight{ clear:right; }
.clearFix:after{ content:""; display:table; clear:both; } */

/**
 * Page Layout
 * @desc Preset width and height shorthand classes for grid layouts.
 */
.width100{ width:100% !important; }
/* .width90{ width:90% !important; }
.width80{ width:80% !important; }
.width75{ width:75% !important; }
.width70{ width:70% !important; }
.width66{ width:66.66% !important; }
.width60{ width:60% !important; }
.width50{ width:50% !important; }
.width40{ width:40% !important; }
.width33{ width:33.33% !important; }
.width30{ width:30% !important; }
.width25{ width:25% !important; }
.width20{ width:20% !important; }
.width10{ width:10% !important; } */
.height100{ height:100% !important; }
/*.height90{ height:90% !important; }
.height80{ height:80% !important; }
.height75{ height:75% !important; }
.height70{ height:70% !important; }
.height66{ height:66.66% !important; }
.height60{ height:60% !important; }
.height50{ height:50% !important; }
.height40{ height:40% !important; }
.height33{ height:33.33% !important; }
.height30{ height:30% !important; }
.height25{ height:25% !important; }
.height20{ height:20% !important; }
.height10{ height:10% !important; } */

/**
 * Content Control
 * @desc Setup content alignment, capitalization, and text effect classes.
 */
.left{ text-align:left !important; }
.right{ text-align:right !important; }
.center{ text-align:center !important; }
/*.justify{ text-align:justify !important; }
.capitalize{ text-transform:capitalize; } */
.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
/*.hideImageText, .imgText{ text-indent:-9999px; }
.reverse{ direction:rtl; unicode-bidi:bidi-override; }
.lightTextShadow, .txtShadow{ text-shadow:1px 1px 0 rgba( 255,255,255,0.3 ); }
.darkTextShadow{ text-shadow:1px 1px 0 rgba( 0,0,0,0.3 ); }
.closed{ padding-bottom:0; margin-bottom:0; } */
/* .align~ classes provides vertical alignment to blocks, must have a height. */ 
/* .alignTop{ display:table-cell; vertical-align:baseline; }
.alignMiddle, .tableAlign{ display:table-cell; vertical-align:middle; }
.alignBottom{ display:table-cell; vertical-align:bottom; } */
/* Stop inheritance and hard-wire some objects. 
	Deformat PRE elements so they don't interfere with HTML editor items. */
/* pre{ background:transparent; border:0; padding:0; }
blockquote{ padding:20px; font-style:italic; } */
/* sup{ vertical-align:super; font-size:smaller; }
sub{ vertical-align:sub; font-size:smaller; } */
strong, b{ font-weight:700 !important; }
em, i{ font-style:italic !important; }

/**
 * Links
 * @desc Setup link styles.
 */
html a{ text-decoration:none; cursor:pointer; }
html a:hover{ text-decoration:underline; }
html a:active{ text-decoration: none; }
html a:focus{ text-decoration: none; outline:none; }

/**
 * Normalize Headings
 * @desc Make all headings regular weight.
 */
/* h1, h2, h3, h4, h5, h6{ font-weight:400; } */

/**
 * Inputs
 * @desc Setup basic styles for input elements.
 */
/* textarea, input, option{ font-size:14px; line-height:18px; }
input[type=text], input[type=email], input[type=password], option{ text-indent:4px; }
textarea{ resize:vertical; } */

/**
 * Cursors
 * @desc Setup cursor override classes.
 */
.pointer{ cursor:pointer; }
/* .help{ cursor:help; }
.move{ cursor:move; }
.text{ cursor:text; }
.wait{ cursor:wait; }
.zoom{ cursor:zoom-in; } */

/* Copyright 2012-2016 Ranker Inc. All rights reserved. */
/**
 * Load Additional Fonts
 * APP
 * @fileoverview Load additional fonts and bind them to classes.
 * @author paul@ranker.com (Paul, West)
 */
 
/**
 * Setup Font Classes
 * @desc Bind loaded fonts to CSS classes.
 */
*,
html,
.default,
.roboto,
.robotoL{ font-family:'Roboto', 'Roboto-Light', Arial, Helvetica, sans-serif; }
.robotoC{ font-family:'Roboto Condensed', 'RobotoCondensed-Bold', Roboto, Arial, Helvetica, sans-serif; }

/* Copyright 2017 Ranker Inc. All rights reserved. */
/**
 * RSVG
 * APP
 * @fileoverview Default classes for Ranker SVG icons.
 * @author paul@ranker.com (Paul, West)
 */

.rsvg{ display: inline-block; width: 30px; height: 30px; fill: rgb( 0,0,0 ); margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: middle; }

/* Mobile Adjustments */
@media( max-width:1024px ){
    i{ width: 8.0vw; height: 8.0vw; }
}
/* Copyright 2012-2016 Ranker Inc. All rights reserved. */
/**
 * Base Template
 * APP
 * @fileoverview Setups up styles for Ranker basic template.
 * @author paul@ranker.com (Paul, West)
 */
 
/**
 * Links
 * @desc Styles for document links.
 */
html a{ color:rgba(8,108,184,1); }

/**
 * Colors
 * @desc Defines Ranker specific colors.
 */
.black{ color:rgb( 0,0,0 ); }
.grey{ color:rgb( 100,100,100 ); }
.midGrey{ color:rgb( 160,160,160 ); }
.lightGrey{ color:rgb( 210,210,210 ); }
.white{ color:rgb( 255,255,255 ); }
.rnkrCRRed{ color:rgb( 129,38,46 ); }
.rnkrVRRed{ color:rgb( 184,21,7 ); }
.rnkrBlue{ color:rgb( 8,108,184 ); }
.rnkrDBlue{ color:rgb( 30,62,102 ); }
 
 /**
 * Background Colors
 * @desc Defines Ranker specific background colors.
 */
.greyBg{ background-color:rgb( 100,100,100 ); }
.lightGreyBg{ background-color:rgb( 210,210,210 ); }
.chalkBg{ background-color:rgb( 235,235,235 ); }
.whiteBg{ background-color:rgb( 255,255,255 ); }
.rnkrLBlueBg{ background-color:rgb( 241,243,245 ); }
.rnkrDBlueBg{ background-color:rgb( 30,62,102 ); }
.rnkrDDBlueBg{ background-color:rgb( 24,33,66 ); }
.rnkrCRRedBg{ background-color:rgb( 129,38,46 ); }
/* Social */
.facebookBg{ background-color:rgb( 42,86,151 ); }
.twitterBg{ background-color:rgb( 33,166,216 );}
.googleBg{ background-color:rgb( 217,84,43 );}

/**
 * Layout
 * @desc Defines Ranker specific basic layout styles
 */
p{ margin-bottom:10px; }
.ad--hidden{ display:none; width:0; height:0; }

/* Mobile Adjustments */
@media( max-width:1024px ){
	p{ margin-bottom:3.7vw; }
}
/* Copyright 2013-2016 Ranker Inc. All rights reserved. */
/**
 * Forms
 * @fileoverview Sets up basic Ranker input styles.
 * @author paul@ranker.com (Paul, West)
 */

.input{ height:auto; }
.textarea{ min-height:50px; }
.input,
.textarea{ position:relative; padding:15px 0; color:rgb( 160,160,160 ); font-size:18px; border:2px solid rgb( 229,229,229 ); background:rgb( 244,244,244 );
	/* Radius */
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px; 
	border-radius:2px; }
.input:focus,
.textarea:focus{ color:rgb( 51,51,51 ); }

/* Mobile Adjustments */
@media( max-width:1024px ){
	.input,
	.textarea{ padding:4.0vw 0; font-size:4.8vw;
		/* Radius */
		-webkit-border-radius:0.5vw;
		-moz-border-radius:0.5vw;
		-ms-border-radius:0.5vw;
		-o-border-radius:0.5vw; 
		border-radius:0.5vw; }
}
/* Copyright 2016 Ranker Inc. All rights reserved. */
/**
 * Editable
 * @fileoverview Styles for custom HTML editor embeds and elements.
 * @author paul@ranker.com (Paul, West)
 */
 
/* Editor Custom Styles */
.edS-b{ font-weight:bold; }
.edS-b{ font-weight:700; }
.edS-i{ font-style:italic; }
.edS-u{ text-decoration:underline; }
.edS-s{ text-decoration:line-through; }
.edS-left{ text-align:left; }
.edS-right{ text-align:right; }
.edS-center{ text-align:center; }
.edS-justify{ text-align:justify; }
.edS-h2,
.edS-h3,
.edS-h4{ margin-bottom:15px; }
.edS-h2{ font-size:30px; line-height:30px; }
.edS-h3{ font-size:24px; line-height:30px; }
.edS-h4{ font-size:20px; line-height:25px; }
.edS-embedRendered{ width:auto; }
	.edS-embedRendered iframe{ display:inline-block !important; }
	
/* Mobile Adjustments */
@media( max-width:1024px ){
	.edS-h2,
	.edS-h3,
	.edS-h4{ margin-bottom:4.0vw; }
	.edS-h2{ font-size:8.0vw; line-height:8.0vw; }
	.edS-h3{ font-size:4.3vw; line-height:8.0vw; }
	.edS-h4{ font-size:3.7vw; line-height:6.7vw;}
}

/* Adjust Editor Window Styles */
.cke_top{ padding: 2px 3px !important; }
.cke_bottom{ background: rgb(255,255,255) !important; border: 1px solid rgb(255,255,255) !important; }
/* Copyright 2016-2017 Ranker Inc. All rights reserved. */
/**
 * CSS Spinner
 * APP
 * @fileoverview Styles for spinner.
 * @author paul@ranker.com (Paul West)
 * @version 2.0
 */

.spinner{ height: 46px; width: 46px; margin: 1em auto; border-radius: 50%; background: none repeat scroll 0 0 rgb( 210,210,210 ); overflow: hidden;
    box-shadow: 0 0 10px rgba( 0,0,0,.2 ) inset, 0 0 25px rgba( 0,0,255,0.075 ); transform: rotate(0deg); animation-timing-function: linear;
    -webkit-animation: ui-spinner-rotate 3s infinite;
    animation: ui-spinner-rotate 3s infinite; }
.spinner::after{ content: ""; position: absolute; display: block; top: 9px; left: 9px; width: 28px; height: 28px; background: none repeat scroll 0 0 rgb( 254,254,254 ); border-radius: 50%;
    box-shadow: 0 0 10px rgba( 0,0,0,.15 ); }
    .spinner__inner{ position: absolute; width: 50%; height: 100%; overflow: hidden; }
    .spinner__inner--left{ left: 0;   }
    .spinner__inner--right{ left: 50%; }
    
    /* Animation */
    .spinner__animation{ position: absolute; top: 0; left: 100%; width: 100%; height: 100%; border-radius: 999px; background: none repeat scroll 0 0 rgb( 30,62,102 ); opacity: 0.8;
        -webkit-animation: ui-spinner-rotate-left 2s infinite;
        animation: ui-spinner-rotate-left 2s infinite;
        -webkit-transform-origin: 0 50% 0;
        transform-origin: 0 50% 0;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-duration:2s;
        animation-duration:2s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear; }
    .spinner__inner--left .spinner__animation{ border-bottom-left-radius: 0; border-top-left-radius: 0; }
    .spinner__inner--right .spinner__animation{ left: -100%; border-bottom-right-radius: 0; border-top-right-radius: 0;
        -webkit-transform-origin: 100% 50% 0;
        transform-origin: 100% 50% 0;
        -webkit-animation-name: ui-spinner-rotate-right;
        animation-name: ui-spinner-rotate-right;
        -webkit-animation-delay: 1s;
        animation-delay: 1s; }
        
/* Keyframes */
@keyframes ui-spinner-rotate{
  0%{ transform: rotate(0deg); }
  50%{ transform: rotate(180deg); }
  100%{ transform: rotate(360deg); }
}

@-webkit-keyframes ui-spinner-rotate-left{
    0%{ -webkit-transform: rotate(0deg); }
    25%{ -webkit-transform: rotate(0deg); }
    50%{ -webkit-transform: rotate(180deg); }
    75%{ -webkit-transform: rotate(180deg); }
    100%{ -webkit-transform: rotate(360deg); }
}
@keyframes ui-spinner-rotate-left{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(0deg); }
    50%{ transform: rotate(180deg); }
    75%{ transform: rotate(180deg); }
    100%{ transform: rotate(360deg); }
}

@-webkit-keyframes ui-spinner-rotate-right{
    0%{ -webkit-transform: rotate(0deg); }
    25%{ -webkit-transform: rotate(180deg); }
    50%{ -webkit-transform: rotate(180deg); }
    75%{ -webkit-transform: rotate(360deg); }
    100%{ -webkit-transform: rotate(360deg); }
}
@keyframes ui-spinner-rotate-right{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(180deg); }
    50%{ transform: rotate(180deg); }
    75%{ transform: rotate(360deg); }
    100%{ transform: rotate(360deg); }
}

/* Copyright 2016 Ranker Inc. All rights reserved. */
/**
 * Modal
 * APP
 * @fileoverview Styles for modal windows.
 * @author paul@ranker.com (Paul, West)
 */

/* Modal Layer */
.modal{ z-index:-100; opacity:0; display:none; top:0; left:0; width: 100%; }
.modal--show{ z-index:9997; opacity:1; display:flex; justify-content:center; }
.modal--light{ background:rgba( 255,255,255,0.8 ); }
.modal--dark{ background:rgba( 0,0,0,0.7 ); }
.modal--transparent{ background:transparent; }

/* Modal Inner */
.modal__inner{ border:1px solid rgb( 30,62,102 ); z-index:3;
	/* Shadow */
	-webkit-box-shadow:0 5px 5px rgba( 0,0,0,0.7 );
	box-shadow:0 5px 5px rgba( 0,0,0,0.7 ); }
	
	/* Close */
	.modal__close{ top:10px; right:10px; width: 20px; height: 20px; text-indent:0; z-index:5; cursor:pointer; fill: rgb( 30,62,102 ); }
	
	/* Title */
	.modal__title{ padding:30px 15px 10px; font-size:25px; font-weight:700; line-height:27px; z-index:4; }
	
	/* Content */
	.modal__content{ z-index:4; }
	
	/* Buttons */
	.modal__buttons{ padding:10px 20px 30px; justify-content:center; align-items:center; z-index:5; }
		.modal__buttons .button{ margin:0 10px; }

/* Mobile Adjustments */
@media( max-width:1024px ){
	/* Close */
	.modal__close{ top:3.0vw; right:3.0vw; width:6.0vw; height:6.0vw; }
	
	/* Title */
	.modal__title{ padding:8.0vw 4.0vw 2.7vw; font-size:6.7vw; line-height:7.2vw; }
	
	/* Buttons */
	.modal__buttons{ padding:8.0vw 5.3vw 8.0vw; }
		.modal__buttons .button{ margin:0 2.7vw; }
}
/* Copyright 2016 Ranker Inc. All rights reserved. */
/**
 * Auth Sign In/up
 * APP
 * @fileoverview Styles for auth sign in windows.
 * @author paul@ranker.com (Paul, West)
 */
 
/* Text */
.auth__text{ margin:5px 22px 0; font-size:13px; line-height:19px; }

/* Social buttons */
#auth__social{ margin:10px 0 10px; justify-content:center; }
	.auth__social{ width:60px; height:60px; margin:0 5px; padding: 8px; fill: rgb( 255,255,255 ); }
	#auth__facebook{ padding: 16px 0 0 16px; }

/* Inputs */
#auth__username,
#auth__email,
#auth__password{ width:calc( 100% - 64px ); padding:10px 0; margin:10px 30px 0; }

/* Message */
#auth__message{ height:14px; margin-top:5px; margin-bottom:5px; font-size:12px; }

/* Forgot */
#auth__forgot{ margin:5px 30px 5px; }

/* Terms */
#auth__terms{ margin:5px 10px 0; font-size:10px; line-height:12px; }

/* Mobile Adjustments */
@media( max-width:1024px ){
	/* Text */
	.auth__text{ margin:1.3vw 5.9vw 0; font-size:3.5vw; line-height:5vw; }
	
	/* Social buttons */
	#auth__social{ margin:2.7vw 0 2.7vw; }
		.auth__social{ width:17vw; height:17vw; margin:0 1.3vw; padding: 1.6vw; }
		#auth__facebook{ padding: 3.2vw 0vw 0 3.2vw; }
	
	/* Inputs */
	#auth__username,
	#auth__email,
	#auth__password{ width:calc( 100% - 17vw ); padding:2.7vw 0; margin:2.7vw 8.0vw 0; }
	
	/* Message */
	#auth__message{ height:3.7vw; margin-top:1.3vw; margin-bottom:1.3vw; font-size:3.2vw; }
	
	/* Forgot */
	#auth__forgot{ margin:1.3vw 8.0vw 1.3vw; }
	
	/* Terms */
	#auth__terms{ margin:1.3vw 2.7vw 0; font-size:2.7vw; line-height:3.2vw; }
}

/* Copyright 2012-2016 Ranker Inc. All rights reserved. */
/**
 * Base Template Buttons
 * DESKTOP
 * @fileoverview Setups up styles for Ranker basic button templates.
 * @author paul@ranker.com (Paul, West)
 */

/**
 * Default Button
 * @desc Base default button styles.
 */
.button{ cursor:pointer;
	/* Disable selection */
	-webkit-user-select:none;
	user-select:none; }
	
/**
 * Hamburger Button
 * @desc Common hamburger button styles.
 */
.button__hamburger{ margin:23px 10px; border:0; outline:none;
	/* Transform */
	transition:0.3s;
	-webkit-transform:scale3d( 1,1,1 );
    transform:scale3d( 1,1,1 ); }
.button__hamburger,
.button__hamburger::before,
.button__hamburger::after{ width:40px; height:5px; background:rgb( 30,62,102 );
	/* Radius */
	-webkit-border-radius:5px;
	border-radius:5px; }
.button__hamburger::before,
.button__hamburger::after{ content:""; position:absolute; left:0; cursor:pointer; pointer-events:all;
	/* Transform */
	transition:0.3s; }
.button__hamburger::before{ top:-11px; }
.button__hamburger::after{ bottom:-11px; }
.button__hamburger--close.button__hamburger{ background: transparent; }
.button__hamburger--close.button__hamburger::before,
.button__hamburger--close.close.button__hamburger::after{ 
	/* Transform */
	-webkit-transform-origin:50% 50%;
    transform-origin:50% 50%; }
.button__hamburger--close.button__hamburger::before{ top:0;
	/* Transform */
	-webkit-transform:rotate3d( 0,0,1,45deg );
    transform:rotate3d( 0,0,1,45deg); }
.button__hamburger--close.button__hamburger::after{ bottom:0;
	/* Transform */
	-webkit-transform:rotate3d( 0,0,1,-45deg );
    transform:rotate3d( 0,0,1,-45deg ); }

/**
 * Rounded Button
 * @desc Rounded button styles.
 */
.button--rounded{
	/* Radius */
	-webkit-border-radius:4px;
	border-radius:4px; }

/**
 * Default Button
 * @desc Default button styles.
 */
.button__default{ padding:13px 17px 12px; font-size:18px; font-weight:700; line-height:19px; border:1px solid rgb( 204,204,204 ); }

/**
 * White Button
 * @desc Additional styles for white buttons.
 */
.button--white{ color:rgb( 8,108,184 ); background:rgb( 255,255,255 );
	/* Shadow */
	-webkit-box-shadow:inset 0 0 5px rgb( 204,204,204 );
	box-shadow:inset 0 0 5px rgb( 204,204,204 ); }
	
/**
 * Blue Button
 * @desc Additional styles for blue buttons.
 */
.button--blue{ color:rgb( 255,255,255 ); background:rgb( 30,62,102 ); border:1px solid rgb( 23,47,80 );
	/* Shadow */
	-webkit-box-shadow:inset 0 0 5px rgb( 23,47,80 );
	box-shadow:inset 0 0 5px rgb( 23,47,80 ); }
	
/* Copyright 2016 Ranker Inc. All rights reserved. */
/**
 * Common Nav
 * DESKTOP
 * @fileoverview Styles for site nav.
 * @author paul@ranker.com (Paul, West)
 */

body{ min-width: 1063px; min-height:100%; padding-top: 87px; margin:0 auto; background:rgb( 251,250,250 ); }
 
/* Page Navigation */
#commonHead{ content:""; position: fixed; top:0; left:0; width:100%; height:72px; border-bottom:1px solid rgb( 212,210,210 ); background:rgb( 251,250,250 ); z-index:8882; }
    #commonNav{ max-width:1350px; min-width: 1063px; height:72px; margin:0 auto; }

	/* Logo Container */
	#commonNav__logo{ position: absolute; left: 543px; }
	   /* Logo SVG */
		#commonNav__logo::after{ content: ''; display: block; background-repeat: no-repeat; box-sizing: border-box; width: 230px; height: 65px; margin-top: 7px;
            background-image: url( '../img/__v2/app/ranker_wordmark-voteoneverything.svg' ); background-repeat: no-repeat; }
	
    /* Hamburger */
    #commonNav__hamburger{ top:0; left:0; margin-top:33px; margin-bottom:33px; }
    
    /* Search */
    #commonNav__search{ top:12px; right:0; width:0; padding:10px 48px 10px 10px; border-color:rgb( 251,250,250 ); background: rgb( 251,250,250 ); z-index:1000; opacity: 0;
        transition: none; }
    #commonNav__searchBtn{ top:14px; right:2px; width:27px; height:27px; padding:8px 10px 6px 10px; font-size:40px; line-height:36px; z-index:8001; fill: rgb( 30,62,102 );
        /* Radius */
        -webkit-border-radius:2px;
        border-radius:2px; }
    #spinner__search{ top:16px; right:0; }
    
/* Site Navigation */
#siteNav{ visibility: hidden; position: fixed; top: 70px; left: 0; width: 318px; height: auto; background: rgb( 251,250,250 ); z-index: 8883; transition: none;
    /* Shadow */
    -webkit-box-shadow: 0 3px 2px rgb( 182,182,182 );
    box-shadow: 0 3px 2px rgb( 182,182,182 ); }

    /* Site Nav Auth */
    #siteNav__auth{ justify-content:center; }
        #siteNav__signIn,
        #siteNav__signUp{ width:43%; }
        #siteNav__signIn,
        #siteNav__signUp{ margin:0 2.5%; }
        #siteNav__signOut{ left:0; width:66px; padding:0; margin:3px 15px 0; font-size:12px; font-weight:400; line-height:16px; text-align:left;  
            color:rgb( 184,21,7 ); background:transparent; border:0; border-radius:0; box-shadow:none; }
        #siteNav__profile{ width:225px; font-size:15px; font-weight:700; }
        #siteNav__profileImage{ width:48px; height:48px; margin-right:10px; background-color:rgb(30,62,102); background-size:cover;
            /* Radius */
            -webkit-border-radius:28px;
            border-radius:28px; }
        
    /* Site Nav Item */
    .siteNav__item{ width:90%; height:auto; padding:11px 5%; font-size:18px; font-weight:400; color:rgb( 30,62,102 ); background:rgb( 251,250,250 ); align-items:center; }
    .siteNav__item:hover{ text-decoration:none; color:rgb( 255,255,255 ); background:rgb( 52,85,120 ); }
    .siteNav__item--hold{ text-decoration:none; color:rgb( 255,255,255 ); background:rgb( 30,62,102 ); }
    .siteNav__item--noHover:hover{ font-weight:400; color:rgb( 30,62,102 ); background:rgb( 251,250,250 ); }
    .siteNav__item--blue{ color:rgb( 255,255,255 ); background:rgb( 30,62,102 ); }
    .siteNav__item--blue:hover{ font-weight:400; background:rgb( 52,85,120 ); }
    
    /* Site Sub-Navigation */
    .siteNav__sub{ display:none; position: fixed; width:180px; height:auto; z-index:8002; }
        .siteNav__sub .siteNav__item{ width:80%; height:auto; padding:12px 10%; }
    .siteNav__sub--show{ display:block; }
    .siteNav__sub--channels .siteNav__item{ width: 86%; }

/* Zoomd */
.zd-progress{ position: static !important; }
#zd_log{ display:none !important; }

/* Copyright 2012-2017 Ranker Inc. All rights reserved. */
/**
 * Video Player
 * DESKTOP
 * @fileoverview Styles for video player content.
 * @author paul@ranker.com (Paul, West)
 * @author emily@ranker.com (Lostaunau, Emily)
 */

.videoPlayer{ z-index:1; }
	.videoPlayer__image{ z-index:2; }
	.videoPlayer__icon{ top:0; left:0; margin:0 35%; font-size:110px; line-height:100%; align-items:center; justify-content:center; z-index:3; }
	
/* Modal Video Player */
#modal__videoPlayer{ overflow:visible; }
#modal__videoPlayerInner.modal__inner{ bottom:0; background:rgb( 0,0,0 ); display:flex; justify-content:center; align-items:center; right:0; padding:15px 35px; }
    #modal__videoPlayerInner .modal__close{ height:18px; width:18px; top:6px; right:5px; fill: rgb( 255,255,255 ); cursor:pointer; }
    #modal__videoPlayerInner .modal__content{ min-width:540px; min-height:304px; }

/* Copyright 2016 Ranker Inc. All rights reserved. */
/**
 * Common Footer
 * DESKTOP
 * @fileoverview Styles for site footer.
 * @author paul@ranker.com (Paul, West)
 */
 
 /* Footer */
#commonFoot{ padding:15px 0 30px; margin:10px auto 0; background:rgb( 251,250,250 ); }
    #commonFootWrap{ min-width: 1063px; max-width:1350px; margin:0 auto; }
	
	/* Nav Items */
	.footNav__group{ width:14% }
	.footNav__group--social{ width:28% }
	.footNav__group--terms{ width:43%; border-right:1px solid rgb( 193,193,193 ); }
	   .footNav__item{ height:30px; padding:3px 20px; border-left:1px solid rgb( 193,193,193 ); font-size:14px; line-height:28px; }
	   .footNav__item.footNav__group--terms{ height:auto; border-right:1px solid rgb( 193,193,193 ); }
	   .footNav__group--terms .footNav__item{ width:auto; height:20px; line-height:20px; }
	   .footNav__group--terms .footNav__links{ margin-top:26px; }
	   .footNav__date{ padding-right:20px; }
	       .footNav__itemIcon{ top:-2px; margin: 0 7px 0 3px; width:19px; height:19px; fill: rgb( 100,100,100 ); }