/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 1, sass/_general.scss */
body {
  line-height: 1.6em;
  font-weight: 300;
  color: #333;
  font-family: Open Sans, sans-serif;
  background-color: white;
  font-size: 16px;
  height: 100%;
}

/* line 11, sass/_general.scss */
html, body {
  height: 100%;
}

/* line 15, sass/_general.scss */
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: 500;
}

/* line 20, sass/_general.scss */
h1, h2, h3 {
  margin-top: 0;
}

/* line 23, sass/_general.scss */
h1 {
  font-size: 36px;
}

/* line 26, sass/_general.scss */
h2 {
  font-size: 28px;
}

/* line 29, sass/_general.scss */
h3 {
  font-size: 22px;
}

/* line 32, sass/_general.scss */
h4 {
  font-size: 18px;
}

/* line 35, sass/_general.scss */
h5 {
  font-size: 14px;
}

/* line 38, sass/_general.scss */
a {
  color: #111;
}
/* line 40, sass/_general.scss */
a:hover {
  color: #999;
}

/* line 44, sass/_general.scss */
li {
  line-height: 1.8em;
}

/* line 47, sass/_general.scss */
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
}

/* line 53, sass/_general.scss */
.wrapper {
  min-height: 100%;
  position: relative;
}

/* BUTTONS */
/* line 59, sass/_general.scss */
.btn-aliment, .label-aliment {
  background-color: #54a749;
  border-color: #54a749;
  color: white;
}
/* line 63, sass/_general.scss */
.btn-aliment:hover, .label-aliment:hover {
  background-color: rgba(84, 167, 73, 0.8);
  color: #edf6ec;
}

/* line 69, sass/_general.scss */
.btn-apport, .label-apport {
  background-color: #df9d48;
  border-color: #df9d48;
  color: white;
}
/* line 73, sass/_general.scss */
.btn-apport:hover, .label-apport:hover {
  background-color: rgba(223, 157, 72, 0.8);
  color: #fbf5ec;
}

/* line 79, sass/_general.scss */
.btn-bienfait, .label-bienfait {
  background-color: #e35353;
  border-color: #e35353;
  color: white;
}
/* line 83, sass/_general.scss */
.btn-bienfait:hover, .label-bienfait:hover {
  background-color: rgba(227, 83, 83, 0.8);
  color: #fceded;
}

/* line 89, sass/_general.scss */
.label-tag {
  background-color: #666;
  border-color: #666;
  color: white;
}
/* line 93, sass/_general.scss */
.label-tag:hover {
  background-color: rgba(170, 170, 170, 0.8);
  color: #f6f6f6;
}

/* line 99, sass/_general.scss */
.tag {
  margin-right: 5px;
}

/* LOGO */
/* line 104, sass/_general.scss */
#logo {
  font-family: "Gafata", Open Sans, sans-serif;
  font-size: 36px;
  position: relative;
  top: 21px;
}

/* line 111, sass/_general.scss */
#logo a {
  color: #111;
}

/* line 115, sass/_general.scss */
#logo-com {
  font-size: 20px;
}

/* line 119, sass/_general.scss */
#logo a:hover {
  text-decoration: none !important;
  color: #999;
}

/* line 124, sass/_general.scss */
.fa-logo {
  font-size: 24px;
  font-weight: 600;
}

/* MENU */
/* line 131, sass/_general.scss */
li.nav-aliment.active a, li.nav-aliment.active a:hover, li.nav-aliment a:hover, li.nav-aliment a:focus, li.nav-aliment.active a, li.nav-aliment.active a:hover, li.nav-aliment a:hover, li.nav-aliment a:focus {
  background: #54a749;
}

/* line 137, sass/_general.scss */
li.nav-apport.active a, li.nav-apport.active a:hover, li.nav-apport a:hover, li.nav-apport a:focus, li.nav-apport.active a, li.nav-apport.active a:hover, li.nav-apport a:hover, li.nav-apport a:focus {
  background: #df9d48;
}

/* line 143, sass/_general.scss */
li.nav-bienfait.active a, li.nav-bienfait.active a:hover, li.nav-bienfait a:hover, li.nav-bienfait a:focus, li.nav-bienfait.active a, li.nav-bienfait.active a:hover, li.nav-bienfait a:hover, li.nav-bienfait a:focus {
  background: #e35353;
}

/* line 148, sass/_general.scss */
.navbar-nav .dropdown-menu {
  background-color: #ccc;
}

/* line 152, sass/_general.scss */
.loop-comments,
.sidebar li:hover, .sidebar .widget_nav_menu li:hover,
.label-primary {
  background-color: #aaa;
}

/* line 158, sass/_general.scss */
.entry-title i,
.author-links i,
.sidebar li i,
.sidebar .pressapps_tweet_widget i,
.box-video-list i,
.autocomplete-suggestions h4 > strong {
  color: #aaa;
}

/* line 167, sass/_general.scss */
.emboss {
  text-shadow: 0px 0px 6px #555555;
}

/* line 171, sass/_general.scss */
.emboss-box {
  box-shadow: 0px 0px 5px #444444 !important;
}

/* line 175, sass/_general.scss */
h3 {
  font-weight: 400;
  font-family: "Gafata", Open Sans, sans-serif;
}

/* line 180, sass/_general.scss */
.copyright {
  font-family: "Gafata", Open Sans, sans-serif;
  color: #ccc;
}

/* line 186, sass/_general.scss */
i.circled {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  padding: 8px;
  background: #888;
  color: white;
  text-align: center;
  font-size: 18px;
  position: relative;
  top: -4px;
  margin-right: 5px;
}

/* ==========================================================================
   5 - Live Search
   ========================================================================== */
/* line 205, sass/_general.scss */
.autocomplete-suggestions {
  border: 1px solid #bbb;
  background: #FFF;
  cursor: default;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 206, sass/_general.scss */
.autocomplete-suggestion {
  padding: 12px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  font-weight: normal;
}

/* line 207, sass/_general.scss */
.autocomplete-suggestion h4 {
  line-height: 1em;
  margin: 5px 0;
  white-space: nowrap;
}

/* line 208, sass/_general.scss */
.autocomplete-suggestion p {
  line-height: 18px;
}

/* line 209, sass/_general.scss */
.autocomplete-suggestion:last-child {
  border: none;
}

/* line 210, sass/_general.scss */
.autocomplete-selected {
  background: WhiteSmoke;
}

/* line 211, sass/_general.scss */
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #E24F5A;
}

/* Social Icons */
/* line 214, sass/_general.scss */
.sn {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0px 0px 0 0px;
  float: right;
}

/* line 215, sass/_general.scss */
.sn li {
  list-style-type: none;
  margin: 0;
  padding: 0 0px 0 1px;
  display: inline;
  background: transparent;
}

/* line 216, sass/_general.scss */
.sn span {
  height: 30px;
  width: 30px;
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.4s ease;
  /* FF4+ */
  -o-transition: all 0.4s ease;
  /* Opera 10.5+ */
  transition: all 0.4s ease;
}

/* line 222, sass/_general.scss */
.sn .icon-img {
  background-position: 0 0;
}

/* line 223, sass/_general.scss */
.sn .icon-img:hover {
  background-position: 0 -30px !important;
}

/* HERO */
/* line 3, sass/_home.scss */
#hero {
  /*padding: 110px 0 190px;*/
  background-image: url("../img/vegetables.jpg");
}

/* line 8, sass/_home.scss */
#hero #overlay {
  padding: 100px 0 160px;
  background-color: rgba(129, 159, 193, 0.16);
}

/* line 13, sass/_home.scss */
#hero .title {
  line-height: 1.0em;
}

/* line 17, sass/_home.scss */
#hero .subtitle {
  text-align: center;
  color: white;
  font-size: 2.2em;
  font-weight: 300;
  line-height: 1.0em;
}

/* line 25, sass/_home.scss */
.home-title {
  margin-bottom: 50px;
  padding: 0 4%;
  text-align: center;
}

/* line 30, sass/_home.scss */
.home-title h2 {
  font-size: 34px;
}

/* line 33, sass/_home.scss */
.home-title p {
  font-size: 1.1em;
  line-height: 1.6em;
  margin: 0;
}

/* line 39, sass/_home.scss */
#hero .form-search {
  margin-top: 30px;
}

/* line 42, sass/_home.scss */
#hero .form-search .form-control {
  height: 67px;
  font-size: 18px;
  border: none;
}

/* line 47, sass/_home.scss */
#hero .form-search .btn, #hero .form-search .ui-state-default {
  padding: 20px 50px;
  font-size: 18px;
  background-color: #ed4949;
  /*   margin-left: 8px;*/
  color: #fff;
  font-weight: 500;
  border-radius: 0;
}

/* line 56, sass/_home.scss */
#hero .form-search .btn:hover, #hero .form-search .ui-state-default:hover {
  background-color: #df9d48;
}

/* line 60, sass/_home.scss */
.explanation {
  text-align: center;
  font-style: italic;
  font-size: 1.5em;
  font-weight: 200;
  padding-bottom: 40px;
}

/* line 68, sass/_home.scss */
#hero h1 {
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
  font-size: 5.0em;
}

/* line 75, sass/_home.scss */
#boxes {
  color: #333;
  padding-top: 40px;
  padding-bottom: 100px;
  text-align: center;
  margin-top: -50px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px -7px 7px -7px #858181;
}

/* line 86, sass/_home.scss */
.box {
  padding: 0 20px;
}
/* line 88, sass/_home.scss */
.box i {
  color: #333;
  font-size: 86px;
}
/* line 91, sass/_home.scss */
.box i:hover {
  color: #666;
}
/* line 96, sass/_home.scss */
.box a:hover {
  text-decoration: none;
}
/* line 100, sass/_home.scss */
.box h3 {
  margin: 10px 0 15px;
  font-size: 28px;
}
/* line 103, sass/_home.scss */
.box h3 a {
  color: #333;
}
/* line 105, sass/_home.scss */
.box h3 a:hover {
  opacity: 0.85;
}

/* line 112, sass/_home.scss */
#recent-titre h3 {
  color: #333;
  padding-top: 5px;
  padding-bottom: 10px;
}

/* line 118, sass/_home.scss */
.recent-list {
  text-align: center;
  color: #333;
}

/* line 1, sass/_content.scss */
article.post {
  background-color: rgba(204, 204, 204, 0.2);
  padding: 25px;
  margin-bottom: 30px;
  overflow: hidden;
}

/* line 8, sass/_content.scss */
article.post header h2 {
  margin-bottom: 10px;
}

/* line 12, sass/_content.scss */
article.post header h1 {
  margin-bottom: 30px;
}

/* line 16, sass/_content.scss */
article.post footer {
  font-size: 0.85em;
  color: #aaa;
}

/* line 21, sass/_content.scss */
.entry-tags {
  margin-top: -20px;
  margin-bottom: 40px;
}

/* line 26, sass/_content.scss */
.image-principale {
  position: relative;
  float: left;
}

/* line 31, sass/_content.scss */
h1.main-title {
  margin-top: 60px;
  margin-bottom: 20px;
}

/* line 36, sass/_content.scss */
h2.section-title {
  margin-top: 40px;
  margin-bottom: 10px;
}

/* line 41, sass/_content.scss */
.resume {
  padding-left: 220px;
}

/* line 45, sass/_content.scss */
.nav-tabs {
  margin-top: 40px;
}

/* line 49, sass/_content.scss */
li.recent-element a {
  color: #111;
}

/* line 53, sass/_content.scss */
li.recent-element a:hover {
  color: #999;
}

/* line 57, sass/_content.scss */
#recent-titre {
  text-align: center;
}

/* line 61, sass/_content.scss */
h1.entry-title {
  margin-bottom: 20px;
}

/* line 65, sass/_content.scss */
.featured-media {
  margin-top: 25px;
  margin-bottom: 25px;
}

/* line 71, sass/_content.scss */
.element-thumbnail {
  float: left;
  margin-right: 10px;
}

/* line 76, sass/_content.scss */
h2.element-title {
  margin-bottom: 10px !important;
}
/* line 78, sass/_content.scss */
h2.element-title a:hover {
  color: #999;
  text-decoration: none;
}

/* line 84, sass/_content.scss */
.tag-header {
  margin-bottom: -100px;
  color: white;
}
/* line 87, sass/_content.scss */
.tag-header article {
  background-color: #666;
}
/* line 89, sass/_content.scss */
.tag-header article header h1 {
  color: white;
}

/* line 96, sass/_content.scss */
.main-header {
  background: url("../img/vegetables.jpg");
  box-shadow: -7px 0px 7px -7px #858181;
}

/* line 100, sass/_content.scss */
.main-header .overlay {
  background-color: rgba(129, 159, 193, 0.16);
  padding: 10px 0 15px;
}

/* line 105, sass/_content.scss */
.main-header h1 {
  color: #fff;
  margin-bottom: 6px;
}

/* line 109, sass/_content.scss */
.main-header .tagline {
  color: #fff;
  margin-bottom: 0;
}

/* line 113, sass/_content.scss */
.main-header .tagline a {
  color: #fff;
}

/* line 117, sass/_content.scss */
.main-header .append-icon {
  margin: 14px 0 6px;
  position: relative;
}

/* line 121, sass/_content.scss */
.main-header .form-search span {
  position: absolute;
  right: 10px;
  top: 9px;
  color: #aaa;
  font-size: 18px;
}

/* line 130, sass/_content.scss */
.sidebar li.nav-aliment:hover {
  background: #54a749;
}

/* line 134, sass/_content.scss */
.sidebar li.nav-apport:hover {
  background: #df9d48;
}

/* line 138, sass/_content.scss */
.sidebar li.nav-bienfait:hover {
  background: #e35353;
}

/* line 142, sass/_content.scss */
.sidebar {
  float: right !important;
}

/* line 146, sass/_content.scss */
.sidebar ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

/* line 151, sass/_content.scss */
.sidebar .widget {
  margin-bottom: 35px;
}

/* line 154, sass/_content.scss */
.widget-inner > h3 {
  margin-bottom: 17px;
}

/* line 157, sass/_content.scss */
.sidebar ul > li {
  background-color: #fff;
  padding-left: 14px;
  padding-right: 5px;
  margin-bottom: 5px;
}

/* line 163, sass/_content.scss */
.sidebar ul > li:hover a, .sidebar ul > li:hover i {
  color: #fff;
  text-decoration: none;
}

/* line 167, sass/_content.scss */
.sidebar li {
  line-height: 2.5em;
}

/* line 2, sass/_admin.scss */
.login-form div.row-fluid {
  margin-top: 10px;
}

/* line 7, sass/_admin.scss */
h1.admin-title {
  margin-top: 30px;
  padding-bottom: 20px;
}

/* line 12, sass/_admin.scss */
a.retour {
  display: inline-block;
  float: left;
  position: absolute;
  margin-top: 30px;
  margin-left: -40px;
}

/* line 20, sass/_admin.scss */
button.admin-submit {
  float: right;
}

/* line 24, sass/_admin.scss */
.admin-delete {
  margin-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

/* line 30, sass/_admin.scss */
.admin-delete button {
  width: 300px;
}

/* line 34, sass/_admin.scss */
select option:selected {
  content: "i";
}

/* line 38, sass/_admin.scss */
.inverse-info {
  position: relative;
  float: left;
  margin-top: 7px;
  padding-left: 15px;
}

/* line 45, sass/_admin.scss */
.retour-list a {
  color: #fff;
  position: relative;
  top: 23px;
}

/* line 51, sass/_admin.scss */
.retour-list a:hover {
  color: #eee;
  text-decoration: none;
}

/* line 56, sass/_admin.scss */
.ui-corner-all {
  border-radius: 0px;
}

/* line 60, sass/_admin.scss */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #bbb;
  background: #ddd;
}

/* line 68, sass/_admin.scss */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ddd;
}

/* line 78, sass/_admin.scss */
ul.tagit {
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 0.9em !important;
  font-family: Open Sans, sans-serif;
}

/* line 85, sass/_admin.scss */
ul.tagit li.remove {
  background: #eb8686;
}

/* line 89, sass/_admin.scss */
.ui-menu-item {
  font-size: 0.8em;
  font-family: Open Sans, sans-serif;
}

/* ==========================================================================
   1  - General Base Styles
   ========================================================================== */
/* forms */
/* line 6, sass/_template.scss */
textarea, .form-control, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 11, sass/_template.scss */
textarea, .form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 17, sass/_template.scss */
textarea:focus, .form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus {
  border: solid 1px #999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 23, sass/_template.scss */
.form-control {
  height: 42px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  color: #333;
}

/* line 31, sass/_template.scss */
.form-admin {
  width: 90%;
}

/* buttons */
/* line 36, sass/_template.scss */
.btn, .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border-radius: 3px;
  padding: 10px 16px;
}

/* line 40, sass/_template.scss */
.btn-lg {
  padding: 14px 20px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 3;
}

/* line 46, sass/_template.scss */
.btn-sm {
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3;
}

/* line 52, sass/_template.scss */
.btn-xs {
  padding: 3px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3;
}

/* line 58, sass/_template.scss */
.btn-xxs {
  padding: 1px 4px;
  font-size: 12px;
  line-height: 1.45;
  border-radius: 3;
  margin-bottom: 4px;
}

/* Bootstrap */
/* line 67, sass/_template.scss */
.alert {
  line-height: 1.4em;
  border: 0;
  border-radius: 0;
}

/* line 72, sass/_template.scss */
blockquote p {
  line-height: 1.6;
}

/* line 75, sass/_template.scss */
pre {
  border-radius: 0;
}

/* line 78, sass/_template.scss */
.container .jumbotron {
  border-radius: 0;
}

/* line 81, sass/_template.scss */
.jumbotron p {
  line-height: 1.6;
  margin-bottom: 15px;
}

/* line 85, sass/_template.scss */
.presentation h1 {
  font-size: 60px;
}

/* =============================================================================
   2 - Header
   ========================================================================== */
/* line 94, sass/_template.scss */
.banner {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: white;
}

/* line 100, sass/_template.scss */
.navbar {
  margin-bottom: 0;
}

/* line 103, sass/_template.scss */
.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 107, sass/_template.scss */
.navbar-brand h1 {
  margin: 22px 0 0;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

/* line 113, sass/_template.scss */
.banner .navbar-inner, .banner .navbar-inner .btn, .banner .navbar-inner .ui-state-default {
  font-family: Open Sans, sans-serif;
}

/* line 116, sass/_template.scss */
.banner .navbar-inner, .banner .navbar-inner .btn, .banner .navbar-inner .ui-state-default, .banner .navbar-inner label {
  font-size: 18px;
}

/* line 118, sass/_template.scss */
.navbar-brand h1 a, .navbar-brand h1 a:hover {
  color: #fff;
  text-decoration: none;
}

/* line 122, sass/_template.scss */
.navbar-static-top {
  border-width: 0;
}

/* =============================================================================
   3 - Main navigation
   ========================================================================== */
/* reset bootstrap menu */
/* line 131, sass/_template.scss */
.navbar-nav {
  float: right;
}

/* line 134, sass/_template.scss */
.navbar-nav > li > .dropdown-menu {
  margin-top: -1px;
}

/* line 137, sass/_template.scss */
.dropdown-submenu:hover > .dropdown-menu {
  display: inline-block;
}

/* line 141, sass/_template.scss */
.dropdown-menu .dropdown-menu {
  top: -2px;
  left: 100%;
  margin-top: 0;
  margin-left: -1px;
  border-left: solid 1px rgba(255, 255, 255, 0.05);
}

/* line 148, sass/_template.scss */
.dropdown-menu li:first-child {
  border-top: solid 1px rgba(255, 255, 255, 0.05);
}

/* line 151, sass/_template.scss */
.dropdown-menu li {
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}

/* line 154, sass/_template.scss */
.dropdown-menu li:last-child {
  border-bottom: none;
}

/* line 157, sass/_template.scss */
.dropdown-submenu {
  position: relative;
}

/* line 163, sass/_template.scss */
.navbar-nav > li > a {
  padding: 25px 15px;
}

/* force dropdown on hover */
/* line 167, sass/_template.scss */
.nav-main .dropdown:hover > .dropdown-menu {
  display: block;
}

/* line 170, sass/_template.scss */
.dropdown-menu {
  padding: 0;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 176, sass/_template.scss */
.navbar-nav .dropdown-menu {
  background-color: #59616D;
}

/* line 179, sass/_template.scss */
.dropdown-menu > li > a {
  padding: 12px 20px;
  color: rgba(0, 0, 0, 0.8);
}

/* line 183, sass/_template.scss */
.navbar-nav > li > a {
  color: rgba(0, 0, 0, 0.8);
}

/* line 186, sass/_template.scss */
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus,
.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
  color: #fff;
}

/* ==========================================================================
   6 - Responsive navigation
   ========================================================================== */
/* line 195, sass/_template.scss */
.navbar-toggle {
  top: 10px;
  border: 1px solid #FFF;
  border-radius: 0;
}

/* line 200, sass/_template.scss */
.navbar-toggle:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 203, sass/_template.scss */
.navbar-toggle .icon-bar {
  background-color: #fff;
  border-radius: 0;
}

/* line 208, sass/_template.scss */
.nav-responsive > ul > li:last-child {
  padding-bottom: 18px;
}

/* line 212, sass/_template.scss */
.nav-responsive > .nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  color: rgba(255, 255, 255, 0.8);
}

/* line 217, sass/_template.scss */
.nav-responsive > .nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}

/* line 221, sass/_template.scss */
.nav .responsive-submenu {
  padding-left: 40px;
}

/* ==========================================================================
   7 - Content
   ========================================================================== */
/* line 230, sass/_template.scss */
.main {
  float: left !important;
}

/* line 233, sass/_template.scss */
.content {
  margin-top: 60px;
  margin-bottom: 70px;
}

/* line 237, sass/_template.scss */
.page-header {
  margin-top: 0;
  margin-bottom: 5px;
  border-bottom: none;
}

/* line 243, sass/_template.scss */
.loop-comments {
  position: relative;
  float: right;
  top: 3px;
  right: 0;
  padding: 0 7px;
  font-size: 13px;
}

/* line 251, sass/_template.scss */
.loop-comments, .loop-comments i {
  color: #fff;
}

/* line 255, sass/_template.scss */
.tags {
  display: inline-block;
  float: right;
  margin: 0;
  width: 60%;
}

/* line 269, sass/_template.scss */
.single-post article header h1 {
  margin-bottom: 25px;
}

/* line 272, sass/_template.scss */
.single-post article.post {
  padding-bottom: 25px;
}

/* line 276, sass/_template.scss */
.author-box-image {
  float: left;
  margin-right: 25px;
  margin-bottom: 15px;
}

/* line 281, sass/_template.scss */
#author-box {
  margin: 25px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid #e6e6e6;
}

/* line 286, sass/_template.scss */
.author-box-name {
  margin: 0 0 8px;
}

/* line 287, sass/_template.scss */
.author-box-description {
  padding-left: 97px;
}

/* line 288, sass/_template.scss */
.author-links {
  padding-left: 97px;
  margin-bottom: 0;
}

/* line 293, sass/_template.scss */
#comments, #respond {
  margin: 25px 0 0;
  padding: 25px 0 0;
  border-top: 1px solid #e6e6e6;
}

/* line 298, sass/_template.scss */
#comments h4.media-heading {
  margin-bottom: 0;
}

/* line 301, sass/_template.scss */
#comments li.comment {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #e6e6e6;
}

/* line 306, sass/_template.scss */
.comment.media {
  margin-top: 0;
}

/* line 309, sass/_template.scss */
.comment-reply-link {
  padding: 3px 6px;
  color: #fff;
  font-size: 12px;
  background-color: #666;
}

/* line 315, sass/_template.scss */
.comment-reply-link:hover {
  color: #fff;
  opacity: 0.9;
  text-decoration: none;
}

/* line 321, sass/_template.scss */
.featured-caption {
  position: absolute;
  margin-top: -48px;
  margin-left: 20px;
  padding: 5px 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

/* line 330, sass/_template.scss */
.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 8px 16px;
  font-size: 18px;
}

/* line 334, sass/_template.scss */
.pagination > li:first-child > a, .pagination > li:first-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* line 339, sass/_template.scss */
.pagination > li:last-child > a, .pagination > li:last-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}

/* line 345, sass/_template.scss */
.pagination > .active > a, .pagination > .active > span,
.pagination > li > a:hover, .pagination > li > a:focus {
  color: #fff;
}

/* line 349, sass/_template.scss */
.pagination > li > a, .pagination > li > span {
  border: none;
  margin-left: 1px;
}

/* Defaults Page */
/* line 355, sass/_template.scss */
.page-main {
  background-color: #fff;
  padding: 23px 25px 20px;
}

/* ==========================================================================
   8 - 404 Page
   ========================================================================== */
/* line 364, sass/_template.scss */
.error404 .page-header h1 {
  font-size: 100px;
  font-weight: 700;
  text-align: center;
  margin-top: 50px;
}

/* line 370, sass/_template.scss */
.not-found h3 {
  font-size: 36px;
  text-align: center;
  margin: 60px 0 100px;
}

/* line 375, sass/_template.scss */
.not-found .form-control {
  height: 56px;
}

/* line 378, sass/_template.scss */
.not-found .btn, .not-found .ui-state-default {
  padding: 16px 32px;
  font-size: 16px;
}

/* line 382, sass/_template.scss */
.not-found .search-form {
  margin-bottom: 50px;
}

/* ==========================================================================
   9 - Home Page Templates
   ========================================================================== */
/* line 391, sass/_template.scss */
.circles h3 a {
  color: #000;
}

/* line 394, sass/_template.scss */
.circle {
  margin: 0 auto 20px;
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #3498db;
}

/* line 404, sass/_template.scss */
.circle:hover {
  opacity: 0.85;
}

/* line 407, sass/_template.scss */
.circle i {
  color: #fff;
  font-size: 40px;
}

/* line 411, sass/_template.scss */
.circle i:hover {
  color: #fff;
  opacity: 1 !important;
}

/* line 415, sass/_template.scss */
.circle a:hover {
  text-decoration: none;
}

/* line 418, sass/_template.scss */
.circle span {
  height: 100px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

/* line 421, sass/_template.scss */
.circle i {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  color: #fff;
}

/* line 424, sass/_template.scss */
.box p {
  margin-bottom: 10px;
  line-height: 1.8em;
}

/* line 428, sass/_template.scss */
.box-left .circle {
  background-color: #72b288;
}

/* line 431, sass/_template.scss */
.box-middle .circle {
  background-color: #6899d1;
}

/* line 434, sass/_template.scss */
.box-right .circle {
  background-color: #e08653;
}

/* line 437, sass/_template.scss */
#home-content {
  padding: 60px 0 50px;
  background-color: #fff;
}

/* line 442, sass/_template.scss */
#home-featured {
  padding: 50px 0 40px;
  background-color: #2c3e50;
}

/* line 446, sass/_template.scss */
#home-featured article.post {
  background-color: transparent;
  padding: 0 5px 0;
}

/* line 450, sass/_template.scss */
.recent-title h2 {
  font-size: 34px;
  text-align: center;
  margin-bottom: 50px;
}

/* line 456, sass/_template.scss */
#home-featured .entry-media {
  margin-top: 30px;
}

/* line 459, sass/_template.scss */
#home-featured .entry-content {
  margin-top: 25px;
}

/* line 462, sass/_template.scss */
#home-video {
  padding: 50px 0 70px;
  background-color: #eee;
}

/* line 466, sass/_template.scss */
.video-title h2 {
  font-size: 34px;
  text-align: center;
  margin-bottom: 50px;
}

/* line 471, sass/_template.scss */
.box-video {
  padding-top: 110px;
}

/* line 474, sass/_template.scss */
.box-video i {
  text-align: center;
  font-size: 110px;
  text-decoration: none;
  color: #fff;
}

/* line 480, sass/_template.scss */
.box-video h3 {
  margin-top: 30px;
}

/* line 483, sass/_template.scss */
.box-video h3 a {
  color: #fff;
}

/* line 486, sass/_template.scss */
.box-video h3 a:hover, .box-video i:hover {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}

/* line 490, sass/_template.scss */
.box-video-list {
  padding: 0 25px;
  height: 390px;
}

/* line 494, sass/_template.scss */
.box-video-list .icon-chevron-right {
  color: #fff;
}

/* line 497, sass/_template.scss */
#home-video h3 {
  font-size: 26px;
  margin-bottom: 20px;
}

/* line 501, sass/_template.scss */
#home-video ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}

/* line 506, sass/_template.scss */
#home-video h4 {
  line-height: 1.6em;
}

/* line 509, sass/_template.scss */
#home-video span.label a {
  color: #fff;
}

/* line 512, sass/_template.scss */
#home-video span.label a:hover {
  color: #fff;
  text-decoration: none;
}

/* line 516, sass/_template.scss */
#home-video span.label:hover {
  background-color: #222;
}

/* line 519, sass/_template.scss */
.box-video {
  margin-top: 0px;
  background-color: #222;
  height: 390px;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 528, sass/_template.scss */
.box h3 a {
  color: #222;
}

/*.box a:hover {
   opacity: 0.8;
   color: #222;
}*/
/* line 535, sass/_template.scss */
#home-featured,
#home-featured h2,
#home-featured a,
#home-featured a:hover,
#home-featured i {
  color: #fff;
}

/* line 542, sass/_template.scss */
#home-featured {
  padding-top: 60px;
}

/* line 545, sass/_template.scss */
#home-video {
  background-color: #fff;
  padding: 60px 0;
}

/* line 549, sass/_template.scss */
#home-featured .btn-primary {
  background-color: transparent;
  border-color: #fff;
}

/* line 553, sass/_template.scss */
#home-featured .btn-primary:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000 !important;
}

/* line 558, sass/_template.scss */
.recent-posts p {
  font-size: 0.9em;
}

/* line 561, sass/_template.scss */
.btn-videos {
  border: solid 1px #333;
  color: #333;
  font-weight: 700;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 1.5;
}

/* line 569, sass/_template.scss */
.btn-videos:hover {
  color: #fff;
  background-color: #333;
  text-decoration: none;
}

/* line 574, sass/_template.scss */
.btn-videos i {
  color: #333 !important;
}

/* line 577, sass/_template.scss */
.btn-videos:hover i {
  color: #fff !important;
}

/* ==========================================================================
   10 - Knowledge Base Page Template
   ========================================================================== */
/* line 586, sass/_template.scss */
.knowledge-base-row {
  margin-bottom: 50px;
}

/* line 589, sass/_template.scss */
.knowledge-base-row span.label {
  border-radius: 2px;
  padding: .2em .5em;
}

/* line 593, sass/_template.scss */
.knowledge-base-row span.label a {
  color: #fff;
}

/* line 596, sass/_template.scss */
.knowledge-base-row span.label a:hover {
  color: #fff;
  text-decoration: none;
}

/* line 600, sass/_template.scss */
.knowledge-base-row span.label:hover {
  background-color: #222;
}

/* line 603, sass/_template.scss */
.knowledge-base-row h2 {
  margin-bottom: 15px;
}

/* line 606, sass/_template.scss */
.knowledge-base-row ul {
  list-style: none;
  padding-left: 0;
}

/* line 610, sass/_template.scss */
.knowledge-base-row li a {
  color: #222;
}

/* line 613, sass/_template.scss */
ul.sub-categories {
  margin-bottom: 0;
}

/* line 616, sass/_template.scss */
ul.category-posts li, ul.sub-categories li {
  line-height: 1.8em;
}

/* line 619, sass/_template.scss */
ul.subcat {
  margin-left: 15px;
}

/* ==========================================================================
   11 - Article Page Template
   ========================================================================== */
/* line 626, sass/_template.scss */
.article article header h1 {
  margin-bottom: 25px;
}

/* ==========================================================================
   12 - Contact Page Template
   ========================================================================== */
/* line 634, sass/_template.scss */
.contact-form .form-group label {
  font-weight: normal;
}

/* line 637, sass/_template.scss */
.contact-error {
  color: #B94A48;
}

/* ==========================================================================
   14 - Footer
   ========================================================================== */
/* line 645, sass/_template.scss */
.footer-widgets {
  background: url("../img/green_cup.png");
}

/* line 648, sass/_template.scss */
#overlay-footer {
  padding: 20px 0 30px;
  background-color: rgba(170, 170, 170, 0.5);
}

/* line 652, sass/_template.scss */
.footer-widgets, .footer-widgets a, .footer-widgets a:hover {
  color: #fff;
}

/* line 655, sass/_template.scss */
.footer-widgets ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

/* line 660, sass/_template.scss */
.footer-widgets h3 {
  color: #fff;
}

/* line 663, sass/_template.scss */
.footer-widgets li {
  line-height: 2em;
}

/* line 666, sass/_template.scss */
.footer-info {
  background-color: #282828;
  color: #fff;
  min-height: 80px;
  width: 100%;
  position: absolute;
  bottom: -80px;
  left: 0;
}

/* line 675, sass/_template.scss */
.footer-info a, .footer-info a:hover {
  color: #fff;
}

/* line 678, sass/_template.scss */
.copyright {
  margin: 29px 0;
  float: left;
}

/* line 682, sass/_template.scss */
.footer-info nav {
  float: right;
  margin: 29px 0;
}

/* line 686, sass/_template.scss */
.footer-info nav ul {
  padding: 0;
  margin: 0;
}

/* line 690, sass/_template.scss */
.footer-info nav li {
  display: inline-block;
  margin-left: 15px;
}

/* Social Icons */
/* line 696, sass/_template.scss */
.social-icons {
  margin: 0;
  list-style: none;
  float: right;
  padding: 0;
}

/* line 702, sass/_template.scss */
.social-icons li {
  display: inline-block;
  margin: 23px 0 0 12px;
}

/* line 706, sass/_template.scss */
.btn-social {
  padding: 2px 2px 1px;
}

/* line 709, sass/_template.scss */
.btn-social img {
  margin-bottom: 1px;
}

/* line 712, sass/_template.scss */
.btn-social a, .btn-social a:hover {
  text-decoration: none;
  color: #fff;
}

/* Buttons Colors */
/* line 718, sass/_template.scss */
.btn-facebook {
  background-color: #3c589d;
}

/* line 721, sass/_template.scss */
.btn-facebook:hover {
  background-color: #314982;
}

/* line 724, sass/_template.scss */
.btn-twitter {
  background-color: #2eaaf4;
}

/* line 727, sass/_template.scss */
.btn-twitter:hover {
  background-color: #2999db;
}

/* line 730, sass/_template.scss */
.btn-google {
  background-color: #333;
}

/* line 733, sass/_template.scss */
.btn-google:hover {
  background-color: #2a2a2a;
}

/* line 736, sass/_template.scss */
.btn-linkedin {
  background-color: #005180;
}

/* line 739, sass/_template.scss */
.btn-linkedin:hover {
  background-color: #013b5d;
}

/* line 742, sass/_template.scss */
.btn-vimeo {
  background-color: #1BB7EA;
}

/* line 745, sass/_template.scss */
.btn-vimeo:hover {
  background-color: #18a2cf;
}

/* line 748, sass/_template.scss */
.btn-youtube {
  background-color: #C81414;
}

/* line 751, sass/_template.scss */
.btn-youtube:hover {
  background-color: #ac1212;
}

/* line 754, sass/_template.scss */
.btn-flickr {
  background-color: #F1628B;
}

/* line 757, sass/_template.scss */
.btn-flickr:hover {
  background-color: #dc5e8a;
}

/* line 760, sass/_template.scss */
.btn-dribbble {
  background-color: #f26798;
}

/* line 763, sass/_template.scss */
.btn-dribbble:hover {
  background-color: #dc5e8a;
}

/* line 766, sass/_template.scss */
.btn-rss {
  background-color: #FE9900;
}

/* line 769, sass/_template.scss */
.btn-rss:hover {
  background-color: #dc8501;
}

/* =============================================================================
   15 - FAQ Pages
   ========================================================================== */
/* line 778, sass/_template.scss */
ul.faq-category-list, ul.question-list, ul.faq-single-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

/* line 783, sass/_template.scss */
.faq-category-list {
  margin-bottom: 70px;
}

/* line 786, sass/_template.scss */
.faq-category-list > li {
  margin-bottom: 40px;
}

/* line 789, sass/_template.scss */
.faq-single-list {
  margin-bottom: 80px;
}

/* line 792, sass/_template.scss */
.faq-single-list li {
  margin: 0 0 22px 0;
}

/* line 795, sass/_template.scss */
.faq-single-list h4 {
  margin: 0;
}

/* line 798, sass/_template.scss */
.faq-category-list .faq-section-heading {
  margin-bottom: 18px;
}

/* line 802, sass/_template.scss */
.question-list a, .question-list a:hover {
  color: #222;
  line-height: 1.5em;
}

/* faq posts */
/* line 808, sass/_template.scss */
.question-detail-list .faq-section-heading {
  margin-top: 60px;
}

/* line 811, sass/_template.scss */
article.faq {
  margin-top: 40px;
}

/* line 814, sass/_template.scss */
article.faq h3 {
  margin-bottom: 20px;
}

/* line 817, sass/_template.scss */
.faq-content {
  padding: 0 0 15px 0;
}

/* accordion */
/* line 821, sass/_template.scss */
.faq-accordion .entry-title {
  cursor: pointer;
}

/* line 824, sass/_template.scss */
.faq-accordion .question-detail-list {
  margin-bottom: 60px;
}

/* line 827, sass/_template.scss */
.faq-accordion .faq-section-heading {
  margin-top: 0;
  margin-bottom: 30px;
}

/* line 831, sass/_template.scss */
article.faq {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

/* line 836, sass/_template.scss */
article.faq h3 {
  font-size: 22px;
  padding: 4px 0;
  margin: 3px 0;
}

/* line 841, sass/_template.scss */
.faq-accordion .faq-content {
  padding: 0 0 15px 43px;
}

/* line 844, sass/_template.scss */
.faq-accordion .faq-open span {
  background: url(../img/minus.png) no-repeat center center;
}

/* line 847, sass/_template.scss */
.faq-accordion .faq-close span {
  background: url(../img/plus.png) no-repeat center center;
}

/* line 850, sass/_template.scss */
.faq-accordion .faq-close span, .faq-accordion .faq-open span {
  background-color: #222;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  left: 0;
  top: 7px;
  margin-right: 12px;
}

/* line 860, sass/_template.scss */
.faq-accordion .faq-close span, .faq-accordion .faq-open span {
  background-color: #3498db !important;
}

/* line 863, sass/_template.scss */
.faq .faq-close span, .faq .faq-open span {
  background-color: #3498db !important;
}

/* ==========================================================================
   16 - Media Queries
   ========================================================================== */
@media (max-width: 767px) {
  /* line 872, sass/_template.scss */
  .box {
    padding: 40px 0 10px;
  }

  /* line 875, sass/_template.scss */
  .box-video-list {
    padding: 50px 25px 0;
  }

  /* line 878, sass/_template.scss */
  .knowledge-base-row {
    margin-bottom: 0;
  }

  /* line 881, sass/_template.scss */
  .kb-category {
    padding-bottom: 50px;
  }

  /* line 884, sass/_template.scss */
  .main {
    float: none !important;
    margin-left: 0;
  }

  /* line 888, sass/_template.scss */
  .sidebar {
    float: none !important;
  }
}
@media (max-width: 991px) {
  /* Footer */
  /* line 896, sass/_template.scss */
  .copyright, .footer-info nav, .social-icons {
    float: none;
    text-align: center;
  }

  /* line 900, sass/_template.scss */
  .box {
    margin-bottom: 25px;
  }
}
/* ==========================================================================
   17 - Vertical space
   ========================================================================== */
/* line 910, sass/_template.scss */
.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 {
  display: block;
  width: 100%;
  margin: 0;
  clear: both;
  border: 0 none;
  height: 20px;
}

/* line 911, sass/_template.scss */
.vertical-space2 {
  height: 40px;
}

/* line 912, sass/_template.scss */
.vertical-space3 {
  height: 60px;
}

/* line 913, sass/_template.scss */
.vertical-space4 {
  height: 80px;
}

/* line 914, sass/_template.scss */
.vertical-space5 {
  height: 100px;
}

/* line 915, sass/_template.scss */
* + html hr.vertical-space, * + html hr.vertical-space1, * + html hr .vertical-space2, * + html hr.vertical-space3, * + html hr.vertical-space4, * + html hr.vertical-space5 {
  height: 0px;
  margin: 10px 0;
  background: #fff;
  border: 1px solid #fff;
}

/* line 916, sass/_template.scss */
* + html hr.vertical-space2 {
  margin: 20px 0;
}

/* line 917, sass/_template.scss */
* + html hr.vertical-space3 {
  margin: 30px 0;
}

/* line 918, sass/_template.scss */
* + html hr.vertical-space4 {
  margin: 40px 0;
}

/* line 919, sass/_template.scss */
* + html hr.vertical-space5 {
  margin: 50px 0;
}