/* Fonts */

* {
    box-sizing: border-box;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


[class*="col-"] {
    float: left;
    padding: 5px;
    /*border: 1px solid red;*/
}


.row::after {
    content: "";
    clear: both;
    display: block;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 720px) {
    /* For tablets: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 22px;*/
	color: #ffffff;
	/*border-top: 3px solid #eee;*/
	background-color:#38632d;
	/*background-color:#ffffff;*/
}

/*Backgrounds*/

.bg-primary {
  color: #f9e610;
  background-color: #222222;
  padding-top:10px;
  padding-bottom:10px;
}

.bg-yellow {
  color: #ffffff;
  background-color: #f9e610;
  padding-top:10px;
  padding-bottom:10px;
}

.bg-darkblue {
  color: #ffffff;
  background-color: #02115d;
}

.bg-darkblue-floating {
  color: #ffffff;
  /*background-color: #02115d;*/
  /*background: rgba(2, 17, 93, 0.8);*/
  background: rgba(2, 17, 93, 1);
  font-size:20px;
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-darkblue-floating-list {
  color: #ffffff;
  background-color: #02115d;
  font-size:18px;
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-white-floating {
  color: #000000;
  font-size:18px;
  background-color: #ffffff;
  /*background: rgba(255, 255, 255, 0.9);*/
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-forest-green {
  color: #ffffff;
  font-size:18px;
  /*background-color: #38632d;*/
  background-color: #38632d;
  /*background: rgba(255, 255, 255, 0.9);*/
  font-family: 'Abel', sans-serif;
  /*border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;*/
}

.bg-forest-green-floating {
  color: #ffffff;
  background-color: #38632d;
  font-size:20px;
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-tan-floating {
  color: #000000;
  font-size:18px;
  background-color: #ffffff;
  /*background: rgba(255, 255, 255, 0.9);*/
  font-family: 'Abel', sans-serif;
  border-top: 3px solid #38632d;
  border-bottom: 3px solid #38632d;
  box-shadow: inset 0px 0px 10px #d7d4cb;
}

.bg-white-floating-trans {
  /*color: #000000;*/
  font-size:22px;
  font-family: 'Abel', sans-serif;
  background: rgba(0, 0, 0, 0.7);
  /*font-family: 'Abel', sans-serif;*/
  /*border-top: 4px solid #ffffff;*/
	margin-top: 20px;
	border: 1px solid white;
}

.bg-white-floating-no-trans {
  color: #000000;
  font-size:18px;
  background-color: #ffffff;
  /*background: rgba(255, 255, 255, 0.9);*/
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-gray-floating {
  color: #000000;
  font-size:18px;
  background-color: #dddcdc;
  /*background: rgba(255, 255, 255, 0.9);*/
  font-family: 'Abel', sans-serif;
  border-top: 4px solid #ffffff;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-blue-floating {
  color: #000000;
  font-size:18px;
  background-color: #337ab7;
  font-family: 'Abel', sans-serif;
  /*border-top: 4px solid #ffffff;*/
  box-shadow: inset 0px 0px 10px #dddddd;
  /*margin: 1px 1px 1px 1px;*/
}

.bg-harvest {
  color: #ffffff;
  background-image: url("http://static.localfarmfresh.ca/0cities/northbay/img/northern-ontario-food-shed.gif");
  height: 500px;
  text-shadow:
     -1px -1px 0 #000000, 
      1px -1px 0 #000000,
      1px 1px 0 #000000,
       1px 1px 0 #000000;
	background-repeat:no-repeat;
	background-size: 100% 600px;
    /*background-size:100% 100%;*/
	/*background-size:cover;*/
}

.bg-harvest-mobile {
  color: #ffffff;
  background-image: url("http://static.localfarmfresh.ca/0cities/northbay/img/northern-ontario-food-shed.gif");
  /*height: 600px;*/
  text-shadow:
     -1px -1px 0 #000000, 
      1px -1px 0 #000000,
      1px 1px 0 #000000,
       1px 1px 0 #000000;
	background-repeat:no-repeat;
	/*background-size: 100% 250px;*/
    background-size:100% 100%;
	background-size:cover;
}

.bg-white {
  color: #337ab7;
  background-color: #ffffff;
}

.bg-barcode {
  color: #ffffff;
  background-color: #0e7b15;
}

.bg-black {
  color: #ffffff;
  background-color: #000000;
}

/*END Backgrounds*/

.homepage-text {
	font-size:20px;
}

.hidden-section {
	/*padding-top: 5cm;*/
	padding-top: 50%;
}

.hidden-section-padding {
	padding-top: 2cm;
	padding-bottom: 2cm;
}

.img-responsive{
	max-width: 100%;
	height: auto;
	display:block;
}

.cart-product{
	border-bottom: 2px solid #ffffff;
}
/* Style The Dropdown Button */
.dropbtn {
    background-color: #ffffff;
    color: #02115d;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ffffff;
}


h1,h2,h5,h6{
	/*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #02115d;
	
	text-shadow:
     /*-1px -1px 0 #111111,*/ 
      1px -1px 0 #111111,
      /*-1px 1px 0 #111111,*/
       1px 1px 0 #111111;
}

h3{
	/*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	color: #abaaaa;
	/*color: #02115d;*/
	
	letter-spacing: 1px;
	
	text-shadow:
     -1px -1px 1px #000000,  
      1px -1px 1px #000000,
      -1px 1px 0 #000000,
       1px 1px 0 #000000;

	/*text-shadow:
     -1px -1px 1px #ffffff,  
      1px -1px 1px #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff;*/
}


h1{
	/*
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	color: #02115d;
	line-height: 37px;
	font-size:35px;
	
	letter-spacing: 1px;

	text-shadow:
     -1px -1px 1px #000000,  
      1px -1px 1px #cccccc,
      -1px 1px 0 #cccccc,
       1px 1px 0 #cccccc;
	   */
	   font-size: 30px;
	line-height: 30px;
	text-shadow:
     -1px -1px 0 #ffffff,  
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff,
	 -2px -2px 0 #dddddd,  
      2px -2px 0 #dddddd,
      -2px 2px 0 #dddddd,
       2px 2px 0 #dddddd;
}


h5{
	color: #ffffff;
	font-weight: 600;
}


h1, h2{
	font-size: 30px;
	line-height: 35px;
	text-shadow:
     -1px -1px 0 #ffffff,  
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff,
	 -2px -2px 0 #dddddd,  
      2px -2px 0 #dddddd,
      -2px 2px 0 #dddddd,
       2px 2px 0 #dddddd;
}

h3{
	font-size: 25px;
	line-height: 30px;
}

h3,h4{
	font-family: 'Abel', sans-serif;
	font-size: 24px;
	line-height: 25px;
	letter-spacing:3px;
	color:#cccccc;/*#38632d*/
	text-shadow:
     -1px -1px 0 #000000,  
      1px -1px 0 #000000,
      -1px 1px 0 #000000,
       1px 1px 0 #000000,
	   0px 0px 11px rgba(255,255,255,1);

}

h4{

}

h5{
	font-size: 15px;
	line-height: 22px;
}

h6{
	font-size: 13px;
	line-height: 25px;
}

p{
	padding: 0px;
	margin: 0px;
}

.white-text {
  color: #ffffff;
  text-shadow:
     -1px -1px 1px #000000,  
      1px -1px 1px #000000,
      -1px 1px 0 #38632d,
       1px 1px 0 #38632d;
}

.black-text {
  color: #000000;
  font-weight:700;
  /*text-shadow:
     -1px -1px 1px #000000,  
      1px -1px 1px #000000,
      -1px 1px 0 #38632d,
       1px 1px 0 #38632d;*/
}

.csa-black-text {
  padding-left:15px;
  padding-right:30px;
  font-size:16px;
  color: #000000;
  font-weight:400;
  font-family: 'Abel', sans-serif;
  /*text-shadow:
     -1px -1px 1px #000000,  
      1px -1px 1px #000000,
      -1px 1px 0 #38632d,
       1px 1px 0 #38632d;*/
}

.text-top{
	  vertical-align: text-top;
}


a:hover,a:active,a:focus {
	outline: 0;
}

a,a:visited{
	color:#ffffff;
}

a:hover{
	color:#1cb95b;
	color:#617df7;
}

.gg a{
	color:#02115d;
}

.gg a:visited{
	color:#02115d;
}

.gg a:hover{
	color:#02115d;
}

.sustainable-site a,a:visited{
	color:#123583;
}

.sustainable-site a:hover{
	color:#1cb95b;
}

.menu a:visited{
	color:#ffffff;
}

.main-text{
	color: #ffffff;
	font-size:18px;
	text-shadow:
     -1px 0px 0 #ffffff, 
	 -1px 1px 0 #000000,
	 -1px 2px 0 #000000,   
	   0 0 2px #ffffff;
}

.main-text a,a:visited{
	color:#6c6c6f;
	   letter-spacing: 1px;
	   text-shadow:
     -1px -1px 1px #ffffff,  
      1px -1px 1px #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff;
}

.main text a:hover{
	color:#1cb95b;
}

hr{
margin:15px 0px 10px 0px;
padding:0px;
border-top:0px;
/*border-bottom:1px solid #f4f4f4;*/
border-bottom:3px solid #f4f4f4;
height:0px;
}

.center{
text-align:center;
}

.center-image{
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.right{
	text-align:right;
}

.orig-image{
    position: inherit;
    z-index: 0;
}

.change-image{
    z-index: 99;
	position: relative;
	text-align:left;
}

.image-border{
	border: 1px solid #a1a1a1;
	border-radius: 5px;
}

.col-squares{
	border: 2px solid #000000;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:20px;
	margin-bottom:20px;
	box-shadow: 5px 5px 3px #888888;
}

.rollback-image{
    z-index: 100;
	padding-top: 10px;
	position: relative;
	text-align:left;
}

.green-bottom-border{
	border-bottom: 3px solid #ffffff;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
 /* -ms-touch-action: manipulation;
      touch-action: manipulation;*/
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /*user-select: none;*/
}

.btn-lg {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
 /* -ms-touch-action: manipulation;
      touch-action: manipulation;*/
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 2.42857143;
  width:100%;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /*user-select: none;*/
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  /*pointer-events: none;*/
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #eeeeee;
  background-color: #02115d;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #337ab7;
  border-color: #adadad;
}

a.btn, a.btn:visited, a.btn:hover{
	color:#ffffff !important;
	background-color:#02115d;
}

a.btn-primary,a.btn-primary:visited{
	  color:#ffffff !important;
      /*background-color:#02115d;*/
	  background: rgba(2, 17, 93, 0.8);
	  text-decoration:none;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;	  
}

a.btn-primary:hover{
	  color:#02115d !important;
      background-color:#ffffff;
	  text-decoration:none;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;	  
}

a.btn-menu,a.btn-menu:visited{
	  color:#ffffff !important;
      background-color:#38632d;
	  /*background: rgba(2, 17, 93, 0.8);*/
	  text-decoration:none;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;
	  	  text-shadow:
      1px -1px 2px #ffffff; 
	  border-radius:3px;	
}

a.btn-menu:hover{
	  /*color:#02115d !important;*/
      color:#38632d !important;
	  background-color:#ffffff;
	  text-decoration:none;
	  font-weight:bold;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;
	  border-radius:3px;
}

a.btn-success,a.btn-success:visited{
	  color:#ffffff !important;
      /*background-color:#02115d;*/
	  background: rgba(2, 17, 93, 0.8);
	  text-decoration:none;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;	  
}

a.btn-success:hover{
	  color:#02115d !important;
      background-color:#ffffff;
	  text-decoration:none;
	  font-size: 18px;
	  font-family: 'Abel', sans-serif;	  
}

.btn-danger,a.btn-danger,a.btn-danger:visited,a.btn-danger:hover{
	color:#ffffff !important;
    background-color:#ca2909;
}

.btn-warning,a.btn-warning,a.btn-warning:visited,a.btn-warning:hover{
	color:#ffffff !important;
    background-color:#e5880e;
}

a.btn-warning,a.btn-warning:visited,a.btn-warning:hover,
a.btn-success,a.btn-success:visited,a.btn-success:hover,
a.btn-info,a.btn-info:visited,a.btn-info:hover,
a.btn-inverse,a.btn-inverse:visited,a.btn-inverse:hover{
  color:#ffffff !important;
  /*background-color:#02115d;*/
  background-color:#e5880e;
  font-family: 'Abel', sans-serif;	
}

.btn-success,a.btn-success,a.btn-success:visited,a.btn-success:hover{
	color:#ffffff !important;
    background-color:#38632d;
}


.button{
	margin: 10px 0px 5px 0px;
}

.button a, .button a:visited{
color: #ffffff;
background-color:#02115d;
padding: 5px 10px;
border: 0px !important;
text-decoration: none !important;
font-size: 13px;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
border-radius:3px;
}

.button a:hover{
color: #ffffff;
background-color:#02115d;
text-decoration: none;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

button.close{
	font-size: 16px !important;
}

.table-bordered {
  /*border: 1px solid #dddddd;*/
  /*background-color:#FFFFFF;*/
  font-size:18px;
 /* background-color:#13347f;*/
  border: 2px solid #ffffff;
  border-collapse: collapse;
  padding: 4px;
  /*border-style: groove;*/
  /*box-shadow:
     -1px -1px 2px #ffffff,  
      1px -1px 2px #ffffff,
      -1px 1px 2px #ffffff,
       1px 1px 2px #ffffff;*/
}

.table-bordered th {
  background-color:#eae2c8;
  text-align:left;
  font-size:20px;
  color: #02115d;
}

.table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
  
.gg {
		counter-reset: my-badass-counter;
}
.gg dt {
		position: relative;
		font: bold 14px Georgia;
		padding: 4px 0 15px 0;
}
.gg dt:before {
		content: counter(my-badass-counter);
		counter-increment: my-badass-counter;
		position: absolute;
		left: 0;
		top: 0;
		font: bold 30px/1 Sans-Serif;
		color:#FFFFFF;
}
.gg dd {
		margin: 0 0 50px 0;
}	
.gg dt, .gg dd {
		padding-left: 30px;
}

input[type=text], input[type=password], select {
    width: 100%;
    padding: 6px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
    width: 100%;
    height: 150px;
    padding:6px 10px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
}
  
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 8px;
  padding-right: 8px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
 

/*
@-ms-viewport {
  width: device-width;
}
*/
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

/* Back to top */

.totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
}

.totop a, .totop a:visited{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.totop a:hover {
	color: #fff;
	text-decoration: none;
}

.title{
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f3f3f3;
}

.title i{
	margin-right: 3px;
}

/* Header */

header{
	background: #ffffff;
	/*background: rgba(255, 255, 255, 0.95);*/
	/*padding-top: 2px;
	padding-bottom: 0px;*/
	/*margin-top: 5px;*/
	font-size: 14px;
}

/* Footer */

footer{
	/*background: #02115d;*/
	/*padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 10px;*/
	/*color: #aaa;*/
	color: #fff;
	font-size: 14px;
	/*box-shadow: inset 0px 0px 10px #000;*/
}

footer a, footer a:visited{
	color: #ddd;
}

footer a:hover{
	color: #ccc;
	text-decoration: underline;
}

footer hr{
	height: 0px;
	padding: 0px;
	margin: 5px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

footer h5{
	color: #fff;
}

footer h2{
	color: #13347f;
	text-shadow: 0px 2px 0px white;
	text-shadow: 2px 0px 0px white;
	text-shadow: 0px 0px 2px white;
}

footer h6{
	color: #fff;
}

footer ul{
	margin-left: 0px;
	margin:0px;
	padding-left:15px;
}

footer ul li{
	list-style-type: none;
	margin-bottom: 5px;
}

/*Front-end Admin Interface*/

.bg-orange-floating {
  color: #ffffff;
  background-color: #01137f;
  font-size:20px;
  font-family: 'Abel', sans-serif;
  /*border-top: 4px solid #ffffff;*/
  border: 6px solid #df5525;
  box-shadow: inset 0px 0px 10px #dddddd;
}

.bg-gray {
  color: #000000;
  background-color: #cccccc;
  border: 6px groove #ffffff;
  background: -webkit-linear-gradient(left top, #cccccc, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #cccccc, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #cccccc, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #cccccc, white); /* Standard syntax */
}

.fe-int{
	/*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #df5525;
	font-size: 40px;
	
	text-shadow:
     -1px -1px 0 #ffffff, 
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff;
}

.fe-int-blue{
	/*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #000000;
	
	text-shadow:
     -1px -1px 0 #ffffff, 
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff;
}

.fe-int-small{
	/*font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
	font-family: 'Abel', sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #df5525;
	
	text-shadow:
     -1px -1px 0 #ffffff, 
      1px -1px 0 #ffffff,
      -1px 1px 0 #ffffff,
       1px 1px 0 #ffffff;
}

.btn-order,a.btn-order,a.btn-order:visited,a.btn-order:hover{
	color:#ffffff !important;
    background-color:#01137f;
}

.btn-order:hover{
	color:#01137f !important;
    background-color:#ffffff;
	border: 1px groove #01137f;
}

.btn-section,a.btn-section,a.btn-section:visited,a.btn-section:hover{
	/*color:#ffffff !important;*/
    /*background-color:#01137f;*/
	border: 3px groove #01137f;
	padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	font-size:20px;
}

.btn-section:hover{
	/*color:#01137f !important;
    background-color:#ffffff;*/
	border: 3px groove #ffffff;
	padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	font-size:20px;
}

input[type=text].fe {
    width: 20%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	font-size:20px;
	text-align:center;
}

a.admin {
    color: #ffffff;
}

a:hover.admin {
	color: #df5525;
}

input[type=text].fields {
    width: 90%;
    padding: 6px 10px;
    margin: 6px 0;
    box-sizing: border-box;
	font-size:14px;
}

textarea.fields {
    width: 90%;
    height: 150px;
    padding: 6px 10px;
    box-sizing: border-box;
    resize: none;
}

select.fields {
    width: 40%;
    padding: 6px 10px;
}

.ml20 {
	margin-left: 15px;
}

.mr20 {
	margin-right: 15px;
}

.min-headline {
	font-size: 28px;
}

.source{
	font-size: 14px;
}

.filelist table {
    border-collapse: collapse;
    width: 100%;
	border: 1px solid white;
}

.filelist tr:nth-child(even){background-color: #f2f2f2;color:#000000;}

.filelist th{
    background-color: #4CAF50;
    color: white;
}

table#table-filelist {
    margin-left:auto; 
    margin-right:auto;
  }
  
h4.contact{
	color:#ffffff;
}