﻿
/* -------------------------------------------------- */
/* Resets
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);padding:0;margin:0}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin:0;}button:hover{cursor:pointer; text-decoration:none;}button::-moz-focus-inner{border:0;}button,textarea,input.text,input[type="text"],input[type="search"],input[type="button"],input[type="submit"],input[type="email"],.input-checkbox{-webkit-appearance: none;border-radius:0;-webkit-border-radius:0}
td img{width: 100%;}

table.center{
    margin-left:auto;
    margin-right:auto;
}
/* -------------------------------------------------- */
/* 3rd party - Flickity - https://goo.gl/Qn3E8d
/* -------------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-page-dots{position:absolute;width:100%;bottom:36px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:12px;height:12px;margin:0 6px;border:3px solid #fff;opacity:.6;cursor:pointer;border-radius:50%}.flickity-page-dots .dot.is-selected{opacity:1}

 .flickity-prev-next-button {
  position: absolute;
  
  border: none;
  color: #333;
}

.flickity-prev-next-button:hover {
  opacity: 0.3;
  cursor: pointer;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  bottom: 0; /*40%*/
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-40%);
  z-index: 100;
}

.flickity-prev-next-button.previous { right: 50px; } /* left 10px*/
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
/*.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}*/

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.arrow{
    fill: #fff;
}
/* -------------------------------------------------- */
/* General 
/* -------------------------------------------------- */
body{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	background: #122D51;
}
p{
	line-height: 1.6em;
	margin: 1.3em 0;
}
p.apart{
	padding-top: 1.3em;
}
strong{
	color: #2D2F31;
	font-weight: 700;
}
.align-center{
	text-align: center;
}
.small-text{
	font-size: 14px;
}
main{
	background: #fff;
}
.interior main{
	padding-bottom: 96px;
}
a{
	color: #C01B33;
}

/* -------------------------------------------------- */
/* Media / images / video
/* -------------------------------------------------- */
figure img{
	width: 100%;
	height: auto;
}
figure.align-right{
	width: 50%;
	float: right;
	margin: 1.6em 0 1.6em 1.6em;
}
figcaption{
	padding-top: 9px;
	font-size: 14px;
	color: #AEB1B5;
}
.video-thumb{
	position: relative;
}
.video-thumb img{
	display: block;
    max-width: 500px;
    margin: 0 auto;
}
.video-thumb-icon{
	background: url('/Display/Images/video-playback.svg') no-repeat;
	display: inline-block;
	width: 48px;
	height: 48px;
	position: absolute;
	margin: auto;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: .75;
}
.video-thumb:hover .video-thumb-icon{
	opacity: 1;
}

@media screen and (max-width: 600px) {
	figure.align-right{
		width: 100%;
		float: none;
		margin: 1.3em 0;
	}
}

/* -------------------------------------------------- */
/* Headlines and titles
/* -------------------------------------------------- */
h1, h2, h3, h4{
	font-family: 'Lora', serif;
	color: #2D2F31;
	line-height: 1.4em;
}
h1.page-title{
	font-size: 27px;
	text-align: center;
	font-weight: 700;
}
h2{
	font-weight: 700;
	font-size: 21px;
}
h2 a{
	color: #122D51;
	text-decoration: none;
}
h2 a:hover{
	color: #183C6B;
}
.title-bar{
	background: url('/Display/Images/title-bar.svg') no-repeat center bottom;
	padding-bottom: 21px;
	margin-bottom: 18px;
}
.main-content h2,
.main-content h3,
.main-content h4{
	padding-top: .8em;
}
/* -------------------------------------------------- */
/* Containers
/* -------------------------------------------------- */
.container-max,
.container-med,
.container-min,
.container-with-aside{
	padding: 0 18px;
	margin: 0 auto;
}
.container-max{ max-width: 1366px; }
.container-with-aside { max-width: 993px; }
.container-med{ max-width: 1076px; }
.container-min{ max-width: 714px;  }
.container-no-pad{
	padding: 0;
}
/* -------------------------------------------------- */
/* Common buttons and links
/* -------------------------------------------------- */
button{
	font-family: 'Lato', sans-serif;
}
.btn-large,
.btn-large-alt{
	display: inline-block;
	line-height: 48px;
	background: #C01B33;
	color: #fff;
	font-size: 16px;
	padding: 0 24px;
	text-decoration: none;
	margin: 0 3px 6px 3px;
}
.btn-large-alt{
	background: #122D51;
}
.btn-large:hover{
	background: #CF1D37;
}
.btn-large-alt:hover{
	background: #15345E;
}

/* -------------------------------------------------- */
/* Images and video 
/* -------------------------------------------------- */
figcaption{
	font-size: 13px;
	padding: 9px 0;
}
.video { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
} 
.video iframe, .video object, .video embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------------------------------- */
/* Taskbar
/* -------------------------------------------------- */
.taskbar{
	display: flex;
	background: #ECEFF3;
	line-height: 0;
}
.taskbar-nav ul{
	display: flex
}
.taskbar-nav a{
	display: block;
	background: url('/Display/Images/taskbar-nav-pipe.svg') no-repeat right center;
	text-decoration: none;
	padding: 0 18px;
	font-size: 13px;
	color: #183C6B;
	line-height: 48px;
    fill:#183C6B;
}
.taskbar-nav svg{
	margin: 10px;
}

.taskbar-nav li:last-child a{
	background-image: none;
}
.taskbar-nav a:hover{
	color: #122D51;
    fill: #122D51;
	text-decoration: underline;
}
.taskbar-search{
	flex-grow: 1;
}
.taskbar-search form{
	display: flex;
}
.taskbar-search label{
	flex-grow: 1;
}
.taskbar-search input{
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #122D52;
	height: 48px;
	border: none;
	background: #CCD5E0;
	-webkit-transition: background-color .25s; /* Safari */
	transition: background-color .25s;
	padding: 0 18px;
}
.taskbar-search input:focus{
	background-color: #fff;
}
.taskbar-search button{
	width: 48px;
	height: 48px;
	background: #6D98D1 url('/Display/Images/icon-search.svg') no-repeat center;
}
.taskbar-search button:hover{
	background-color: #719ED9;
}
/* Stick taskbar to top */
body{
	padding-top: 48px; 
}
.taskbar{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;
}
/* Taskbar breakpoints */
@media screen and (max-width: 1100px) {
	.taskbar-nav a{
		padding: 0 9px;
	}
	.taskbar-nav li:first-child a{
		padding-left: 18px;
	}
	.taskbar-nav li:last-child a{
		padding-right: 18px;
	}
}
@media screen and (max-width: 1020px) {
	.taskbar-nav{
		display: none;
	}
}
/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
.header-wrap{
	position: relative;
	background: #183C6B;
}
header{
	padding-top: 18px;
	text-align: center;
}
.home header{
	position: absolute;
	width: 100%;
	z-index: 200;
}
.interior header{
	background: url('/Display/Images/interior-header-bg.jpg') no-repeat center;
	background-size: cover;
}
.logo{
	display: inline-block;
	margin-bottom: 18px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
.logo-big-text{
	font-family: 'Lora', serif;
	font-size: 36px;
}
.logo-sm-text{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 4px;
}
.logo-line{
	width: 25%;
	height: 1px;
	border-top: 1px solid rgba(255,255,255,.2);
	margin: 0 6px;
}
.logo-sm-text,
.logo-tag{
	font-size: 16px;
	color: #fff;
	opacity: .6;
}
.logo-tag{
	display: block;
	padding-top: 4px;
	text-transform: none;
}
.TopWidget{
        margin-top: 200px;
    }
/* Header breakpoints */
@media screen and (max-width: 750px) {
	.logo{
		/*display: none;*/
        position:fixed;
		margin: 0;
        margin-bottom: 5px;
        width: 90% !important;
        top: 52px;
        left: 48px;
        z-index:400;
        margin-left:-20px;
        overflow:hidden;
	}
    .logo-big-text{
		font-size: 16px;
	}
    .logo-tag{
        display:none;
    }
	header{
		padding: 0;
	}
	.home header{
		position: static;
	}
    .TopWidget{
        margin-top: 0px;
    }
}
/* -------------------------------------------------- */
/* Prime navigation
/* -------------------------------------------------- */
.prime-nav{
	display: inline-block;
	background-color: #C01B33;
    vertical-align: top;
    min-width: 820px;
}
.prime-nav ul{
	display: flex;
	justify-content: center;
    
}
.prime-nav ul.show{
	display: block;
}
.prime-nav ul a{
	display: block;
	line-height: 48px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background: url('/Display/Images/arrow-drop-up.svg') no-repeat 24px center;
	background-size: 7px 3px;
	padding: 0 24px 0 40px;
	text-decoration: none;
    white-space:nowrap;
}
.prime-nav ul a:hover{
	background-color: #CF1D37;
}
.prime-nav-trigger-wrap{
	display: none;
	background: #183C6B;
	line-height: 48px;
}
.prime-nav-trigger{
	width: 48px;
	height: 48px;
	background: #122E52 url('/Display/Images/menu.svg') no-repeat center;
	background-size: 24px 24px;
}
.prime-nav-trigger:hover{
	background-color: #15355E;
}
.logo-abbrev{
	flex-grow: 1;
	font-family: 'Lora', serif;
	text-align: left;
	padding: 0 18px;
}
.logo-abbrev a,
.logo-abbrev a:hover{
	color: #fff;
	text-decoration: none;
}
/* subnav specific */
.prime-nav ul li{
    text-align:left;
	position: relative;
}
.prime-nav ul ul{
	display: block;
	width: 220px;
	position: absolute;
	top: 58px; 
	left: 50%;
	z-index: 300;
	margin-left: -110px; /* half of width */
	background-color: #fff;
	box-shadow: 0 0 36px rgba(0,0,0,.2);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s, top .25s; /* Safari */
	transition: opacity .25s, top .25s;
	padding: 15px 27px;
    overflow:hidden;
}
.prime-nav li:hover ul{
	visibility: visible;
	opacity: 1;
	top: 48px;
}
/* disable hover effect for devices that do not support hover */
/*@media (hover:none), (hover:on-demand) {
    .prime-nav li:hover ul{ 
        visibility: hidden;
		opacity: 0;
		top: 58px;
    }
}*/
.prime-nav ul ul a{
	font-size: 14px;
	text-transform: none;
	color: #183C6B;
	line-height: 1.2em;
	background-image: none;
	padding: 12px 0;
	border-bottom: 1px solid #efefef;
}
.prime-nav ul ul li:last-child a{
	border: none;
}
.prime-nav ul ul a:hover{
	color: #122D51;
	background-color: transparent;
	text-decoration: underline;
}
/* Stick prime nav to top (when it reaches the top) */
body.interior.stick-prime-nav{
	padding-top: 96px;
}
.stick-prime-nav .prime-nav{
	position: fixed;
	top: 48px; right: 0; left: 0;
	z-index: 300;
}
.primeNavGroupExpand{
        display:none;
        text-align:center;
        position:absolute; 
        right: 0px; 
        top: 0;
        padding-top: 14px;
        width: 75px; 
    }
/* Prime navigation breakpoints */
@media screen and (max-width: 900px) {
	.prime-nav ul a{
		background-position: 9px center;
		padding: 0 18px 0 25px;
	}
	.prime-nav li:first-child a{
		background-position: 18px center;
		padding-left: 34px;
	}
	.prime-nav ul ul a,
	.prime-nav li:first-child ul a,
	.prime-nav ul ul li:first-child a{
		padding: 12px 0 12px 0;
	}
}

@media screen and (max-width: 830px) {
    .primeNavGroupExpand{
        display:block;
    }
    .prime-nav-trigger-wrap{
        display: flex;
    }
    .prime-nav{
        width: 100%;
        position: fixed;
        top: 48px; right: 0; left: 0;
        z-index: 300;
    }
    body{
        padding-top: 96px;
    }
    .prime-nav ul{
        display: none;
        width: 100%;
        position: fixed;
        top: 96px;
        bottom: 0;
        overflow-y: scroll;
        background-color: #A6172C;
    }
    .prime-nav ul ul li{
        border-bottom: 1px solid rgba(0,0,0,.06);
    }
    .prime-nav ul a{
        background-image: none;
        line-height: 1em;
        padding: 16px 18px;
        text-align: left;
    }
    .prime-nav li:first-child a{
        padding-left: 18px;
    }
    .prime-nav ul a:hover{
        background-color: #B3192F;
    }
    .prime-nav ul ul a,
    .prime-nav ul ul li:first-child li:first-child a{
        padding: 12px 0;
    }
    .prime-nav li:hover ul{
        visibility: hidden;
        opacity: 0;
        top: 58px;
    }
    .prime-nav ul ul{
        /*max-height:0;*/
        overflow:hidden;
        display: block;
        width: 100%;
        position: static;
        margin:0;
        background-color: #8f1426;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        -webkit-transition: none;
        transition: none; 
        padding: 9px 27px;
    }
    .prime-nav li:hover ul{
        visibility: visible;
        opacity: 1;
    }
    .prime-nav ul ul a{
        font-size: 14px;
        text-transform: none;
        color: #fff;
        background-image: none;
        padding: 9px 0;
        border-bottom: none;
    }
    .prime-nav ul ul li:last-child{
        border: none;
    }
    .prime-nav ul ul a:hover{
        color: #fff;
        background-color: transparent;
        text-decoration: underline;
    }

    
}

@media screen and (max-width: 830px) {

    .prime-nav .PreCollapse ul {
        max-height: 0;
        visibility: hidden;
        padding: 0;
    }
}

@media screen and (min-width: 831px) {
	.prime-nav ul.show{
		display: flex;
	}
	body{
		padding-top: 48px;
	}
}
/* -------------------------------------------------- */
/* Homepage slides
/* -------------------------------------------------- */

.hero-slides{
	/*background: #122D51;*/
    background:rgba(9,23,41,.8);
}
.hero-slide{
	width: 100%;
	background: no-repeat center top;
	background-size: cover;
	text-align: center;
}
.hero-slide-bg-screen{
	background: rgba(9,23,41,.8);
	/*padding: 245px 0 144px 0;*/
    padding: 205px 0 50px 0;
}
.splash-video-bg-screen {
	background: rgba(9,23,41,.8);
	/*padding: 245px 0 144px 0;*/
	padding: 0;
}
.hero-slide-title{
	font-size: 54px;
	line-height: 1.2em;
    background:none;
}
.hero-slide-text{
	font-size: 18px;
	margin-bottom: 36px;
}
.hero-slide-title,
.hero-slide-text{
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.24);
}
.hero-slide-text{
    max-width: 400px;
}
.hero-slide-text-wrapper{
    max-width: 870px;
    margin: 0 auto;
    text-align:left;

}
/* Homepage slides breakpoints */

@media screen and (max-width: 820px) {
	.hero-slide-bg-screen{
		padding: 120px 0 50px 30px;
        
	}
    .hero-slide-title{
		font-size: 38px;
        /*color:red;*/
	}
}
@media screen and (max-width: 733px) {
	.hero-slide-title{
		font-size: 28px;
        /*color:blue;*/
	}
    .hero-slide-bg-screen{
		padding: 20px 0 50px 30px;
        
	}
}
/* -------------------------------------------------- */
/* Announcement
/* -------------------------------------------------- */
.announcement{
	background: #7D7F82;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.25);
	font-size: 16px;
	text-align: center;
	padding: 12px 0;
}
.announcement p{
	line-height: 1.4em;
	margin: 0;
}
.announcement a{
	color: #FAD224;
    font-size: 24px;
}
/* -------------------------------------------------- */
/* Tabs
/* -------------------------------------------------- */
.section.tabs{
	background: #efefef;
}
.tabs-wrap{
	background: #fff;
	box-shadow: 0 0 36px rgba(0,0,0,.12);
}
.tabs nav ul{
	background: #122D51;
	display: flex;
}
.tabs nav li{
	flex-grow: 1;
}
.tab-btn{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 60px;
	overflow: hidden;
	/*border-right: 1px solid rgba(255,255,255,.06);*/
    border-right: 1px solid rgba(239,239,239,1);
}
.tabs nav li:last-child .tab-btn{
	border: none;
}
.tab-btn:hover{
	background-color: rgba(255,255,255,.03);
}
.tab-btn.active{
	background: #fff;
	color: #122D51;
}
.tab{
	display: none;
	padding: 18px;
	flex-wrap: wrap;
}
.tab figure,
.tab article{
	padding: 18px;
	width: 50%;
}
.tab figure img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1076px) {
	.section.tabs{
		background: #fff;
	}
	.tab{
		padding: 18px 0;
	}
	.tabs-wrap{
		box-shadow: none;
		border-bottom: 1px solid #efefef;
	}
	.tabs nav ul{
		flex-wrap: wrap;
	}
	.tabs nav li{
		width: 100%;
	}
	.tab-btn{
		border-right: none;
		line-height: 48px;
		border-bottom: 1px solid #193456;
	}
}
@media screen and (max-width: 690px) {
	.tab{
		padding: 18px;
	}
	.tab figure,
	.tab article{
		padding: 0 0 18px 0;
		width: 100%;
	}
}
/* -------------------------------------------------- */
/* Common sections
/* -------------------------------------------------- */
.section{
	background: #fff;
	padding: 54px 0;
}
.section-with-bg{
	background: #122D51 no-repeat center;
	background-size: cover;
}
.section-bg-screen{
	background: rgba(9,23,41,.8);
	padding: 54px 0;
}
.section-bg-screen .container-med,
.section-bg-screen .container-min,
.section-bg-screen .container-max{
	background: #fff;
	padding: 54px 18px;
}
.section-title{
	font-size: 36px;
	text-align: center;
}
@media screen and (max-width: 1076px) {
	.section-bg-screen{
		padding: 0;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}
}
/* -------------------------------------------------- */
/* Tweets
/* -------------------------------------------------- */
.tweets-wrap{
	position: relative;
	padding-top: 36px;
	background: #2093E0;
	text-align: center;
}
.tweets > div{
	display: flex;
}
.tweets,
.tweets a{
	color: #fff;
}
.tweet{
	width: 100%;
	padding-bottom: 96px;
}
.tweet-author,
.tweet-link{
	text-decoration: none;
}
.tweet-author-sname,
.tweet-link-text{
	font-size: 14px;
	opacity: .6;
}
.tweets a:hover,
.tweet a:hover .tweet-author-sname,
.tweet a:hover .tweet-link-text{
	opacity: 1;
}
.tweet-author{
	display: flex;
	justify-content: center;
	text-align: left;
}
.tweet-author img{
	width: 32px;
	height: 32px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	margin-right: 9px;
}
.tweet-author-dname{
	display: block;
}
.tweet-text{
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2em;
	margin: 18px 0;
}
.tweet-link span{
	display: inline-block;
	vertical-align: middle;
}
.tweet-link-text{
	text-decoration: underline;
}
.tweet-link-icon{
	width: 32px;
	height: 32px;
	background: rgba(255,255,255,.2) url('/Display/Images/twitter.svg') no-repeat center;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	margin-right: 9px;
}
.tweet a:hover .tweet-link-icon{
	background-color: rgba(255,255,255,.3);
}
/* -------------------------------------------------- */
/* Grid and listed items
/* -------------------------------------------------- */
.grid{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
	padding: 12px 0;
}
.grid-item{
	padding: 6px;
}
.grid-6-cols .grid-item{
	width: 16.66%;
}
.grid-4-cols .grid-item{
	width: 25%;
}
.grid-3-cols .grid-item{
	width: 33.33%;
}
.grid-item-pad{
	height: 100%;
	border: 1px solid #E8E8E8;
	padding: 24px;
}
@media screen and (max-width: 1150px) {
	.grid-6-cols .grid-item{
		width: 20%;
	}
}
@media screen and (max-width: 980px) {
	.grid-6-cols .grid-item{
		width: 25%;
	}
}
@media screen and (max-width: 950px) {
	.grid-4-cols .grid-item{
		width: 50%;
	}
}
@media screen and (max-width: 780px) {
	.grid-6-cols .grid-item{
		width: 33.33%;
	}
}
@media screen and (max-width: 640px) {
	.grid-4-cols .grid-item{
		width: 100%;
	}
}
@media screen and (max-width: 560px) {
	.grid-6-cols .grid-item{
		width: 50%;
	}
}
.meta{
	font-size: 12px;
	text-transform: uppercase;
	margin: 6px 0;
}
.metaDescription{
	font-size: 13px;
	margin: 6px 0;
}
.meta a{
	color: #2093E0;
	text-decoration: none;
}
.meta a:hover{
	color: #24A4FA;
	text-decoration: underline;
}
.excerpt{
	margin: 0;
}
.list{
	padding-bottom: 36px;
}
.list-item{
	margin-bottom: 36px;
}
.list-item p:last-of-type{
	margin-bottom: 0;
}
.list-item h2{
	padding-top: 12px;
}
/* -------------------------------------------------- */
/* Pagination
/* -------------------------------------------------- */
.pagination{
	padding-top: 36px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.pagination li{
	background: none !important;
	padding: 3px !important;
	line-height: 0;
}
.pagination button,
.pagination span{
	display: inline-block;
	padding: 0 12px;
	line-height: 36px;
	font-size: 15px;
}
.pagination .buttonEmulate{
	border: 1px solid #C01B33;
	color: #C01B33;
}

.pagination button{
	border: 1px solid #C01B33;
	color: #C01B33;
}
.pagination svg{
	line-height: 0;
}

/* -------------------------------------------------- */
/* General form
/* -------------------------------------------------- */
.form{
	padding: 1.3em 0;
}
.form input,
.form select,
.form textarea{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	padding: 12px;
	border: 2px solid #D6D6D6;
	width: 100%;
}
.listed-fields input{
	width: auto;
}
.form label,
.form-q{
	display: block;
	padding-bottom: 6px;
	color: #2D2F31;
	font-weight: 700;
}
.form-q{
	margin-bottom: 0;
}
.listed-fields label{
	color: #7D7F82;
	font-weight: normal;
}
.form-row{
	margin-bottom: 12px;
}
.form-split-rows{
	display: flex;
	flex-wrap: wrap;
	margin: -3px;
}
.form-split-rows .form-row{
	width: 50%;
	padding: 3px;
}
.form-help{
	font-size: 15px;
	font-style: italic;
	padding-top: 6px;
}
.form-alert{
	border: 1px solid rgba(192,27,51,.6);
	padding: 18px 18px 9px 18px;
	background-color: rgba(192,27,51,.2);
	margin-bottom: 1.3em;
}
.form-alert p{
	margin: 0 0 9px 0;
}
.error{
	color: #c01b33;
}
.form-alert.success{
	border-color: rgba(22,158,58,.6);
	background-color: rgba(22,158,58,.2);
}
.success{
	color: #169e3a;
}
@media screen and (max-width: 500px) {
	.form-split-rows{
		margin: 0;
	}
	.form-split-rows .form-row{
		width: 100%;
		padding: 0;
	}
}

/* -------------------------------------------------- */
/* Inline forms
/* -------------------------------------------------- */
.inline-form{
	display: flex;
	justify-content: center;
	margin: -3px;
	padding: 0 10% 36px 10%;
}
.inline-form.find-rep{
	flex-wrap: wrap;
}
.inline-form label,
.inline-form .btn-wrap{
	padding: 3px;
}
.inline-form label{
	width: 100%
}
.inline-form input{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	height: 48px;
	padding: 0 18px;
	border: 2px solid #D6D6D6;
	width: 100%;
}

.inline-form textarea{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #7D7F82;
	padding:10px 18px 10px 18px;
	border: 2px solid #D6D6D6;
	width: 100%;
}
	.inline-form select {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		color: #7D7F82;
		padding: 11px;
		border: 2px solid #D6D6D6;
		width: 100%;
	}

.inline-form.find-rep .btn-wrap{
	padding-top: 15px;
}
.inline-form .btn-large-alt{
	width: 100%;
	margin: 0;
}
.find-rep-wrapper{
	border-bottom: 2px solid #ccc;
	padding-bottom: 36px;
	margin-bottom: 36px;
}
.find-rep-wrapper .inline-form{
	padding: 0;
}

@media screen and (max-width: 500px) {
	.inline-form.optin{
		flex-wrap: wrap
	}
	.inline-form label,
	.inline-form .btn-wrap{
		width: 100% !important;
		padding: 0;
		margin: 0 0 6px 0;
	}
	.inline-form.find-rep .btn-wrap,
	.inline-form .btn-wrap{
		padding-top: 18px;
	}
}
/* -------------------------------------------------- */
/* Breadcrumbs
/* -------------------------------------------------- */
.crumbs{
	padding: 18px 0 12px 0;
	font-size: 12px;
	color: #AEB1B5;
}
.crumbs ul{
	display: flex;
	justify-content: center;
}
.crumbs li + li:before{
	content: "/";
	padding: 0 3px;
}
.crumbs a{
	color: #AEB1B5;
	text-transform: uppercase;
	text-decoration: none;
}
.crumbs a:hover{
	color: #A2A5A8;
	text-decoration: underline;
}
/* -------------------------------------------------- */
/* Member listing
/* -------------------------------------------------- */
.grid-item-member{
	text-align: center;
	padding: 12px;
}
.grid-item-member a{
	display: block;
	text-decoration: none;
}
.member-pic img{
	height: 134px;
	width: auto;
}
.member-name{
	color: #122D51;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
	padding: 6px 0 3px 0;
}
.member-name:hover{
	color: #183C6B;
}
.member-district{
	color: #7D7F82;
	font-size: 13px;
}
.member-btns{
	display: flex;
	justify-content: center;
	padding-top: 9px;
}
.member-btns a{
	line-height: 0;
	text-align: center;
	padding: 8px;
	margin: 0 3px;
	border: 1px solid rgba(32,174,224,.25);
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}
.member-btns svg{
	fill: #2093E0;
	width: 16px;
	height: 16px;
}
.member-btns a:hover{
	border-color: rgba(36,164,250,.5);
}
.member-btns a:hover svg{
	fill: #24A4FA;
}
.show-more{
	padding-top: 36px;
}
.show-more button{
	padding: 18px;
	font-size: 16px;
	line-height: 1em;
	color: #C01B33;
	text-align: center;
	border: 1px solid #C01B33;
	width: 100%;
}

/* -------------------------------------------------- */
/* General / Post
/* -------------------------------------------------- */
.meta-post{
	text-align: center;
	margin-bottom: 36px;
}
.main-content ul{
	padding: 0 1.3em;
}
.main-content li{
	background: url('/Display/Images/bullet.svg') no-repeat left .7em;
	padding-left: 17px;
	line-height: 1.6em;
	margin-bottom: .8em;
}
/*.main-content table{
	margin: 1.3em 0;
	width: 100%;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
}
.main-content th,
.main-content td{
	text-align: left;
	padding: 18px;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}
.main-content th{
	font-size: 13px;
	text-transform: uppercase;
	color: #2D2F31;
	font-weight: 700;
	background: #F5F5F5;
}
.main-content td{
	font-size: 14px;
}*/
/* -------------------------------------------------- */
/* Sub navigation
/* -------------------------------------------------- */
.subnav{
	padding-top: 36px;
}
.subnav-title{
	border-top: 1px solid #efefef;
	padding: 36px 0 33px 0;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}
.subnav ul{
	display: flex;
	flex-wrap:  wrap;
	margin: 0 -3px;
}
.subnav li{
	padding: 3px;
	width: 50%;
}
.subnav a{
	display: block;
	line-height: 1em;
	background: #2093E0;
	color: #fff;
	text-decoration: none;
	padding: 18px;
}
.subnav a:hover{
	background: #229CED;
}
.subnav a.active, 
.subnav a.active:hover{
	background: #BDBDBD;
}
@media screen and (max-width: 620px) {
	.subnav li{
		width: 100%;
	}
}

/* -------------------------------------------------- */
/* Footer - social buttons
/* -------------------------------------------------- */
.social-btns{
	background: #EFEFEF;
}
.social-btns ul{
	display: flex;
	flex-wrap: wrap;
}
.social-btns li{
	flex-grow: 1;
}
.social-btns svg{
	fill: #24A4FA;
}
.social-btns a{
	padding: 18px 0;
	display: block;
	color: #2D2F31;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}
.social-btns span{
	display: block;
	padding-top: 9px;
}
@media screen and (max-width: 430px) {
	.social-btns span{
		display: none;
	}
}
/* -------------------------------------------------- */
/* Aside column
/* -------------------------------------------------- */
.container-with-aside{
	display: flex;
}
.side-col-aside{
	box-sizing: border-box;
	width: 279px;
	flex: 0 0 279px;
	margin: 1.3em 0 0 54px;
}
.side-col-aside section{
	border: 1px solid #efefef;
	border-bottom: none;
	padding: 24px;
}
.side-col-aside section:last-of-type{
	border-bottom: 1px solid #efefef;
}
.side-col-aside h3{
	font-size: 18px;
	font-weight: 700;
	background: url('/Display/Images/title-bar-small.svg') no-repeat left bottom;
	padding-bottom: 18px;
	margin-bottom: 18px;
}
.side-col-aside{
	font-size: 15px;
}
.side-col-aside p{
	line-height: 1.4em;
}
.side-col-aside li{
	line-height: 1.2em;
	margin-bottom: 9px;
	background: url('/Display/Images/aside-bullet.svg') no-repeat left .4em;
	padding-left: 15px;
}
.count{
	color: #AEB1B5;
}
/* aside breakpoints */
@media screen and (max-width: 750px) {
	.container-with-aside{
		display: block
	}
	.main-content{
		width: 100%;
	}
	.side-col-aside{
		width: 100%;
		padding: 36px 0 0 0;
	}
}

/* -------------------------------------------------- */
/* Footer - closing resources
/* -------------------------------------------------- */
footer{
	font-size: 15px;
	color: #d0d8e1;
}
footer h3{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: url('/Display/Images/title-bar-small.svg') no-repeat left bottom;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.closing-row a,
.final-row a{
	color: #6D98D1;
	text-decoration: none;
}
.closing-row a:hover,
.final-row a:hover{
	color: #85B9FF;
}
.closing-row{
	padding: 54px 0;
	background: #183C6B;
}
.closing-row-cols{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
}
.closing-row-cols section{
	width: 33.33%;
	padding: 0 18px;
}
.closing-row ul{
	padding: .8em 0;
}
.closing-row li{
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 9px;
	margin-bottom: 10px;
	line-height: 1.2em;
}
.closing-row li a{
	display: block;
}
.final-row{
	padding: 27px 0;
	font-size: 12px;
	text-transform: uppercase;
}
.final-row p{
	margin: 0;
}
@media screen and (max-width: 700px) {
	.closing-row-cols section{
		width: 100%;
	}
}

#prop
{
    float:right;
    width:1px;
    height:450px;
}

/* -------------------------------------------------- */
/* Modals
/* -------------------------------------------------- */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 500;
}
.modal a:hover{
	text-decoration: underline;
}

.modal .mbr-position{
	padding: 0;
	line-height: inherit;
}
.modal .mbr-h{
	font-size: 24px;
}
.modal-window {
    position: relative;
    background-color: #FFFFFF;
    width: 98%;
    max-width: 600px;
    margin: 20% auto;
    padding: 12px;
    box-shadow: 0 0 18px rgba(0,0,0,.2);
}
.modal-alert{
	border-top: 48px solid transparent;
	max-width: 480px;
	padding: 24px 24px 48px 24px;
	text-align: center;
	font-size: 18px;
}
.modal-alert-positive{
	border-color: #27ae60;
	color: #27ae60;
}
.modal-alert-negative{
	border-color: #d84a49;
	color: #d84a49;
}
.modal-alert a{
	font-size: 14px;
}
.modal-alert a:hover{
	text-decoration: none;
}
.modal-alert .close{
	color: rgba(255,255,255,0.3);
}
.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

.close:hover,
.close:focus {
    color: #000000;
    cursor: pointer;
}

.modal-alert .close:hover,
.modal-alert .close:focus {
    color: #fff;
}

.open {
    display: block;
}

.primeNavGroupExpand:hover{
    cursor:pointer;
}

.fb_iframe_widget{
    box-shadow:0px 0px 36px rgba(0,0,0,0.12);
}

.emailAcceptCheckbox input {
	float:left;
	height: 15px;
	width: 30px;
}

.phoneAcceptCheckbox input {
	float: left;
	height: 15px;
	width: 30px;
}

.BigNavFont{
	font-size: 18px !important;
	
}

.splash-video-background {
	height: 55.25vw;
	max-height: 825px;
	/*height: 50vw;*/
	
}

.splash-video-wrapper {
	background: url('/Display/SiteFiles/301/SplashVideoBackground.jpg?t=2') no-repeat;
	background-size: cover;
	background-position: top;
}


.video-responsive {
	padding: 0;
	width: 100%;
	/*height: 95vh;

	overflow: hidden;*/
	position: relative;
	margin: -50px 0 0 0;
}

.video-responsive-item {
	box-sizing: border-box;
	/*width: 250vh;
	height: 50vw;*/
	width: 177.77777778vh;
	height: 56.25vw;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}

.SplashVideoOverlay {
	background: url('/Display/Images/VideoOverlay.png?t=2');
	background-size: cover;
	background-position-y:bottom;
	background-position-x:left;
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}

.SplashVideoTextOverlay {
	position: absolute;
	bottom: 20px;
	padding: 0 40px 0 40px;
	font-size: min(8vh,4.7vw);
	text-align: left;
	font-family: 'Lora';
	font-weight: bold;
	width: 70%;
	color: #fff;
}


/*@media screen and (max-width: 1580px) {

	.video-responsive {
		height: 75vh;
	}
}

@media screen and (max-width: 780px) {

	.video-responsive {
		
		height: 60vh;
		
	}

}

@media screen and (max-width: 580px) {

	.video-responsive {
		height: 45vh;
	}
}
*/
#CaucusLogo{
	/*padding: 2px;*/
}

.TaskBarCaucus {
	background-color: #CCD5E0;
}

.CaucusTopHeight{
	height: 60px !important;
}


.missed-emails {
	padding: 10px;
}

	.missed-emails table {
		width: 100%;
		margin: 10px 0 20px 0;
	}

	.missed-emails td {
		width: 50%;
	}

	.missed-emails table input[type=checkbox] {
		margin: 5px 10px 5px 0;
	}

	.missed-emails input[type=text] {
		margin: 10px;
		line-height: 40px;
		font-size: 16px;
		width: 400px;
		padding: 0 15px;
	}