/* header */

.fullWidthDiv.menuCont {display:block; clear:both; padding:10px; background-color:#fff; box-shadow:1px 1px 4px 0 rgba(0,0,0,.1); position:fixed; top:0px; overflow:hidden; z-index:3;}
.header {margin:0px auto; width:100%; max-width:1250px;}
.header ul {margin:0; padding:0; list-style:none; overflow:hidden; background-color:#fff;}
.header li a {display:block; padding:20px 20px; font-size:14px; text-transform:uppercase; font-weight:700;}
.header li a:link {text-decoration:none; color:#20308d;}
.header li a:visited {text-decoration:none; color:#20308d;}
.header li a:hover,
.header .menu-btn:hover {color:#88c544; background:rgba(0, 0, 0, 0);}

.header .logoLink {display:block; float:left;}
.header .logoLink img {height:60px;}


/* menu */

.header .menu {clear:both; max-height:0; transition:max-height .2s ease-out;}


/* menu icon */

.header .menu-icon {cursor:pointer; display:inline-block; float:right; margin-top:3px; padding:28px 20px; position:relative; user-select:none;}
.header .menu-icon .navicon {background:#333; display:block; height:4px; position:relative; transition:background .2s ease-out; width:30px;  border-radius:5px;}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {background:#333; content:' '; display:block; height:100%; position:absolute; transition:all .2s ease-out; width:100%;}
.header .menu-icon .navicon:before {top:10px; border-radius:10px;}
.header .menu-icon .navicon:after {top:-10px; border-radius:10px;}


/* menu btn */

.header .menu-btn {display:none;}
.header .menu-btn:checked ~ .menu {max-height:400px; overflow-y:auto;}
.header .menu-btn:checked ~ .menu-icon .navicon {background:transparent;}
.header .menu-btn:checked ~ .menu-icon .navicon:before {transform:rotate(-45deg);}
.header .menu-btn:checked ~ .menu-icon .navicon:after {transform:rotate(45deg);}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top:0;}


/* 48em = 768px */

@media only screen and (min-width: 900px) {
	.fullWidthDiv.menuCont {padding:20px;}
	.header .logoLink img {display:block; height:90px;}
	.header li {float:left;}
	.header li a {padding:36px 15px;}
	.header .menu {clear:none; float:right; max-height:none;}
	.header .menu-icon {display:none;}
}