@font-face {
	    font-family: Roboto-Black;
	    src: url(https://www.cseaebf.com/fonts/Roboto-Black.ttf);
	}
	
	@font-face {
	    font-family: Roboto-Bold;
	    src: url(https://www.cseaebf.com/fonts/Roboto-Bold.ttf);
	}
	
	@font-face {
	    font-family: Roboto-Italic;
	    src: url(https://www.cseaebf.com/fonts/Roboto-Italic.ttf);
	}
	
	@font-face {
	    font-family: Roboto-Medium;
	    src: url(https://www.cseaebf.com/fonts/Roboto-Medium.ttf);
	}
	
	@font-face {
	    font-family: Roboto-Light;
	    src: url(https://www.cseaebf.com/fonts/Roboto-Light.ttf);
	}
	
	@font-face {
	    font-family: Roboto-Light-Italic;
	    src: url(https://www.cseaebf.com/fonts/Roboto-LightItalic.ttf);
	}
	
	body {
		font-family: Roboto-Light;
		background-color: #202968;
		display: block;
		background: rgb(32,41,104);
		background: linear-gradient(180deg, rgba(32,41,104,1) 0%, rgba(255,255,255,1) 100%) fixed;
		padding-top: 0;
	}
	
	h1 {
		font-family: Roboto-Medium;
		color: #202968;
		font-size: 1.9em;
		text-align: left;
		margin: 0;
	    padding-top: 50px;
	    
	}
	
	h2 {
		font-family: Roboto-Medium;
		color: #999;
		font-size: 1.4em;
		text-transform: uppercase;
		text-align: center;
		margin-top: 10px;
	}
	
	.container {
		background: #fff;
		max-width: 950px;
		padding: 0;
	}
	
	.container-fluid {
    	padding: 0;
    	max-width: 950px;
	}
	
	.bold_ {
		font-family: Roboto-Medium;
	}
		
	#header {
		background-color: #eee;
		height: 188px;
		background-image: url('https://cseaebf.com/images/home/Header-Background-CSEA-EBF-Home.jpg?999');
	    background-size: 100%;
	    background-repeat: no-repeat;
	}
	
	#header h2{
		margin: 0;
	    position: relative;
	    top: -38px;
	    font-size: 2em;
	    color: #76787b;
	    line-height: 1em;
	}
	
	#header img {
		position: relative;
	    left: 45px;
	    top: 33px;
	    width: 170px;
	}
	
	#top-nav ul {
		position: relative;
		top: -190px;
		left: 175px;
	}
	
	#top-nav li {
		margin-right: 25px;
		font-family: Roboto-Medium;
	}
	
	#top-nav a {
		color: #00316b;
	}
	
	#top-nav a:hover {
		color: #4E8DBA;
	}
	
	#nav ul{
		text-transform: uppercase;
		width: 100%;
	}
	
	
	.navbar {
	  font-family: Roboto-Medium;
	  width: 100%;
	  overflow: visible;
	  border-radius: 0;
	  margin-bottom: 0;
	  border: none;
	}
	
	.navbar a {
	  float: left;
	  padding: 2px;
	  color: white;
	  text-decoration: none;
	  font-size: 16px;
	  text-align: center;
	}
	
	.nav>li>a {
		font-family: Roboto-Medium;
	    padding: 5px 10px;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 17px;
	}
	
	.dropdown-size {
	    font-size: 15px !important;
	}
	
	.nav-item {
		font-family: Roboto-Medium;
		color: #fff !important;
	}
	
	.nav-item a {
		font-family: Roboto-Medium;
	    padding: 10px 10px 10px;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 17px;
	}
	
	#social {
		position: relative;
		top: -46px;
		left: 782px;
		width: 150px;
	}
	
	.fb {
		background-image: url(https://cseaebf.com/images/home/Icon-Facebook.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	.fb:hover {
		background-image: url(https://cseaebf.com/images/home/Icon-Facebook-Hover.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	
	.insta {
		background-image: url(https://cseaebf.com/images/home/Icon-Instagram.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	.insta:hover {
		background-image: url(https://cseaebf.com/images/home/Icon-Instagram-Hover.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	.search {
		background-image: url(https://cseaebf.com/images/home/Icon-Search.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	.search:hover {
		background-image: url(https://cseaebf.com/images/home/Icon-Search-Hover.png);
	    background-repeat: no-repeat;
	    width: 20px;
	    height: 20px;
	    background-size: 20px;
	    display: block;
	}
	
	
	
	.dropdown-menu {
		margin: -1px 0 0;
		border-radius: 0;
		border: none;
		padding: 0;
	}
	
	.dropdown-toggle::after {
	    content: none;
	}
	
	.dropdown-item {
    	width: 237px;
    	color: #fff;
    	text-align: center;
    	font-size: 1.1em;
    	padding: .6em;
    }
    
    .dropdown-menu.menu-1 {
		background-color: #002a54;
	}
	
	.dropdown-menu.menu-4 {
		background-color: #b7012a;
	}
    
    .dropdown-menu.show {
/*	    background-color: #143D78; */
	    left: -1px !important;
	}
	
	.dropdown-divider {
	    border-top: 2px solid #e9ecef;
	    margin: 0
	}
	
	.iam {
		display: block;
	    line-height: .1em;
	    font-size: .8em;
	    padding-top: 8px;
	    margin-left: -10px;
	    position: relative;
	    top: 6px;
	    text-transform: none;
	    font-family: 'Roboto-Italic';
	}
	
	
	a.butt-1 {
		background-color: #00316b;
	}
	
	a.butt-1:hover {
		background-color: #002a54;
	}
	
	.butt-2 {
		background-color: #004a43;
	}
	
	a.butt-2:hover {
		background-color: #003c35;
	}
		
	.butt-3 {
		background-color: #569fd3;
	}
	
	a.butt-3:hover {
		background-color: #4e8dba;
	}
	
	.butt-4 {
		background-color: #d00031;
	}
	
	a.butt-4:hover {
		background-color: #b7012a;
	}
	
	#main {
		background-color: #fff;
		height: auto;
	}
	
	#main .h3 {
		color: #CD1F2E;
		font-size: 1.3em;
	}
	
	.main-text {
		font-size: 1.15em;
		text-align: center;
		margin: 25px 85px;
		line-height: 1.7em;
	}
	
	.top {
		background-color: #F5F6F8;
		height: 410px;
		border-bottom: 2px solid #ddd;
	}
	
	#footer {
		background-color: #001b3b;
		height: 250px;
		padding: 20px;
		color: #fff;
		font-size: .85em;
	}
	
	#footer a {
		color: #fff;
		text-decoration: none;
		background-color: transparent;
	}
	
	#footer a:hover {
		text-decoration: none;
	}
	
	#footer-mobile {
		display: none !important;
	}
	
	#footer .copyright {
		margin: 0px 50px;
	    color: #999;
	    max-width: 90%;
	}
	
	
	.three_btns {
		margin:	105px;
	}
	
	.mem_portal {
		border-radius: 5px;
		height: 175px;
		margin: -85px 75px;
		background-color: #fff;
	}
	
	.port-mobile {
		display: none;
	}
	
	.bottom {
		height: 525px;
	}
	
	.chat {
	    width: 30%;
		margin-top: 20px;
    }
    
	.bottom_butts {
		width: 270px;
		text-align: center;
		padding: 0;
		font-size: .9em;
	}
	
	.bottom_btns {
		width: 270px;
		text-align: center;
		padding: 27px;
		font-size: .9em;
	}
	
	.icon {
		width: 75px;
		height: 75px;
		display: block;
		margin: 10px auto;
	}
	
	
	.ben-srch-icon {
        width: 75px;
		height: 65px;
		position: relative;
		display: block;
		margin: auto;
		margin-bottom: 20px;
    }
    
    .ben-srch-icon .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    
    .ben-srch-icon:hover .img-top {
        display: inline;
    }
    
    
    .prov-srch-icon {
        width: 75px;
		height: 65px;
		position: relative;
		display: block;
		margin: auto;
		margin-bottom: 20px;
    }
    
    .prov-srch-icon .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    
    .prov-srch-icon:hover .img-top {
        display: inline;
    }
    
    .down-forms-icon {
        width: 75px;
		height: 65px;
		position: relative;
		display: block;
		margin: auto;
		margin-bottom: 20px;
    }
    
    .down-forms-icon .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    
    .down-forms-icon:hover .img-top {
        display: inline;
    }
    
    .pdf {
	    width: 260px;
	    background-image: url(https://cseaebf.com/images/home/PDF_file_icon.svg.png);
	    background-size: 35px;
	    background-repeat: no-repeat;
	    height: 44px;
	    background-color: #eee;
	    padding: 6px 5px 2px 43px;
	    margin-bottom: 20px;
    }
    
    a.pdf_{
	    color: #d00031;
	    font-family: Roboto-Medium;
	    line-height: 1.1em;
    }
    
    .icon_head {
	    font-family: Roboto-Black;
	    color: #d00031;
	    font-size:1.2em;
	    text-transform: uppercase;
    }
	
	.clk_here a{
		font-family: Roboto-Medium;
		text-transform: uppercase;
		font-size: 1em;
		color: #00316b;
	}
	
	.clk_here a:hover {
		color: #4E8DBA;
	}
	
	.ext_butts {
		position: relative;
		top:-103px;
	}
	
	.downtown {
		position: relative;
	    top: 13px;
	    width: 235px;
	    left: 20px;
	}
	
	.davis {
		width: 90%;
		margin-left: 21px;
		margin-top: 20px;	
	}
	
	.footer_heading {
		color: #76787b;
	    margin-bottom: 15px;
	    margin-left: 20px;
	    font-size: 1.15em;
	    font-family: 'Roboto-Medium';
	}
	
	#footer li{
		list-style: none;
		margin-left: -20px;
	}
	
	#footer a:hover {
		color: #8cc9e7;
	}
	
	
	
/* 	TABLET */
	@media (min-width: 768px) and (max-width: 991.98px) { 
/* 	@media (min-width: 768px) and (max-width: 1400px) { */
/*
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : portrait) {
*/
		.container {
			width: 100%;
			padding: 0;
		}
		
		.container-fluid {
	    	padding: 0;
		}
	
		#header {
			height: 165px;
			background-size: 102%;
		}
		
		#top-nav ul {
			left: 140px;
			top: -148px;
		}
		
		#social {
			top: 44px;
			left: 10px;
			z-index: 999;
		}
		
		.navbar-collapse {
			height: 1px;
			padding: 0;
		}
		
		#header img {
			left: 20px;
		}
		
		#top-nav ul {
		    margin-left: 5px;
		}
		
		.dropdown-menu.show {
		    left: -6px !important;
		}
		
		.three_btns {
			margin:	25px;
		}
		
		.ext_butts {
			top:-78px;
		}
		
		#footer {
			padding: 10px;
			font-size: .85em;
		}
		
		.footer_heading {
			color: #999;
			margin-bottom: 15px;
			margin-left: 20px;
			font-weight: bold;
			font-size: 1.2em;
		}
		
		.bottom {
			height: 540px !important;
		}
	}
	
	
	
/* 	MOBILE */
	@media (max-width: 767px) {
		.container-fluid {
	    	padding: 0;
		}
		
		#header {
			height:	173px;
			background-image: url('https://cseaebf.com/images/home/Header-Background-CSEA-EBF-Home-Mobile.jpg?i=999');
		}
		
		h2#your-union {
			display: none;
		}
		
		#header img {
			position: relative;
			left: 122px;
			top: 34px;
			width: 135px;
		}
		
		.navbar {
			z-index: 999;
			height: 1px;
		}
		
		
		#social {
			top: 65px;
			left: -20px;
			z-index: 999;
		}
		
		.dropdown-menu.show {
			width: 237px;
			z-index: 999;
 			background-color: transparent;
		}
		
		.dropdown-menu.menu-1 {
			background-color: #002a54;
			left: -6px !important;
		}
		
		.dropdown-menu.menu-4 {
			background-color: #b7012a;
			width: 200px; 
			left: 0px !important;
		}
		
		.dropdown-item {
			/* width: 237px; */
		}
		
		.dropdown-item.item-4 {
			width: 200px;
		}
		
		.navbar-collapse {
			width: 100%;
			background-color: #eeeeeef5;
			
			position: relative;
			top: -95px !important; 
		}
		
		#top-nav ul {
			top: 20px !important;
			left: 5px !important;
			padding-bottom: 20px;
		}
		
		#top-nav li {
			display: block;
			padding: 10px 0;
		}
		
		.navbar a {
			float: none;
		}
		
		.nav-item a {
			font-size: 16px;
		}
		
		.navbar-toggler {
			position: relative;
		    top: -100px;
		}
		
		body {
			font-family: Roboto-Light;
			background-color: #202968;
			background: rgb(32,41,104);
			padding-top: 0;
			
		}
		
		.top {
			height: 464px !important;
		}
		
		.main-text {
			margin: 25px !important;
			font-size: 1em !important;
		}
		
		.port-desktop {
			display: none;
		}
		
		.port-mobile {
			display: block;
			border: 2px solid #eee;
			border-radius: 8px;
		}
		
		.mem_portal {
		    margin: -65px 28px 30px !important;
		    height: unset !important;
		}
		
		.bottom_butts {
			width: 200px;
			text-align: center;
			padding: 0;
			font-size: .9em;
		}
		
		.bottom_btns {
			width: 270px;
			text-align: center;
			padding: 15px;
			font-size: .9em;
		}
		
		.three_btns {
			margin:	15px;
		}
		
		.davis {
		    width: 82% !important;
			margin-top: 100px !important;
		}
		
		.ext_butts {
			top: 25px;
		}
		
		.downtown {
		    top: 24px;
		    left: -25px !important;
		}
		
		.chat {
			position: relative;
		    top: 50px;
		    width: 85%;
		    left: 28px;
		}
		
		.bottom {
			height: 1043px !important;
		}
		
		
		#footer {
			display: none;
		}
		
		#footer-mobile {
			display: block !important;
			background-color: #001b3b;
			height: 535px;
			padding: 20px;
			color: #fff;
			font-size: 1em;
		}
		
		#footer-mobile ul{
			text-align: center;
			padding: 0 0 25px 0;
		}
		
		#footer-mobile li{
			list-style: none;
			margin-left: -20px;
		}
		
		#footer-mobile .footer_heading {
			font-family: Roboto-Medium;
		    text-align: center;
		    padding: 0;
		    margin: 10px 0;
		    font-size:	1.25em;
		}
		
		#footer .copyright {
			margin: 0px 20px !important;
		    color: #999;
		    max-width: 95%;
		}

		
	}