@charset "utf-8";
/* CSS Document */

/*.hide {display:none !important;}
*/
body {font-family: "roboto",sans-serif; font-size:1em; line-height:140%; color:#333; width:100%; position:relative; font-weight:300;}
body.small { font-size:0.9em !important; }
body.large { font-size:1.2em !important; }

a {text-decoration:none; color:#2196f3;}

.narrow_container{ width:80%; margin:0 auto;  }

header {width:100%; background:#fff;  z-index:9999; padding:0; position:relative; -webkit-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15); box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.15);}
.logo {float:left; display:block; margin:8px 0; width:200px;}
#header-right {float:right; text-align:right;}
.header-gallery {position:relative; top:0; left:0; width:100%; border-bottom:6px solid #cbdc33;}
.img-overlay {position:absolute; top:60px; width:1100px; left:50%; margin-left:-550px;}
.img-overlay.flex { top:90px;}
.left-panel {float:left; width:40%; }
.left-panel h1 {background:rgba(202,219,41,0.9); display:inline-block; padding:20px; width:auto; border-bottom:0; margin:0;}
.left-panel .trans-white {background:rgba(255,255,255,0.9); padding:30px 30px; margin:5px 0;  }
.left-panel p {margin-bottom:0; text-align:justify}
.left-panel .gallery-logo {width:70%;}
.left-panel .gallery-logo-slim {width:90%;}
.left-panel .header-button {background:rgba(202,219,41,0.9); display:inline-block; padding:10px 20px; width:auto; border-bottom:0; margin:0; text-decoration:none; color:#333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header-button:hover {background:#aab91c;}
.right-panel {float:right; text-align:right; width:33%; background:rgba(0,0,0,0.7); color:#fff; box-sizing:border-box; padding:20px;}
.right-panel p {font-size:0.86em;}
.right-panel h3 {font-size:1em; margin:0;}
.right-panel a {color:#fff; text-decoration:none; font-size:0.86em;}
.header-img {position:relative; z-index:-1; width:100%; display:block;}
.flexslider{ position:relative; width:100%;   z-index:-1; display:block;}
.flexslider ul, .flexslider ul li{margin:0;padding:0;list-style-type:none; float:left;}
.flexslider ul li img{width:100%;height:100%;  z-index: 5;}
nav ul {list-style:none; margin:0; padding:0; text-align:right}
nav ul li {display:inline;}
nav ul li a {color:#0052a4; text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:0.9em;}
nav ul li a:hover {color:#2196f3;}
h5{ font-weight:300; color:#0052a4; font-size:1em;}



.header-search {float:right; margin:7px 0 0 0;}
.header-search input[type=text] {border:0; border-bottom:1px solid #ccc; background:#fff; padding:8px 10px; float:left; box-sizing:border-box; width:250px; color:#333; font-size:0.75em;}
.header-search .icon {float:left; width:22px; height:auto; margin-left:0; margin-right:6px; margin-top:3px;}
#google_translate_element{  margin:10px 20px 0 0; float:right; }
nav#top-nav { margin-top:15px; float:right; color:#5a6677; }
nav#top-nav a {font-size:0.8em; padding:0 10px; border-right:1px solid #5a6677; color:#5a6677; font-weight:300; }
nav#top-nav a:hover{color:#2196f3;}
nav#top-nav a.selected {  color:#0052a4; }
a.small {border-right:none !important; padding:0 3px 0 10px !important; font-size:0.6em !important;}
a.medium {border-right:none !important; padding:0 3px 0 0 !important; font-size:0.7em !important;}
a.large {border-right:none !important; padding:0 0 0 0 !important; font-size:0.8em !important;}
nav#main-nav {text-align:center !important; position:relative; z-index:10; position:absolute; bottom:0; right:0; border-bottom:4px solid #fff; }
nav#main-nav ul{text-align:center !important; width:100%; }
nav#main-nav ul li {  float:left; position:relative; text-align:center !important;   }
nav#main-nav ul li a {padding:10px 35px 12px 35px;  font-weight:300; display:block; border-color:#ccc;  }
nav#main-nav ul li:last-of-type a {padding:10px 0 12px 20px !important;}
nav#main-nav ul li a.selected {  color:#2196f3;  }
nav#main-nav ul li:hover a.selected {  color:#2196f3; }
#main-nav ul li:hover .sub-menu {z-index:9999; opacity:1;display:block;}
#main-nav ul li .sub-menu.active {z-index:9999; opacity:1;display:block;}
#main-nav ul li .sub-menu {width:200px;	padding:5px 40px 5px 0;	position:absolute;	top:98%; left:0px;	z-index:999999; opacity:0; transition:opacity linear 0.15s; box-shadow:0px 2px 3px rgba(0,0,0,0.2); background:#2196f3; display:none; border-top:5px solid #ffffff;}
#main-nav ul li .sub-menu li {display:block; width:100%; font-size:16px; float:none;}
#main-nav ul li .sub-menu li a {padding:10px 25px 10px 15px !important; display:block;	float:none;	text-align:left; color:#fff; width:100%; border:none;}

nav#main-nav ul li .sub-menu li:last-of-type a {padding:10px 25px 10px 15px !important;}

#main-nav ul li .sub-menu li a {padding:10px 25px 10px 15px !important; display:block;	float:none;	text-align:left; color:#fff; width:100%; border:none;}
#main-nav ul li .sub-menu li a:hover, #main-nav ul li .sub-menu .current-item a { margin-left:10px; }


#carousel{ position:relative; z-index:999}
.carousel_menu{width:280px; height:100%; background:#ccc; position:absolute; right:0; z-index:9999;}
.carousel_menu ul{ text-align:center; padding:0; margin:0; }
.carousel_menu ul li{ list-style:none; background:rgba(33,150,243,0.8); transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.carousel_menu ul li a{ text-decoration:none; color:#fff; text-transform:uppercase; letter-spacing:1px; display:block; padding:68.5px 22px; }
.carousel_img{ background-image:url(../img/carousel_img1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index:-9;}
.carousel_menu ul li:hover{ list-style:none; background:rgba(33,150,243,1); transform: scale(1.1,1.1); border-radius:3px; -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); }

#owl-demo .owl-item div{ height:500px;}
#owl-demo .owl-item img{display: block; width:100%; height:auto; min-height:500px;}
.owl-theme .owl-controls .owl-page span{display: block; width: 10px; height: 10px; margin: 5px 7px; -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px; background:#dee5e8;}
.owl-theme .owl-controls .owl-page {display: inline-block;zoom: 1;}
.owl-pagination{ margin:0 auto; text-align: center; position:absolute; bottom:20px; margin:auto; left:0; right:0; z-index:999999;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background:#0052a4; height:12px; width:12px; margin:4px 7px; }
.owl-buttons{ display:none;}


#who{margin:60px auto;}
#who p{color:#5a6677; font-weight:300; font-size:0.9em; margin:0 20px;}
.col_30{width:33.3%; float:left; text-align:center;}
.col_30 h2{ font-size:2em; font-weight:300; color:#2196f3; letter-spacing:1px; margin:0; margin-bottom:30px;}
.splitter_img{width:100%; display:none;}

.carousel_blur_container{ background:#ccc; position:absolute; right:0; width:300px; z-index:9999;}


#sub_header{margin:40px auto;}
#sub_header p{color:#5a6677; font-weight:300; font-size:0.9em; margin:0 20px;}
#sub_header h2{ font-size:1.6em; font-weight:300; color:#2196f3; letter-spacing:1px; margin:0; margin-bottom:30px; text-align:center;}
#subpage_new{ background-color:#f5f5f5 !important; padding:40px 0;}
#subpage_new h3{ color:#0052a4; font-weight:300; font-size:1.4em; line-height: 130%;}
#subpage_new p{ color:#5a6677; font-weight:300; font-size:0.9em; }
#subpage_new li{ color:#5a6677; font-weight:300; font-size:0.9em; margin-left:30px; background-image: url(../img/bullet1.png); background-repeat: no-repeat; background-position: 4px 7px; list-style:none; line-height:150%; padding:0 0 10px 30px;}

#subpage_menu{margin:40px auto;}
#subpage_menu h2{ font-size:1.3em; font-weight:300; color:#2196f3; letter-spacing:1px; margin:0; text-align:center; cursor:pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; opacity:0.6; }
#subpage_menu h2.active{ opacity:1; font-size:1.4em;}
#meetings{ background-color:#f5f5f5 !important; padding:40px 0;}
#meetings h3{ color:#0052a4; font-weight:100; font-size:1.2em; text-align:center;}
#meetings p{ color:#7185a2; font-weight:100; font-size:0.9em; text-align:center; }
#meetings li{ color:#7185a2; font-weight:100; font-size:0.9em; margin-left:30px; background-image: url(../img/bullet1.png); background-repeat: no-repeat; background-position: 4px 7px; list-style:none; line-height:150%; padding:0 0 10px 30px;}
.meetings_box{ width:95%; border-radius:5px; -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); background:#fff; overflow:hidden; text-align:left; height:170px; margin:7px auto; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; position:relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0)}
.meetings_box:hover{ }
.meetings_box_header{ background:#2196f3; box-sizing:border-box; padding:10px; color:#fff; font-weight:300; letter-spacing:1px; text-align:center; font-size:1.1em; border-top-right-radius:5px; border-top-left-radius:5px;}
.meetings_box h3{ margin:40px 0 10px 0 !important; font-weight:300; color:#7185a2 !important; font-size:1.6em !important;}
.meetings_box p{margin:0; color:#7185a2; font-size:0.9em; padding:0;}
.meetings_box_overlay{ position:absolute; width:0; height:0; background:rgba(33, 150, 243, 0.5); z-index:9; border-radius:5px; overflow:hidden; top:-100px; right:-100px; border-radius:100%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.meetings_box_overlay.active{width:400px; height:400px; border-radius:4px; top:0; right:0; }
.meetings_blur.active{  }
.meetings_blur{ -webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px); transition:all 0.6s ease-out; -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out; text-align:center}
.meetings_downloads{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; z-index:9; width:115px; height:50px; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; opacity:0;}
.meetings_downloads.active{ position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; z-index:9; width:115px; height:50px; opacity:1; transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out;}

.meetings_download{ box-sizing:border-box; padding:7px 5px; background:#54acf3; border-radius:5px; margin-right:5px; opacity:0.8; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; cursor:pointer;   }
.meetings_play{ box-sizing:border-box; padding:7px 5px; background:#54acf3; border-radius:5px; opacity:0.8; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; cursor:pointer; }
.meetings_download:hover{ opacity:1;}
.meetings_play:hover{opacity:1; }

.member_box{ width:95%; border-radius:5px; -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); background:#fff; overflow:hidden; text-align:left; height:220px; margin:7px auto; position:relative; text-align:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; z-index:9;}
.member_box.active{ height:520px; background:none; color:#fff !important;}
.member_pic{ margin:0 auto; text-align:center; margin-top:15px; border-radius:100%; margin-bottom:5px; height:100px; }
.members_box_title{margin:0 !important; font-weight: 100; color: #0052a4; font-size: 0.9em !important; padding:0; margin-top:5px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
.members_box_title.active{color:#fff !important;}
.member_box a{color:#fff !important;}

.member_box p{margin:0 !important; font-weight: 100; color: #fff; font-size: 0.9em !important; padding:0;}
.member_box_more{ max-height:0; margin-top:15px; }
.member_box_more.active{max-height:550px; }
.member_box_more p{margin:0; color:#fff !important; font-size:0.9em; padding:0;}
.member_more_border{ position:absolute; left:0; bottom:0; background:none; height:23px; width:40px; border-bottom-left-radius:5px; border-bottom:solid 6px #fff; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; cursor:pointer;}
.member_more_border:hover{border-bottom:solid 6px #2196f3;  }
.member_cross{ margin:0 auto; text-align:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transform:rotate(0deg);  -moz-transform:rotate(0deg);  -ms-transform:rotate(0deg);  -o-transform:rotate(0deg);  transform:rotate(0deg);}
.member_cross.active{-webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg);  -o-transform:rotate(45deg);  transform:rotate(45deg); }
.members_overlay{ position:absolute; width:0; height:0; background:#2196f3; z-index:0; border-radius:5px; overflow:hidden; bottom:-200px; left:-200px; border-radius:100%; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; z-index:-9;}
.members_overlay.active{width:440px; height:600px; border-radius:4px; bottom:0; left:0; }
#members{background-color:#f5f5f5 !important; padding:40px 0; }
#members h3{ color:#0052a4; font-weight:100; font-size:1.2em; text-align:center;}
#members p{ color:#7185a2; font-weight:100; font-size:0.9em; text-align:center; }
#accordion div, #accordion2 div{padding:0 !important;}
#members #accordion h3, #accordion2 h3{ color:#fff !important; background: #2196f3 !important;}

a.register_interest_btn{text-align:center; box-sizing: border-box; padding:10px; border-radius: 3px; background:#0052a4; color:#fff; font-size: 0.8em; text-transform: uppercase; text-decoration: none;}
a.register_interest_btn:hover{ background:#004385;}

.vacancy_label {display: inline-block; width: 140px; font-weight: 500; font-size: 0.9em; color: #5a6677;}
.vacancy_content {display: inline-block; width: 800px; font-weight: 300; font-size: 0.9em; color: #5a6677;}
.vacancy_content_bold {display: inline-block; width: 800px; font-weight: 600; font-size: 0.9em; color: #5a6677;}

.more_button{ margin:auto; text-align:center; background:#0052a4; box-sizing:border-box; padding:10px; border:none; width:210px; color:#fff; margin: auto; border-radius:3px; display:block; position:relative; bottom:20px; left:0; right:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81); text-decoration:none;}
.more_button:hover{ background:#004385; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }

.col_25{ width:25%; float:left;}



#homepage{ background-color:#f5f5f5 !important; padding:60px 0;}
.homepage_box{ width:95%; border-radius:5px; -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); background:#fff; overflow:hidden; text-align:left; height:470px; margin:0 auto; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; position:relative;}
.homepage_box:hover{transform: scale(1.05,1.05);  }
.homepage_box_header{ background:#2196f3; box-sizing:border-box; padding:10px; color:#fff; font-weight:300; letter-spacing:1px; text-align:center; font-size:1.1em;}
.homepage_box h3{ margin:15px 15px 0 20px; font-weight:300; color:#0052a4; font-size:1em;}
.homepage_box h4{margin:0 15px 0 20px; font-size:0.8em; color:#b1b1b1; font-weight:300;}
.homepage_box p{margin:10px 20px; color:#5a6677; font-size:0.9em;}
.homepage_box .input {float:left; box-sizing:border-box; padding:15px 10px; font-size:0.9em; background:#fff; border:none; border-bottom:1px solid #ccc; width:80%; margin:10px 20px; }
.register_button{ margin:auto; text-align:center; background:#0052a4; box-sizing:border-box; padding:10px; border:none; width:60%; color:#fff; margin: auto; border-radius:3px; display:block; position:absolute;bottom:20px; left:0; right:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);}
.register_button:hover{ background:#004385; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }


.footer_icon{ vertical-align:middle; display:inline-block;}
.scrolltop-tab {display:block; width:45px; height:45px; position:fixed; right:20px; top:50%; background:#0052a4; opacity:0.9; border-radius:3px; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; z-index:99999;}
.scrolltop-tab:hover{ opacity:1}
.scrolltop-tab img {display:block; position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; width:20px; height:20px;}



#council-logos {width:100%; border-bottom:6px solid #cbdc33; padding:10px 0; }
#footer-council-logos {width:100%; padding:5px 0 10px 0; margin-bottom:25px;}
.council-logo {width:9%; float:left; display:block; margin-right:1.5%;}
.council-logo.end {margin-right:0;}
#footer-council-logos .council-logo {opacity:0.7; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; }
#footer-council-logos .council-logo:hover {opacity:1;  }


#better-together {background:#e9f1f0;}
.content-container {padding:40px 0;}
h1 {font-weight:300; text-align:center; width:50%; padding-bottom:30px; border-bottom:1px solid #ccc; margin:0 auto 30px auto; text-transform:uppercase; line-height:100%;}
.col h1 {font-weight:300; text-align:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc; margin:0 auto 30px auto; text-transform:uppercase; line-height:100%;}
.col {font-size:1em; width:47%; text-align:left; margin:0;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}

#what-is-devolution {background:#fff;}
#faq {background:#e9f1f0;}
#what-does-it-mean {background:#fff;}
.doc-download {padding:13px 43px; color:#fff; background:#61012a; border:0; font-size:1em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align:center; text-decoration:none; margin-top:30px;}
.doc-download:hover {background:#0052a4;}

/* login */

.login-form {width:100%; font-size:0.9em; text-align:center;}
.login-form .input {border:1px solid #ccc; box-sizing:border-box; padding:10px; background:#fff; float:left; width:100%; margin-right:1%; margin-bottom:15px;}
.login-form .input.end {margin-right:0;}
.login-form .input.textarea {float:none; width:100%; margin-right:0; height:150px; resize:none;}
.login-form .button {display:block; width:100%; background:#0052a4; border:0; margin:10px 0; text-align:center; padding:10px; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.login-form .button:hover {background:#801d71;}  

#register {padding-top:15px; }
#register p { text-align:center;}
#register .input {float:left; box-sizing:border-box; padding:15px 10px; font-size:1em; background:#fff; border:1px solid #ccc; width:32.6%; margin-right:1%; border-radius:4px; }
#register .button {padding:12px 0; display:block; width:30%; color:#fff; background:#0052a4; border:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin:0px auto 0 auto; border-radius:4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.81);}
#register .button:hover {background:#004385;}
#register select.input {padding:14px 10px !important;}
#register .input.textarea {float:none !important; width:100% !important; margin:20px 0; height:200px; resize:none;}
#register .input.end {margin-right:0 !important;}

.news-container {width:100%; margin-bottom:15px;}
.news-left {float:left; width:20%; position:relative; }
.news-right {float:right; width:75%;}
.news-left .thumb {width:100%; position:relative; top:0; left:0; border-radius:3px;}
.news-left .overlay {position:absolute; left:0; bottom:6px; width:45%; display:none;}
.news-left p.news-date {position:absolute; bottom:6px; left:0; margin:0; font-size:1em; line-height:100%; color:#0052a4 !important; padding:20px 10px; background:#fff; text-align:center; font-size:1.1em; line-height:160%; min-width:74px; border-bottom-left-radius:3px; border-top-right-radius:3px;}
.news-right h3 {font-size:1em; margin:5px 0 0 0;}
.news-right h3 a {color:#0052a4; text-decoration:none; font-weight:300;}
.news-right h3 a:hover {text-decoration:underline;}
.news-right p {font-size:0.9em;}

#subpage .news-container {width:100%; margin-bottom:15px;}
#subpage .news-left {float:left; width:20%; position:relative; padding-right:2.5%;  border-right:2px solid #ccc; }
#subpage .news-right {float:right; width:75%;}
#subpage .news-left .overlay {position:absolute; left:0; bottom:6px; width:36%;}
#subpage .news-left p.news-date {position:absolute; bottom:23px; left:10px; margin:0; font-size:1em; line-height:100%; text-align:center;}
#breadcrumbs {margin:0 0 20px 0;} 
#breadcrumbs p.crumb {font-size:0.86em;}
#breadcrumbs p.crumb a {color:#333; text-decoration:none;}
.crumb-current {color:#2196f3; }
.doc-cover {width:20%; margin-right:5%; float:left; text-align:center;}
.doc-cover img {width:80%; display:block;}

.schedule-date {width:12%; float:left; box-sizing:border-box; border:2px solid #ddd; border-radius:10px; position:relative; margin-right:2%; overflow-x:hidden;}
.schedule-date h4 {background:#becb29; color:#111; text-align:center; margin:0; padding:6px 0; font-weight:normal; font-size:0.9em;}
.schedule-date p {margin:25px 0; font-weight:bold; font-size:2em; text-align:center;}


.meeting-container {width:100%; margin-top:10px;}
.meeting-date {background:#cddd3f; padding:0 12px; float:left; text-align:center; font-weight:bold; margin:0; line-height:100%; width:8%; }
.meeting-link {display:block; float:right; text-align:left; width:80%; text-decoration:none; font-weight:bold; color:#111; margin-top:20px;}
a.meeting-link:hover {text-decoration:underline;}

.videoWrapper {
	position: relative;
	padding-bottom: 28%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:49%;
	border:2px solid #f10076;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.aligncenter { margin: 0 auto; }

.video-info {position:absolute; bottom:0; left:0; width:100%; background:#f10076; color:#fff; margin:0;}
.video-info p {margin:0; text-align:left; padding:5px 20px; font-size:1em;}

#twitter-feed {width:100%; background:#2196f3; color:#111; box-sizing:border-box; padding:30px 0;}
.twitter-bird {float:left; width:70px; margin-right:20px; margin-top:10px}
.tweet-text {width:85%; float:right; color:#fff;}
#twitter-actions img {float:left; display:block; cursor:pointer; margin-right:15px;}
.twitter-handle {}
.twitter-handle-link {color:#fff; font-size:1em; font-weight:300; text-decoration:none;}
.tweet {font-size:1em; padding:10px 0; margin:0; color:#fff;}
.twitter-link {color:#fff;}
#twitter-feed  h3{  font-weight:300; color:#fff !important; font-size:1.6em !important; margin:0; margin-top:20px; letter-spacing:1px;}
.twitter_col{ text-align:left !important; width:50%; float:left;}

.bodytable td {color: #5a6677; font-size: 0.9em; padding: 0 15px 5px 0; vertical-align: top;}
.bodytable td:nth-child(4) {text-align: right;}
.bodytable th:nth-child(4) {text-align: right;}
.bodytable th {color: #5a6677; font-size: 0.9em; padding: 0 15px 5px 0; vertical-align: top;}

footer {background:#fff; width:100%; padding:30px 0; margin-top:30px; font-size:0.8em; color:#5a6677; font-weight:300;}
.col-1 {width:25%; float:left; text-align:left}
.col-1 p {margin:0;}
.col-2 {width:50%; float:left; text-align:center}
.col-3 {width:25%; float:right; text-align:right}
footer ul {list-style:none; padding:0; margin:0;}
footer ul li {display:inline;}
footer ul li a {text-decoration:none; color:#5a6677; padding:0 10px; border-right:1px solid #5a6677; font-weight:300;}
footer ul li a:hover{ color:#2196f3;}
footer p{ color:#5a6677;}
.col-3 .icon{ float:right; margin-right:10px; }
.col-3 .title{ float:right; color:#5a6677;  text-decoration:none; margin-top:3px; }

#accordion h3, #accordion2 h3 {padding:10px 10px; box-sizing:border-box; color:#fff !important; background:#2196f3; cursor:pointer; margin:2px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:1em; -webkit-appearance:none; outline:none; font-weight:300; text-align:center; border-radius:3px;}
#accordion h3:hover, #accordion2 h3:hover {background:#2196f3;}
#accordion div, #accordion2 div {padding-bottom:20px; box-sizing:border-box; padding:10px;}
#accordion ul, #accordion2 ul {text-align:left;}

#sub-header {width:100%; position:relative; margin-bottom:30px;}
#sub-header h1 {position:absolute; top:39%; border:0; padding:15px 20px; margin:0; background:#becb29; display:inline-block; width:auto;}
#sub-header img {width:110.5%;}

#sub-nav {float:left; width:20%; /*margin-right:2.5%;*/ text-align:left }
#sub-nav ul {margin:0; padding:0 0 0 0; border-left:1px solid #61012a; list-style:none;}
#sub-nav ul li {display:block;}
#sub-nav ul li a {display:block; text-align:left; padding:10px 0 10px 25px}
#sub-nav ul li a:hover, #sub-nav ul li a.active {border-left:5px solid #61012a;}
#subpage {float:right; width:76%; padding-bottom:40px; margin-top:-10px;}
#sub-nav ul li:first-child {font-weight:bold; font-size:1.2em;}
/*#right-bar {float:right; width:15%;}*/

#subpage h1 {width:100%; text-align:left;}
#subpage h3 {color:#61012a;}
#subpage img{ max-width:100%; height:auto;}




#subpage.fullwidth {width:78%;}
#subpage a {color:#61012a;}

#subpage ul {margin:15px 0 15px 15px;overflow: hidden; }
#subpage ul li{list-style:none;margin:0; padding:0 0 10px 30px;background-image:url(../img/bullet.gif);background-repeat:no-repeat;background-position:4px 7px;font-size:1em;line-height:140%;}

/*.contact #subpage {width:60%; float:right; }*/
.contact #subpage {width:100%; }
#contact-form {width:100%; font-size:0.9em;}
#contact-form .input {border:1px solid #ccc; box-sizing:border-box; padding:18px 10px; background:#fff; float:left; width:50%; font-size:0.9em; border-radius:3px;}
#contact-form select.input {padding:17px 10px; box-sizing:border-box;}
#contact-form select.input:focus {}
#contact-form .input.end {margin-right:0;}
#contact-form .input.textarea {float:none; width:100%; margin-right:0; height:150px; resize:none;}
#contact-form .button {display:block; width:30%; background:#2196f3; border:0; margin:-11px auto 0 auto; text-align:center; padding:13px 0 10px 0; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer; font-weight:600;}
#contact-form .button:hover {background:#42021d;}
#contact-form .input:focus {appearance:none; -webkit-appearance:none; outline:none; border-color:#becb29;}
.contact-left{ width:35%; float:left; }
.contact-left h3{ margin:0 0 25px 0; padding:0; }
.contact-left .contact-icon{ float:left; margin-right:10%; width:10%; }
.contact-left p.contact-info{ float:left; width:80%; margin:10px 0 0 0; padding:0;  }
.contact-left p.contact-info a{ color: #333; text-decoration:none; }
.contact-left p.contact-info a:hover{ color: #0052a4;  }

#quote {width:100%; background:#cbdc33; padding:10px 0;}
#quote p {margin:0 auto; text-align:center; font-weight:600;}
#quote p.author {font-size:0.85em; font-style:italic; font-weight:400; padding:5px 0;}

#side-tabs {position:fixed; left:0; top:27%;}
#member-slideout {width:350px; height:200px; top:146px; left:-350px;}
#search-slideout {width:350px; height:45px; top:98px; left:-350px;}
.slideout {background:#333; position:absolute; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.tab-new {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position:absolute; top:0; right:-45px; cursor:pointer;}
.tab1{ top:0; }
.tab2{ top:100px; }
.tab3{ top:241px; }
#member-slideout.open, #search-slideout.open {left:0 !important;}
.tab-body {width:315px; position:absolute; left:15px; top:15px; text-align:center;}
.tab-body .input {width:100%;}
#login {width:100%;}
.tab-body a {color:#fff; text-decoration:none; font-size:0.7em; text-align:center;}
#search-input {width:325px; position:absolute; left:5px; top:5px; font-size:0.9em; padding:7px; }

#member-left {float:left; width:100%;}
#member-right {float:right; width:28%;}
.member-header {width:100%; box-sizing:border-box; padding:10px 20px; color:#fff; background:#0052a4; margin-bottom:20px;}
.member-header p {font-size:0.8em; margin:0; width:50%; float:left;}
.member-header h3 {margin:0; font-weight:600; font-size:1.1em;}
.member-header .header-icon {display:block; float:right; cursor:pointer;}
.member-header .az {margin-left:25px;}
.member-header .sortBy{ background:#FFF; border:0; float:right; font-family:"proxima-nova", Arial, Sans-Serif; font-size:0.86em; padding:2px 5px;  color:#000; }

.link-covers {width: 20%; margin:0 5% 15px 0; float: left;}

.file-container {width:100%;}

/*** GRID VIEW STYLES ***/
.grid-view .file {width:49%; float:left; margin-right:2%; position:relative; border:1px solid #777777; box-sizing:border-box; padding:10px; height:235px; overflow:hidden; margin-bottom:15px;}
.grid-view .file:nth-child(even) {margin-right:0;}
.grid-view .file .doc-icon {position:absolute; top:0; left:10px; width:66px; height:58px; border-top:solid 4px #becb29; background:#000;  text-align:center; -webkit-box-shadow: 0px 2px 2.5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 2px 2.5px 0px rgba(0,0,0,0.5);box-shadow: 0px 2px 2.5px 0px rgba(0,0,0,0.5); }
.grid-view .file .doc-icon p{ color:#FFF; font-size:0.96em; text-transform:uppercase; font-weight:700; padding-top:2px; }
.grid-view .file .doc-icon img {position:absolute; top:-5px; left:0;}
.grid-view .file .doc-info {width:78%; float:right; text-align:left;}
.grid-view .file .doc-info h3 {color:#0052a4; font-weight:500; font-size:1em; margin:0;}
.grid-view .file .doc-info .upload-user {float:left; width:49%;font-size:0.8em; color:#111; margin:0 2% 0 0 ;}
.grid-view .file .doc-info .upload-user span {font-weight:bold;}
.grid-view .file .doc-info .upload-date {width:49%; float:left;}
.grid-view .file .doc-info .upload-date .clock-icon {display:block; float:left; width:15px; margin-top:3px; margin-right:6px;}
.grid-view .file .doc-info .upload-date p {font-size:0.8em; float:left; margin:0;}
.grid-view .file .doc-text {font-size:0.8em; line-height:135%; padding-left:5px; padding-top:10px;}
.grid-view .file .version-text {font-size:0.8em; line-height:135%;  color:#999;  position:absolute; bottom:50px; left:15px;}
.grid-view .file .version-text a{ color:#61012b; text-decoration:none; }
.grid-view .file .button-container {position:absolute; bottom:0; left:0; height:50px; border-top:1px solid #777; width:100%;}
.grid-view .file .button-container .doc-button {display:block; width:33.3%; height:100%; box-sizing:border-box; background:#f0f0f0; float:left; color:#111; text-decoration:none; padding-top:14px;}
.grid-view .file .button-container .doc-button.lock-button {border-right:1px solid #777; }
.grid-view .file .button-container .doc-button.release-button {border-right:1px solid #777; }
.grid-view .file .button-container .doc-button.download-button {border-right:1px solid #777;}
.grid-view .file .button-container .doc-button span {font-size:0.9em; display:block; float:left; font-weight:500;}
.grid-view .file .button-container .doc-button .button-icon {display:block; float:left; margin-right:7px;}
.grid-view .file .button-container .doc-button.lock-button .button-icon {margin-left:25px;}
.grid-view .file .button-container .doc-button.download-button .button-icon {margin-left:10px;}
.grid-view .file .button-container .doc-button.information-button .button-icon {margin-left:20px;}
.grid-view .file .button-container .doc-button.lock-button .button-icon {margin-left:27px;}
.grid-view .file .button-container .doc-button.release-button .button-icon {margin-left:15px;}
.grid-view .file .button-container .doc-button img, .grid-view .file .button-container .doc-button span {opacity:0.5;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.grid-view .file .button-container .doc-button:hover img, .grid-view .file .button-container .doc-button:hover span {opacity:1;}

.file.new{ border:dashed 1px #898989; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; text-align:center;}
.file.new h3 {color:#0052a4; font-weight:500; font-size:1.4em; margin:0 0 10px 0; padding:5px 0 15px 0; border-bottom:1px solid #ccc;}
.file.new input[type=text], .file.new textarea { width:88%; border:solid 1px #898989; padding:9px 2%; font-family:"proxima-nova", Arial, Sans-Serif; font-size:0.8em; margin:0 0 7px 0; resize:none; }
.file.new .upload{ width:92%; margin:-5px auto 0 auto; }
.file.new input[type=file]{ width:60%; float:left; font-family:"proxima-nova", Arial, Sans-Serif; font-size:0.8em; cursor:pointer; margin:7px 0 0 0; padding:0; }
.file.new .button-green{float:right !important; }

/*** LIST VIEW STYLES ***/
.list-view .file {width:100%; padding:0 10px 10px 10px; box-sizing:border-box; position:relative; border-bottom:1px solid #777; margin-bottom:22px;}
.list-view .file .doc-icon {display:block; float:left; width:6%; margin-right:1%; margin-top:-10px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.5);}
.list-view .file .doc-info h3 {float:left; margin:0; color:#61012b; font-weight:500; font-size:0.9em; margin:0 1% 0 0; width:45%; }
.list-view .file .doc-info .upload-user {float:left; width:20%; margin:0 1% 0 0; font-size:0.7em; color:#111; }
.list-view .file .doc-info .upload-user span {font-weight:bold;}
.list-view .file .doc-info .upload-date {width:15%; float:left;}
.list-view .file .doc-info .upload-date .clock-icon {display:none;}
.list-view .file .doc-info .upload-date p {font-size:0.7em; margin:0 1% 0 0;}
.list-view .file .doc-text {display:none;}
.list-view .file .button-container {width:10%; float:right;}
.list-view .file .button-container a span {display:none;}
.list-view .file .button-container .doc-button {width:50%; box-sizing:border-box; margin-left:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0.5;}
.list-view .file .button-container .doc-button.download-button {border-right:1px solid #777; float:left;}
.list-view .file .button-container .doc-button.information-button {float:right; }
.list-view .file .button-container .doc-button.information-button img {float:right;}
.list-view .file .button-container .doc-button.download-button img {float:left;}
.list-view .file .button-container .doc-button.download-button:hover, .list-view .file .button-container .doc-button.information-button:hover {opacity:1;}
.list-view .list-clear, .grid-view .grid-clear {clear:both; float:none;}
.grid-view .list-clear, .list-view .grid-clear {display:none;}

.list-view-header {width:100%; padding:10px; box-sizing:border-box; background:#f0f0f0; border:1px solid #777; display:none; margin:-20px 0 25px 0; cursor:pointer;}
.list-view-header.show {display:block;}
.filter {float:left; margin-right:1%; text-align:left;}
.filter p {margin:0; font-size:0.8em; float:left;}
#name-filter {width:51%;}
#owner-filter {width:20%;}
#date-filter {width:15%;}
#actions {width:10%;}
.filter .filter-arrow {float:left; display:block; margin:5px 0 0 10px;}
.filter-arrow.show {display:block !important;}
.filter-arrow.hide {display:none;}
.filter .filter-arrow.flip {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.filter .filter-arrow {}

#event-calendar {width:87%; margin:0 auto;}
#event-calendar header {width:100%; position:relative; padding:5px 0;}
#event-calendar header .cal-arrow {position:absolute; opacity:0.5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#event-calendar header .cal-arrow:hover {opacity:1;}
#event-calendar header .prev-month {left:0; top:5px;}
#event-calendar header .next-month {right:0; top:5px;}
#event-calendar header h3 {text-align:center; color:#61012b; font-size:1em; font-weight:400; margin:0;}
#day-bar {width:100%;}
#day-bar p {float:left; width:14.28%; text-align:center; font-size:0.8em; color:#61012b; font-weight:bold;}
.date-no-container {width:100%;}
.date-no-container .outer {width:14.28%; box-sizing:border-box; padding:0 0; float:left; text-align:center; font-size:0.8em; margin-bottom:10px;}
.date-no-container .outer span {display:block; border-radius:100%; padding:2px 0; width:75%; margin:0 auto; border:2px solid #fff; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.date-no-container .outer span:hover {border-color:#ccc;}
span.fade {opacity:0.4;}
span.current {background:#61012b; color:#fff;}
span.event {border-color:#cddc3b !important;}
span.event:hover {background:#f0f0f0;}

.meeting-row {width:100%; box-sizing:border-box; padding:5px 0; margin:3px 0; border-bottom:1px solid #ccc;}
.meeting-row .date {float:left; width:18%; padding-top:9px;}
.meeting-row .meeting-info {float:left; width:68%; margin:0 2%; border-left:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; padding-left:10px;}
.meeting-row .info-icon {float:right; width:9%; display:block; margin-top:18px; opacity:0.5; cursor:pointer;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.meeting-row .info-icon:hover {opacity:1;}
.meeting-row .date {font-size:1.3em; text-transform:uppercase; font-weight:100; text-align:center;}
.meeting-row .date span {display:block;}
.meeting-row .meeting-info h3 {margin:0; color:#61012b; font-size:1em;}
.meeting-row .meeting-info p {font-size:0.76em; margin:0 0 0 0; color:#777; line-height:160%;}

.member-container {width:100%; float:none; margin-right:0; text-align:left; margin-bottom:20px; box-sizing:border-box; padding:0; min-height:121px; }
.member-container:nth-child(2), .member-container:nth-child(4), .member-container:nth-child(6), .member-container:nth-child(8), .member-container:nth-child(10), .member-container:nth-child(12), .member-container:nth-child(14), .member-container:nth-child(16) {margin-right:0;}
.member-container .member-img {width:18%; margin:0 auto; display:block; float:left; box-sizing:border-box; padding-right:25px; border-right:2px solid #803554;}
.member-container h4 {font-size:0.9em; margin:10px 0 5px 0; float:right; width:79%;}
.member-container p {font-size:0.8em; margin:0; float:right; width:79%;}

.document-container {width:31%; float:left; margin-right:3%; text-align:center; height:280px; position:relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.document-container:hover {background:#f0f0f0;}
.document-container:nth-child(3), .document-container:nth-child(6), .document-container:nth-child(9), .document-container:nth-child(12), .document-container:nth-child(15), .document-container:nth-child(18), .document-container:nth-child(21), .document-container:nth-child(24) {margin-right:0;}
.document-container img.doc-cover {width:60%; display:block; margin:20px auto 0 auto;}
.document-container p {font-size:0.85em; color:#111; line-height:120%; padding:0 20px;}
.document-container a {color:#111; text-decoration:none; position:absolute; top:0; left:0; width:100%; height:100%;}

#council-map-container {width:100%; position:relative;}
.main-map {width:82%;}
.map-highlight {width:82%; position:absolute; top:0; left:0; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.map-highlight.show {display:block !important; z-index:1; opacity:1;}

#council-map-container ul {margin:0 0 0 0;overflow: visible; position:absolute; top:26.8%; right:8%; }
#council-map-container ul li{list-style:none;margin:0; padding:0 0 0 0;background-image:none; font-size:1em;line-height:140%; padding-bottom:9.5px;}
#council-map-container ul li a {color:#111; text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#council-map-container ul li a:hover {text-decoration:underline; color:#61012a;}

.news-date-header:first-of-type {background:#becb29; color:#111; padding:10px 15px;  font-weight:600; box-sizing:border-box; margin-top:10px;}
.news-date-header {background:#becb29; color:#111; padding:10px 15px;  font-weight:600; box-sizing:border-box; margin-top:-10px;}
.news-text {padding:20px 0 20px 15px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.news-text h4 {text-transform:uppercase; text-decoration:none; margin:0 0 10px 0 ; font-size:0.9em;}
.news-text h4 a {text-decoration:none;}
.news-text p {margin:0 0 10px 0; font-size:0.9em;}

.spacer_0 {width:100%; text-indent:-99999px; clear:both; float:none; height:0px;}
.spacer_10 {width:100%; text-indent:-99999px; clear:both; float:none; height:10px;}
.spacer_20 {width:100%; text-indent:-99999px; clear:both; float:none; height:20px;}
.spacer_25 {width:100%; text-indent:-99999px; clear:both; float:none; height:25px;}
.spacer_30 {width:100%; text-indent:-99999px; clear:both; float:none; height:30px;}
.spacer_35 {width:100%; text-indent:-99999px; clear:both; float:none; height:35px;}
.spacer_40 {width:100%; text-indent:-99999px; clear:both; float:none; height:40px;}
.clear {float:none; clear:both; line-height:1%; height:0;}
.container {width:1100px; margin:0 auto; position:relative;}


/* Forum Home Styles */
.forum-container {width:100%; margin:0 auto 5px auto ; border-bottom:3px solid #888686; overflow:hidden; position:relative; z-index:9999;}
.forum-header {width:100%; background:#0052a4; border-bottom:1px solid #ccc; padding:10px 0 10px 0; position:relative; z-index:999; text-transform:uppercase; }
.forum-header p {font-weight:bold; color:#fff; margin:7px 0 0 20px; float:left;}
.forum-header p.number-replies {font-weight:bold; color:#fff; margin:3px 0 0 20px; float:none; font-size:0.8em;}
p.number-replies span {margin-right:5px;}
.forum-header a.minimise {float:right; display:block; margin-top:4px; margin-right:20px;}
.forum-topic-label-bar, .forum-post-label-bar, .post-header, .member-filter-bar {width:100%; padding:10px 0; background:#f0f0f0; border-bottom:1px solid #ccc;}
.forum-topic-label-bar p, .forum-post-label-bar p {margin:0; float:left; font-size:0.96em; color:#595959; font-weight:bold; padding:0;}
.forum-topic-label-bar .label1 {width:38%; margin:0 5% 0 6%; }
.forum-topic-label-bar .label2 {width:12%; text-align:center; }
.forum-topic-label-bar .label3 {width:11.5%; text-align:center; }
.forum-topic-label-bar .label4 {width:23.5%; padding-left:1%;}
.forum-row, .forum-post-row {width:100%; background:#fff; position:relative;}
.forum-row .greybg, .forum-post-row .greybg {background:#f7f7f7; margin:0; overflow:hidden; height:100%;}
.forum-row .col, .forum-post-row .col {float:left; padding:10px 10px 10px 10px;}
.forum-row .row-col1 {width:3%; text-align:center; }
.forum-row .row-col2 {width:42%; border-right:1px solid #d1d1d1; height:37px;  border-left:1px solid #d1d1d1;}
.forum-row .row-col3 {width:10%; border-right:1px solid #d1d1d1; background:#f7f7f7; height:37px;  text-align:center; }
.forum-row .row-col4 {width:10%; border-right:1px solid #d1d1d1; background:#f7f7f7; height:37px;  text-align:center; }
.forum-row .row-col5 {width:25.5%; background:#f7f7f7; height:37px;  }
.forum-row .forum-link {display:block; color:#111; text-decoration:none; font-weight:bold; }
.forum-row .forum-desc {color:#5e5d5d; font-size:0.96em; margin:0; width:100%;   white-space: nowrap;  overflow: hidden;text-overflow: ellipsis;}
.forum-row  p{margin:0 !important;}
.forum-no {font-size:0.96em;}
.user-icon {float:left; display:block; width:31px; margin-right:10px;}
.user-post-info {float:left;  width:75%; line-height:100%; }
.user-post-info .last-post-link {display:block; color:#111; text-decoration:none; font-weight:bold; font-size:0.8em; margin-bottom:5px;}
.user-post-info p {font-size:0.8em; margin:0; padding:0;}
.user-post-info .user-link {color:#111; width:50px; overflow:hidden;}
.user-post-info span.user-post-date {margin-left:30px; color:#B3B3B3; font-size:1em;}
.accordion-1, .accordion-2 {position:relative; z-index:500; height:100%; overflow:hidden;}
.accordion-1.closed, .accordion-2.closed {position:relative; z-index:500; height:0 !important; overflow:hidden !important;}
.button-purple { padding:6px 20px; text-decoration:none; background:none; border:1px solid #fff; font-size:0.80em; text-align:center;  color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.button-purple:hover {background:#fff; color:#0052a4; border:solid 1px #0052a4;}
.button-green { padding:6px 20px; text-decoration:none; background:#becb29; border:0; font-size:0.80em; text-align:center;  color:#111; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.button-green:hover {background:#7a8219; color:#fff;}
.forum-header .button-purple { float:right; margin:0 10px 0 0;}

/* Forum Post Style */
a.login-button {display:block; float:right; background:#cacaca; color:#111; font-size:0.8em; border:1px solid #838383; padding:8px 0; width:180px; text-align:center; text-decoration:none; margin-top:-9px;}
a.login-button.textonly {display:compact; float:right; background:none; color:#111; font-size:0.8em; border:0; padding:0; width:auto; text-align:left; text-decoration:none; margin:3px 20px 0 0;}
.forum-header .forum-filter-button {color:#ccc; padding:6px 30px; text-decoration:none; display:inline-block; font-size:0.8em; }
.forum-header .forum-filter-button.current-button {background:none; border:2px solid #fff; color:#fff;}
.forum-header .forum-filter-button:hover {color:#fff;}
.forum-post-label-bar .label1 {width:52.5%; margin-left:4%;}
.forum-post-label-bar .label2 {width:5%; margin-left:1%;}
.forum-post-label-bar .label3 {width:28%; margin-left:1%;}
.forum-post-row .row-col1 {width:48%; border-right:1px solid #ccc;}
.forum-post-row .row-col2 {width:10%; border-right:1px solid #ccc; text-align:left; }
.forum-post-row .row-col3 {width:26%; margin-left:1%; }
.forum-post-row .forum-link {display:block; color:#111; font-weight:bold; margin-bottom:5px; font-size:0.9em;}
.forum-post-row .forum-desc {color:#5e5d5d; font-size:0.76em; margin:0;}
.forum-post-row .post-information {font-size:0.7em; color:#5e5d5d; margin:4px 0 0 0; padding-bottom:8px;}
.forum-post-row .post-user {text-decoration:none; color:#5e5d5d;}
.forum-post-row .post-user:hover {color: #333;}
.post-information span {margin-left:5px}
.stats {text-align:right; float:right;}
.stats p {font-size:0.85em; margin:0 0 5px 0; font-weight:bold;}
.stats p span {margin-right:5px;}
.hot-icon {float:left; margin-top:8px;}
.pin-container {width:17px; float:left; margin-right:20px; margin-top:8px;}
.post-info-container {float:left;}
.post-row-pager {position:absolute; bottom:27px; right:480px;}
.post-row-pager a {display:block; padding:3px 4px; color:#fff; background:#787878; text-decoration:none; float:left; margin:0 2px; font-size:0.6em; text-align:center;}
.post-row-pager a:hover {background:#363636;}

/* Live Post Styles */
.post-container {margin-bottom:2px; position:relative; z-index:10; overflow:hidden; background:url(../img/post_bg.png); background-position:top left; background-repeat: repeat-y;}
.post-header {position:relative; z-index:20 !important;}
.post-header p {font-size:0.74em;}
.status-indicator {width:9px; height:9px; border-radius:50%; background:#f7f7f7; margin:11px 10px 0 10px; float:left;}
.status-indicator.offline {background:#111;}
.status-indicator.online {background:#459410;}
p.user-name a, .username a{color:#111;text-decoration:none; }
p.user-name {color:#111; float:left; margin:0; width:140px; margin-right:10px; font-weight:bold; padding:8px 0;}
p.post-date-details {color:#595959; font-size:0.70em; margin:0; width:200px; float:left; padding:8px 0;}
.share-post {float:right; margin:0 10px; padding:9px 0 8px 0;}
p.post-number {float:right; margin:0 20px 0 0 !important; padding:8px 0;}
.post-body {border-bottom:5px solid #61012a; background-color:#fff; background-image:url(../graphics/post_bg.png); background-repeat:repeat-y; background-position:top left;}
.post-body-left {width:160px; border-right:1px solid #ccc; float:left; background:#f0f0f0; text-align:center;}
.post-body-right {float:left; width:795px; padding:0 15px; font-size:0.9em;}
.post-body-left p {font-size:0.75em; font-weight:bold; color:#111;}
.post-body-left p.user-post-count {color:#595959;}
.post-body-left p.user-gender span, .post-body-left p.user-location span {margin-left:5px; font-weight:normal;}
.post-body-right p a{ color:#111 !important;}

.share-icon-container {position:absolute; width:30px; background:#cacaca; height:123px; padding-top:5px; text-align:center; top:-123px; right:0; z-index:5 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.share-icon-container.show {top:31px !important;}
.icon {margin:0 auto 2px auto; position:relative; text-align:center; }
footer .icon {height:auto;}

/** DASHBOARD **/
.dashboard-container {width:33.3333333%; box-sizing:border-box; float:left; position:relative; text-align:center; height:230px; margin-bottom:70px; margin-top:25px; border:1px solid #ccc;}
.dashboard-container a {position:absolute; display:block; width:100%; height:100%; top:0; left:0; text-decoration:none; border:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; }
.dashboard-container a:hover {background:#f0f0f0;}
.dashboard-container img {display:block; width:25%; margin:40px auto 25px auto}
.dashboard-container h2 {color:#111; font-size:1.6em; border:0;}

/* videos */
.video_container .caption{ position: absolute; top:0; text-align:center; color:#FFF; font-size:0.96em; margin-top:0; padding-top:45px; text-transform:uppercase; z-index:2; cursor:pointer;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width:100%; height:100%; background:rgba(0,0,0,0.6); font-weight:600;}
.video_container .play{ position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:15; cursor:pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; width:50px; height:50px; }
.video_container.show .thumb, .video_container.show .play, .video_container.show .caption, .video_container.show .jobs_video_img{ opacity:0; pointer-events:none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#video-thumbs {width:100%; border-top:1px solid #bbb; padding-top:15px;}	

.video_container {
	position: relative;
	padding-bottom: 28%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width:49%;
	border:3px solid #f10076;
	overflow:hidden;
	box-sizing:border-box;
}
.video_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_container.small {float:left; margin-right:1%; margin-bottom:10px;}
.video_container.small.end{margin-right:0;}
.jobs_video_img {position: absolute; top: -30px; left: 0; z-index: 1;}

.partner-container {width:23%; box-sizing:border-box; float:left; padding:0; text-align:center; margin:0 1% 40px 1%;}
.partner-logo:hover {border-color:#becb29;}
.partner-logo {display:block; margin:0 auto; width:90%; padding:10px; border:1px solid #ccc;}
.partner-container p {font-size:0.8em; display:none;}
.partner-container p a {color:#111; text-decoration:none;}

.work-icon-container {width:90%; box-sizing:border-box; padding:0; position:relative; margin-left:10%; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f0f0f0;  }
.work-icon-container h4 {font-size:1.15em; margin:0; color:#803554;}
.work-icon-container p {font-size:0.9em;}
.work-icon-container.left {text-align:left;}
.work-icon-container.right {text-align:right;}
.work-icon-container.left .work-icon-right {float:right; width:77%;}
.work-icon-container.right .work-icon-right {float:left; width:77%;}
.work-icon-container.left .work-icon {width:15%; display:block; margin:0; float:left;}
.work-icon-container.right .work-icon {width:15%; display:block; margin:0; float:right;}
.work-icon-container a {color:#111; display:block; width:100%; height:100%; text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}



.vimeo_popup{width:100vw; margin:0 auto; position:fixed; top:0; left:0;  background-color: rgba(0, 0, 0, 0.6); height:100vh; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; z-index:-99999;}
.vimeo_popup.show{z-index:99999; opacity:1;}
.vimeo_player{position: relative; margin-left: auto;  margin-right: auto;  text-align: center;  margin-top: 15%;}
.exit_btn{position:absolute; top:10px; right:30px; cursor:pointer;}

.col_50{width:50%; float:left; text-align:center;}


.col_50 p{margin:52px 0;}
.col_30_1{width:30%; float:left; text-align:center;}

.meeting_table{width:50%; float:left; margin-bottom:2.5%;}
p.meeting{line-height:100%; font-weight:700;}
p.meeting_title{line-height: 100%; font-weight: 700; font-size: 1.15em; color: #803554; overflow-y: scroll; margin: 10px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.schedule-date1 {width:25%; float:left; box-sizing:border-box; border:2px solid #ddd; border-radius:10px; position:relative; margin-right:2%; overflow-x:hidden;}
.schedule-date1 h4 {background:#becb29; color:#111; text-align:center; margin:0; padding:6px 0; font-weight:normal; font-size:0.9em;}
.schedule-date1 p {margin:25px 0; font-weight:bold; font-size:2em; text-align:center;}

p.councillor_name{ font-weight:700; font-size:0.9em;}

.col_70{width:70%; float:left;}
.col_20{width:20%; float:left;}
.play{width:30px; height:30px; background-color:#becb29; float:left; cursor:pointer;}
h4{margin:0;}
h4 a{ text-decoration:none; font-size:1.2em;}
h4 a:hover{text-decoration:underline;}
.latest_meetings_container{margin:20px 0 20px 0; width:20%; display:inline-block; margin-right:5%; text-align:center;}
.latest_meetings_container .col_20_1{ width:100%; margin-bottom:0; }
.latest_meetings_container .col_20_1 img{ width:100%;  }
.latest_meetings_container .col_70{ width:100%; margin-bottom:0; text-align:center; }
.latest_meetings_container .play{ padding-bottom:0 !important; display:inline-block; float:none; }
.latest_meetings_container h4{ margin-bottom:10px; font-weight:300;  }
#accordion.noPad div{ padding-bottom:0 !important; }

.square{width:30px; height:30px; float:left; margin-right:30px; margin-top:-5px; margin-bottom:20px;}
.col_60{width:70%; float:left;}
.col_40{width:30%; float:left;}
.key{margin-top:45%; margin-left:10%; float:right; border:none;}
.key a{ text-decoration:none;}
.key a:hover{ text-decoration:underline;}

.liverpool:hover{fill:#a80162; background-color:#a80162;}
.halton:hover{fill:#7e156e;}
.knowsley:hover{fill:#db9215; stroke:#db9215;}
.wirral:hover{fill:#dbbd04;}
.sefton:hover{fill:#b3c132;}
.sthelens:hover{fill:#0c98d3;}


.halton{fill:#a82898; background-color:#a82898; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.liverpool{fill:#ee0091; background-color:#ee0091; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.knowsley{fill:#fba819; background-color:#fba819; stroke:#fba819; stroke-miterlimit:10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.wirral{fill:#ffdc00; background-color:#ffdc00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sefton{fill:#cadb29; background-color:#cadb29; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sthelens{fill:#2fc1fd; background-color:#2fc1fd; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/* cms */
.hamburger {  width: 25px;  height: 3px;  background: white;  display: block;  position: absolute;  top: 50%;  left: 50%;  margin-left: -12.5px;  margin-top: -1.5px;  -webkit-transition: -webkit-transform 200ms;  transition: -webkit-transform 200ms;  transition: transform 200ms;  transition: transform 200ms, -webkit-transform 200ms;}
.hamburger-1 { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}
.hamburger-2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.hamburger-3 { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }
.gooey { position:fixed; bottom:85px; right:85px;  /*position: absolute; left: 50%; margin-left: -190px; padding-top: 20px; padding-left: 190px; width: 380px; height: 250px;*/ box-sizing: border-box; font-size: 20px; text-align: left; z-index:999999999999999999999999999999;}
.gooey-item, .gooey-open-button {border-radius: 100%; width: 60px; height: 60px;  position: absolute; top: 10px; color: white; text-align: center; line-height: 60px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms;  transition: -webkit-transform ease-out 200ms;  transition: transform ease-out 200ms;  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; overflow:hidden;}
.gooey-item{ background-color:#003B5C;}
.gooey-open-button{ background-image:url(../img/gooey_icon.png); background-size:cover; -webkit-transform: scale(1.05, 1.05) translate3d(0, 0, 0) !important; transform: scale(1.05, 1.05) translate3d(0, 0, 0) !important;}
.gooey-item:hover {  background: #00A49B; }
.gooey-open {  display: none; }
.gooey-open:checked + .gooey-open-button .hamburger-1 { -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg);}
.gooey-open:checked + .gooey-open-button .hamburger-2 { -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1); transform: translate3d(0, 0, 0) scale(0.1, 1);}
.gooey-open:checked + .gooey-open-button .hamburger-3 { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg); }
.gooey-item:nth-child(3) { -webkit-transition-duration: 180ms; transition-duration: 180ms; }
.gooey-item:nth-child(4) { -webkit-transition-duration: 180ms; transition-duration: 180ms; }
.gooey-item:nth-child(5) { -webkit-transition-duration: 180ms; transition-duration: 180ms; }
.gooey-open-button {  z-index: 2; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms;  transition-duration: 400ms; -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0); cursor: pointer;}
.gooey-open-button:hover { -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0) !important; transform: scale(1.1, 1.1) translate3d(0, 0, 0) !important;}
.gooey-open:checked + .gooey-open-button { -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0) !important; transform: scale(0.9, 0.9) translate3d(0, 0, 0) !important;}
.gooey-open:checked ~ .gooey-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
          transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}
.gooey-open:checked ~ .gooey-item:nth-child(3) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
  -webkit-transform: translate3d(-103.99997px, 2px, 0);
          transform: translate3d(-103.99997px, 2px, 0);
}
.gooey-open:checked ~ .gooey-item:nth-child(4) {
  -webkit-transition-duration: 280ms;
          transition-duration: 280ms;
  -webkit-transform: translate3d(-65.99997px, -67.45818px, 0);
          transform: translate3d(-65.99997px, -67.45818px, 0);
}
.gooey-open:checked ~ .gooey-item:nth-child(5) {
  -webkit-transition-duration: 380ms;
          transition-duration: 380ms;
  -webkit-transform: translate3d(4px, -103.99997px, 0);
          transform: translate3d(4px, -103.99997px, 0);
}

.gooey_logo{width:70px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; }
.watermark-preview{ position:fixed; left:50%; top:50%; margin:-4% 0 0 -35%; width:70%; opacity:0.05;  }
.work_logo{width:272px; display:block; margin:0 auto; display:none;}
.logo-container {height:170px; position:absolute; top:50%; left:0; margin:-85px 0 0 0;}


	
#subpage_new .news-right h3 {color: #0052a4; font-weight: 300;font-size: 1.4em;}	
#subpage_new .news-right h3 a {color: #0052a4;text-decoration: none;}	
#subpage_new .news-left {float: left;width: 20%; position: relative; padding-right: 2.5%; border-right: 2px solid #ccc;}
.news-left .thumb {width: 100%; position: relative; top: 0; left: 0;}
#subpage_new .news-left p.news-date {position: absolute;bottom:5px; left:0;margin: 0;font-size: 1em; line-height: 100%; text-align: center;}
#subpage_new .news-left .overlay {position: absolute; left: 0; bottom: 6px; width: 80px; border-radius: 3px; background:#fff !important; display: none; height:80px;}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	#subpage_new .news-left{width:100%; float: none; border: none;}	
	#subpage_new .news-right{width:100%; float: none;}	
	
	}



/*login page colabl hub*/
.popup-middle {float: left; width: 16%; margin-top: 25px; color: #ccc; margin-top:110px;}
.popup-middle p {text-align:center;}
.linetop, .linebottom {width: 1px; background: #ccc; height: 150px; margin: 0 auto; }
.col_login{width:42%; float:left; margin-bottom:50px;}
.col_login h5{font-size:1.4em;}



.profile{width:90%; margin:0 auto;}
.profile h2{text-align:center; width:90%; margin:0 auto; margin-bottom:40px;}
.profile_img{position:relative; width:100%;}
.col1_profile{width:20%; float:left; position:relative;}
.profile_img_overlay{position:absolute; width:100%; background-color:#0052a4; box-sizing:border-box; padding:5px; text-align:center; color:#fff; z-index:9;bottom:0; left:0; cursor:pointer; }
.col2_profile{width:80%; float:left; position:relative; box-sizing:border-box; padding:0 20px;}
.col2_profile h3{font-size:1.6em; text-transform:uppercase; margin:0; line-height:100%; font-weight:300; margin-bottom:30px;}
.col2_profile span{font-size:0.6em; color:#0052a4; float:right; text-align:right; text-transform:none; }
p.input_title{ display:inline-block; float:left; width:15%; margin:10px 0; font-size:0.9em; }
.profile .input {border: 1px solid #ccc; box-sizing: border-box; padding: 10px; background: #fff; float: right; width: 80%; margin-bottom: 15px; display:inline-block;} 

#mobile_dropdown{display:none;}

.portfolios_profile{ text-align:center; margin:0 auto; border-radius:100%; overflow:hidden; display:block; margin-top:20px;}
.profile_top{ text-align:center; margin-bottom:40px;}

a.blue{ color:#0052a4 !important;}

.wt_logo{ margin:0 auto; text-align:center; display:block; border-radius:100%; background:#fff; width:160px;}

.contact_icon{width:60px; display:block; text-align:center; margin:0 auto;}
.breaker{ width:100px; height:1px; background:#ccc; text-align:center; margin:40px auto; border-radius:25px;}


.download_doc{text-align: center; display: block; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:20px;}
.document_col {width:19%; margin:0 3%; float: left; text-align: center;}
.blue{ color:#2196f3 !important; text-transform:uppercase; letter-spacing:1px;}
.blue:hover{ text-decoration:underline !important; }
#packs{ padding:50px 0; text-align:center;}

#new_meetings h3{ color:#0052a4; font-weight:100; font-size:1.2em;}
#new_meetings h5{font-weight:300; color:#0052a4; font-size:1em; margin:0;}
#new_meetings td{ font-size:0.9em; color:#7185a2;}
#new_meetings a{ text-decoration: none; color: #2196f3; font-weight:300;}
#new_meetings ul{ margin:0; padding:0;}
#new_meetings li{color: #7185a2; font-weight: 100;    font-size: 0.9em; margin-left: 30px; background-image: url(../img/bullet1.png); background-repeat: no-repeat; background-position: 4px 7px; list-style: none;    line-height: 150%; padding: 0 0 10px 30px;}
.res-table tr {}
.res-table th {display: none;}
.res-table td {display: block;}
.res-table td:first-child {padding-top: 0.5em;}
.res-table td:last-child {padding-bottom: 0.5em;}
.res-table td::before {content: attr(data-th) ": "; display: inline-block; font-weight: bold; width: 7.5em;}
@media (min-width: 480px) {
.res-table td::before {display: none;}
}
.res-table th, .res-table td {text-align: left;}
@media (min-width: 480px) {
.res-table th, .res-table td {display: table-cell; padding: 0.25em 0.5em;}
.res-table th:first-child, .res-table td:first-child {padding-left: 0;}
.res-table th:last-child, .res-table td:last-child {padding-right: 0;}
}
.res-table {overflow: hidden; width:100%;}
.res-table tr {border-color: #fff;}
.res-table th, .res-table td {margin: 0.5em 1em;}
@media (min-width: 480px) {
.res-table th, .res-table td {padding: 0.4em !important;}
}
.res-table th, .res-table td::before {font-weight: 300; color: #0052a4; font-size: 1em; margin: 0;}


/************ 100 Days ***********/
.foreword p {width:100%;margin:10px auto;text-align: left;line-height: 150%;}
.key_icon{display: inline-block; width:10%;margin: 0 3%;font-size:0.9em;vertical-align: top;}
.icon_div{width: 50px;display: block;margin: 10px auto; height:50px;}
.icon_div.small{width: 75px;display: block;margin: 10px auto; height:75px;}

.accordion_bottom p{width:60%;margin:10px auto;text-align: center;line-height: 150%;}
#key{margin-bottom: 50px; border-radius: 5px; padding: 0 0 25px 0; border: 1px solid #2196f3; background: #fff; margin-top: 50px;}

.acc_head{text-transform: uppercase; position: relative;}
#accordion h3 {position: relative;}
.acc_head:after, #accordion h3:after {content: '+'; position: absolute; right: 25px; top: 10px; color: #fff; font-weight: bold; font-size: 1.2em;}
.acc_head.ui-state-active:after, #accordion h3.ui-state-active:after {content: '-'; font-size: 1.4em;}
.acc_sub{font-size: .9em;text-transform: none;width:100%; background:#2196f3 ;color:white;padding: 15px 0px; margin: -3px 0;display: block;}
.accordion_top{background: #fff; margin-bottom: 40px;padding-top: 20px;}
.mod-trans, .icon_select, .accordion_bottom *{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.icon_select h4{font-size: 0.8em;width:auto;font-weight: 300;}
#accordion div.icon_select{display: inline-block;width: 19%;vertical-align: top;margin-bottom: 20px;padding:5px!important;cursor: pointer;border-radius: 15px; height: 147px;}
.icon_select.active{background: #ee008d;color: white;}
.accordion_bottom{padding-bottom: 50px;}
#subpage_new h3.light_blue{color:#2196f3;}
#subpage_new p.bold{font-weight:600;}
.accordion_bottom p{display: none;}
.accordion_bottom p.active{display: block;}
.accordion_content h4{width:90%;margin:0 auto;}
.accordion_days{box-shadow: -10px 0 8px -8px rgba(0, 0, 0, 0.3), 10px 0 8px -8px rgba(0, 0, 0, 0.3)}


/* icon classes */
.announcement{background: url('../uploadedfiles/images/icons/announcement_blue.svg') no-repeat center;background-size: contain;}
.active .announcement{background: url('../uploadedfiles/images/icons/announcement_white.svg') no-repeat center;background-size: contain;}
.key_icon .announcement{background: url('../uploadedfiles/images/icons/announcement.svg') no-repeat center;background-size: contain;}

.engagement{background: url(../uploadedfiles/images/icons/engagement_blue.svg) no-repeat center; background-size:contain; }
.active .engagement{background: url(../uploadedfiles/images/icons/engagement_white.svg) no-repeat center; background-size:contain; }
.key_icon .engagement{background: url(../uploadedfiles/images/icons/engagement.svg) no-repeat center; background-size:contain; }

.publication{background: url('../uploadedfiles/images/icons/consultation_blue.svg') no-repeat center;}
.active .publication{background: url('../uploadedfiles/images/icons/consultation_white.svg') no-repeat center;}
.key_icon .publication{background: url('../uploadedfiles/images/icons/consultation.svg') no-repeat center;}

.projects{background: url(../uploadedfiles/images/icons/projects_blue.svg) no-repeat center;}
.active .projects{background: url(../uploadedfiles/images/icons/projects_white.svg) no-repeat center;}
.key_icon .projects{background: url(../uploadedfiles/images/icons/projects.svg) no-repeat center;}


.development{background: url(../uploadedfiles/images/icons/development_blue.svg) no-repeat center;}
.active .development{background: url(../uploadedfiles/images/icons/development_white.svg) no-repeat center;}
.key_icon .development{background: url(../uploadedfiles/images/icons/development.svg) no-repeat center;}

.meetings{background: url(../uploadedfiles/images/icons/meetings_blue.svg) no-repeat center;}
.active .meetings{background: url(../uploadedfiles/images/icons/meetings_white.svg) no-repeat center;}
.key_icon .meetings{background: url(../uploadedfiles/images/icons/meetings.svg) no-repeat center;}

/************** 100 Days - NEW ********************/
.select_box h4{font-weight:300;width:90%;margin:0 auto;}
.select_box.active h4{color:#fff;}
.intro_100 p{text-align: left; width:90%;margin:0 auto;}
.select_box{ width:96%; border-radius:5px; -webkit-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 31px 0px rgba(0,0,0,0.15); background:#fff; overflow:hidden; text-align:left; height:220px; margin:7px ; position:relative; text-align:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; z-index:9;} 

.select_box.active {
	max-height: 560px;
	height:auto;
    background: none;
    color: #fff !important;
}
.select_box p {padding-bottom: 35px;width:90%; margin:0 auto;}
.select_overlay {
    position: absolute;
    width: 0;
    height: 0;
    background: #2196f3;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    bottom: -200px;
    left: -200px;
    border-radius: 100%;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    z-index: -9;
}
 .select_overlay.active{   width: 440px;
    height: 600px;
    border-radius: 4px;
    bottom: 0;
    left: 0;
}
.select_more_border{ position:absolute; left:0; bottom:0; background:none; height:23px; width:40px; border-bottom-left-radius:5px; border-bottom:solid 4px #fff; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; cursor:pointer;}
.select_more_border:hover{border-bottom:solid 6px #2196f3;  }
.select_box_more{ max-height:0; margin-top:15px;overflow:hidden; }
#subpage_new #accordion .select_box_more.active{max-height:550px; }
#subpage_new #accordion .select_box_more.active p {color:white;}