@charset "utf-8"; 
/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.aegny.co.uk
	THEME NAME: themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.1

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(normalize.css);


@font-face {
  font-family: 'ArcherBold';
  src: url('fonts/Archer-Bold-Pro.eot');
  src: url('fonts/Archer-Bold-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Bold-Pro.woff') format('woff'),
       url('fonts/Archer-Bold-Pro.ttf') format('truetype'),
       url('fonts/Archer-Bold-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBoldItal';
  src: url('fonts/Archer-BoldItal-Pro.eot');
  src: url('fonts/Archer-BoldItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-BoldItal-Pro.woff') format('woff'),
       url('fonts/Archer-BoldItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-BoldItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBook';
  src: url('fonts/Archer-Book-Pro.eot');
  src: url('fonts/Archer-Book-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Book-Pro.woff') format('woff'),
       url('fonts/Archer-Book-Pro.ttf') format('truetype'),
       url('fonts/Archer-Book-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBookItal';
  src: url('fonts/Archer-BookItal-Pro.eot');
  src: url('fonts/Archer-BookItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-BookItal-Pro.woff') format('woff'),
       url('fonts/Archer-BookItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-BookItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherHairline';
  src: url('fonts/Archer-Hairline-Pro.eot');
  src: url('fonts/Archer-Hairline-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Hairline-Pro.woff') format('woff'),
       url('fonts/Archer-Hairline-Pro.ttf') format('truetype'),
       url('fonts/Archer-Hairline-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherHairlineItal';
  src: url('fonts/Archer-HairlineItal-Pro.eot');
  src: url('fonts/Archer-HairlineItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-HairlineItal-Pro.woff') format('woff'),
       url('fonts/Archer-HairlineItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-HairlineItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherLight';
  src: url('fonts/Archer-Light-Pro.eot');
  src: url('fonts/Archer-Light-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Light-Pro.woff') format('woff'),
       url('fonts/Archer-Light-Pro.ttf') format('truetype'),
       url('fonts/Archer-Light-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherLightItal';
  src: url('fonts/Archer-LightItal-Pro.eot');
  src: url('fonts/Archer-LightItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-LightItal-Pro.woff') format('woff'),
       url('fonts/Archer-LightItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-LightItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherMedium';
  src: url('fonts/Archer-Medium-Pro.eot');
  src: url('fonts/Archer-Medium-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Medium-Pro.woff') format('woff'),
       url('fonts/Archer-Medium-Pro.ttf') format('truetype'),
       url('fonts/Archer-Medium-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherMediumItal';
  src: url('fonts/Archer-MediumItal-Pro.eot');
  src: url('fonts/Archer-MediumItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-MediumItal-Pro.woff') format('woff'),
       url('fonts/Archer-MediumItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-MediumItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherSembdItal';
  src: url('fonts/Archer-SembdItal-Pro.eot');
  src: url('fonts/Archer-SembdItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-SembdItal-Pro.woff') format('woff'),
       url('fonts/Archer-SembdItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-SembdItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherSemibold';
  src: url('fonts/Archer-Semibold-Pro.eot');
  src: url('fonts/Archer-Semibold-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Semibold-Pro.woff') format('woff'),
       url('fonts/Archer-Semibold-Pro.ttf') format('truetype'),
       url('fonts/Archer-Semibold-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherThin';
  src: url('fonts/Archer-Thin-Pro.eot');
  src: url('fonts/Archer-Thin-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Thin-Pro.woff') format('woff'),
       url('fonts/Archer-Thin-Pro.ttf') format('truetype'),
       url('fonts/Archer-Thin-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherThinItal';
  src: url('fonts/Archer-ThinItal-Pro.eot');
  src: url('fonts/Archer-ThinItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-ThinItal-Pro.woff') format('woff'),
       url('fonts/Archer-ThinItal-Pro.ttf') format('truetype'),
       url('fonts/Archer-ThinItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherXLight';
  src: url('fonts/Archer-XLight-Pro.eot');
  src: url('fonts/Archer-XLight-Pro.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-XLight-Pro.woff') format('woff'),
       url('fonts/Archer-XLight-Pro.ttf') format('truetype'),
       url('fonts/Archer-XLight-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherXLightItal';
  src: url('../fonts/Archer-XLightItal-Pro.eot');
  src: url('../fonts/Archer-XLightItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Archer-XLightItal-Pro.woff') format('woff'),
       url('../fonts/Archer-XLightItal-Pro.ttf') format('truetype'),
       url('../fonts/Archer-XLightItal-Pro.svg') format('svg');
}


/* Fonts */
@font-face {
  font-family: 'Conv_Gotham-Medium';
  src: url("../fonts/Gotham-Medium.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Medium.woff") format("woff"), 
  url("../fonts/Gotham-Medium.ttf") format("truetype"), 
  url("../fonts/Gotham-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot");
  src: local("Ôÿ║"), url("../fonts/Gotham-Bold.woff") format("woff"), 
  url("../fonts/Gotham-Bold.ttf") format("truetype"), 
  url("../fonts/Gotham-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Thin';
  src: url("../fonts/Gotham-Thin.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Thin.woff") format("woff"), 
  url("../fonts/Gotham-Thin.ttf") format("truetype"), 
  url("../fonts/Gotham-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/** Generated by FG **/
@font-face {
  font-family: 'Conv_Gotham-Light';
  src: url("../fonts/Gotham-Light.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Light.woff") format("woff"), 
  url("../fonts/Gotham-Light.ttf") format("truetype"), 
  url("../fonts/Gotham-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	width:100%; 
	background:#fff; 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300
}

.fixed {
   position:relative;
   margin:0 auto;
   max-width:1220px; 
   width:100%;
   overflow:hidden
}

.fixed:after {
	content: "";
	display: table;
	clear: both;
}

a {
}

a:hover {
}

h1, h2, h3 {
	margin:0 0 .8em 0;
	padding:0;
	display:block
}

p {
	margin:0 0 .8em 0;
	padding:0;
}

embed,
object,
iframe {
	width: 100%;
}

ul {
  list-style-position: inside;
}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix:after {
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0
}

.clearfix {
	display: inline-block
}

.clearfix {
	display: block; 
	zoom: 1
}

/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.grid {
		position:relative;
		margin: 0 0 20px 0;
	}
	
	.grid:after {
		content: "";
		display: table;
		clear: both;
	}
	
	[class*='col-'] {
		float: left;
		padding-right: 20px;
	}
	
	.grid [class*='col-']:last-of-type {
		padding-right: 0;
	}
	
	.col-2-3 {
		width: 66.66%;
	}
	
	.col-1-3 {
		width: 33.33%;
	}
	
	.col-1-2 {
		width: 50%;
	}
	
	.col-1-4 {
		width: 25%;
	}
	
	.col-1-8 {
		width: 12.5%;
	}


	.grid-pad {
		padding: 20px 0 20px 20px;
	}
	
	.grid-pad [class*='col-']:last-of-type {
		padding-right: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	/* ----- Image grids ----- */
	ul.rig {
		list-style: none;
		font-size: 0px;
		margin-left: -1.5%; /* should match li left margin */
	}
	ul.rig li {
		display: inline-block;
		padding: 0;
		margin: 0 0 1.5% 1.5%;
		font-size: 16px;
		font-size: 1rem;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	ul.rig li img {
		max-width: 100%;
		height: auto;
		margin: 0;
	}
	
	/* class for 2 columns */
	ul.rig.columns-2 li {
		width: 48.5%; /* this value + 2.5 should = 50% */
	}
	/* class for 3 columns */
	ul.rig.columns-3 li {
		width: 31.83%; /* this value + 2.5 should = 33% */
	}
	/* class for 4 columns */
	ul.rig.columns-4 li {
		width: 23.5%; /* this value + 2.5 should = 25% */
	}
	
	@media (max-width: 1199px) {
		.container {
			width: auto;
			padding: 0 10px;
		}
	}
	
	@media (max-width: 480px) {
		ul.grid-nav li {
			display: block;
			margin: 0 0 5px;
		}
		
		ul.grid-nav li a {
			display: block;
		}
		
		ul.rig {
			margin-left: 0;
		}
		
		ul.rig li {
			width: 100% !important; /* over-ride all li styles */
			margin: 0 0 20px;
		}
	}

	
	
	
	
	
	
	
	
	
	
	
	

	#header,
	#main,
	#footer {
		position:relative;
		width:100%;
		padding:0;
		margin:0 auto;
		z-index:2
	}
	
	#header:after,
	#main:after,
	#footer:after {
		content: "";
		display: table;
		clear: both;
	}

	.border_single {
        border-color: #ccc;
        border-width: 1px 0 0;
        border-style: solid;	
    }
    
	.border_double{
        border-color: #ccc;
        border-width: 1px 0;
        border-style: solid;	
    }
	
    img {
        max-width: 100%;
        height: auto;
        margin: 0;
    }
    
    .grey {
        color: #3b3b3a;
    }
    
    .light_grey {
        color: #707070;
    }
    
    .green {
        color: #84bd00;
    }
	
	.three-columns {
		position:relative;
		padding:0;
		margin:0;
		width:100%	
	}
	ul.rig li p {
		font-family: 'Conv_Gotham-Light';
		display:block;
		font-size:16px;
		line-height:24px
	}
	ul.rig li span.h1 {
		font-family: 'ArcherBold';
		display:block;
		font-size:22px;
		line-height:24px;
		padding:0 0 15px
	}
	ul.rig li span.h2 {
		font-family: 'ArcherBold';
		display:block;
		font-size:16px;
		line-height:24px;
		padding:0 0 15px
	}
	
	h2 {
		font-family: 'ArcherBold';
		display:block;
		font-size:32px;
		line-height:24px;
		padding:0 0 30px;
		margin:0
	}
	
	.shadow {
		box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
		position:relative
	}


	#login {
		background-image: url("../images/Path166.svg");
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		/* background-color:#00A9E0 */
	}
	
/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
	}
	
	#header .top_frame {
		position:relative; 
		padding:0; 
		margin:0 auto; 
		width:100%; 
		height:120px
	}
	
	#header .top_logo {
		display: block;
		text-indent: -9999px;
		width: 120px;
		margin:0 auto;
		height: 90px;
		background: url('../images/logo.svg') no-repeat;
		background-size: 120px 90px;
		position: absolute;
		top: 50%;
		left:0;
		right:0;
		transform: translateY(-50%);
	}
	
	.login #header .top_logo,
	#login #header .top_logo {
		background: url('../images/Group 56.svg') no-repeat !important;
	}
	
	
	#header .seedbank_logo {
		display:block;
		text-indent:-9999px;
		width:206px;
		margin:0;
		height:33px;
		background: url('../images/Group360.svg') no-repeat;
		background-size: 206px 33px;
		position:absolute;
		bottom:15px;
		left:0
	}
	
	.login #header .seedbank_logo,
	#login #header .seedbank_logo {
		background: url('../images/Group 360.svg') no-repeat !important;
	}
	
	
	#header .top_menu {
		position:absolute;
		bottom:10px;
		right:0;
		width:40%;
		height:25px;
		font-family: 'ArcherBold';
		font-size:18px;
		line-height:20px;
		text-align:right
	}
	
	#header .top_menu a {
		display:inline-block;	
		color:#000;
		text-decoration:none;
		margin:0 0 0 25px
	}
	
	.login #header .top_menu a,
	#login #header .top_menu a {
		color:#fff !important;
	}
	
/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
	}
	
	
	a.popup-vimeo {
		display:block;
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		margin:0 auto;
		z-index:1001
	}
	
	/** SECTION 01 **/
	#section_01 {
		position:relative; 
		margin:0 auto; 
		padding:20px 0 40px; 
		width:100%
	}
	
	#section_01 span.title {
		font-family: 'ArcherMedium';
		display:block;
		font-size:32px;
		line-height:24px;
		padding:0;
		margin:15px 0 0;
		min-height:54px;
		text-align:center
	}
	.btn_signup {
		display:block;
		width:100%;
		max-width:500px;
		color:#fff;
		background-color:#84BD00;
		font-family: 'ArcherBold';
		font-size:32px;
		height:95px;
		text-align:center;
		text-decoration:none;
		padding:0;
		margin:0
	}
	.btn_signup > span {
		display:block;
		padding:0;
		margin:0;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		line-height:0
	}
	
	#section_01 p {
		font-family: 'Conv_Gotham-Light';
		display:block;
		font-size:16px;
		line-height:24px
	}
	
	#section_01 .banner {
		position:relative; 
		margin:0 auto; 
		padding:0; 
		width:100%
	}
	#section_01 .content_frame {
		position:relative; 
		padding:0; 
		margin:40px 0 0; 
		width:100%
	}
	
	#section_01 .content_frame .cols_left {
		position:relative; 
		padding:0; 
		margin:0; 
		float:left; 
		width:48%
	}
	#section_01 .content_frame .cols_right {
		position:relative; 
		padding:0; 
		margin:0; 
		float:right; 
		width:41%
	}
	
	.caption {
		display: block;
		width: 175px;
		margin:0 auto;
		padding:140px 0 0;
		background: url('../images/Group 58.svg') no-repeat;
		background-size: 120px 120px;
		background-position: top center;
		position: absolute;
		top: 50%;
		left:0;
		right:0;
		transform: translateY(-50%);
		z-index:1001;
		font-family: 'ArcherBold';
		font-size:32px;
		line-height:34px;
		text-align:center;
		color:#fff
	}
	
	
	/** SECTION 02 **/
	#section_02 {
		position:relative; 
		margin:0 auto; 
		padding:40px 0; 
		width:100%
	}
	
	/** SECTION 03 **/
	#section_03 {
		position:relative; 
		margin:0 auto; 
		padding:40px 0 20px; 
		width:100%	
	}
	
	#section_03 ul.rig li > div:nth-child(1) {
		position:relative; 
		padding:0;
		margin:0;
		text-align:center
	}
	
	#section_03 ul.rig li > div:nth-child(2) {
		 position:relative; 
		 padding:25px 0; 
		 margin:0;
		 text-align:center
	}

	/** SECTION 04 **/
	#section_04 {
		position:relative; 
		margin:0 auto; 
		padding:40px 0 0; 
		width:100%
	}
	
	#section_04 ul.rig li > div:nth-child(1) {
		position:relative; 
		padding:0;
		margin:0;
	}
	
	#section_04 ul.rig li > div:nth-child(2) {
		 position:relative; 
		 padding:25px 0; 
		 margin:0;
	}
	
	/** SECTION 05 **/
	#section_05 {
		position:relative; 
		margin:0 auto; 
		padding:40px 0; 
		width:100%
	}
	
	
	/** SIGN UP **/
	#signup_frame {
		position:relative;
		padding:0;
		margin:40px auto 50px;
		width:100%;
		font-family: 'Conv_Gotham-Light';
		font-size:16px;
		line-height:24px;
	}
	
	#signup_frame > div {
		position:relative;
		width:49.5%;
		min-height:533px
	}
	#signup_frame > div > div {
		position:relative;
		padding:40px 35px;
		margin:0 auto;
	}
	
	#signup_frame > div:nth-child(1) {
		float:left;
		border:1px solid #84BD00
	}
	
	#signup_frame > div:nth-child(2) {
		float:right;
		background-color:#fafafa
	}
	
	
	#signup_frame .form_frame {
		position:relative;
		padding:40px 0;
		margin:0 auto;
		width:100%;
	}
	
	#signup_frame .form_frame > div {
		position:relative;
		padding:0 0 40px;
		margin:0 auto;
		width:100%;
	}
	
	#signup_frame .form_frame > div input {
		float:right
	}
	
	#signup_frame .form_frame > div span {
		display:inline-block;
		float:left;
		padding:10px 0 0;
		margin:0
	}
	
	#signup_frame h2 {
		display:block;
		font-weight:inherit;
		font-size:25px;
		font-family: 'ArcherBold';
	}
	
	#signup_frame input[type=password],
	#signup_frame input[type=email],
	#signup_frame input[type=text]{
		display:block;
		height: 40px;
		width: 100%;
		border-radius: 3px;
		border: 1px solid transparent;
		border-top: none;
		border-bottom: 1px solid #3B3B3A;
		background-color:transparent;
		font-size:14px;
		color:#3B3B3A
	}
	
	#signup_frame input[type=button], 
	#signup_frame input[type=submit], 
	#signup_frame input[type=reset] {
		display:block;
		width:120px;
		height:40px;
		background-color:#84BD00;
		border: none;
		color:#fff;
		padding: 0;
		text-decoration: none;
		margin: 0;
		text-align:center;
		cursor: pointer;
		text-transform:uppercase;
		font-size:14px;
		font-family: 'ArcherBold';
	}
	
	textarea:focus, input:focus {
		outline: none;
	}
	
	#signup_frame ::-webkit-input-placeholder {
	  color: #3B3B3A;
	}
	
	#signup_frame ::-moz-placeholder {
	  color: #3B3B3A;
	}
	
	#signup_frame :-ms-input-placeholder {
	  color: #3B3B3A;
	}
	
	#signup_frame :-moz-placeholder {
	  color: #3B3B3A;
	}
	
	.img__desktoponly {
		
	}
	
	.img__mobileonly {
		display:none !important;
		height:0 !important
	}

/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		font-family: 'ArcherMedium', 'Conv_Gotham-Medium';
		font-size:10px;
		text-align:center;
		line-height:16px
	}

	#footer .footer_logo {
		display: block;
		text-indent: -9999px;
		width: 100px;
		margin:0 auto;
		height: 85px;
		background: url('../images/Artwork6.svg') no-repeat;
		background-size: 100px 85px;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.login #footer .footer_logo,
	#login #footer .footer_logo {
		background: url('../images//Group 56.svg') no-repeat !important;
	}
	
	#footer .frame {
		position:relative; 
		padding:100px 0 0; 
		width:100%
	}
	
	.login #footer .frame,
	#login #footer .frame {
		padding: 100px 0 !important;
		width: 49.5% !important;
		float: right;
	}
	
	.login #footer,
	#login #footer {
		color:#fff	
	}
	/*
	#bg_login {
		position:fixed;
		top:115px;
		left:0;
		max-width:600px
	}
	*/
	#bg_login {
		position:fixed;
		bottom:0;
		left:0;
		max-width:600px
	}

	#bg_login img {
		display:block;
		max-width:100%;
		height:auto	
	}
	
	.mobile_only {
		display:none !important;
		height:0 !important	
	}



/*	-------------------------------------------------------------
	RESPONSIVE STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media only screen 
and (min-width : 320px) 
and (max-width : 667px) { 
	.fixed {
		padding:0 10px
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 667px)
and (orientation : landscape) {
	#header .top_menu a {
		font-size: 14px;
	}
	
	#header .top_menu a {
		margin: 0 0 0 12px;
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 667px) 
and (orientation : portrait) { 
	
	.img__desktoponly {
		display:none !important;
		height:0 !important
	}
	
	.img__mobileonly {
		display:block !important;
		height:auto !important
	}
	
	#menu_mobile {
		position: absolute !important;
		width: 100% !important;
		top: 90px;
		background-color: rgba(255,255,255,0.8);
		/*background-color:#84BD00;*/
		z-index:1001;
		padding:10px 8px;
		text-transform:uppercase;
		font-weight:500
	}
	
	#menu_mobile a {
		display:block;
		padding:10px 5px;
		color:#000;
		text-decoration:none
	}
	#menu_mobile a.mobile_only {
		display:none !important;
		height:0 !important;
		text-indent:-9999999999px
	}
	
	
	#header .top_menu a {
		display: none;
	}
	#header .top_menu {
		bottom: 45px;
	}
	
	.login #header .top_menu,
	#login #header .top_menu {
		bottom: 50px !important;
	}

	.mobile_only {
		display:block !important;
		height:auto !important	
	}
	
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important;
		margin: 0 0 20px;
	}
	
	#signup_frame > div:nth-child(1) {
		float: none;
	}
	
	#signup_frame > div:nth-child(2) {
		float: none;
	}
	#signup_frame > div {
		width: 100%;
		min-height: 533px;
	}
	
	
	#section_01 .content_frame .cols_left {
		position: relative;
		padding: 0;
		margin: 0;
		float: none;
		width: 100%;
	}
	
	#section_01 .content_frame .cols_right {
		position: relative;
		padding: 0;
		margin: 0;
		float: none;
		width: 100%;
	}
	
	
	
	.login #footer .frame,
	#login #footer .frame {
		padding: 100px 0 !important;
		width: 100% !important;
		float: none;
	}
	
	
	#header .seedbank_logo {
		display: block;
		text-indent: -9999px;
		width: 100px;
		margin: 0;
		height: 33px;
		background: url('../images/Group360.svg') no-repeat;
		background-size: 100px 33px;
		position: absolute;
		bottom: 45px;
		left: 0;
	}
	
	.login #header .seedbank_logo,
	#login #header .seedbank_logo {
		background: url('../images/Group 360.svg') no-repeat !important;
	}
	
	#header .top_logo {
		display: block;
		text-indent: -9999px;
		width: 70px;
		margin: 0 auto;
		height: 90px;
		background: url('../images/Artwork6.svg') no-repeat;
		background-size: 70px 90px;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
	}
	
	#bg_login {
		display:none !important	
	}
	
	.caption {
		padding: 66px 0 0;
		background-size: 50px 50px;
		font-size: 18px;
		line-height: 34px;
	}
	
	#section_01 span.title {
		font-size: 32px;
		line-height: 36px;
		margin: 15px 0;
	}
	
	h2 {
		font-family: 'ArcherBold';
		font-size: 32px;
		line-height: 35px;
	}
	
	#signup_frame input[type=button], 
	#signup_frame input[type=submit], 
	#signup_frame input[type=reset] {
		display: block;
		width: 100%;
		margin: 15px 0 0;
	}
}

@media only screen 
and (min-width :768px) 
and (max-width : 1024px) {
	.fixed {
		padding:0 10px
	}
	
	#header .top_menu a {
		margin: 0 0 0 10px;
	}
}