@media screen and (min-width: 1px) {

	/* TOP MENU */

	.top-nav {
		background-color: rgb(0,58,74);
		width: 100%;
		height: 35px;
		position: fixed;
		top: 0px;
		z-index: 2000;
	}

	.top-menu {
	  margin: 0;
	  padding-left: 15%;
	  list-style: none;
	  width: 70%;
	  text-align: center;
	  font-size: 1rem;
	  line-height: 1.4rem;
	  float: left;
	  text-transform: uppercase;
	  font-family: "Roboto", Helvetica, Arial, sans-serif;
	}
	.top-menu ul {
	  min-width: 150px;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  position: absolute;
	  top: -999em;
	  left: -999em;
	}
	.top-menu li {
	  display: inline-block;
	  position: relative;
	  text-align: left;
	}
	.top-menu li.focus > ul, .top-menu li:hover > ul {
	  top: 35px;
	  left: auto;
	}
	.top-menu li li {
	  display: block;
	}
	.top-menu li li.focus > ul, .top-menu li li:hover > ul {
	  left: 100%;
	  top: 0;
	}
	.top-menu a {
	  color: #fff;
	  text-decoration: none;
	  display: block;
	  white-space: nowrap;
	  margin: 10px 60px;
	}
	.top-menu a:hover,
	.top-menu li:hover > a,
	.top-menu .focus > a,
	.top-menu .current-menu-item > a,
	.top-menu .current-menu-ancestor > a {
	  color: rgb(255,255,255);
	}

	.sub-menu a:hover,
	.sub-menu li:hover > a,
	.sub-menu .focus > a,
	.sub-menu .current-menu-item > a,
	.sub-menu .current-menu-ancestor > a {
	  color: #333333;
	}
	.top-menu .menu-item-has-children > a::before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  border: 4px solid transparent;
	  border-top-color: currentColor;
	}
	.top-menu ul .menu-item-has-children > a::before {
	  right: 2px;
	  border-top-color: transparent;
	  border-left-color: currentColor;
	}
	.top-menu ul {
	  background-color: rgb(196,0,122);
	}

	/* end TOP MENU */


	/* LOGO */

	.logo {
		width: 160px;
		margin: 25px auto 15px;
	}

	.logo img {
		width: 100%;
		display: block;
	}

	/* end LOGO */

	/* PRIMARY MENU */

	.nav {
		background-color: rgb(255,255,255);
	  width: 100%;
	  height: 100px;
	  position: fixed;
	  top: 0px;
	  z-index: 1000;
	  /*box-shadow: 0 10px 50px -2px rgba(0,0,0,.14);*/
	  box-shadow: 0 5px 10px -2px rgba(0,34,44,.10);
	}

	.primary-menu {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  width: 100%;
	  text-align: center;
	}
	.primary-menu ul {
	  min-width: 150px;
	  margin: 30px 0 0 -158px;
	  padding: 0;
	  list-style: none;
	  position: absolute;
	  top: -999em;
	  left: -999em;
	  width: 400px;
	}
	.primary-menu li {
	  display: inline-block;
	  position: relative;
	  text-align: center;
	}

	.primary-menu li li {
	  display: inline-block;
	}
	.primary-menu li li.focus > ul, .primary-menu li li:hover > ul {
	  left: 100%;
	  top: 0;
	}
	.primary-menu a {
	  color: rgb(0,58,74);
	  text-decoration: none;
	  display: block;
	  white-space: nowrap;
	  padding: 5px 20px;
	  /*margin: 5px 60px;*/
	  font-size: 1.2rem;
	  font-weight: 400;
	  text-transform: uppercase;
	  font-family: 'Nunito', roboto;
	}

	.primary-menu ul li a {
	  color: rgb(0,58,74);
	  text-decoration: none;
	  display: block;
	  white-space: nowrap;
	  /*padding: 9px 60px;*/
	  font-size: 1.4rem;
	  text-transform: none;
	  font-family: 'Nunito', roboto;
	}

	.primary-menu ul li:last-child {
	  padding-bottom: 35px;
	}

	.primary-menu a:hover, .primary-menu li:hover > a {
		color: #0068b4;
		letter-spacing: 0.2;
	}

	/*.primary-menu .focus > a,
	.primary-menu .current-menu-item > a,
	.primary-menu .current-menu-ancestor > a {
	  color: rgb(255,255,255);
	  letter-spacing: 0.2;
	}*/

	/*.primary-menu .menu-item-has-children > a::before {
	  content: "";
	  position: absolute;
	  right: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  border: 4px solid transparent;
	  border-top-color: currentColor;
	}*/
	.primary-menu ul .menu-item-has-children > a::before {
	  right: 2px;
	}
	.primary-menu ul {
	  background-color: rgb(255,255,255);
	}

	.primary-menu li.focus > ul, .primary-menu li:hover > ul {
	  top: -5px;
	  left: 0px;
	}

	.top-menu-search {
		position: absolute;
		right: 5%;
		margin-top: 3px;
	}

	/* SEARCH FORM */

	#search-submit-button {
	    background-color: transparent;
	    color: rgb(255,255,255);
	    font-size: 1.5rem;
	    line-height: 1.3;
	    cursor: pointer;
	    border: 0px;
	}

	#search-input-field {
	    height: 22px;
	    width: 300px;
	    padding: 5px 8px;
	    font-size: 1.3rem;
	    line-height: 1.1;
	    border-radius: 0px;
	    background-color: #fff;
	    color: rgb(255,255,255);
	}

	.top-menu-search label {
		position: absolute;
		top: 4px;
		right: 0px;
	}

	.top-menu-search input#show, .top-menu-search input#hide {
	    display:none;
	}

	.top-menu-search span#search-bar {
	    display: block;
	    -webkit-transition: opacity 1s ease-out;
	    transition: opacity 1s ease-out;
	    opacity: 0;
	    height: 0;
	    font-size: 0;
	    overflow: hidden;
	    margin-right: 40px;
		margin-top: 2px;
	}

	.top-menu-search input#show:checked ~ .show:after {
	    content: ""
	}

	.top-menu-search input#show:checked ~ .hide:after {
	    content: url(../images/search-icon.png);
	}

	.top-menu-search input#hide:checked ~ .hide:after {
	    content: ""
	}

	.top-menu-search input#hide:checked ~ .show:before {
	    content: url(../images/search-icon.png);
	}

	.top-menu-search input#show:checked ~ span#search-bar {
	    opacity: 1;
	    font-size: 100%;
	    height: auto;
	}

	.top-menu-search. input#hide:checked ~ span#search-bar {
	    display: block;
	    -webkit-transition: opacity 1s ease-out;
	    transition: opacity 1s ease-out;
	    opacity: 0;
	    height: 0;
	    font-size: 0;
	    overflow: hidden;
	}

	/* end SEARCH FORM */

/* end PRIMARY MENU */

}