.el-header>.el-wrapper {
	position: relative;
	width: 1200px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
}

.cta-align{
	margin-top:64px;
}

.clear {
	clear: both;
}

.mobile {
	display: none;
}

.el-header {
	position: relative;
	height: 144px;
	width: 100%;
    margin:0 auto;
	background: #fff;
	box-shadow: 0px 5px 5px rgba(118, 130, 138, 0.2);
	z-index: 2;
}


/* Logo */

div.el-header>div.el-wrapper>a>img.el-brand-logo {
	float: left;
	margin: 28px 16px 0 48px;
	width: 186px;
}


/* Hamburger Icon */

.el-hamburger {
	position: absolute;
	top: 34px;
	left: 24px;
	width: 32px;
	height: 16px;
	display: none;
	cursor: pointer;
}

.el-hamburger span {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 6px;
	background: #024C99;
	border-radius: 3px;
	transition: .3s ease-in-out;
	transition-delay: .75s;
}

.el-hamburger span:nth-child(2) {
	top: auto;
	bottom: 0;
	left: 0;
	width: 20px;
	transition-delay: .5s;
	overflow: visible;
}

.el-hamburger span:nth-child(3) {
	top: -6px;
	left: 5px;
	width: 0;
	transform: rotate(45deg);
	transition-delay: .25s;
	transform-origin: left;
}

.el-hamburger span:nth-child(4) {
	top: -6px;
	right: 5px;
	left: auto;
	width: 0;
	transform: rotate(-45deg);
	transition-delay: 0s;
	transform-origin: right;
}


/* Hamburger on Hover */

.el-hamburger span:nth-child(2):before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 6px;
	background: #80BC00;
	border-radius: 3px;
	transition: .3s ease-in-out;
}

.el-hamburger:hover span:nth-child(2):before {
	width: 100%;
}


/* Hamburger Transform Into Close Icon */

.el-hamburger.open span:nth-child(1) {
	width: 0;
	transition-delay: 0s;
}

.el-hamburger.open span:nth-child(2) {
	width: 0;
	transition-delay: .25s;
}

.el-hamburger.open span:nth-child(3) {
	width: 32px;
	transition-delay: .5s;
}

.el-hamburger.open span:nth-child(4) {
	width: 32px;
	transition-delay: .75s;
}


/* Header Main Navigation */

.el-main-nav {
	float: left;
}

.el-main-nav ul {
	height: 144px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.el-main-nav ul li {
	margin: 0 0 30px;
	padding: 0 23px;
}

.el-main-nav ul li a {
	position: relative;
	padding-bottom: 7px;
	color: #024C99;
	font-size: 16px;
	line-height: 1em;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}

.el-main-nav ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(128, 188, 0, 0);
	transition: .3s;
}

.el-main-nav ul li a:hover:after {
	background: rgba(128, 188, 0, 1);
}


/* Header Mobile Navigation */

.el-mobile-menu {
	display: none;
	position: absolute;
	background: #fff;
	top: -100vh;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	border-bottom: 10px solid #024C99;
	transition: .6s ease-in-out;
	z-index: 1;
}

.el-mobile-menu.open {
	top: 80px;
	z-index: 5;
}

.el-mobile-nav {
	height: calc(100vh - 280px);
}

.el-mobile-nav ul {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 40%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	align-items: center;
	align-items: center;
	justify-content: center;
}

.el-mobile-nav ul li {
	flex: 1;
}

.el-mobile-nav ul li a {
	color: #024C99;
	font-size: 32px;
	line-height: 1.25em;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}


/* Header Search */

.el-header-right {
	float: right;
	margin: 20px 48px 0 0;
}

.el-search {
	position: relative;
}

.el-search input {
	display: block;
	width: 180px;
	height: 35px;
	margin: 0 0 28px 0;
	padding: 0 8px;
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	line-height: 1.5;
	color: #242424;
	background-color: #E7F5F9;
	border: 1px solid #479DC7;
	border-radius: 3px;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

/* Header Mobile Search */

.el-search.mobile {
	margin: 30px 25px 0;
}

.el-search.mobile input {
	width: 100%;
}


/* Header Button */

.el-btn-header {
	margin-top: 30px;
	display: inline-block;
	width: 180px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
	background: #024C99;
	border: 3px solid #024C99;
	border-radius: 20px;
	transition: .3s;
}

.el-btn-header.mobile {
	margin: 0 auto 20px;
}

.el-btn-header:hover {
	background: #4179B3;
	border: 3px solid #4179B3;
}

.el-btn-header:focus {
	background: #024C99;
	border: 3px solid #479DC7;
}

@media screen and (max-width: 1200px) {
	div.el-header>div.el-wrapper>a>img.el-brand-logo {
		margin: 44px 10px 0 30px;
		width: 148px;
	}
	.el-header-right {
		margin: 20px 30px 0 0;
	}
	.el-main-nav ul li {
		padding: 0 15px;
	}
.el-header{
width:100%;
}
}

@media screen and (max-width: 1030px) {
	.el-header {
		display: inline-block;
		height: 80px;
		text-align: center;
		box-shadow: none;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	}
	div.el-header>div.el-wrapper>a>img.el-brand-logo {
		float: none;
		display: inline-block;
		margin: 10px auto 0;
		width: 124px;
	}
	.el-main-nav {
		display: none;
	}
	.el-mobile-menu {
		display: block;
	}
	.el-header-right {
		float: none;
		position: absolute;
		top: 0;
		right: 20px;
		margin: 20px 0 0;
	}
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
	.el-btn-header.desktop {
		display: block;
    margin-top:0px;
	}
	.el-hamburger {
		display: block;
	}
}

@media screen and (max-width: 576px) {
	.el-btn-header.desktop {
		display: none;
	}

	.el-search.mobile input {
		width: 96.5% !important;
	}
	/*.cmp-search__icon {
		left: 18rem !important;
	}*/

    .cmp-search__results {
   		left: 0px;
	}
	.el-header{
    width:100% !important;
	}
}
    @media screen and (min-width:411px) and  (max-width: 450px) {
.cmp-search__results {
   		left: 1px !important;
        min-width:98.5%
	}
    .el-search.mobile input {
    width: 94% !important;

	}
    }
@media screen and (min-width:451px) and  (max-width: 575px) {
.cmp-search__results {
   		left: 1px !important;
        min-width:98.5%
	}
    .el-search.mobile input {
    width: 95% !important;

	}
    }

@media screen and (min-width:321px) and  (max-width: 410px) {
.cmp-search__results {
   		left: 1px !important;

	}
    .el-search.mobile input {
    width: 95% !important;

	}
    }
@media screen and (max-width: 320px) {
	/*.el-search:after{
	right:52px !important;
}*/
	.el-search.mobile input {
		width: 93% !important;
	}
	/*.cmp-search__icon {
		left: 15rem !important;
	}*/

 .cmp-search__results {
   		left: -1px !important;
	}

.el-header{
    width:320px;
}

}

@media screen and (max-width: 768px) {

	.el-search.mobile input {
		width: 97.5%;
	}
	.el-search.mobile {
		margin: 30px 25px 20px;
	}
	.el-btn-header {
		margin-top: 0px !important;
	}
.el-header{
    width:100%;
}
.el-header>.el-wrapper{
max-width:100% !important;
}
}

form{
max-width:100%
}

.cmp-search__input {
	display: block;
	width: 165px;
	height: 35px;
	margin: 0 0 28px 0;
	padding: 0 8px;
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	line-height: 1.5;
	color: #242424;
	background-color: #E7F5F9;
	border: 1px solid #479DC7;
	border-radius: 3px;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.cmp-search__icon {
	right: 1rem;
	top: 10px;
	width: 15px;
	height: 16px;
	background-size: contain;
}

.cmp-search__item span {
    margin: 0px 8px;
    display: block;
    line-height: 1.5;
}

.cmp-search__item span:hover {
    color:white;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: grey;
  opacity: 1; /* Firefox */
}



input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: grey;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: grey;
}
@media screen and (min-width:769px) and  (max-width: 1199px) {
.el-header{
    width:100%;
}
 .el-search.mobile{
margin: 30px 25px 25px;
}
 .el-search.mobile input {
		width: 98%;
	}
}
@media screen and (min-width:1200px) and (max-width:1365px){
    .el-header{
            width:100%;
        }
    }