/* Body en fonts */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'),
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'),
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
}

html,body {
	font-family: 'Roboto', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	color: #333;
}

html {
	font-size: 100%;
}

body {
	background-color: #999999;
}

a{
	color: #FE6500;
}

a:hover, a:active, a:focus{
	text-decoration: none;
	color: #AB0000;
}

h1>span, .h1>span, h2>span, .h2>span, h3>span, .h3>span, h4>span, .h4>span, h5>span, .h5>span, h6>span, .h6>span{
   color: #FE6500;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {
	margin-top: 0px;
}

/* Logo */
.fds-logo .site-title {
	color: #FE6500;
	text-shadow: none;
	text-transform: none;
}

/* Menu */
.navbar-nav a, .navbar-nav span {
	text-transform: uppercase;
	font-weight: bold;
}

.navbar-default{
	background-color: #7B0406;
	border-top: none;
	border-bottom: none;
	color: #fff;
}

.navbar .nav>li>a,
.navbar .nav>li>span{
	padding: 13px 15px;
}

.navbar .nav > li.active > a,
.navbar .nav > li.active > span {
	background-color: #BE0000;
	color: #fff;
}

.navbar .nav a,
.navbar .nav span,
nav .dropdown-menu > li.parent::after, .flyout-menu > li.parent::after{
	color: inherit;
}

.navbar-default .navbar-toggle{
	background-color: transparent !important;
	color: #fff;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>span{
	color: inherit;
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a>span{
	color: inherit;
}

.navbar .nav > li:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
	color: #fff;
	background-color: #8C0000;
}

.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #BE0000;
}

nav .dropdown-menu, nav .flyout-menu{
	border: none;
	box-shadow: none;
}

.navbar-default .dropdown-menu {
	padding: 0;
	background-color: #BE0000;
}

.navbar-default .dropdown-menu > li > span,
.navbar-default .dropdown-menu > li > span:hover,
.navbar-default .dropdown-menu > li > span:focus
.flyout-menu > li > span,
.flyout-menu > li > span:hover,
.flyout-menu > li > span:focus{
	color: #fff;
	background-color: transparent;
}

.navbar-default .dropdown-menu > .active > span,
.navbar-default .dropdown-menu > .active > span:hover,
.navbar-default .dropdown-menu > .active > span:focus,
.flyout-menu > li.active > span,
.flyout-menu > li.active > span:hover,
.flyout-menu > li.active > span:focus{
	color: #fff;
	background-color: #8C0000;
}

.navbar-nav .dropdown-menu>li>a{
	color: #fff;
	background-color: transparent;
	font-weight: bold;
}

.navbar-nav .dropdown-menu>li>a:focus,
.navbar-nav .dropdown-menu>li>a:hover{
    color: #fff;
	background-color: #8C0000;
}

.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .dropdown-menu>.active>a:focus,
.navbar-nav .dropdown-menu>.active>a:hover,
.navbar-nav .dropdown-menu >.active >span,
.navbar-nav .dropdown-menu >.active >span:hover,
.navbar-nav .dropdown-menu >.active >span:focus{
	color: #fff;
	background-color: #8C0000;
}	

.navbar-nav .dropdown-menu>.disabled>a,
.navbar-nav .dropdown-menu>.disabled>a:focus,
.navbar-nav .dropdown-menu>.disabled>a:hover{
	color: #ccc;
}

.flyout-menu > li > a {
	color: #fff;
}

.flyout-menu > li.active > a,
.flyout-menu > li > a:hover,
.flyout-menu > li > a:focus {
	color: #fff;
	background-color: #8C0000;
}

.flyout-menu{
	padding: 0;
	background-color: #BE0000;
	border: 0;
	font-size: 13px;
}

/* Menu Offcanvas */
#offcanvas {
  font-size: 17px;
}

.off-canvas-wrapper{
	background-color: #7B0406;
}

#offcanvas > span,
#offcanvas > span:hover{
	color: #fff;
}

#offcanvas li {
	border-bottom: 1px solid #fff;
}

#offcanvas .navbar-nav>li>a{
	color: #fff;
	background-color: #BE0000;
}

#offcanvas .navbar-nav>li>a:focus,
#offcanvas .navbar-nav>li>a:hover{
	color:#fff;
	background-color: #8C0000;
}

#offcanvas .navbar-nav>.active>a,
#offcanvas .navbar-nav>.active>a:focus,
#offcanvas .navbar-nav>.active>a:hover{
	color:#fff;
	background-color: #8C0000;
}

#offcanvas .navbar-nav span:not(.glyphicon):not(.image-title){
	color: #fff;
}

#offcanvas .navbar-nav > li > span,
#offcanvas .dropdown-menu > li > span,
#offcanvas .flyout-menu > li > span{
	background-color: #f6f6f6;
	color: #333 !important;
}

#offcanvas .navbar-nav > li.active > span,
#offcanvas .dropdown-menu > li.active > span,
#offcanvas .flyout-menu > li.active > span{
	background-color: #ccc;
}

#offcanvas .dropdown-menu {
	background-color: #BE0000;
	font-size: 95%;
}

#offcanvas .flyout-menu{
	background-color: #BE0000;
	font-size: 90%;
}

#offcanvas .flyout-menu > li.parent::after{
	display: none;
}

/* Mega menu */

/*Position Menu Cart*/
.menu-cart .btn-cart{
	color: #FFF !important;
}

/* Buttons */
.btn{
	text-transform: uppercase;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.btn-info.btn-xs,
.btn-default{
	background-color: #333;
	border-color: #212121;
	color: #fff;
}

.open > .dropdown-toggle.btn-default,
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default.active, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{
	background-color: #212121;
	border-color:  #000;
	color: #fff;
}

main .input-prepend>.btn, main .input-append >.btn,
.btn-primary{
	background-color: #BE0000;
	border-color: #8C0000;
	color: #fff;
}

main .input-prepend>.btn:hover, main .input-append >.btn:hover,
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
	background-color: #8C0000;
	border-color:  #BE0000;
	color: #fff;
}

/* Nav-pills en Nav-tabs colors*/
.nav.nav-tabs a, .nav.nav-pills a,
.nav-tabs>li>a,
.nav-pills>li>a{
	color: #404040;
	background: #ccc;
	border-radius: 0px;
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus,
.nav-pills>li>a:hover,.nav-pills>li>a:focus{
	color: #fff;
	background-color: #333333;
}

.nav-tabs>li.active>a,.nav-tabs>li.active >a:focus,.nav-tabs>li.active>a:hover,
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
	color: #fff;
	background-color: #212121;
}

/* Main template resets */
nav, footer, #fds-fsslider {
	margin: 0;
}

blockquote {
	font-size: 110%;
}

footer {
    padding-left: 0px;
    padding-right: 0px;
}

#fds-toolbar, .navbar-default, footer{
	border: none;
}

.margin-top {
	margin-top: 15px;
}

.margin-top-15{
	margin-top: 10px;
}

/* Error and Offline containers */
.off-line.container, .off-line.container-fluid,
.error.container,.error.container-fluid {
	background-color: #7B0406;
	color: #FFF;
}

.off-line .well,
.error .well{
	color: #333;
	background-color: #F8F8F8;
}

/* Containers and FDS resets */
#frame,
.container, .container-fluid{
	background-color: #F8F8F8;
}

.container-distance{
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#fds-header .container, #fds-header .container-fluid,
#fds-fsslider .container, #fds-fsslider .container-fluid,
#fds-footer .container, #fds-footer .container-fluid{
	padding-top: 10px;
	padding-bottom: 10px;
}

#fds-toolbar .container, #fds-toolbar .container-fluid, 
#fds-header .container, #fds-header .container-fluid,
#fds-slider .container, #fds-slider .container-fluid,
#fds-top-b .container, #fds-top-b .container-fluid,
#fds-bottom-b .container, #fds-bottom-b .container-fluid,
#fds-footer .container, #fds-footer .container-fluid{
	background-color: transparent;
}

.fixed-header-wrapper{
	background-color: #fff;
}

#fds-toolbar, #fds-slider, footer, #fds-absolute {
	background-color: #7B0406;
	color: #fff;
}

#fds-top-b, #fds-bottom-b{
	background-color: #BE0000;
	color: #fff;
}

#fds-top-b * > span, #fds-bottom-b * > span{
	color: inherit;
}

#fds-top-b .border .custom a:not(.btn),
#fds-bottom-b .border .custom a:not(.btn),
.fixed-footer-wrapper a:not(.btn),
#fds-footer p a:not(.btn){
	color: inherit;
	text-decoration: underline;
}

.fixed-footer-wrapper a:not(.btn):hover,
#fds-footer p a:not(.btn):hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-decoration: none;
}

/* MAIN CONTENT */
.thumbnail{
	border-color: transparent;
	background-color: transparent;
}

.img-thumbnail {
	border: none;
	background: none;
	padding: 0;
}

.page-header {
    padding: 0;
    margin: 0px 0 10px;
    border: none;
}

.moduletable .custom ul,
main ul{
	list-style: square url("../images/liststyle.png");
	padding-left: 20px;
}

.tab-content {
	padding: 5px;
}

/* Pop-over */
.popover{
  display: none !important;
}

/* Hr */
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: #ccc;
	border-bottom: 1px solid #FFF;
}

/* Modules */
aside {
	font-size: 95%;
}

aside .inside-full-height{
background: #ECECEC;
border: 1px solid #ccc;
padding: 5px;
}

aside .moduletable, .innerbottom .moduletable, .innertop .moduletable {
	margin-bottom: 10px;
}

.innerbottom {
  margin-top: 10px;
}

.border,
.main-wrapper .border{
	padding: 0 0;
}

.box .border{
	padding: 10px;
	border-color: #ccc;
}

.color .border{
	background-color: #fff;
	color: #4c4c4c;
}

.art-block .border {
	color: #4c4c4c;
	background-color: #ececec;
	border: 1px solid #ccc;
	padding: 10px;
}

h3.newsflash-title,
.border > h3{
	border-color: inherit;
}

/* Well */
.well {
	border-color: #ccc;
}

/* Jumbotron */

/* Table */
.table{
	margin-bottom: 5px;
}

/* Blog - Featured */
.blog .category-desc{
	border: none;
}

.blog .items-leading-separator, .blog-featured .items-leading-separator, .blog .items-row-separator, .blog-featured .items-row-separator {
	border-bottom: 1px solid #fff;
}

/* Information-tekst */
.text-info, .text-info-block .border {
    background-image: url(../images/text-info.png);
    background-repeat: no-repeat;
    background-position: top right;
    color: #FFF;
    background-color: #FE6500;
    border: none;
	padding-top: 30px;
}

.text-info {
	font-size: 110%;
}

.text-info ul, .text-info-block ul{
	list-style: square url("../images/liststyle_2.png");
	padding-left: 20px;
}

/* Icon-wrapper */
.round{
	background-color: #7B0406;
}

a .round{
  background-color: #BE0000;
}

/* Contact */
.contact-btn{
	background-color: #7B0406;
}

/* Slider */
.carousel-control.left,
.carousel-control.right{
	display: none;
}

/* RESPONSIVE MEDIA */
@media (min-width: 993px){
	/* fixed header en footer */
	#frame{
	position: relative;
	min-height: 100%;
	padding-bottom: 40px;
	}
	
	#navbar.sticky-top {
	position: fixed;
	z-index: 1041;
	top: 0;
	left: auto;
	width: 100%;
	-webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
	}
	
	.frame .fixed-footer-wrapper,
	.frame .sticky-top {
    max-width: 1170px;
	}
	
	.fixed-footer-wrapper{
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0;
	}

	/* sidebar and inside styling */
	.inside-full-height {
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	}
	.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
	}
	.col-height {
	display: table-cell;
	float: none;
	height: 100%;
	}
	.col-top {
	vertical-align: top;
	}
}

@media (max-width: 992px) {
  .fixed-header-wrapper{
	border-bottom: 2px solid #8A8C8F;
  }
}

@media (min-width: 640px){
	/* Labels en Controls MAIN*/
	main .control-group, 
	main .form-group,
	main #easycalccheckplus
		{display: table; width: 100%;}
	main #easycalccheckplus>div
		{display: table-row;}
	main .control-group .control-label, 
	main .form-group .control-label,
	main #easycalccheckplus label
		{display: table-cell; width: 30%; min-width: 175px; vertical-align: top; padding-right: 5px;}
	main .control-group .controls, 
	main .form-group .controls,
	main #easycalccheckplus input
		{display: table-cell;}
	.form-horizontal .control-label
		{padding-top: 0px;}
	main .form-inline .control-group, 
	main .form-inline .form-group
		{width: auto;}
}

@media (max-width: 640px){
  .toolbar-l, .toolbar-r{
    text-align: center;
    padding: 5px 15px;
  }
}

@media (max-width: 480px){
  .text-info{
  padding-top: 10px;
  background-image: none;
}