/*/////////////////////////////////////////////////////////
responsive.css
Updated 12/10/18 - 2:30 pm (Kendall)
/////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////
Tablet
///////////////////////////////////////////////////////// */
/*@media (min-width: 601px) and (max-width: 910px) 





*/

.article img {
    height: auto;
    max-width: 100%;
}

/* /////////////////////////////////////////////////////////
Mobile
///////////////////////////////////////////////////////// */

@media 
only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 300px) and (max-width: 600px), 
only screen and (   min--moz-device-pixel-ratio: 1) and (min-width: 300px) and (max-width: 600px),
only screen and (   -min-moz-device-pixel-ratio: 1) and (min-width: 300px) and (max-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 1/1) and (min-width: 300px) and (max-width: 600px),
only screen and (        min-device-pixel-ratio: 1) and (min-width: 300px) and (max-width: 600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 300px) and (max-width: 600px), 
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 300px) and (max-width: 600px),
only screen and (   -min-moz-device-pixel-ratio: 2) and (min-width: 300px) and (max-width: 600px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 300px) and (max-width: 600px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 300px) and (max-width: 600px)
{
	/*////////////////////////////////////////////////*/
	/* set bg for infinite footer */
	/*////////////////////////////////////////////////*/
	body { background-color: #3d3d3d; }
	/*////////////////////////////////////////////////*/
	/* show elements with mobile class */
	/*////////////////////////////////////////////////*/
	.mobile { display: block; }
	/*////////////////////////////////////////////////*/
	/* hide elements for mobile */
	/*////////////////////////////////////////////////*/
	.wrapper.header .logo,
	.wrapper.header .nav,
	.wrapper.navigation ul.nav,
	.wrapper.navigation ul.nav.selected li:hover ul,
	.wrapper.navigation .search,
	.home .wrapper.main-content .tagline,
	.home .wrapper.main-content .main,
	.interior .wrapper.main-content .main .breadcrumb,
	.interior .wrapper.main-content .tagline:after,
	.wrapper.rainbow,
	.cobrand
	{ 
		display:none; 
	}
	/*////////////////////////////////////////////////*/
	/* global resets begin */
	/*////////////////////////////////////////////////*/
	.wrapper {
		min-width:0;
		width:100%;
	}
	.wrapper.header,
	.wrapper.header .container,
	.wrapper.main-content,
	.wrapper.main-content .container,
	.wrapper.main-content .wrapper-int,
	.wrapper.footer,
	.wrapper.footer .container,
	.wrapper.navigation,
	.wrapper.navigation .container {
		background-color: transparent;
		background-image: none;
		width: 100%;
	}
	/*////////////////////////////////////////////////*/
	/* global resets end */
	/*////////////////////////////////////////////////*/
	.wrapper.header { background-color: #059; }
	.wrapper.header .container {
		height: 55px;
		padding: 3% 1% 0 3%;
		width:94%;
		margin:0;
	}
	.wrapper.header .logo.mobile { display:block; }
	.wrapper.header .container .logo.mobile img {
		width:auto;
		height:40px;
	}
	/*////////////////////////////////////////////////*/
	/* navigation styles styles */
	/*////////////////////////////////////////////////*/
	.wrapper.navigation {
		border-bottom:0;
		height:auto;
		background-color:#17c;
	}
	.wrapper.navigation ul.nav.selected,
	.wrapper.navigation .search.selected {
		width:100%;
		margin: 0;
		display:block;
	}
	.wrapper.navigation ul.nav.selected li,
	.wrapper.navigation ul.nav.selected li.selected ul {
		float: none;
		display: block;
		background-color: #17c;
		border: 0;
		position:static;
		width:100%;
	}
	.wrapper.navigation ul.nav.selected li { border-bottom:1px solid #059; }
	.wrapper.navigation ul.nav.selected li.selected ul li { border-bottom:0; }
	.wrapper.navigation ul.nav.selected li:hover a,
	.wrapper.navigation ul.nav.selected li.selected a { background-color:#89bb01; }
	.wrapper.navigation ul.nav.selected li.selected li a { background-color:#fff; }
	/*////////////////////////////////////////////////*/
	/* search styles */
	/*////////////////////////////////////////////////*/
	.wrapper.navigation .search.selected {
		position:relative;
		width:90%;
		margin:2px auto 12px;
		padding:0;
	}
	.wrapper.navigation .search.selected label { padding: 10px; }
	.wrapper.navigation .search.selected label:after {
		border-top: 19px transparent solid;
		border-bottom: 19px transparent solid;
	}
	.wrapper.navigation .search.selected .gsc-input-box { height: 37px; }
	.wrapper.navigation .search .gsc-input input.gsc-input {
		height: 37px !important;
		padding: 0 12px 0 64px !important;
		width: 201px !important;
	}
	.wrapper.navigation .search.selected input.gsc-search-button { padding: 12px; }
	/*////////////////////////////////////////////////*/
	/* toggle tool styles */
	/*////////////////////////////////////////////////*/
	.wrapper.navigation .mobile.nav-toggle,
	.wrapper.navigation .mobile.search-toggle {
		position:absolute;
		color:#fff;
		display:block;
		width:30px;
		height:30px;
		text-decoration:none;
		top:-50px;
		font-size:2.5em;
		font-weight:normal;
		background-color:#17c;
		right:.5em;
		text-align:center;
		line-height:1.1em;
		-webkit-border-radius:3px;
	}
	.wrapper.navigation .mobile.search-toggle {
		background-image:url(https://www.google.com/uds/css/v2/search_box_icon.png);
		background-repeat:no-repeat;
		background-position:center center;
		text-indent:-9999px;
		right:2em;
	}
	/*////////////////////////////////////////////////*/
	/* sidebar styles */
	/*////////////////////////////////////////////////*/
	.wrapper.main-content .sidebar {
		position:static;
		margin:0;
		width:100%;
		padding:0;
		float: none;
	}
	.wrapper.main-content .sidebar:after { display:none; }
	.wrapper.main-content .sidebar .aside {
		height: 43px;
		overflow: hidden;
		width:100%;
		margin:0;
		background-color:#fff;
		border-bottom:1px solid #111;
		-webkit-box-shadow:none;
	}
	.interior .wrapper.main-content .sidebar{
		margin-top:0;
	}
	.wrapper.main-content .sidebar .aside.selected { height:auto; }
	.wrapper.main-content .sidebar .aside ul,
	.wrapper.main-content .sidebar .aside ul li {
		padding:0;
		margin:0;
	}
	.wrapper.footer .container .about ul li a,
	.wrapper.footer .container .assist ul li a,
	.wrapper.main-content .sidebar .aside ul li a {
		text-decoration:none;
		display:block;
		font-size:1.2em;
		padding:0.5em;
		border-bottom:1px solid #ccc;
		text-align:left;
		background-color:#fff;
		color:#000;
		background-position: 98% 11px;
	}
	.wrapper.main-content .sidebar .aside ul li:last-child a { border:0; }
	.wrapper.main-content .aside.login .login-form {
		width: 100%;
		padding: 4%;
		margin: 0;
	}
	.wrapper.main-content .aside.login .login-form .labelset { margin:0 0 1em; }
	.wrapper.main-content .aside.login .login-form .labelset + .labelset { margin:0; }
	.wrapper.main-content .aside.login .login-form .labelset .field {
		width: 100%;
		padding:4% 4%;
		margin:0;
		font-size:1.4em;
	}
	.wrapper.main-content .aside.login .controls {
		width:100%;
		padding:0;
		margin:1em 0 0;
	}
	.wrapper.main-content .aside.login .controls .button {
		display:block;
		width:96%;
		padding:2%;
		margin:0 0 1em;
	}
	.wrapper.main-content .aside.login .assistance .forgot { display:none; }
	.wrapper.main-content .aside.login .assistance .forgot.mobile {
		display:inline-block;
		font-size:1.2em
	}
	/*////////////////////////////////////////////////*/
	/* interior page styles */
	/*////////////////////////////////////////////////*/
	.interior .wrapper.main-content .tagline { width:100%;}
	.interior .wrapper.main-content .tagline:after { display: none; }
	.interior .wrapper.main-content .tagline p {
		font-size:2em;
		line-height:1em;
		top:6px;
		right: 0;
		left: 1em;
	}
	.interior .wrapper.main-content .main {
		background-color:#fff;
		width:100%;
		padding:0;
	}
	.interior .wrapper.main-content .main .article {
		width:92%;
		padding:2% 4%;
	}
	.interior .wrapper.main-content .main .article p,
	.interior .wrapper.main-content .main .article ul,
	.interior .wrapper.main-content .main .article li { font-size:1em }
	.interior .wrapper.main-content .main .article h1 {
		font-size:2em;
		padding:0;
		margin:0 0 0.5em !important;
	}
	.interior .wrapper.main-content .main .article h2 { font-size:1.8em; }
	.interior .wrapper.main-content .main .article h3 { font-size:1.6em; }
	.interior .wrapper.main-content .main .article h4 { font-size:1.4em; }
	/*////////////////////////////////////////////////*/
	/* footer styles */
	/*////////////////////////////////////////////////*/
	.wrapper.footer .container {
		padding:4%;
		width: 92%;
		background-color: #3d3d3d;
	}
	.wrapper.footer .container .accreditation,
	.wrapper.footer .container .about,
	.wrapper.footer .container .assist,
	.wrapper.footer .container .social,
	.wrapper.footer .container .copyright,
	#regionSwitcher {
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 4%;
	}
	.wrapper.footer .container .about h5,
	.wrapper.footer .container .assist h5 {
		background-color:#17c;
		-webkit-border-radius:3px;
		padding:0.5em 1em;
		font-family:arial;
		font-size:1.2em;
		font-weight:bold;
		text-align:left;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC9JREFUeNpi/A8EDDgAExAz4pBjZGKMnMyARQEjhIiYBOb9X54LpkBiUA0MAAEGAE2jCd4Ot+dXAAAAAElFTkSuQmCC);
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	.wrapper.footer .container .about.selected h5,
	.wrapper.footer .container .assist.selected h5 { -webkit-border-radius:3px 3px 0 0; }
	.wrapper.footer .container .about ul,
	.wrapper.footer .container .assist ul { display:none; }
	.wrapper.footer .container .about.selected ul,
	.wrapper.footer .container .assist.selected ul { display:block; }
	.wrapper.footer .container .about.selected ul li:last-child a,
	.wrapper.footer .container .assist.selected ul li:last-child a {
		-webkit-border-radius:0 0 3px 3px;
		border:0;
	}
    

    /* BEGIN responsive  tables */
    
    table {
    	width: 100% !important;
    }
    
    
    table td {
    	width: auto !important;
    }
    
    
    table.stack td {
    	display: block;
    	width: 100% !important;
    }
    
    table.stack td img {
    	width: 100%;
    	height: auto;
    }
    
    /* END responsive  tables */    

}

/*@media
only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 960px), 
only screen and (   min--moz-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 960px),
only screen and (   -min-moz-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 960px),
only screen and (     -o-min-device-pixel-ratio: 1/1) and (min-width: 601px) and (max-width: 960px),
only screen and (        min-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 960px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 700px) and (max-width: 1000px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px) and (max-width: 1000px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) and (max-width: 1000px)
{	
	body {
		
	}




	.wrapper.header,
	.wrapper.footer {
		min-width: inherit;
	}
	.wrapper.header .container,
	.wrapper.footer .container{
		padding: 0em;
		width: 100%;
	}

	.wrapper.main-content {
		background-image: none;
	}
	.wrapper.header .logo {
		padding: 1em;
	}






	.wrapper.rainbow {
		min-width: inherit;
	}

	.wrapper.footer .container {
		padding: 2em 0em 0em 0em;
	}

	.wrapper.footer .about,
	.wrapper.footer .assist {
		width: auto;
		margin-right: 2.4em;
	}

	.wrapper.footer .social {
		position: absolute;
		right: 0;
		padding-right: 1em;
	}

}
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 910px), 
only screen and (   min--moz-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 910px),
only screen and (   -min-moz-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 910px),
only screen and (     -o-min-device-pixel-ratio: 1/1) and (min-width: 601px) and (max-width: 910px),
only screen and (        min-device-pixel-ratio: 1) and (min-width: 601px) and (max-width: 910px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 700px) and (max-width: 1000px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 700px) and (max-width: 1000px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px) and (max-width: 1000px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) and (max-width: 1000px)
{	

	.next,
	.prev {
		display: none;
	}

	.wrapper.footer .social a {
		width: 1.5em;
	}

	.wrapper.footer .accreditation a img {
		height: 5em;
	}

	.wrapper.footer .accreditation {
		width: 30%;
		margin-left: 1em;
	}

	.wrapper.footer .copyright {
		margin-left: 1em;
	}

	.wrapper.navigation .mobile.nav-toggle {
		font-size: 28pt;
		display: inline-block;
		font-weight: normal;
		color: #fff;
		padding: 0.01em 0.34em;
		text-shadow: 0px 1px 0px #0f4878;
	}

	.wrapper.navigation .nav.selected {
		display: block;
		width: auto;
		top: -4px;
	}

	/*.wrapper.navigation .nav > li:hover ul {
		display: none;
	}*/

	.wrapper.navigation .nav {
		display: none;
		background-color: #17c;
	}

	.wrapper.navigation .nav li {
		float: none;
		display: block;
	}

	.wrapper.navigation .nav > li > a {
		border-right: none;
	}
	.wrapper.navigation,
	.wrapper.main-content {
		min-width: inherit;
	}

	.wrapper.navigation .container {
		width: 100%;
	}

	.wrapper.navigation .nav > li:hover ul, 
	.wrapper.navigation .nav > li ul.selected {
		position: relative;
		width: 100%;
	}

	.wrapper.navigation ul.nav.selected li:hover ul {
		display: none;
	}
	
	.wrapper.navigation ul.nav.selected .dd-nav.selected ul {
        display: block;
	}

	.search {
		position: absolute;
		right: 0;
	}

	.wrapper.main-content {
		background-image: none;
	}

	.wrapper.main-content .tagline {
		height: 99px;
		width: 100%;
	}

	.wrapper.main-content .aside.login .login-form {
		width: 100%;
		padding: 4%;
		margin: 0;
	}
	.wrapper.main-content .aside.login .login-form .labelset { margin:0 0 0.5em; }
	.wrapper.main-content .aside.login .login-form .labelset + .labelset { margin:0; }
	.wrapper.main-content .aside.login .login-form .labelset .field {
		width: 100%;
		padding:2% 4%;
		margin:0;
		font-size:1em;
	}


    .wrapper.main-content .aside.login .controls,
    .wrapper.main-content .aside.login .assistance {
		width:100%;
		padding:0;
		margin:1em 0 0;
	}
	.wrapper.main-content .aside.login .controls .button {
		padding: 6% 4%;
		font-size: 1em;
		line-height: 1em;
		height: auto;	
		margin: 0;	
	}

	.wrapper.main-content .aside.login .controls .button.primary {
		width: 30% !important;
		

	}
	.wrapper.main-content .aside.login .controls .button.secondary {
		width: 50% !important;	

	}

	.wrapper.main-content .tagline:after {
		display: none;
	}

	.interior .wrapper.main-content .tagline p,
	.wrapper.main-content .tagline span,
    .wrapper.main-content .tagline p {
		top: 15px;
		right: auto;
		left: 12px;
		width: 80%;
		font-size: 19.5pt;
	}

	.interior .wrapper.main-content .main .breadcrumb {
		padding: 0 6px 0px 10px;
		height: auto;
	}

	.interior .wrapper.main-content .main .article {
		width: 96%;
		padding: 0 0 20px 10px;
	}
	.wrapper.main-content .caro-items .item.selected .box {
		width: 61%;
	}
	.wrapper.main-content .caro-items .item.selected .box h3 a {
		font-size: 24px;
		-webkit-text-stroke: 0.25px;
	}
	.wrapper.main-content .tagline span a.video.tool{
		bottom: -50px;
		left: 306px;
		right: initial;
		padding: 22px;
		background-position: center left;
	}

	.wrapper.main-content .container {
		width: 100%;
	}

	.wrapper.main-content .wrapper-int {
		width: 100%;
		background-image: none;
	}


	.wrapper.main-content .main {
		width: 70%;
	}

	.wrapper.main-content .sidebar {
		width: 30%;
		margin-top: -87px;
		min-height: 536px;
		background-color: #1465a9;
	}

	.wrapper.main-content .sidebar:after {
		width: 100%;
	}
	.wrapper.main-content .aside {
		width: 94%;
		-webkit-box-shadow: initial;
		-moz-box-shadow: initial;
		-ms-box-shadow: initial;
		-o-box-shadow: initial;
		box-shadow: initial;
	}

	.wrapper.main-content .aside h5 {
		padding: 9px 12px 9px 38px;
		font-size: 14px;
		background-size: 20px;
		background-position: 8px 6px;
	}

	.wrapper.main-content .caro .caro-thumbs {
		position: absolute;
		bottom: 12px;
		padding: 12px 0;
		width: 90%;
		overflow: hidden;
		z-index: 12;
		right: 4px;
	}

	.wrapper.main-content .caro .caro-thumbs ul {
		display: inline;
		width: auto !important;
		float: right;
	}

	.wrapper.main-content .caro-items .item.selected {
		width: 100%;
		min-height: 449px;
	}
	.wrapper.main-content .caro-items .item.selected img {
		top: initial;
		height: auto;
		width: 52%;
		bottom: 0;
		left: -56px;
	}
	.wrapper.main-content .caro .caro-thumbs .nav li {
		display: block !important;
	}

	.wrapper.main-content .caro .caro-thumbs .nav li.selected a {
		background: #fff;
	}

	.wrapper.main-content .caro .caro-thumbs .nav li a {
		height: 1.5em;
		width: 1.5em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		-ms-border-radius: 2em;
		-o-border-radius: 2em;
		border-radius: 2em;
		background: #17c;
	}

	.wrapper.main-content .caro .caro-thumbs .nav li a img {
		display: none;
	}

	.wrapper.main-content .caro .caro-thumbs .nav li a span {
		display: none;
	}

	.wrapper.header,
	.wrapper.footer {
		min-width: inherit;
	}
	.wrapper.header .container,
	.wrapper.footer .container{
		padding: 0em;
		width: 100%;
	}

	.wrapper.main-content {
		background-image: none;
	}
	.wrapper.header .logo {
		padding: 1em;
	}


	.wrapper.rainbow {
		min-width: inherit;
	}

	.wrapper.footer .container {
		padding: 2em 0em 0em 0em;
	}

	.wrapper.footer .about,
	.wrapper.footer .assist {
		width: auto;
		margin-left: 2.4em;
	}

	.wrapper.footer .social {
		position: absolute;
		right: 0;
		padding-right: 1em;
	}
    
    /* BEGIN responsive  tables */
    
    table {
    	width: 100% !important;
    }
    
    
    table td {
    	width: auto !important;
    }
    
    
    table.stack td {
    	display: block;
    	width: 100% !important;
    }
    
    table.stack td img {
    	width: 100%;
    	height: auto;
    }
    
    /* END responsive  tables */       
}