/*
Theme Name: NYServes by Three Ring Focus
Theme URL: http://ThreeRingFocus.com
Description: NYServes - New York City by ThreeRingFocus
Author: Adam Kipple
Author URI: ThreeRingFocus.com
Version: 1.5.0
Tags: Responsive, grey, white, right-sidebar,theme-options, threaded-comments, banner ads, adsense,fab themes.
*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

body{
margin:0;
padding:0;
color:#555;
background-color:#fff;
background-position:top center;
font-family:'Raleway', sans-serif;
background-size:auto;
background-image:url(images/global/pattern-white.jpg);
}

.clearboth{
clear:both;
}

/*UniteUS  Form*/
#uu-container {
	height: 920px;
	min-height: 920px;
}

#uu-container > iframe {
	border: none;
}

#response img {
	display: block;
	width: 100%;
	height: inherit;
}

.teamIMG img{
display:block;
width:100%;
height:auto;
}
.teamIMG {
width:25%;
float:left;
padding-right:5%;
}
.teamText {
width:70%;
float:left;
}

.teamText h4 {
color:#333;
margin:0px !important;
padding-bottom:7px !important;
font-size:16px;
font-weight:600 !important;
line-height:16px;
text-align:center;
letter-spacing:0px;
}
.teamText p {
margin:0px !important;
padding:0px !important;
color:#666;
font-size:12px;
font-weight:400;
line-height:12px;
text-align:left;
letter-spacing:1px;
}
.teamText p a{
color:#666 !important;
font-weight:400 !important;
text-decoration:underline;
}

.ServeLogo {
padding:75px 0px;
margin:auto;
width:320px;
height:154px;
display:block;
}
.ServeLogo a {
width:320px;
height:154px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/NY-Serves-Logo.png) no-repeat;
padding-right:10px;
}
.ServeLogo a:hover,
.ServeLogo a:focus {
opacity:0.8;
}

/*
HOME PAGE FOCUS AREA
*/
.mainCity {
margin:0;
width:100%;
/*padding:140px 0px;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-position:center;
background-image:url(images/home/Main-City.jpg);*/
}
.headCon {
width:80%;
margin:auto;
}
.cityCon {
width:80%;
margin: 120px 0 0 10%;
background-image:url(images/home/80.png);
	z-index: 9999;
	position: absolute;
	transform: translateZ(0);
}
.cityInfo{
width:50%;
margin:5%;
float:left;
}
.cityLogo img {
display:block;
width:100%;
height:auto;
padding-bottom:30px;
}
#sideBar img {
display:block;
width:100%;
height:auto;
padding:10px 0px;
}
.cityInfo h3 {
color:#333;
margin:0;
padding:40px 0px;
font-size:16px;
font-weight:500;
line-height:24px;
text-align:center;
letter-spacing:0px;
}
.cityForm{
width:40%;
margin:auto;
}

.threecon{
max-width:528px;
margin:auto;	
}
.threecon h4 {
color:#03037e;
margin:0;
padding:5px 0px;
font-size:18px;
font-weight:500;
line-height:16px;
text-align:center;
letter-spacing:0px;
text-transform:uppercase;
}
.cityA {
padding:10px;
margin:0;
width:156px;
height:156px;
display:block;
float:left;
}
.cityA a {
width:156px;
height:156px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/home/Services.png) no-repeat;
padding-right:10px;
}
.cityA a:hover,
.cityA a:focus {
opacity:0.6;
}
.cityB {
padding:10px;
margin:0;
width:156px;
height:156px;
display:block;
float:left;
}
.cityB a {
width:156px;
height:156px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/home/Events.png) no-repeat;
padding-right:10px;
}
.cityB a:hover,
.cityB a:focus {
opacity:0.6;
}
.cityC {
padding:10px;
margin:0;
width:156px;
height:156px;
display:block;
float:left;
}
.cityC a {
width:156px;
height:156px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/home/Blog.png) no-repeat;
padding-right:10px;
}
.cityC a:hover,
.cityC a:focus {
opacity:0.6;
}
.cityForm h3 {
color:#f5cd15;
margin:0;
padding:0px;
font-size:24px;
font-weight:500;
line-height:24px;
text-align:center;
letter-spacing:0px;
}


/* HOME PAGE BLUE GET ASSISTANCE AREA */
.gethelp {
	margin: 0;
	width: 100%;
	padding: 30px 0px;
	background-size: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	background-image: url(images/home/get-assistance.jpg);
}

.form-group .control-label {
	display: block;
	font-weight: 700;
	margin-bottom: 3px !important;
	color: #ffffff;
}

/* 
	Top Bar Nav
*/
.tBar {
margin:0;
padding:0;
color:#999;
width:100%;
height:30px;
font-size:13px;
font-weight:300;
line-height:15px;
text-align:right;
letter-spacing:1px;
}
.tBar .link a{
padding:7px 20px;
float:right;
display:block;
color:#fff;
text-align:center;
text-decoration:none;
text-transform:uppercase;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
background-color:#03037e;
}
.tBar .link a:hover{
color:#f5cd14;
}
.tBar .phone a{
padding:11px 20px 0px 0px;
font-size:14px;
font-family:Helvetica, Arial, sans-serif;
float:right;
display:block;
color:#03037e;
text-align:center;
text-decoration:none;
text-transform:uppercase;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.tBar .phone a:hover{
color:#03037e;
}
/* 
	MENU
*/
.nBar {
margin:-15px 0 -15px 0;
padding:0;
height:103px;
width:100%;
background-color:#fff;
z-index:999;
}
.logo {
position:absolute;
z-index:999;
margin-left:30px;
padding:0;
float:left;
width:76px;
height: 122px;
display:block;
background:url(images/global/AmericaServes-Logo_r.png) no-repeat;
}
.logo a {
width:76px;
height: 122px;
float:left;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/AmericaServes-Logo.png) no-repeat;
}
.logo a:hover,
.logo a:focus {
opacity:0.0;
}
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 980px) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
#submenu {
margin:0;
padding-right:10px;
padding-top:60px;
float:right;
font-size:14px;
font-weight:300;
letter-spacing:.03em;
text-transform:uppercase;
}
#submenu ul {
margin:0;
padding:0;
width: 100%;
float: left;
list-style:none;
font-weight:400;
}
#submenu li {
margin:0;
padding:0;
float:left;
color:#333;
font-weight:400;
list-style:none;
}
#submenu li a {
margin:0;
color:#333;
display:block;
font-weight:	400;
position:relative;
font-size:18px;
text-decoration:none;
padding:8px 12px 8px 12px;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu li a:hover,
#submenu li a:active,
#submenu .current_page_item a  {
color:#888;
}
#submenu li a.sf-with-ul {
padding-right:10px;
padding-left:10px;
}	
#submenu li li a  {
color: #333;
font-size:15px;
width: 200px; 
line-height:20px;
margin-left:-20px;
position: relative;
background-color:#fff;
padding: 10px 0px 10px 10px;
border-bottom: 1px solid #eee;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#submenu ul ul li:first-child{
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}	
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
color:#888; 
margin-left:-20px;
}
#submenu li ul {
padding: 0;
left:-999em;
height:auto;
width:170px;
z-index:9999;
margin:0px 25px;
position: absolute;
}
#submenu li ul a { 
width:170px;
}
#submenu li ul ul {
margin:-27px 0 0 170px;
}
#submenu li:hover ul ul,
#submenu li:hover ul ul ul,
#submenu li.sfHover ul ul,
#submenu li.sfHover ul ul ul {
left:-999em;
}
#submenu li:hover ul,
#submenu li li:hover ul,
#submenu li li li:hover ul,
#submenu li.sfHover ul,
#submenu li li.sfHover ul,
#submenu li li li.sfHover ul {
left:auto;
}
#submenu li:hover,
#submenu li.sfHover { 
position:static;
}
/* mobile-menu	 */
select.mobileMenu{
width:100%;
padding:3px 0px;
}
/* Headder Styles */
/* Headder Styles */
/* Headder Styles */





/* HOME PAGE */
/* HOME PAGE */
/* HOME PAGE */
.RSlide {
margin:0;
width:100%;
padding:0px;
}

/* MAIN TEXT AREA */
.hpmain {
margin:0;
padding: 60px 0px;
background-color:#fff;
background-position:top center;
background-repeat:repeat-x;
background-image:url(images/global/digital.jpg);
text-align:center;
color:#fff;
}
#inhp {
max-width:850px;
margin:auto;
color:#666;
text-align:center;
padding:0px 20px;
}
#inhp .icon {
padding:0;
margin:10px auto 25px;
height:87px;
width:57px;
background-position:center;
background-image:url(images/home/AmericaServes-Icon.png);
}
#inhp h2 {
color:#2c2c91;
margin:0;
padding:20px 0px;
font-size:28px;
font-weight:500;
line-height:24px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
}
#inhp p {
margin:0;
padding-bottom:15px;
color:#666;
font-size:13px;
font-weight:400;
line-height:26px;
text-align:left;
letter-spacing:1px;
}
/* 
	InPage Text Styles
*/
.banner img {
display:block;
width:100%;
height:auto;
}
.banner {
width:100%;
height:auto;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-position:right center;
background-image:url(images/global/the-city.jpg);
}

.splitline {
height:1px;
width:100%;
background-color:#aaa;
margin:15px 0px;
padding:0;
}
.infoLine {
padding:75px 0px;
margin:0px;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-position:right center;
background-image:url(images/global/infobanner.jpg);
}
.infoLine h3 {
margin:0;
padding:20px 0px;
color:#222;
font-size:30px;
font-weight:500;
line-height:43px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
}
#inPage {
margin-top:-15px;
padding-top:25px;
background-position:top center;
background-repeat:repeat-x;
background-image:url(images/global/map.jpg);
}
#noScale img {
width:auto;
height:auto;	
margin:auto;
display:block;
max-width:350px;
}
#inPage h1 {
margin:0;
padding:20px 0px;
color:#2c2c91;
font-size:33px;
font-weight:500;
line-height:43px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
}
#inPage h2 {
color:#555;
font-size:25px;
font-weight:300;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#inPage h3 {
color:#555;
font-size:20px;
font-weight:400;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#inPage h4 {
color:#555;
font-size:16px;
font-weight:300;
text-align:left;
letter-spacing:3px;
}
#inPage h5 {
color:#555;
font-size:16px;
font-weight:400;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#inPage p {
color:#333;
font-size:15px;
font-weight:300;
line-height:25px;
text-align:left;
letter-spacing:1px;
margin:25px 0;
}
#inPage li {
color:#333;
font-size:14px;
font-weight:300;
line-height:24px;
text-align:left;
letter-spacing:1px;
margin:0;
}
#inPage a{
color:#03037e;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
text-decoration:underline;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#inPage a:hover{
color:#f5cd14;
}
#locPage {
margin: -19px auto;
padding:23px 0 10px 0;
background-position:top center;
background-repeat:repeat-x;
background-image:url(images/global/map.jpg);
}
.meta-categories {
color:#555;
font-size:12px;
font-weight:400;
text-align:left;
line-height:30px;
letter-spacing:1px;
}
.meta-categories a{
color:#555;
font-size:12px;
font-weight:700;
text-align:left;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.meta-categories a:hover{
color:#375d4b;
}
.post img {
height:auto;
padding:10px 0px;
}
#thumby img {
width:100%;
height:auto;
display:block;
margin:15px 0px 15px 0px;
}
#texty h2{
margin:15px 0px 25px 0px;
padding:0;
line-height:25px;
color:#555;
font-size:25px;
font-weight:400;
letter-spacing:1px;
}
#texty h2 a {
margin:0;
padding:0;
line-height:25px;
color:#2c2c91;
font-size:25px;
font-weight:600;
letter-spacing:1px;
text-decoration:none;
text-transform:uppercase;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#texty  h2 a:hover {
color:#f5cd14;
}
#texty  p {
color:#555;
font-size:14px;
font-weight:300;
line-height:20px;
text-align:justify;
letter-spacing:1px;
padding:0;
}
#loco {
}
#loco h1 {
color:#2c2c91;
font-size:32px;
font-weight:400;
text-align:left;
letter-spacing:1px;
text-transform:uppercase;
}
#loco h2 {
color:#2c2c91;
font-size:30px;
font-weight:300;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#loco h3 {
color:#2c2c91;
font-size:23px;
font-weight:400;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#loco h4 {
color:#2c2c91;
font-size:16px;
font-weight:400;
text-align:left;
letter-spacing:3px;
text-transform:uppercase;
}
#loco p {
color:#333;
font-size:13px;
font-weight:400;
line-height:28px;
text-align:cleft;
letter-spacing:1px;
margin:25px 0;
}
#loco a{
	color:#f5cd14;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
text-decoration:underline;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#loco a:hover{
color:#03037e;
}
#loco ul{
color:#333;
padding-left:	30px;
font-size:13px;
text-align:left;
}
#loco li {
margin:0;
list-style:outside;
line-height:24px;
padding:0px;
letter-spacing:1px;
	
}
/*
	SIDEBAR 
*/
.slogo {
margin:0px 0px 0px 15px;
padding:23px 0px 16px 50px;
background-position:left center;
background-image:url(images/sidebar/AmericaServes-Icon-Large.png);
background-repeat:no-repeat;
color:#2c2c91;
font-size:23px;
font-weight:600;
text-align:left;
letter-spacing:2px;
text-transform:uppercase;
}
.slidebar {
margin:0px 0px 0px 5px;
padding:32px 0px 16px 0px;
color:#2c2c91;
font-size:17px;
font-weight:600;
text-align:left;
letter-spacing:0px;
text-transform:uppercase;
}
#sideBar h3 a {
margin:15px 0px 25px 20px;
padding:5px 0px 5px 40px;
line-height:17px;
color:#2c2c91;
font-size:17px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
#sideBar h3 a:hover {
color:#f5cd14;
}
#bene {
margin:0;
background-image:url(images/sidebar/benefits.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#disa {
margin:0;
background-image:url(images/sidebar/disability.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#educ {
margin:0;
background-image:url(images/sidebar/education.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#empl {
margin:0;
background-image:url(images/sidebar/employment.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#fina {
margin:0;
background-image:url(images/sidebar/financial.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#heal {
margin:0;
background-image:url(images/sidebar/healthcare.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#hous {
margin:0;
background-image:url(images/sidebar/housing.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#lega {
margin:0;
background-image:url(images/sidebar/legal.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#ment {
margin:0;
background-image:url(images/sidebar/mentoring.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#ptsd {
margin:0;
background-image:url(images/sidebar/ptsd.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#serv {
margin:0;
background-image:url(images/sidebar/service-animals.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#spor {
margin:0;
background-image:url(images/sidebar/sports.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#spou {
margin:0;
background-image:url(images/sidebar/spouse.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}
#volu {
margin:0;
background-image:url(images/sidebar/volunteer.gif);
backgroun-position: left center;
background-repeat:no-repeat;
}


/* 
	Video Wrapper
*/
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 
	FOOTER
	FOOTER
	FOOTER
*/
.footer {
margin:0px;
width:100%;
padding: 60px 0px 0px 0px;
background-color:#555;
background-position:center;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-image:url(images/footer/rotate.php);
}
.infoot {
max-width:500px;
margin:auto;
}
.footer .icon {
margin:auto;
padding:0;
height:150px;
width:96px;
background-position:center;
background-image:url(images/global/AmericaServes-Icon-Large.png);
}
.footer .split {
padding:0;
margin: 30px auto;
height:1px;
background-color:#999;
}
.footer p {
color:#fff;
font-size:13px;
font-weight:300;
line-height:20px;
text-align:center;
letter-spacing:1px;
padding:10px;
}
.footcon {
padding: 30px 0px;
margin-top:60px;
width:100%;
background-image:url(images/global/footer-bg.png);
border-top:1px solid #666;
}
.contwo {
padding:0;
margin:auto;
width:80%;
}
.callten {
padding-right:2%;
margin:0px;
width:8%;
float:left;
}
.callfif {
padding-right:2%;
margin:0px;
width:13%;
float:left;
}
.callthir {
padding:0;
margin:0px;
width:30%;
float:right;
}
.footlog {
max-width:590px;
margin:auto;
padding: 20px 0;
}

.footcon h3 {
color:#f5cd14;
font-size:14px;
font-weight:300;
line-height:14px;
text-align:left;
letter-spacing:1px;
text-transform:uppercase;
padding:0;
margin:0;
}
.callthir h3 {
color:#f5cd14;
font-size:14px;
font-weight:300;
line-height:14px;
text-align:right;
letter-spacing:1px;
text-transform:uppercase;
padding:0;
margin:0;
}
.callthir p {
color:#fff;
font-size:11px;
font-weight:300;
line-height:20px;
text-align:right;
letter-spacing:1px;
margin:0;
padding:5px 0;
}
.footer ul {
color:#fff;
padding:	0px;
font-size:11px;
text-align:left;
margin-top:10px;
}
.footer li {
margin:0;
list-style:none;
line-height:14px;
padding:3px 0px 7px 0px;
}
.footer li a {
color:#fff;
text-decoration:none;
transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out;
-ms-transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
}
.foot li a:hover {
color:#f5cd14;
}
/* 
	SOCIAL MEDIA
	SOCIAL MEDIA
	SOCIAL MEDIA
*/
.smcon {
width: 260px;
margin:auto;
}
.fb {
padding-right:10px;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/facebook_r.png) no-repeat;
}
.fb a {
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/facebook.png) no-repeat;
padding-right:10px;
}
.fb a:hover,
.fb a:focus {
opacity:0.0;
}
.tw {
padding-right:15px;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/twitter_r.png) no-repeat;
}
.tw a {
padding-right:15px;
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/twitter.png) no-repeat;
}
.tw a:hover,
.tw a:focus {
opacity:0.0;
}
.yt {
padding-right:20px;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/youtube_r.png) no-repeat;
}
.yt a {
padding-right:20px;
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/youtube.png) no-repeat;
}
.yt a:hover,
.yt a:focus {
opacity:0.0;
}
.ln {
padding-right:10px;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/linkedin_r.png) no-repeat;
}
.ln a {
padding-right:10px;
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/linkedin.png) no-repeat;
}
.ln a:hover,
.ln a:focus {
opacity:0.0;
}
.gp {
padding-right:10px;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/google-plus_r.png) no-repeat;
}
.gp a {
padding-right:10px;
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/google-plus.png) no-repeat;
}
.gp a:hover,
.gp a:focus {
opacity:0.0;
}
.ma {
padding:0;
margin:10px auto !important;
width:40px;
height:40px;
display:block;
float:left;
background:url(images/social/email_r.png) no-repeat;
}
.ma a {
width:40px;
height:40px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/social/email.png) no-repeat;
}
.ma a:hover,
.ma a:focus {
opacity:0.0;
}

/*
LOGOS
*/

.unite {
padding:0;
margin:0px 20px !important;
width:145px;
height:53px;
display:block;
float:left;
background:url(images/global/Unite-Us.png) no-repeat;
}
.unite a {
width:145px;
height:53px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Unite-Us.png) no-repeat;
}
.unite a:hover,
.unite a:focus {
opacity:0.5;
}

.ivmf {
padding:0;
margin:0px 20px !important;
width:85px;
height:48px;
display:block;
float:left;
background:url(images/global/IVMF-logo.png) no-repeat;
}
.ivmf a {
width:85px;
height:48px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/IVMF-logo.png) no-repeat;
}
.ivmf a:hover,
.ivmf a:focus {
opacity:0.5;
}

.accenture {
padding:0;
margin:0px 20px !important;
width:125px;
height:56px;
display:block;
float:left;
background:url(images/global/Accenture.png) no-repeat;
}
.accenture a {
width:125px;
height:56px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Accenture.png) no-repeat;
}
.accenture a:hover,
.accenture a:focus {
opacity:0.5;
}

.threerf {
padding:0;
margin:0px 20px !important;
width:56px;
height:56px;
display:block;
float:left;
background:url(images/global/Three-Ring-Focus.png) no-repeat;
}
.threerf a {
width:56px;
height:56px;
margin:0 auto !important;
display: block;
overflow:hidden;
text-indent:-9999px;
transition: opacity .6s ease-in-out;
-o-transition:opacity .6s ease-in-out;
-moz-transition:opacity .6s ease-in-out;
-webkit-transition:opacity .6s ease-in-out;
background:url(images/global/Three-Ring-Focus.png) no-repeat;
}
.threerf a:hover,
.threerf a:focus {
opacity:0.5;
}



/*
	Mailchip Form
*/

input {
color:#555;
border:1px solid #ccc;
-webkit-appearance:none;
font-size:14px;
}
input:focus {
border-color:#888;
}
.buttonB {
clear:both;
background-image:url(images/global/sub.jpg);
color:#333; 
display: inline-block;
font-size:15px;
font-weight: 400;
height: 39px;
line-height: 39px;
text-transform:uppercase;
margin-top:0px;
padding:0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: 50px;
transition:background-image .4s ease-in-out;
-o-transition:background-image .4s ease-in-out;
-ms-transition:background-image .4s ease-in-out;
-moz-transition:background-image .4s ease-in-out;
-webkit-transition:background-image .4s ease-in-out;
}
 .buttonB:hover {
background-image:url(images/global/sub-r.jpg);
}
input.email {
width:100%;
display:block;
font-size:12px;
padding:11px 0;
text-indent:8px;
min-width:100px;
font-style:italic;
margin:0 4% 0px 0;
background-image:url(images/global/dash.gif);
}
/*GRAVITY FORM CSS*/
/*GRAVITY FORM CSS*/
/*GRAVITY FORM CSS*/

.gform_wrapper .gfield_radio li input[type=radio] {
-webkit-appearance: radio;
margin-left: 10px;
padding-left:5px;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
-webkit-appearance: checkbox;
}


/* Form fields - wrapper - payam 01-28-16 */
body .gform_wrapper .gform_body .gform_fields .gfield {
	margin-bottom: 40px !important; /* force more separation between questions */
}


/* Field Labels (the questions) */
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px !important;
	padding-top:10px;	
}

/* wraps the actual form element inside the containing list item  
(the answers to the questions, but not the question itself) */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
	margin-top: 15px;
}

/* Conditional questions - style them differently - This is a custom class 
you must manually add to each conditional question in the GF backend */
.trf-conditional-question {
	padding-left: 5%;
}

.trf-conditional-question-02 { /* for conditionals of conditionals */
	padding-left: 11%; 
}


/* Radio and checkbox spacing between the input and the label */
body .gform_wrapper .gfield_checkbox li label, 
body .gform_wrapper .gfield_radio li label {
    margin: 0 0 0 30px;
}


.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: .3em !important;
}
.gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
    box-sizing: border-box;
    margin-bottom: 10px !important;
}
.gform_delete img {
		width:14px !important;
		height:14px !important;
}
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; margin-top: 0px;}
input[type="submit"], input[type="button"] { -webkit-appearance: button; }
select { -webkit-appearance:textfield; }





/* Get Assistance Form : =from, =assistance
====================================================================================== */
/* the big hero image that the form overlays */
.banner.feat-img-as-bg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 0 40px;
}


/* local chapter logo */
.local-chapter-logo {
	padding: 0 0 30px;
	text-align: center;
}

.local-chapter-logo img {
	display: inline-block;
	width: auto;
}


/* Wraps the h3 tag and the form */
#assistance-form {
    box-sizing: border-box;
}

#assistance-form *, #assistance-form *:before, #assistance-form *:after {
    box-sizing: inherit;
}

/* wraps the form title */
#assistance-form .assistance-form-header h3 {
    background-color: #03037e;
    color: #fff;
    padding: 5px 30px;
    margin: 0;
    text-transform: uppercase;
}


/* wraps the form body : include the form tags and any content above/below it thats not the form title */
#assistance-form .assistance-form-body {
    opacity: .98;
    padding: 20px 30px 30px;

}


/* wraps just the form tags */
#assistance-form .uu-assistance-request {
}

#assistance-form textarea, #assistance-form select, #assistance-form input {
    background: #fff none repeat scroll 0 0;
}

#assistance-form .field {
/*    float: left;
    height: 50px;
    height: auto;
    margin-bottom: 3px;
    padding: 0 10px;
    width: 50%;*/

    float: none;
    display: block;
    margin-bottom: 3px;
    width: 100%;    
}





/* nth-child note: form doesn't have enough classes to hook into so have to do some things the dirty way */

#assistance-form .field:nth-child(odd) {
/*    clear: left;   
*/}

/* preferred contact time */
#assistance-form .field:nth-child(6) {
    padding-top: 13px;
}

#assistance-form .field:nth-child(7), /* member type */
#assistance-form .field:nth-child(8), /* service branch */
#assistance-form .field:nth-child(9), /* service status/types */
#assistance-form .field:nth-child(10), /* transitioning */
#assistance-form .field:nth-child(11) { /* service type */
/*    float: none;
    display: block;
    height: auto;
    width: 100%;*/
}



/* 'explain your need' textarea, terms, and submit */
#assistance-form .field:nth-child(n+12) {
    float: none;
    display: block;
    height: auto;
    width: 100%;
}

/* wrapper for submit button */
#assistance-form .field.accept {
	margin-bottom: 20px;
}

#assistance-form .field.accept button[type="submit"] {
    background-color: #03037e;
    border-radius: 0;
    color: #f5cd14;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 20px;
    margin: 10px auto 20px;
    text-decoration: none;
    text-transform: uppercase;
}




#assistance-form .assistance-form-body .call-us {
	color: #2c2c91;
	font-size: 17px;
	margin: 0;
}





/* Provider Directory (Services)  =providers
====================================================================================== */

/* Filters / Provider Types */
div#provider-filters {
  box-sizing: border-box;
}

div#provider-filters *,
div#provider-filters *:before, 
div#provider-filters *:after {
	box-sizing: inherit;
}


#provider-filters ul {
    list-style: outside none none;
    margin: 10px 0;
    padding: 0 0 10px;
    text-align: center;
}

#provider-filters ul li {
    display: inline-block;
    font-weight: bold;
    padding: 3px 15px;
}

#provider-filters ul li[data-filter] {
    cursor: pointer;
}

#provider-filters ul li.active {
    color: #f5cd14;
}

.provider-filters-divider {
    background-color: #ccc;
    height: 2px;
    margin: 15px auto 40px;
    padding: 0;
    width: 75%;
}

/* Listings of Providers */
div#provider-listings {
  box-sizing: border-box;
  margin: 0 auto;
}

div#provider-listings *,
div#provider-listings *:before, 
div#provider-listings *:after {
	box-sizing: inherit;
}

#provider-listings .provider-block {
	border: 1px solid #ccc;
    height: 270px;
	margin: 8px;
	padding: 0;
	position: relative;
    width: 219px;
}


#provider-listings .provider-bottom-title {
	background-color: #666;
	bottom: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 55px;
	line-height: 1.2;
	padding: 8px;
	position: absolute;
	text-align: center;
	width: 100%;

}



#provider-listings .provider-img-container {
	display: block;
	text-align: center;
	margin-top: 60px;
}

#provider-listings .hover-block {
	/*background: url(images/provider-block-bg.jpg) no-repeat 0 0 #000;*/
	background-image: url("images/provider-block-bg.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;	

	color:  #fff;
	height: 100%;
	opacity: 0;
	padding: 15px 12px 20px;
	position: absolute;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
}



#provider-listings .provider-block:hover .hover-block { /* show hidden hover block - added :focus to make work on some mobile devices */
	opacity:  1;
	z-index: 100;
}


#provider-listings .hover-block .provider-top-title {
	display: block;
	color: #f5cd15;
	margin-bottom: 20px;
}

#provider-listings .hover-block p {
	color: #fff;
	font-size: 13px;
	line-height: 1.2;
	margin: 0;
}

#provider-listings .hover-block  .button-container {
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 195px;
}

#provider-listings .hover-block  .button-container a {
    background-color: #f5cd15;
    color: #03037e;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0;
    padding: 3px 10px;
    text-decoration: none;
    text-transform: uppercase;

}

#provider-listings .hover-block  .button-container a:hover {
	background-color: #e3c01c;
}