@charset "UTF-8";

@media(min-width: 1920px){
	input.award-code:not(input.award-code.button){
		flex-basis: 85%;
	}
}

@media(max-width: 1919px){
	input.award-code:not(input.award-code.button){
		flex-basis: 57%;
	}
}

@media(max-width: 1140px){
	.add-container1 {
    	width: 20%;
	}
	ul#links li, ul#links{gap: 0;}
	ul#links li:first-child:after, ul#links li:nth-child(2):after{
		padding: 0 8px;
	}
	
	.full-width-container{
		grid-template-columns: 70% 30%;
	}
}

@media(max-width: 1024px){
	div#image-b {
    	display: none;
	}
	
	.full-width-container {
	    grid-template-columns: 1fr;
	}
	
	.content2{
		max-height: initial !important;
		overflow-y: unset !important;
	}
	
	ul#links li, ul#links{gap: 20px;}
	
	.grayContainer{max-height: initial;}
	input.award-code.button{width: 100%;}
}

@media(max-width: 960px){
    ul#links{
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: flex-start;
        background: #fff;
        z-index: 999;
    }

    @keyframes border_anim {
      0%   {width: 0%; }
      100%   {width: 100%; height: 100%; right: 0; right: -20%;}
    }

    .menu-link{
        display: none;
    }

    ul#links {
        padding: 20px;
        margin-top: 40px;
    }

    ul#links li a{font-size: 16px;}

    ul.nav-link li{text-align: right;}

    ul#links a:hover::after, ul#links a.active::after{border-bottom: none;}

    ul.nav-link li a, ul.nav-link li a.active{ text-decoration: none !important;}

    ul#links li:first-child, ul#links li:nth-child(2) {
        padding-right: 0px;
        position: relative;
    }

    .menu-link.display > a {
        display: block;
        align-self: center;
        margin-top: 50px;
    }

    .hamburger{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: none;
        color: #0b76bc;
        background: none;
        line-height: initial;
        border-radius: 4px;
        font-size: 12px;
        /*position: fixed;
        top: -20px;
        right: -20px;
        border-radius: 50%;*/
    }
    .hamburger i.fa{font-size: 26px;}
    .menu-link.display{
        display: flex;
        position: fixed;
        width: 0%;
        height: 100vh;
        overflow: hidden;
        flex-direction: column;
        top: 0;
        right: 0;
        justify-content: flex-start !important;
         background: #fff;
        z-index: 999;
        /*cubic-bezier(.18,.82,.8,.47)*/
        transition: .2s;
        box-shadow: 0px 6px 10px rgb(0 0 0 / 50%);
    }
    
    .menu-link.display.enabled{
    	width: 30%;
    }

    button.close-btn{
        display: block;
        position: absolute;
        z-index: 9999999;
        border: none;
        background: #ccc;
        color: #333;
        border-bottom: -10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        left: 0;
        bottom: 60px;
    }

    .mobile-menu {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }
   	ul#links li:first-child:after, 
    ul#links li:nth-child(2):after {
        content: none;
    }
    
    .site-logo {
	    width: 100%;
	    display: flex;
	    align-items: center;
	}
	
	.grayContainer{
		max-height: initial;
		overflow: none;
	}
	
	.tool-tip .tooltiptext::after {
  		left: 35%;
	}
	
	/*-------animate------*/
	@keyframes example {
	  0%   {bottom: 80px;}
	  50%  {bottom: 70px;}
	  100% {bottom: 60px;}
	}

	button.close-btn:hover{
	  animation-name: example;
	  animation-duration: .4s;
	  animation-timing-function: linear;
	}
}

@media (max-width: 800px){
	.menu-link.display.enabled{
    	width: 40%;
    }
}

@media (max-width: 600px){
	
	input.award-code.button{
		margin-left: 0;
	}
	.add-container1{
		width: 20%;
		display: flex;
		justify-content: flex-end;
	}
	
	.grayContainer{
		width: 100%;
	}
	
	.menu-link.display.enabled{
    	width: 80%;
    }
    
    
    tr.fullwidth-flex {
	    display: flex;
	    flex-direction: column-reverse;
	}
	
	tr.fullwidth-flex td:nth-child(1) {
	    padding-right: 0px;
	    border-right: none;
	}
	
	tr.fullwidth-flex td:nth-child(2) {
	    padding-left: 0px;
	}
    .foot-box {
    	flex-direction: column;
	}
	
	.foot-box > div:nth-child(1){
		flex-basis: 50%;
	    order: 1;
	}
	
	.foot-box > div:nth-child(2){
	    order: 3;
	}
	
	.foot-box > div:nth-child(3){
		flex-basis: 50%;
	    order: 2;
	}
}

@media only screen and (min-width: 601px) and (max-width: 699px){
	.grayContainer {
    	width: 100%;
	}
}

@media (max-width: 480px){
	
	.add-container1{
		width: 30%;
	}
	
	.field-container{flex-basis: 70%;}
	
	input.award-code:not(input.award-code.button){flex-basis: 40%;}
	input.award-code.button{ padding: 11px; font-size: 14px; }
}

@media only screen and (min-width: 481px) and (max-width: 599px){
	.field-container{flex-basis: 70%;}
	
	.add-container1 {
    	width: 30%;
	}
}

@media (max-width: 375px){
	.add-container1{
		flex-basis: 35%;
	}
	.field-container{flex-basis: 65%;}
	input.award-code:not(input.award-code.button){flex-basis: 31%;}
	.site-logo img {
    	width: 150px;
	}
}

@media (max-width: 320px){
	.field-container{flex-basis: 100%;}
	.add-container1{
		flex: 1;
	}
	input.award-code:not(input.award-code.button){flex-basis: 75%;}
}