/*	.nav-top {
	  grid-column-gap: 16px;
	  grid-row-gap: 16px;
	  background-color: #000;
	  grid-template-rows: auto auto;
	  grid-template-columns: 1fr 1fr;
	  grid-auto-columns: 1fr;
	  display: block;
	}*/
	.navcontainer {
		background-color: #fff;
	}
	.nav-mobile {
		background-color: #fff;
	}
	.nav-top {
	  background-color: #000;
	  display: flex;
	  flex-direction: row-reverse;
	}
	.navbar-new {
	    font-family: 'Arimo', sans-serif;
	    font-size: 15px;
	    font-weight: 700;
	    line-height: 16px;
	    letter-spacing: 1px;
	    position: sticky;
	    top: 0;
	    background-color: white;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    padding: 10px 40px 10px 20px;
	    z-index: 1000;
	    box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
	.nav-buttons {
	  float: right;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-right: 10px;
	}
	.nav-links {
	    align-items: center;
	    margin-bottom: 10px !important;
	    padding-left: 40px !important;
	    font-family: Helvetica, sans-serif;
	}
	.nav-links, .sub-nav, .sub-sub-nav {
	    list-style: none;
	    display: flex;
	}
	.nav-links > li > a::first-letter {
	    text-decoration: underline;
	    text-decoration-thickness: 1px;
	    text-underline-offset: 10px;
	}
	.sub-nav {
	    display: none;
	    position: absolute;
	    background-color: #fff;
	    width: 180px;
	    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	    opacity: 1;
	    font-size: 14px;
	    font-weight: 500;
	    padding: 5px;
	}
/*	.nav-item a:hover {
	    color: #58adc5;
	}*/
	.sub-nav li a {
/*	    color: #999 !important;*/
	    opacity: 1;
	}
	.sub-nav > li:hover > a {
		background-color: #eeeeee;
	}
	.sub-sub-nav {
	    background-color: #fff;
	    opacity: 1;
	    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	    display: none;
	    position: absolute;
	    left: 100%;
	    top: 0;
	    width: 200px;
	    list-style: none;
	    padding: 5px;
	}
	.sub-sub-nav > li > a:hover {
		background-color: #eeeeee;
	}
/*	.sub-sub-nav ul {
	    background-color: #fff !important;
	    opacity: 1 !important;
	}*/
	.nav-item:hover .sub-nav, .sub-item:hover .sub-sub-nav {
	    display: flex;
	    flex-direction: column;
	}
	.sub-item {
	    position: relative;
	}
	.nav-links li a, .sub-nav li a, .sub-sub-nav li a {
		list-style: none;
    text-decoration: none !important;
    color: black !important;
    padding: 10px;
    display: block;
	}
	.line-nav {
	    width: 30px;
	    height: 3px;
	    background-color: black;
	    margin: 5px 0;
	}
	.nav-links > li:hover > a { 
	    text-decoration: underline !important;
	    text-decoration-thickness: 1px !important;
	    text-underline-offset: 10px;
	}
	.w-button-nav {
	  display: inline-block;
	  padding: 9px 15px;
	  background-color: #3898EC;
	  color: white;
	  border: 0;
	  line-height: inherit;
	  text-decoration: none;
	  cursor: pointer;
	  border-radius: 0;
	}
	.btn-pay {
	  mix-blend-mode: normal;
	  background-color: #000;
	  color: white;
	  margin-right: 10px;
	  padding-left: 45px;
	  padding-right: 45px;
	  font-family: Arimo, sans-serif;
	  font-size: 14px;
	  line-height: 16px;
	}

	.btn-contact {
	  color: #000;
	  background-color: #fff;
	  margin-left: 0;
	  padding-left: 20px;
	  padding-right: 20px;
	  font-family: Arimo, sans-serif;
	  font-size: 14px;
	  line-height: 16px;
	}

	.btn-pay:hover {
	  background-color: #fff;
	  border: 1 none #fff;
	  color: #000;
	}
	.btn-contact:hover {
	  background-color: #000;
	  color: #fff;
	}
	.sol-button:hover {
	  background-color: #000;
	  color: #fff;
	}

	@media screen and (min-width: 1230px) and (max-width: 1312px) { 
		.navbar-new {
			font-size: 13px;
		}
	}

	@media screen and (max-width: 1230px) {
		.nav-break {
		/*    border-bottom: 1px solid black;*/
		  padding-top: 17px;
		  margin-bottom: 17px;
		}
		.nav-header {
		  display: flex;
		  justify-content: space-between;
		  padding: 10px;
		}
		.nav-menu {
		  display: none; 
		  font-family: Arimo, sans-serif;
		  padding: 0px 10px 0px 10px;
		}
		.nav-item {
		  padding: 10px 0px 10px 0px;
		  position: relative;
		}
		.nav-subitem {
		  padding: 0px 0px 6px 0px;
		  position: relative;
		}
		.nav-submenu, .nav-subsubmenu {
		  display: none;
		/*    padding-left: 5px;*/
		}
		.nav-subsubmenu {
		  font-size: 16px;
		  line-height: 16px;
		  padding-left: 20px;
		}
		.nav-link-m {
		  text-decoration: none;
		  color: black;
		  display: block;
		  padding-bottom: 8px;
		  font-size: 18px;
		}
		/*  .nav-item-text {
		  display: block;
		  padding-right: 30px;
		  font-size: 20px;
		  line-height: 24px;
		  font-weight: bold;
		}*/
		.nav-item-text {
		  display: flex;
		  align-items: center;
		  font-size: 20px;
		  line-height: 24px;
		  font-weight: bold;
		  position: relative;
		  color: black;
		}
		.nav-item-text.nav-item-text-anchor {
			text-decoration: none;
			color: black;
		}
		.line-nav {
		  flex-grow: 1;
		  height: 1px;
		  background-color: black;
		  margin-left: 10px;
		  margin-right: 10px;
		}
		.toggle-button {
		/*    position: absolute;*/
		  right: 0;
		  top: 10px;
		  font-size: 30px;
		  font-weight: 500;
		}
		.toggle-button-sub {
		  position: static;
		  font-size: 20px;
		}
		.nav-padding {
		  padding-top: 10px;
		}
		.nav-subitem-header {
		  font-weight: bold;
		  font-size: 18px;
		  color: black;
		}
		.nav-buttons-m {
			padding-top: 30px;
			display:flex;
			justify-content: space-around;
			padding-bottom: 50px;
		}
		#menu-toggle {
			font-family: Arimo, sans-serif;
			padding-top: 10px;
			padding-right: 10px;
			font-size: 20px;
			color: black;
		}
		.btn-pay-m {
		  mix-blend-mode: normal;
		  background-color: #000;
		  margin-right: 10px;
		  padding-left: 60px;
		  padding-right: 60px;
		  font-family: Arimo, sans-serif;
		  font-size: 14px;
		  line-height: 16px;
		}
		.btn-contact-m {
		  mix-blend-mode: normal;
		  background-color: #000;
		  margin-right: 10px;
		  padding-left: 40px;
		  padding-right: 40px;
		  font-family: Arimo, sans-serif;
		  font-size: 14px;
		  line-height: 16px;
		}
		.btn-contact-m:hover {
		  background-color: #000;
		  color: #fff;
		}

	}

	@media screen and (min-width: 1231px) {
    .nav-item:hover .sub-nav {
        display: flex;
        flex-direction: column;
    }
	}
	@media screen and (max-width: 1230px) {
	  .hide-m {
	    display: none;
	  }
	}

	@media screen and (min-width: 1230.1px) {
	  .hide-d {
	    display: none;
	  }
	}