@font-face {
    font-family: 'Nikola-Regular';
    src: url('/fonts/Nikola-Regular.eot');
    src: url('/fonts/Nikola-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Nikola-Regular.woff2') format('woff2'),
        url('/fonts/Nikola-Regular.woff') format('woff'),
        url('/fonts/Nikola-Regular.ttf') format('truetype'),
        url('/fonts/Nikola-Regular.svg#Nikola-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NikNikola-Lightola';
    src: url('/fonts/Nikola-Light.eot');
    src: url('/fonts/Nikola-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Nikola-Light.woff2') format('woff2'),
        url('/fonts/Nikola-Light.woff') format('woff'),
        url('/fonts/Nikola-Light.ttf') format('truetype'),
        url('/fonts/Nikola-Light.svg#Nikola-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Nikola-Bold.eot';
    src: url('/fonts/Nikola-Bold.eot');
    src: url('/fonts/Nikola-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Nikola-Bold.woff2') format('woff2'),
        url('/fonts/Nikola-Bold.woff') format('woff'),
        url('/fonts/Nikola-Bold.ttf') format('truetype'),
        url('/fonts/Nikola-Bold.svg#Nikola-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nikola-Black';
    src: url('/fonts/Nikola-Black.eot');
    src: url('/fonts/Nikola-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Nikola-Black.woff2') format('woff2'),
        url('/fonts/Nikola-Black.woff') format('woff'),
        url('/fonts/Nikola-Black.ttf') format('truetype'),
        url('/fonts/Nikola-Black.svg#Nikola-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Nikola-LightItalic';
    src: url('/fonts/Nikola-LightItalic.eot');
    src: url('/fonts/Nikola-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Nikola-LightItalic.woff2') format('woff2'),
        url('/fonts/Nikola-LightItalic.woff') format('woff'),
        url('/fonts/Nikola-LightItalic.ttf') format('truetype'),
        url('/fonts/Nikola-LightItalic.svg#Nikola-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}


.grid_3{
	width: 25%;
	width: calc(25% - 2%);
	margin: 1%;
}
.grid_12{
	width: 100%;
}

.grid_3, .grid_12{
	display: block;
	position: relative;
	float: left;
}

.clear, * html .clearfix, *:first-child+html .clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
 
 
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a {
	font-family: 'Nikola-Regular';
	text-decoration: none;
	cursor: pointer;
	color: #000;
}
img {
	display: block;
	border: none;
	max-width: 100%;
}
a, img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
/* General */
html{
	height: 100%;
	font-size: 18px;
}
body {
	font-family: 'Nikola-Regular';
	font-size: 15px;
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
}

 body.displayed_pop-up{
	overflow: hidden;
}
 
/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: normal;
	font-family: 'Nikola-Black';
}
p {
	font-size: 0.9rem;
	text-align: left;
	margin: 0;
	padding-bottom: 0.8rem;
	width: 900px;
	max-width: 90%; 
	line-height: 1.4rem;
	
}
h1 {
	font-size: 60px;
}
h2 {
	text-transform: uppercase;
	font-size: 1rem;
}
h2.head{
	font-size: 1.38rem;
	padding-bottom: 2rem
}
h3 {
}
h4 {
	font-size: 40px;
	color: #2A3851;
}
header{
	display: block;
	width: 100%;
	padding: 10px 0 0 0 ;
	margin: 0;
	position: relative;
}
.logo{
	display:inline-block;
	padding-left: 20px;
	padding-bottom: 10px;
	position: relative;
	z-index: 102
}
.logo img{
	width: 120px;
}
/* Navigation */ 
#login_nav{
	    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(100%);
}
#main_nav{
	
}
ul{
	display: block;
	list-style: none;
	text-align: right;
}
nav li{
	display: inline-block;
	margin: 7px 0;
}

#login_nav .nav_link{
	color: #4d5b31;
	font-size: 1rem;
	font-family: 'Nikola-Regular';
	display: block;
	position: relative;
}



#login_nav .nav_link{
	font-size: 1.2rem;
}
a.nl {
    font-family: 'Nikola-Black';
    margin: 0 5px;
    position: relative;
    color: #000000;
    padding: 0 5px;
}

#page-home .nl.home, #page-registration .nl.registration, #page-purchaser .nl.purchaser, #page-lots .nl.lots{
	color: #4d5b31;
}



#page-login #main_nav{
	 display: none;
}

#main_nav{
	display: block;
	position: relative;
	width: 100%;
	padding: 10px 0;
	text-align: right;
	background-color: #f3f3f3;
}
#main_nav li{
	border-right: 1px solid #4d5b31;
}
#main_nav li:last-child{
	border: none;
	margin-right: 15px;
}
.nav_link::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: calc(100% - 50px);
    height: 1px;
    background-color: #4d5b31;
    opacity: 0;
    transition: 0.5s all;
    transform: translateY(4px);
}
.nl::before, .nl::after{
	content: '';
    display: block;
    position: absolute;
    left: 0;
    margin: auto;
    bottom: 0;
    height: 1px;
    background-color: #c1d5a5;
    opacity: 1;
    transition: 0.5s all;
    transform: translateY(4px);
	width: 0;
}
.nl::after{
	background-color: #4d5b31;
}
 


#login_nav li:nth-child(odd)  .nav_link{
	border-right: 2px solid #4d5b31;
}

#login_nav .nav_link.l_page{
	font-family: 'Nikola-Black';
	cursor: inherit;
}

.nav_link {
	padding: 0;
	padding: 0 25px;
}

 
/* enquiry */
.register {
	max-width: 370px;
	width: 100%;
	margin: 0 auto;
	background: #000;
}
.formbox {
	margin: 0 auto;
	padding: 10px 0;
	width: 90%;
	max-width: 320px;
}
input, select {
	font-family: 'Nikola-Regular';
    font-size: 0.8rem;
    margin: 0 auto;
    padding: 20px 15px;
    width: 100%;
    color: #000;
    border: 0 none;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 30px;
    border-bottom: none;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 15px;
}
select {
text-align-last: left;
text-align: left;
-ms-text-align-last: left;
-moz-text-align-last: left;
text-align-last: left;
}

select option {
padding: 5px;
background: #000000;
text-align-last: left;
text-align: left;
-ms-text-align-last: left;
-moz-text-align-last: left;
text-align-last: left;
}

.privacy {
	font-size: 10px;
}

.chk_holder {
	margin: 10px auto 0 auto;
	color: #fff;
}

#chkInternational {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	width: 20px;
	text-align: left;
}
#chkInternational + label {
	background: url("/images/buttons/uncheck.png") no-repeat left center;
	color: #000000;
	padding: 2px 0 2px 26px;
}
#chkInternational:checked + label {
	background: url(/images/buttons/check.png) no-repeat left center;
}
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #000000;
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #000000;
opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: #000000;
opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color: #000000;
opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: $form-field-text;
opacity: 1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
opacity: 0.4;
}
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
opacity: 0.4;
}
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
opacity: 0.4;
}
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
opacity: 0.4;
}
/*footer*/ 

footer {
    display: block;
	position: relative;
    width: 100%;
    padding: 0 20px;
    margin: 0;
 
}
#page-login footer{
	padding-top: 50px;
}
.footer_logo_holder{
	display: block;
	position: relative;
	text-align: center;
	padding: 0;
}
.footer_link_holder{
	display: block;
	position: relative;
	text-align: center;
	padding: 0;
}
.footer_link_holder a{
	font-size: 0.9rem;
	display: inline-block;
	text-align: center;
	padding: 0 20px;
	border-right: 1px solid #000000;
	color: #000000;
	margin-bottom: 40px;
}
.footer_link_holder a:last-child{
	border: none;
}

/* Token Style */
ul.token-input-list-project {
	border: none;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	text-align: left;
	text-align-last: left;
	text-align: -moz-left;
	text-align: -webkit-left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border-bottom: 1px solid #525252;
	clear: both;
}
li.token-input-input-token-project {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%
}
ul.token-input-list-project li input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100% !important;
	margin-bottom: 0;
}
li.token-input-token-project p {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 20px;
	font-size: 11px
}
li.token-input-token-project {
	overflow: hidden;
	height: 25px;
	margin: 0;
	padding: 2px 5px;
	background-color: #ccc;
	color: #000;
	cursor: default;
	border: 1px solid #525252;
	font-size: 12px;
	white-space: nowrap;
	list-style: none;
	display: inline-block;
}
div.token-input-dropdown-project {
	position: absolute;
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
	cursor: default;
	font-size: 11px;
	z-index: 13;
}
div.token-input-dropdown-project ul {
	margin: 0;
	padding: 0;
	display: block !important;
	max-height: 205px;
}
div.token-input-dropdown-project ul li {
	background-color: #fff;
	font-size: 14px;
	padding: 3px;
	margin: 0;
	list-style-type: none;
	font-weight: 100 !important;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
	background-color: #fff;
}
div.token-input-dropdown-project ul li em {
	font-weight: bold;
	font-style: normal;
}
div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
	background-color: #ccc;
	color: #fff;
}
/* Parsley-error */
ul.parsley-errors-list.filled, ul.parsley-errors-list {
	font-size: 10px;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	top: 0;
}
ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding:0;
	text-align: left;
	color: #F00D0D;
}
.fl {
	padding: 0 0 40px 0 ;
    width: 150px;
    max-width: 40%;
    display: inline-block;
}
.fl:first-child{
	margin-right: 50px
}
section{
	display: block;
	position: relative;
	width: 100%;
	background: #ffffff;
	overflow: hidden;
}
section.main{
	height: calc( 100% - 167px);
	background-position: bottom left;	
}
.container{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 1280px;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 100%;
}

#login_panel{
	display: block;
	position: absolute;
	right: 5vw;
	top: 50%;
	transform: translateY(-50%);
	width: 500px;
	padding: 20px 50px;
	background: #c1d5a5;
}
.login_message{
	display: block;
	font-size: 0.7rem;
	color: #000000;
	padding: 10px 0;
	
}
.login_submit{
	background: transparent;
	font-family: 'Nikola-Black';
	color: #4d5b31;
	border-bottom: 1px solid #4d5b31;
	border-radius: 0;
	padding-left: 0;
	padding-bottom: 5px;
	display: inline-block;
	padding-right: 0;
	width: auto;
}
.name{
	font-family: 'Nikola-Bold';
	display: block;
	text-align: left;
	font-size: 1.38rem;
	padding-bottom: 2rem;
	font-weight: bold;
}
.step_chk_holder{
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #ffffff;
	background: #ffffff;
	z-index: 2;
	border-radius: 0;
}
.step_chk_holder input{
	position: absolute;
	border-radius: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.steps{
	background-color: #f3f3f3;
	padding: 40px 15px;
	text-align: center;
}
.steps.complete {
	background-color: #c1d5a5;
}
.steps *{
	text-align: center
}
.step_chk_holder input + label {
    padding: 0;
    top: 50%;
    left: 50%;
    position: absolute;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 0.5s all;
}
.agreement input, .agreement input + label {
    top: 0;
    position: absolute;
    transition: 0.5s all;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #000000;
    left: 0;
	border-radius: 0;
}
.agreement input + label {
opacity: 0;
	border: 0;
	transform: translateX(5px);
}


.step_chk_holder input:checked + label, .agreement input:checked + label {
	opacity: 1;
}
.label{
	font-family: 'Nikola-Black';
	display: block;
	text-align: center;
	color: #4d5b31;
	font-size: 1.11rem;
	padding-bottom: 1.5rem;
	max-width: 100%;
}
.steps a{
	font-family: 'Nikola-Black';
	color: #4d5b31;
	font-size: 0.8rem;
	
}
.bb1green{
	border-bottom: 2px solid #a0a891; 
}
.counter{
	text-align: center;
	padding-bottom: 0;
	max-width: 100%;
}
.counter span{
    display: inline-block;
    position: relative;
    width: 50px;
    text-align: center;
    background: #4d5b31;
	color: #ffffff;
}
.counter span.txt{
    display: inline-block;
    position: relative;
    width: 50px;
    text-align: center;
    height: auto;
    background: transparent;
	color: #4d5b31;
}
.label + p{
	line-height: 40px;
	padding-bottom: 0;
}
.one_fifth{
	display: block;
	width: calc(20% - 2%);
	margin: 1%;
	float: left;
	
}
.one_fifth a{
	display: block;
	text-align: center;
}
.one_fifth a img{
	margin: auto;
}
#download_section h2.head{
	color: #4d5b31;
	text-transform: none;
}
#download_section .title{
	font-family: 'Nikola-Black';
	font-size: 0.9rem;
	display: inline-block;
	padding: 5px;
	color: #4d5b31;
	border-bottom: 1px solid #4d5b31;
	text-transform: uppercase;
}
.container.small{
	width: 740px;
	max-width: calc(100% - 40px);
	padding-left: 0;
	padding-right: 0;
}
.details_holder{
	display: block;
	position: relative;
	width: 100%;
	margin: auto;
	padding:  25px 10px 25px 30px;
	background-color: #c1d5a5;
	margin-bottom: 50px;
}
.details_holder label{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	width: 160px;
    display: inline-block;
	clear: left;
}
.details_holder input{
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	max-width: 100%;
    padding: 5px;
    border-radius: 0;
    margin: 0;
}
.row{
	display: block;
	width: 100%;
	padding: 0 0 4px 0;
}
#page-lots .row{
	width: 630px;
	background: #f3f3f3;
	color: #000000;
	padding: 0;
	max-width: 100%;
}
.row.table_head{
	padding: 0;
	background: #4d5b31 !important;
}
.row .lotnumber,.row .lotpreferences,.row .price {
	padding: 10px;
	display: block;
    float: left;
}
.row.table_head .lotnumber,.row.table_head .lotpreferences,.row.table_head .price{
	color: #ffffff;
}


.lotnumber{
	display: inline-block;
	width: 120px;
	border: 1px solid #ffffff;
	border-right: 0;
}
.price{
	width: 150px;
	border: 1px solid #ffffff;
	border-right: 0;
}
.lotpreferences{
	width: 360px;
	border: 1px solid #ffffff;
	text-align: center
}
.db{
	 background: #f3f3f3;
	border-color: #f3f3f3;
}
.active_step{
	font-family: 'Nikola-Black';
	display: block;
	float: left;
	width: 30%;
	font-size: 12px;
		text-align: center;
	line-height: 24px;
	background: #f3f3f3;
	padding: 15px 0;
}
 
.arrow{
	display: block;
	float: left;
	width: 5%;
	text-align: center;
	font-size: 20px;
	padding: 15px 0
}
.lotpreferences.ch_box_wrapper {
	border: none;
}
.lotpreferences.ch_box_wrapper span{
 display: block;
 width: calc(100% / 3);
 float: left;
 border: 1px solid #ffffff;
 padding: 10px;
 border-top-color: transparent;
 position: relative;
	
}
.lotpreferences.ch_box_wrapper span:first-child, .lotpreferences.ch_box_wrapper span:nth-child(2){
	border-right-color: transparent;
}
.lotpreferences.ch_box_wrapper{
	padding: 0 !important;
}
.greenborder span{
	border-color: #4d5b31;
}
.lotpreferences.ch_box_wrapper span{
	border-color: #4d5b31;
}
.lotpreferences.ch_box_wrapper span:first-child, .lotpreferences.ch_box_wrapper span:nth-child(2){
	border-right-color: transparent;
}
.ch_box_wrapper span input, .ch_box_wrapper span label{
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #4d5b31;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #4d5b31;
}
.ch_box_wrapper span label{
	opacity: 0;
}
.ch_box_wrapper span input:checked + label{
	opacity: 1;
}
#page-registration .active_step.registration{
	background: #c1d5a5;
}
#page-purchaser .active_step.purchaser{
	background: #c1d5a5;
}
#page-lots .active_step.lots{
	background: #c1d5a5;
}
.btn{
	display: inline-block;
	padding: 15px 25px;
	color: #ffffff;
	background: #4d5b31;
}
.btn.nextstep{
	float: right;
}
.btn.nextstep span{
	font-size: 24px;
	line-height: 18px;
	padding-left: 8px;
}
.message{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	position: relative;
	font-size: 12px;
	padding-bottom: 10px;
}

.tc{
	display: block;
	position: relative;
}

.tc{
	font-size: 0.8rem;
	line-height: 1.4rem;
	padding-bottom: 10px;
	 
}

.tc ol{
	list-style: inside decimal;
}

.tc li ol{
	padding-left: 25px;
	list-style: inside lower-alpha;
}

.readmore{
	display: inline-block;
	border-bottom: 1px solid #4d5b31;
	color: #4d5b31;
	font-weight:bold;
}

#dropdown{
	display: none;
}

.readmore span{
	display: block;
}

.readmore span:last-child{
	display: none;
}

.readmore.less span:first-child{
	display: none;;
}

.readmore.less span:last-child{
	display: block;
}

.agreement{
	display: block;
	position: relative;	
}

.agreement{
	padding-left: 30px;
	margin-bottom: 30px;
}

.pop-up-window{
	display: none;
	position: fixed;
	background-color: #4d5b31;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 110;
	overflow-y: scroll;
}

.close-pop-up{
    display: block;
    position: fixed;
    top: 20px;
    right: 40px;
    width: 40px;
    height: 40px;
    padding: 5px;
}
.wrapper {
	display: block;
	width: 1000px;
	max-width: calc(100% - 80px);
	padding: 50px 16px;
	background: #f3f3f3;
	margin: 75px auto;
}
.question{
		font-weight: bold;
	padding-left: 15px;
	cursor: pointer;
}
.answer{
	display: block;
	padding-left: 30px;
	padding-bottom: 40px;
	display: none;
}
.contactus .wrapper p{
	width: 100%;
	max-width: 100%;
	padding: 10px;
}

.toggle_nav{
	display: block;
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	z-index: 102;
	transform: translateY(-50%);
	display: none;
}
#page-login .toggle_nav{
	display: none;
}
.toggle_nav span{
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	background: #4d5b31;
	transition: 1s all;
}
.toggle_nav span:first-child{
	top: 30%;
}
.toggle_nav span:last-child{
	top: 70%;
}
.toggle_nav.active span{
	opacity: 0;
}
.toggle_nav.active span:first-child{
	top: 50%;
	transform: rotate(45deg);
	opacity: 1;
}
.toggle_nav.active span:last-child{
	top: 50%;
	transform: rotate(-45deg);
	opacity: 1;
}
header.active_nav #main_nav{
	transform: translateX(0);
}
 




 




/* ------------------------ Start Style ------------------------ */
.bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.fullwidth{
	width: 100%;
}
.fullheight{
	height: 100%;
}
.pt10{
	padding-top: 10px;
}
.pb10{
	padding-bottom: 10px;
}
.pt25{
	padding-top: 25px;
}
.pb25{
	padding-bottom: 25px;
}
.pt50{
	padding-top: 50px;
}
.pb50{
	padding-bottom: 50px;
}
.pt75{
	padding-top: 75px;
}
.pb75{
	padding-bottom: 75px;
}
.mb4{
	margin-bottom: 4px;
}
.pl20{
	padding-left: 20px;
}
.centeralign{
	text-align: center !important;
}
.justmobile{
	display: none !important;
}

input[type=submit] {
	width: auto;
	border-radius: 0;
}
 

@media (hover : hover){
	input[type="submit"]{
	cursor: pointer;
}
	
/*#page-login .nav_link.l_page:hover::before{
	opacity: 0;
}
#page-login .nav_link:hover::before{
	opacity: 1;
}*/
	
 
.nl:hover::before{
	width: 100%;
}
	.nl:hover::after{
	transition-delay: 0.3s;
		width: 100%;
}
}


@media screen and (max-width : 1440px) {
	html{
		font-size: 16px;
	}
.fl {
    width: 100px;
}
}

@media screen and (max-width : 1024px) {
		.grid_3{
	width: calc(50% - 2%);
 
}
}

@media screen and (max-width : 768px) {
	html{
		font-size: 14px;
	}

	#download_section .title{
		font-size: 11px;
	}
	.one_fifth a img {
    margin: auto;
    width: 70px;
}
	#login_panel {
    right: 0;
    top: 100px;
    transform: none;
    left: 0;
    margin: auto;
}
	.one_fifth {
    display: block;
    width: 20%;
    margin: 0;
    float: left;
}
	.active_step{
		font-size: 12px;
	}
	
	 
}

@media screen and (max-width : 760px) {
	.justmobile{
	display: block !important;
}
	.justdesktop{
		display: none !important;
	}
	body{
		padding-top: 119px;
	}
	.toggle_nav{
		display: block
	}
	.wrapper {
    max-width: calc(100% - 10px);
}
	.logo img {
    width: 70px;
}
	header {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 120px;
    z-index: 120;
    background: #f3f3f3;
}
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	nav li{
		display: block;
	}
	#login_nav{
transform: none;
    z-index: 102;
	}
	#login_nav li:nth-child(odd) .nav_link {
    border-right: none;
}
	.nav_link{
		padding: 0;
	padding-right: 10px;
	}
	
	#main_nav {
    display: block;
    position: fixed;
    width: 100%;
    padding: 10px 0;
    text-align: right;
    background-color: #f3f3f3;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 100;
		transform: translateX(101%);
		transition: 0.5s all;
}
	#main_nav ul {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
	}
	#main_nav li {
    border-right: none;
		margin: 2rem auto;
}
	a.nl, #main_nav li:last-child{
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#login_panel {
		max-width: calc(100% - 20px);
		padding: 10px;
    top: 10px;
	}
	#login_panel input{
		padding: 10px;
		border-radius: 0;
	}
	#login_panel h2{
		padding-bottom: 10px;
	}
	.footer_link_holder a{
		display: block;
		margin: 10px auto;
		border: 0;
	}
	.grid_3 {
    width: 100%;
    margin: 0;
    margin-bottom: 4%;
}
	.one_fifth {
		width: 50%;
	}
	.active_step {
		width: 100%;
		margin-bottom: 2%;
	}
	.arrow{
		display: none;
	}
	.details_holder label{
		width: 100%;
		margin-bottom: 2%;
	}
	.details_holder input{
		width: 100%;
		margin-bottom: 4%;
	}
	.btn.nextstep span{
		line-height: 12px;
	}
	.details_holder{
		padding: 25px 10px;
	}
	.pop-up-window{
		padding-top: 150px;
	}
	.close-pop-up {
    top: 140px;
    right: 10px;
}
	.lotnumber{
		width: 70px;
		font-size: 12px;
	}
	.price {
    width: 110px;
		font-size: 12px;}
	.nmplr{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.lotpreferences {
    max-width: calc(100% - 180px);
		font-size: 12px;
}
	#login_nav .nav_link {
    font-size: 1rem;
}
	.banner{
		height: 250px;	
	}
 

 
}

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