@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic|Playfair+Display:400,400italic);

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}


@import url(http://fonts.googleapis.com/css?family=Comfortaa:300,400,700|PT+Sans:400,700,400italic,700italic|Arvo:400,700);

/* 

1382

1.ROOT
2.HEADINGS
3.TYPOGRAPHY
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS (See css/mylibs/forms.css)
8.BANNER — header[role="banner"]
9.NAVIGATION — nav[role="navigation"]
10.CONTENT
11.MAIN — div[role="main"]
12.COMPLIMENTARY — div[role="complementary"]
13.CONTENTINFO — footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC 
16.TEMPLATE SPECIFICS
17.MODERNIZR

*/

/* 1.ROOT */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

body {
    line-height:1;
    margin-left: 0 !important;
    background: #f7f7f7;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}   

::-moz-selection	{background:#669900; color:#fff; text-shadow: none;}
     ::selection	{background:#669900; color:#fff; text-shadow: none;}

img.myclass{ max-width: 100%; }

img.myclass{ -ms-interpolation-mode: bicubic; }

iframe {
	width: 100%;
	height: 400px;
}


.left { float: left; text-align: left; }
.right { float: right; text-align: left; }

.addthis_toolbox {
	padding: 10px 10px 10px 0px;
}

#wrapper {
	margin: 0 auto;
	z-index: 1;
	min-height:75%;
} 
/* 2.HEADINGS */
.header {
	position: relative; 
	display: block;
	top: 0; left: 0; 
	z-index: 100; 
	border-top: 10px #000 solid;
	background: #fff;
	height: 130px;
	width: 100%;
}

#branding {
	position: relative;
	max-width: 1356px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
	text-align: center;
	width: 94%;
}

.header #logo {
	display: block;
	width: 260px;
	height: 60px;
	position: absolute;
	left: 0px;
	background: transparent url("images/logo.png") no-repeat 0 0;
}

.svg .header #logo {
	background-image: url("images/logo.svg");
	background-size: 260px 60px;
}
/* 3.TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
	margin:1.2em 0 0.3em;
	letter-spacing:-0.3px;
	color: #669900; 
	text-decoration: none; 
	font-weight:300; 
	font-family:"Open Sans", sans-serif; 
	line-height: 1.1em;

}

h1{ margin:0 0 0.4em;font-size:30px;}
h2{font-size: 22px; color: #666; line-height: 40px; margin-bottom: 0px}
h3{font-size:18px; }
h4{font-size:20px;}
h5{font-size:18px; letter-spacing: 0.07em; color: #888}
h6{font-size:12px;}
hr{display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #e5e4e1; background: transparent; clear:both}

/*
	font:300 1.0em/1.5em "Open Sans", sans-serif;
	color: #000;
*/
p,
span,
div,
table, table p,
tr, tr p,
td, td p { 
    font: normal 17px / 1.43em "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666;	
	margin: 0px;
	padding: 0px;
}

em.seo, strong.seo {
	font-weight: 300;
	font-style: normal; 
}

.seo{ text-indent: -10000px; }

/* 4.LINKS */
a { 
	text-decoration:none; 
	color:#26728e; 
    font: normal 17px / 1.43em "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a:hover {
	text-decoration: underline;
}

.btn {
	border-radius: 3px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	padding:10px 10px 10px 10px !important;
	background: #669900;
    -webkit-transition: background .2s ease, color .2s ease;
    -moz-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}
a .btn {
	text-decoration:none !important;
}
.btn:hover {
	cursor:pointer;
	color: #fff;
}

/* 5.LIST */
.box-body li {
	list-style: none;
	background-image: url(./images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 0px 0 3px 20px;
	margin: .3em 0;
}

ul#referenser li {
	background-image: none;
	padding: 0px;
}

ul.portfolio li {
	background-image: none;
}

.list-group ul {
	padding: 0px 0px 0px 0px;	
}

.list-group ul, .archive ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

.list-group li {
	display:block;
	width:92%;
	margin: 0px;
	padding: 2%;
	position:relative;
	cursor:pointer;
	background-image: none;
}

.archive li {
	display:block;
	width:92%;
	margin: 0px;
	padding: 1% 2% 1% 2%;
	position:relative;
	cursor:pointer;
	background-image: none;
}


.list-group li a, .archive li a  {
	display: block;
}

.list-group p.date, .archive p.date {
	color: #666;
}

.list-group li a:hover, .archive li a:hover {
	display: block;
}
/* 6.TABLES */
/* 7.FORMS */
#contactDiv { 
	margin: 0px 0px 0px 0px;
	padding: 10px;
	font: 1em/1.5em Verdana, Arial, sans-serif;	
}

.regForm { 
	width: 100%;
	padding:0px;
	margin:0px; 
}

.regForm h2 { 
	margin:0px 0px 0px 5px;
}

.regForm label{
	width: 100%; 
	float: left; 
	line-height: 34px; 
	text-transform: uppercase; 
	font: 1em/1.5em Verdana, Arial, sans-serif;	
	display: block; 
	position: relative;
}

.regForm input[type = "text"], textarea {
    width: 100%;
    clear: both;
    display: block;
    padding: 10px;
    border: 0;
    line-height: 18px;
    height: 50px;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
    text-indent: 0;
	font: 1em/1.5em Verdana, Arial, sans-serif;	
    font-size: 14px;
    background: #eee;
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    width: 100%;
    clear: both;
    display: block;
    padding: 10px;
    border: 0;
    line-height: 18px;
    height: 100px;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
    text-indent: 0;
	font: 1em/1.5em Verdana, Arial, sans-serif;	
    font-size: 14px;
    background: #eee;
    -webkit-appearance: none;
    border-radius: 0;
}

.regForm input[type = "text"]: active,
.regForm input[type = "text"]: focus {
    background: #f2f1ed;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2),
    inset 0 1px 0 rgba(0, 0, 0, .12);
}
    
.regForm input[type = "text"].error {
    background: #ea5b0b;
    text-shadow: none;
}

.regForm input[type = "text"].ok {
    background: #34ff00;
    text-shadow: none;
}
    
.regForm em.error {
    display: none!important;
}

#regForm {
	display: none;
}

/* 8.BANNER */
/* 9.NAVIGATION */
nav {    
	position: relative;
	width: 100%;	
	height: 70px;
	text-align: left;
	background: #8ec449;
	padding: 0px 0px 0px 0px;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

nav ul {
	margin:0 auto;
	width: 100%;
	max-width: 1356px;
	padding:0;
	list-style:none;
}

nav ul li .fa-home {
	font-size: 1.9em;
	line-height: 0.5em;
	padding: 0px;
}

nav .mainNav{
	width:100%; 
	margin:50px 0 20px; 
	font-size:20px; 
	letter-spacing:1px; 
	-webkit-transition:margin .2s linear; 
	-moz-transition:margin .2s linear; 
	transition:margin .2s linear;
}

nav ul li a:hover > a {
    color: #fff;
    background:#669900;
	text-decoration: none;
	text-shadow: none;		
}

nav ul li:hover > a {
    color: #fff;
    background:#669900;
	text-decoration: none;
	text-shadow: none;		
}

.mainNav li {
	margin-left:0px;
}

.mainNav li:first-child{
	margin-left:0;
}

nav li {
	float:left;
}

nav li a{
	display:block; 
	font:inherit; 
    font: normal 17px / 1.43em "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	padding: 23px 15px 23px 15px;
	-webkit-transition:color .2s linear; 
	-moz-transition:color .2s linear; 
	transition:color .2s linear;
}

.header li a:hover, 
nav li#current a, 
nav ul li a:hover > a {
    color: #fff;
    background:#669900;
	text-decoration: none;
	text-shadow: none;		
}

.mobile-menu{
	display:none; 
	clear:both;
}

.header ul{
	list-style:none; 
	padding:0; 
	margin:0;
}

.header a{
	text-transform:uppercase; 
	border-bottom:none
}

.mobile-menu{
	font-size:.8em;
}

.toggle{
	display:none; 
	float:right; 
	cursor:pointer; 
	margin:0px 10px 0px 0px; 
	border-radius:3px; 
	padding:15px 10px 12px;
    background:#669900;
}

.toggle span{
	display:block; 
	width:30px; 
	height:4px; 
	border-radius:4px; 
	margin-bottom:3px; 
  	background: #fff;
	color: #fff;
	-webkit-transition:all .1s linear; 
	-moz-transition:all .1s linear; 
	transition:all .1s linear;
}

/* 10.CONTENT */
.container {
	width: 1356px;
}

section#content {
	position: relative; 
	margin: 0 auto;
	clear: both;
	display: block;
	width: 90%;
	margin-top: 1em;
	max-width: 1356px;
	z-index: 1;
	padding: 0em;
}

#size {
	position: absolute;
	top: 0px;
	height: 15px;
	font:300 0.8em "Open Sans", sans-serif;	
	color: #000;
	z-index: 999999999999;	
}

.min-height-box {
	min-height: 509px;
}
/* 11.MAIN 
			margin: -170px 0 300px; 
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); 
	
*/

/*
Anmälan Spring en mil
*/

.modal-header {
	border-bottom: none;	
}

.modal-footer {
	border-top: none;	
}

.modal-body, modal-content {
	border: none;
}

.modal-dialog {
	max-width: 1200px;
	width: 100%;
}

p#toogle .btn {
	padding-right: 1em;
}

#lagForm { display:none; }

/*  
End Anmälan Spring en mil
*/

.box {
	position: relative;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.box-body {
  padding: 1em 3em 3em 3em;
}

.box-body:before,
.box-body:after {
  display: table;
  content: " ";
}

.box-body:after {
  clear: both;
}

.box-body:before,
.box-body:after {
  display: table;
  content: " ";
}

.box-body:after {
  clear: both;
}

.box-body a:hover {
	text-decoration: none;
}

.transparentBox {
	position: relative;
  margin-bottom: 20px;
}

.transparentBox-body {
  padding: 0em 0em 0em 0em;
}

.transparentBox-body:before,
.transparentBox-body:after {
  display: table;
  content: " ";
}

.transparentBox-body:after {
  clear: both;
}

.transparentBox-body:before,
.transparentBox-body:after {
  display: table;
  content: " ";
}

.transparentBox-body:after {
  clear: both;
}

.transparentBox-body a:hover {
	text-decoration: none;
}

.main {
    padding: 3em;
	background: #fff;
}

.thanks {
	min-height: 200px;
}


/* ==========================================================================
   Start.
   ========================================================================== */


#main-wrapper {
    padding: 0em;
    max-width: 1600px;
    margin: 0 auto;
}


.puff {
    width: 100%;
    position: relative;
    color: #fff;
	margin: 0%;
    cursor: pointer;
    background: #d5d1cc
}

.puff img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

.puff a.overlay {
    text-decoration: none;
    display: block;
    overflow: hidden;
    background: #fff;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    right: 80;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.puff h2 {
    font-size: 35px;
    color: #f0ece6;
    position: absolute;
    left: 5%;
    bottom: 5%;
    display: block;
    max-width: 50%;
    text-align: left;
    opacity: .9;
    z-index: 3;
    cursor: pointer;
    -moz-transition: color .1s ease .2s;
    -webkit-transition: color .1s ease .2s;
    transition: color .1s ease .1s;
}

.puff:hover h2 {
    color: #fff !important;
}

.puff:hover a.overlay {
    opacity: .86;
}

.puff.lantbruk a {
    background-color: #d9b287
}

.puff.entreprenad a {
    background-color: #669900
}

.puff.fastighetsskotsel a {
    background-color: #ff6b2b

}

.puff.lantbruk h2 {
    color: #cc0000;
}

.puff.entreprenad h2 {
    color: #000
}

.puff.fastighetsskotsel h2 {
    color: #d9b287
}

.news article{
	position: relative;
	width: 100%; 
	margin: 2em 0;
	padding-bottom: 0em; 
	float: left; 
	min-height: 250px; 
	background: #fff;
	border-bottom: 1px solid #f0ece6; 
}

.news article p{
	overflow: hidden; 
	height:100px;
}

.news article a{
	font:400 1em/1.3em "Voltaire", sans-serif; 
	text-transform: uppercase; 
	text-decoration: none; 
	display: block;
}

.news article h2 {
	padding: 2% 2% 0% 2%;
    margin: 0px;
}

.news article time {
    display: block;
    padding: 2% 0% 0% 2%;
}

.news article p {
	padding: 2% 2% 0% 2%;
    height: 120px;
    width: 100%;
    float: right;
    line-height: 29px;
    font-size: 16px
    background: #000;
}

.news article a {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 80px;
    margin-top: 20px;
    display: block;
    clear: both;
    background-color: #f2eee8;
    color: #666;
    text-align: center;
    padding: 35px 0 14px;
    line-height: 1em;
    margin-bottom: 0px;
    -webkit-transition: background .2s ease, color .2s ease;
    -moz-transition: background .2s ease, color .2s ease;
    transition: background .2s ease, color .2s ease;
}

.main .read-more:hover,
.news article:hover a,
.news article a:hover {
    background-color: #669900;
    color: #fff
}

.js .block {
    cursor: pointer
}

.map {
	margin: 0%;
}

.info {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}


/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* Secondary Footer */


/* Footer */
.clear {
	clear: both;
}

#clearfooter {
	clear:both;
	height:300px;
}

#footer {
	clear: both; 
	min-height: 300px; 
	padding:0;
	background: #111; 
	z-index: 2;
	padding: 30px 0 0;
	overflow: hidden;
	padding: 5px 0 0; 
	position:relative;
	margin-top:-300px; 
	height:300px; 
}

#footer ul { 
	display:block;
	margin:0px;
	padding: 1em 0px 0px 0px;
	list-style:none; 
}
	
#footer li { 
	display: block;
	clear: both;
	margin:0px 10px 0px 0px;
	padding: 0.5em;
	color:#fff;
	font-family: 'Muli', sans-serif;
	font-size: 12px;
	line-height: 15px;
}
	
#footer li a { 
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-family: 'Muli', sans-serif;
	font-size: 12px;
	line-height: 15px; 
}
	
#footer li a:hover { 
	color:#fff; 
}
	
#footer li.actve a { 
	color:#fff; 
}
	
.author {
	text-align: right;
}

/* Sticky Footer */
html, body{height:100%}


/*Opera Fix*/
body:before{
	content:""; 
	height:100%; 
	float:left; 
	width:0; 
	margin-top:-32767px;
}

/* 14.GLOBAL OBJECTS */
/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "";
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */
/* 18.SLIDESHOW */

/* ------------------------------------------------

section.flexslider .slides li:nth-child(2n) .titleSlide { 
	background-image: url(./images/leftSlide.png) right 0 no-repeat;
}
	Smaller screens
-------------------------------------------------*/




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

	/* 1.ROOT */
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	.min-height {
		height:auto;
		min-height:initial;
	}
	/* 11.MAIN */
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	.author {
		text-align: left;
	}

	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */

		
}


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

	/* 1.ROOT */
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	/* 11.MAIN */
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
}



	

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


	/* 1.ROOT */
	/* 2.HEADINGS */

	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */

	/* 11.MAIN */
    .puff {
        width: 100%;
        margin: 1%;
    }
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */	
	#footerbottomleft {
		float: none;
		width: 100%;
		padding: 20px 0px 0px 0px;
		text-align: center;
	}
	
	#author {
		float: none;
		width: 100%;
		padding: 20px 0px 0px 0px;
		text-align: center;
	
	}
	
	#footernav ul { 
		display:none;
	}
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */

}



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

	/* 1.ROOT */
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	/* 11.MAIN */
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
	
}


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

	/* 1.ROOT */
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	/* 11.MAIN */
    .puff {
        width: 100%;
        margin: 1%;
    }
    
	.puff h2 {
	    font-size: 30px;
	 }
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
}


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

	/* 1.ROOT */
	/* 2.HEADINGS */
	.header{
		position:relative; 
		height:auto; 
		min-height: 120px;
		padding:10px 0;
	}
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	nav {
		background: #fff;
		display:none;
		height: auto;
	}	
    /* Main menu mobile */
    .toggle {
    	display: block; 
    	height: 48px;
    	max-height: 48px;
    }
    
    
    .mobile-menu{
    	margin-top: 100px;
    	background: #fff;
    }
    
    nav.mobile-menu li{
    	padding: 0px;
    	width: 100%;
    	display: block;
    	float: none;
    }
    

    nav li a{
    	padding: 20px 15px;
    	font-size: 1.2em;
    }
    
	.toggle:hover{
    	background:#669900;
  	}

  	.toggle:hover span{
  		background: #fff;
  	}

  	.toggle.active span:nth-child(1){
	  	-webkit-transform: rotate(45deg); 
	  	-moz-transform: rotate(45deg); 
	  	transform: rotate(45deg); 
	  	margin-top: 8px;
	}
	 
	.toggle.active span:nth-child(3){
	 	-webkit-transform: rotate(-45deg);
	 	-moz-transform: rotate(-45deg);
	 	transform: rotate(-45deg);
	 	margin-top: -14px;
	}
	 
	.toggle.active span:nth-child(2){opacity: 0}

	/* 10.CONTENT */
	/* 11.MAIN */
	.news article{
		position: relative;
		width: 100%; 
		margin: 0% 0% 2% 0%;
		padding-bottom: 0em; 
		float: left; 
		min-height: 250px; 
		clear: both;
		display: block;
		background: #fff;
		border-bottom: 1px solid #f0ece6; 
	}

	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
}


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


	/* 1.ROOT */
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	.regForm { 
		width: 90%;
		text-align: left;
		padding:2em;
		margin:0px; 
	}
	
	.regForm input[type = "text"] {
	    width: 100%;
	    clear: both;
	}
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	/* 11.MAIN */
    .puff {
        width: 100%;
        margin: 0%;
    }
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
	
}

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


	/* 1.ROOT */
	body { 
		-webkit-text-size-adjust: none;
		width: 100%;
	}
	/* 2.HEADINGS */
	/* 3.TYPOGRAPHY */
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	/* 8.BANNER */
	/* 9.NAVIGATION */
	/* 10.CONTENT */
	/* 11.MAIN */
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
}

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


	/* 1.ROOT */
	/* 2.HEADINGS */
	.header #logo {
		display: block;
		width: 200px;
		height: 46px;
		position: absolute;
		left: 0px;
		background: transparent url("images/logo.png") no-repeat 0 0;
	}
	
	.svg .header #logo {
		background-image: url("images/logo.svg");
		background-size: 200px 46px;
	}
	/* 3.TYPOGRAPHY */
	h1{ margin:0 0 0.4em;font-size:20px;}
	h2{font-size:18px; line-height: 30px; margin-bottom:0px}
	h3{font-size:24px;}
	h4{font-size:20px;}
	h5{font-size:18px; letter-spacing: 0.07em; color: #888}
	h6{font-size:12px;}
	/* 4.LINKS */
	/* 5.FIGURES & IMAGES */
	/* 6.TABLES */
	/* 7.FORMS */
	.contact-form h2 {
		padding-left: 1em;
	}
	/* 8.BANNER */
	/* 9.NAVIGATION */
	#open {
		position: relative;
		top: 10px;
		float: right;
	}
	
	nav {
		display: none;
	}

	/* 10.CONTENT */
	.box-body {
	  padding: 1em 0.5em 1em 0.5em;
	}
	
	#content {
		margin-top: 90px;
		clear: both;
		display: block;
		padding-top: 90px;
		position: fixed;
		top: 10px;
	}

	/* 11.MAIN */
	/* 12.COMPLIMENTARY */
	/* 13.CONTENTINFO */
	/* 14.GLOBAL OBJECTS */
	/* 15.VENDOR-SPECIFIC */
	/* 16.TEMPLATE SPECIFICS */
	/* 17.MODERNIZR */
	/* 18.SLIDESHOW */
	.slider {
		display: none;
	}

	
}