@charset "UTF-8";
/* =============================================================================
   Mitosis SASS Stylesheet
   =============================================================================  
   UPDATED: 2014

   Copyright 2014 - Mitosis Developer Connection and 3rd party contributors.    
============================================================================= */
/* START COLORS
----------------------------------------------------------------------------- */
/* General */
/* Member Section */
/* Design */
/* Menu */
/* System Messages */
/* END COLORS
----------------------------------------------------------------------------- */
/* START CUSTOM ENTRIES
----------------------------------------------------------------------------- */
/* END CUSTOM FONTS
----------------------------------------------------------------------------- */
/* START DIMENSIONS
----------------------------------------------------------------------------- */
/* END DIMENSIONS
----------------------------------------------------------------------------- */
/* START CUSTOM FONTS
----------------------------------------------------------------------------- */
@font-face {
  font-family: lato;
  src: url("../fonts/lato-regular/lato-regular.eot");
  /* IE */
  src: local("real FontName"), url("../fonts/lato-regular/Lato-Regular.ttf") format("truetype");
  /* non-IE */ }
/* END CUSTOM FONTS
----------------------------------------------------------------------------- */
/* START IMPORT CSS
----------------------------------------------------------------------------- */
/* =============================================================================
   YUI 3.14.1 (build 63049cb)
   ============================================================================= 
   Reset browser specific default CSS styles
   Copyright 2013 - Yahoo! Inc. 
   Licensed under the BSD License.
   http://yuilibrary.com/license/
============================================================================= */
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

/* Prevent Browser Conflicts */
/* Open-source CSS framework */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Open-source GRID framework */
/* START MIXINS
----------------------------------------------------------------------------- */
/*
Webkit effects

Usage:
p {
	@include backhround-size('100%');
}
*/
/* END MIXINS
----------------------------------------------------------------------------- */
/* Our Mixins for Bourbon framework */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative;
  overflow: hidden; }

#cboxLoadedContent {
  overflow: auto; }

#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
  background: url(../plugins/colorbox/images/overlay.png) 0 0 repeat; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../plugins/colorbox/images/controls.png) -100px 0 no-repeat; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../plugins/colorbox/images/controls.png) -129px 0 no-repeat; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../plugins/colorbox/images/controls.png) -100px -29px no-repeat; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../plugins/colorbox/images/controls.png) -129px -29px no-repeat; }

#cboxMiddleLeft {
  width: 21px;
  background: url(../plugins/colorbox/images/controls.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(../plugins/colorbox/images/controls.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(../plugins/colorbox/images/border.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(../plugins/colorbox/images/border.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0px;
  background: url(../plugins/colorbox/images/controls.png) -75px 0px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious.hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../plugins/colorbox/images/controls.png) -50px 0px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext.hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url(../plugins/colorbox/images/loading_background.png) center center no-repeat; }

#cboxLoadingGraphic {
  background: url(../plugins/colorbox/images/loading.gif) center center no-repeat; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../plugins/colorbox/images/controls.png) -25px 0px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose.hover {
  background-position: -25px -25px; }

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
*/
/* Colorbox */
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/mitosis-framework/fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0");
  src: url("/mitosis-framework/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("/mitosis-framework/fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("/mitosis-framework/fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("/mitosis-framework/fonts/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

/* Font Awesome Icons */
/* =============================================================================
   Fluid Layout for Desktop, Tablet and Smartphone
   ============================================================================= 
   USE EM AND % TO GUARANTEE LAYOUT FOR THE 1000'S OF DIFFERENT SCREEN SIZES  

   This stylesheet assumes a CSS Reset stylesheet is called
   This stylesheet assumes HTML5 markup with html5shiv.js for IE<9
   Copyright 2014 - Mitosis Developer Connection and 3rd party contributors.	
   ============================================================================= */
/* START GRID (Editing may cause unexpected behaviour in some browser versions)
----------------------------------------------------------------------------- */
html, body {
  height: 100% !important;
  width: 100% !important; }

body {
  font-size: 16px !important;
  line-height: 24px !important; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

header, footer, section {
  display: inline-block !important;
  min-height: 50px !important;
  width: 100% !important;
  overflow: hidden; }

div.container {
  clear: both !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1100px !important;
  position: relative !important;
  width: 100% !important; }

section.matrix div.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  section.matrix div.container:after {
    content: "";
    display: table;
    clear: both; }
  section.matrix div.container article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    section.matrix div.container article:last-child {
      margin-right: 0; }
    section.matrix div.container article:nth-child(2n) {
      margin-right: 0; }
    section.matrix div.container article:nth-child(2n+1) {
      clear: left; }

section div.container {
  min-height: 500px !important; }

footer div.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  footer div.container:after {
    content: "";
    display: table;
    clear: both; }
  footer div.container article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    footer div.container article:last-child {
      margin-right: 0; }

/* END GRID
----------------------------------------------------------------------------- */
/* START GENERAL
----------------------------------------------------------------------------- */
h1 {
  color: #002579;
  font-size: 2em;
  line-height: 1.5em; }

h2 {
  color: #002579;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 10px; }

p {
  padding: 20px 10px 20px 10px; }

ul, ol, table {
  padding: 20px 10px 20px 10px; }

b, em, strong {
  font-weight: bold; }

i {
  font-style: italic; }

a {
  color: inherit; }

button, .button, input[type='submit'] {
  background-color: #f17b24;
  color: #ffffff;
  cursor: pointer;
  margin: 0 30px 0 0;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking */ }
  button:hover, .button:hover, input[type='submit']:hover {
    background-color: #464646; }

input[type="text"], input[type="date"], input[type="password"], textarea {
  background-color: #f4f4f4;
  border: solid 1px #D2D2D2;
  color: #464646;
  padding: 1px 3px; }
  input[type="text"]:focus, input[type="date"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #0099cc;
    background-color: #ffffff; }

/* END GENERAL
----------------------------------------------------------------------------- */
/* START DESIGN
----------------------------------------------------------------------------- */
body {
  font-family: lato, Verdana, Sans-serif; }

header {
  background-color: rgba(0, 38, 84, 0.7);
  position: absolute;
  margin-top: 100px;
  z-index: 999; }
  header img {
    display: inline-block;
    padding: 20px 0 0 20px;
    max-width: 100%; }

footer {
  background-color: #2F2B27;
  border-top-style: solid;
  border-top-color: #994F00;
  border-width: 10px;
  text-align: center;
  margin-top: -6px; }
  footer div.container {
    padding-top: 20px; }
  footer p {
    color: #A1AEBF;
    font-size: 12px;
    padding: 0; }
  footer a {
    color: #A1AEBF;
    font-size: 12px; }

a.btn_twitter, a.btn_facebook, a.btn_linkedin, a.btn_instagram {
  color: #A1AEBF;
  display: inline-block;
  font-size: 1.5em;
  padding: 5px 5px 5px 5px;
  margin: 10px;
  text-align: center;
  text-decoration: none;
  width: 40px; }

section {
  background-color: #F3EDE7;
  border-bottom-style: solid;
  border-bottom-color: #A1AEBF;
  border-width: 12px;
  margin-top: -50px;
  padding-bottom: 50px; }

div.slider {
  height: 525px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-color: #2F2B27; }
  div.slider div.c2a {
    background-color: rgba(9, 5, 5, 0.75);
    display: block;
    left: 50%;
    margin-top: 350px;
    opacity: 0.8;
    position: absolute;
    width: auto;
    border-radius: 40px 40px 40px 40px;
    padding: 10px 20px;
    z-index: 999; }
    div.slider div.c2a p {
      color: white;
      font-size: 36px;
      font-family: 'Libre Baskerville', serif; }

.mobile-img img {
  margin-top: -5px;
  width: 100%;
  height: auto;
  display: none; }

div.container div.blocks {
  margin-top: 50px;
  width: 25%; }
  div.container div.blocks div.block {
    width: 100%;
    background-color: #E7DBCF;
    padding: 10px 20px;
    margin-bottom: 20px;
    display: block;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #D5CFCA; }
    div.container div.blocks div.block img {
      border-style: solid;
      border-width: 5px;
      border-color: white;
      max-width: 100%; }
    div.container div.blocks div.block h2 {
      color: #994F4E; }
    div.container div.blocks div.block p {
      padding: 0; }
    div.container div.blocks div.block a {
      color: #994F4E;
      text-decoration: none; }
div.container div.h-image img {
  margin: 20px 0 20px 20px;
  border: 3px double #eee; }
div.container div.content {
  background-color: #FFFFFF;
  width: 70%;
  padding: 50px 50px;
  margin-top: -80px;
  margin-right: 20px;
  float: right;
  border: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: #D5CFCA; }
  div.container div.content ul {
    list-style-type: disc; }
    div.container div.content ul li {
      margin-left: 25px; }
  div.container div.content a.button {
    background-color: #FF0000; }
  div.container div.content a.mailto {
    color: #994F4E;
    text-decoration: none; }
  div.container div.content a.mailto:hover {
    text-decoration: underline; }
  div.container div.content table, div.container div.content th, div.container div.content td {
    border: 1px solid #D5CFCA; }
  div.container div.content th, div.container div.content td {
    padding: 0 10px; }
  div.container div.content table {
    width: 75%;
    margin-top: -25px;
    border-top: 5px solid #994F00; }
  div.container div.content tr:nth-child(odd) {
    background-color: #F3EDE7; }
  div.container div.content div.comment {
    width: 80%;
    background-color: #A1AEBF;
    margin-top: 50px;
    float: right;
    color: white; }
    div.container div.content div.comment p.name {
      float: right; }
div.container div.contactform {
  width: auto; }

/* START GUESTBOOK
----------------------------------------------------------------------------- */
div.content div.entry {
  padding: 20px;
  margin: 30px 0 30px 0;
  border: 1px solid #D5CFCA;
  border-left: 1px solid #D5CFCA;
  box-shadow: 4px 4px 4px #888888; }
  div.content div.entry div.entry:hover {
    background-color: red; }
div.content div.wrapper {
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px; }
div.content div.avatar {
  width: 50px;
  height: 50px;
  float: left; }
  div.content div.avatar img {
    width: 100%;
    height: 100%; }
div.content div.namedate {
  float: left; }
  div.content div.namedate p {
    padding: 0 0 0 20px; }

/* END GUESTBOOK
----------------------------------------------------------------------------- */
/* END DESIGN
----------------------------------------------------------------------------- */
/* START MENU
----------------------------------------------------------------------------- */
.slicknav_menu {
  display: none; }

nav.menu {
  display: inline; }
  nav.menu ul {
    float: right;
    padding-top: 20px; }
    nav.menu ul li {
      display: block;
      float: left; }
      nav.menu ul li a {
        color: #d0d6df;
        display: block;
        padding: 20px 10px 20px 10px;
        text-decoration: none;
        font-size: 22px; }
      nav.menu ul li a:hover, nav.menu ul li a:active, nav.menu ul li a.active {
        text-decoration: underline; }
      nav.menu ul li ul {
        background: none;
        display: none;
        width: 185px !important;
        -webkit-box-shadow: 5px 5px 5px #888888;
        -moz-box-shadow: 5px 5px 5px #888888;
        box-shadow: 5px 5px 5px #888888; }
    nav.menu ul li:hover ul {
      display: block;
      left: 0;
      position: absolute;
      top: 24px;
      width: 140px;
      z-index: 10000;
      *top: 26px; }
      nav.menu ul li:hover ul li ul {
        display: none; }
      nav.menu ul li:hover ul li a {
        background: #ffffff;
        color: #67a2c0;
        display: inline-block;
        font-size: 0.9em;
        font-weight: normal;
        padding: 3px 10px;
        width: 170px; }
      nav.menu ul li:hover ul li a:hover {
        color: #003b79;
        font-weight: bold; }

/* END MENU
----------------------------------------------------------------------------- */
/* Debug */
div.debug {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999999999; }

#debug_div {
  overflow: auto;
  position: fixed;
  display: none;
  left: 0px;
  top: 0px;
  background: #222222;
  border-bottom: 5px solid #5599CE;
  color: #5599CE;
  width: 100%;
  height: 80%;
  padding: 0px; }

#debug_div h2 {
  color: #eeeeee;
  padding: 10px; }

#debug_div ul {
  padding: 10px; }

/* START SYSTEM MESSAGES
----------------------------------------------------------------------------- */
div.message, div.success, div.warning, div.error, div.info, div.validation {
  background-position: 10px center;
  background-repeat: no-repeat;
  border-bottom: 1px solid;
  filter: alpha(opacity=90);
  font-family: Verdana,Serif;
  font-size: 18px;
  min-height: 48px;
  left: 0;
  line-height: 18px;
  margin: 0;
  opacity: 0.9;
  overflow: hidden;
  padding: 15px 10px 15px 70px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000; }
  div.message li, div.success li, div.warning li, div.error li, div.info li, div.validation li {
    margin-left: 12px; }
  div.message:hover, div.success:hover, div.warning:hover, div.error:hover, div.info:hover, div.validation:hover {
    opacity: 0.2; }

div.success {
  background-color: #DFF2BF;
  background-image: url("../images/icon/notifications/succes.png");
  color: #4F8A10;
  -webkit-box-shadow: 0 8px 6px -6px #4F8A10;
  -moz-box-shadow: 0 8px 6px -6px #4F8A10;
  box-shadow: 0 8px 6px -6px #4F8A10; }

div.warning {
  background-color: #FEEFB3;
  background-image: url("../images/icon/notifications/warning.png");
  color: #9F6000;
  -webkit-box-shadow: 0 8px 6px -6px #9F6000;
  -moz-box-shadow: 0 8px 6px -6px #9F6000;
  box-shadow: 0 8px 6px -6px #9F6000; }

div.error {
  background-color: #FFBABA;
  background-image: url("../images/icon/notifications/error.png");
  color: #D8000C;
  -webkit-box-shadow: 0 8px 6px -6px #D8000C;
  -moz-box-shadow: 0 8px 6px -6px #D8000C;
  box-shadow: 0 8px 6px -6px #D8000C; }

div.info {
  background-color: #BDE5F8;
  background-image: url("../images/icon/notifications/info.png");
  color: #00529B;
  -webkit-box-shadow: 0 8px 6px -6px #00529B;
  -moz-box-shadow: 0 8px 6px -6px #00529B;
  box-shadow: 0 8px 6px -6px #00529B; }

div.validation {
  background-color: #BDE5F8;
  background-image: url("../images/icon/notifications/info.png");
  color: #00529B;
  -webkit-box-shadow: 0 8px 6px -6px #00529B;
  -moz-box-shadow: 0 8px 6px -6px #00529B;
  box-shadow: 0 8px 6px -6px #00529B; }

label.error {
  color: red;
  font-size: 0.8em;
  font-style: italic;
  margin-left: 15px; }

/* END SYSTEM MESSAGES
----------------------------------------------------------------------------- */
/* RESPONSIVE LAYOUT
----------------------------------------------------------------------------- */
@media screen and (max-width: 1150px) {
  div.slider div.c2a p {
    font-size: 30px; } }
@media screen and (max-width: 1000px) {
  p {
    font-size: 18px; }

  div.container nav.menu ul.horizontal {
    display: none; }

  div.slicknav_menu {
    display: block; }

  #header {
    margin-top: 50px; }
    #header img {
      height: 110px;
      width: auto; }

  div.slider div.c2a {
    left: 0;
    width: 100%;
    border-radius: 0;
    margin-top: 250px;
    text-align: right;
    padding-left: 0; } }
@media screen and (max-width: 775px) {
  div.container div.h-image {
    display: none; }
  div.container div.content {
    margin-top: -100px;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 20px; }
    div.container div.content div.comment {
      width: 100%;
      float: left; }
  div.container div.blocks {
    clear: both;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%; } }
@media screen and (max-width: 600px) {
  div.slider div.c2a p {
    font-size: 26px; } }
@media screen and (max-width: 420px) {
  #header {
    position: relative;
    background-color: #4c6787;
    margin-bottom: 0; }

  div.slider {
    display: none; }

  div.mobile-img img {
    display: block; }

  div.container div.content {
    width: 100%;
    margin: 0 0 20px 0; }
  div.container div.blocks {
    clear: both;
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%; }
  div.container div.content {
    padding: 50px 10px;
    margin-top: 0; } }
/* Website Style */
#loket table {
  border: #E3E3E3 1px solid;
  border-collapse: collapse;
  margin-bottom: 15px;
  width: 100%; }
  #loket table tr:hover {
    background: #8cd1e8 !important;
    cursor: pointer; }
    #loket table tr:hover a {
      color: #ffffff; }
      #loket table tr:hover a:hover {
        color: #ffffff; }
  #loket table tr.even {
    background-color: white; }
  #loket table tr.odd {
    background-color: #E3E3E3; }
  #loket table tr th {
    font-weight: normal;
    padding: 4px;
    background-color: #464646;
    color: white;
    white-space: nowrap;
    text-align: left; }
  #loket table tr td {
    vertical-align: top;
    padding: 4px; }
    #loket table tr td a {
      color: #464646; }
    #loket table tr td a.hover {
      display: block;
      padding: 7px 5px;
      text-decoration: none !important; }
    #loket table tr td.paged_list {
      padding-left: 20px; }
    #loket table tr td.voeg_toe {
      padding: 10px 0 10px 20px; }
    #loket table tr td.icon {
      width: 20px; }
  #loket table td.icon {
    padding-right: 10px; }
  #loket table td.doc {
    min-width: 250px;
    padding-right: 50px; }
  #loket table th {
    font-weight: bold; }
#loket #login {
  background-color: #eeeeee;
  border: 1px solid #dadacc;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5%;
  width: 400px;
  -moz-border-radius: 5px; }
  #loket #login h2 {
    padding-bottom: 20px;
    text-align: center; }
  #loket #login table td {
    display: block; }
  #loket #login table label {
    display: inline-block;
    margin-bottom: 5px; }
  #loket #login input[type="text"], #loket #login input[type="password"] {
    margin-bottom: 15px;
    height: 25px;
    width: 100%; }

#usermanagement input[type="text"], #usermanagement input[type="password"] {
  margin-bottom: 15px;
  width: 500px; }

/* Website Member Section */
#webshop #products {
  border: 1px solid black; }

#webshop div.product {
  cursor: pointer;
  float: left;
  height: 350px;
  margin-right: 20px; }

#webshop div.product div.image {
  overflow: hidden;
  height: 150px;
  width: 200px; }

/*Product*/
/*Shoppingcart*/
#shoppingcart table {
  border-collapse: collapse;
  width: 800px; }

#shoppingcart table th {
  padding: 0 0 5px 10px;
  text-align: left; }

#shoppingcart table tr.products {
  border-bottom: dotted 1px #d9d9d9; }

#shoppingcart table td.border {
  background-color: #d9d9d9;
  height: 5px; }

#shoppingcart table td.image {
  border-right: 1px solid #f2f2f2;
  padding: 10px;
  width: 110px; }

#shoppingcart table td.image img {
  width: 83px; }

#shoppingcart table td.details {
  border-right: 1px solid #f2f2f2;
  padding: 10px;
  width: 150px; }

#shoppingcart table td.category {
  border-right: 1px solid #f2f2f2;
  padding: 10px;
  width: 110px; }

#shoppingcart table td.amount {
  border-right: 1px solid #f2f2f2;
  padding: 10px;
  width: 50px; }

#shoppingcart table td.amount input {
  background-color: #f4f4f4;
  border: solid 1px #D2D2D2;
  color: #464646;
  margin: 2px 0;
  padding: 1px 3px 1px 3px;
  width: 40px; }

#shoppingcart table td.price {
  border-right: 1px solid #f2f2f2;
  padding: 10px;
  width: 110px; }

#shoppingcart table td.total {
  border-right: 1px solid #f2f2f2;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  text-align: right;
  width: 110px; }

#shoppingcart table td.delete {
  padding: 10px 0 10px 30px;
  width: 50px; }

#shoppingcart table td.verzendkosten {
  padding: 10px 30px 10px 10px;
  text-align: right; }

#shoppingcart table td.btw {
  padding: 10px 30px 10px 10px;
  text-align: right; }

#shoppingcart table td.totalprice {
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  text-align: right; }

#shoppingcart table td.add {
  padding-top: 10px; }

#shoppingcart table td.back {
  padding-top: 10px; }

/*Shoppingcart*/
#shoppingcart #content {
  padding: 20px 0 30px 0; }

#shoppingcart #content img {
  padding-bottom: 20px; }

#shoppingcart #content p {
  width: 550px; }

/*Generiek*/
div.add {
  padding-bottom: 15px; }

.add a {
  background: #0099cc;
  border: 0;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  margin: 10px 0px 20px 0px;
  padding: 3px 10px;
  text-decoration: none; }

.add a:hover {
  background: #c82258;
  border: 0;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: bold;
  margin: 10px 0px 20px 0px;
  padding: 3px 10px;
  text-decoration: none; }

.back a {
  background: #c82258;
  border: 0;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0px 20px 0px;
  padding: 0px 10px;
  text-decoration: none; }

.back a:hover {
  background: #0099cc;
  border: 0;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 10px 0px 20px 0px;
  padding: 0px 10px;
  text-decoration: none; }

/* Website Member Section */
#contact input[type=text], #contact input[type=password], #contact select, #contact textarea {
  border: 2px solid #D2D2D2;
  padding: 10px;
  width: 80% !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking */ }
  #contact input[type=text]:hover, #contact input[type=text]:focus, #contact input[type=password]:hover, #contact input[type=password]:focus, #contact select:hover, #contact select:focus, #contact textarea:hover, #contact textarea:focus {
    background-color: #f4f4f4; }
#contact button, #contact .button, #contact input[type='submit'] {
  background-color: #f17b24;
  border: 0;
  color: #ffffff;
  margin: 0 30px 0 0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -ms-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  background-clip: padding-box;
  /* stops bg color from leaking */ }
  #contact button:hover, #contact .button:hover, #contact input[type='submit']:hover {
    background-color: #464646; }

/* Website Contactform */
/* @import "../../mitosis-framework/css/webshop"; /* Website Contactform */
/* @import "../../mitosis-framework/css/admin"; /* Website Contactform */
/* @import "../../mitosis-framework/css/responsive"; /* Website Contactform */
/* END IMPORT CSS
----------------------------------------------------------------------------- */

/*# sourceMappingURL=style.css.map */