/* TEMPLATE CSS
*********************************************/
body { font-family: Verdana, Arial, sans-serif; }


/* LAYOUT
*********************************************/
body { background:#FFF; }
div {padding: 0; margin: 0; }

.bgred { background-color: red; }

.brand { display: inline-block; margin: 60px 0; }
.contain-to-grid, .top-bar { background-color: #014A99; background-image: -moz-linear-gradient(top, #0565CD, #014A99); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0565CD), to(#014A99)); background-image: -webkit-linear-gradient(top, #0565CD, #014A99); background-image: -o-linear-gradient(top, #0565CD, #014A99); background-image: linear-gradient(to bottom, #0565CD, #014A99); }
.top-bar ul { }
.top-bar ul > li a:not(.button) { font-weight: 400; font-size: 1.2em; font-family: 'Oswald',sans-serif;  }
.top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name):focus { background-color: #0364CD;background-image: -moz-linear-gradient(top, #097DFB, #0364CD); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#097DFB), to(#0364CD)); background-image: -webkit-linear-gradient(top, #097DFB, #0364CD); background-image: -o-linear-gradient(top, #097DFB, #0364CD); background-image: linear-gradient(to bottom, #097DFB, #0364CD); }
.top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name):focus a { color: #FFF; }

.top-bar ul > li.divider { background: #222; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
.top-bar ul > li.has-dropdown .dropdown { background: #0364CD; }
.top-bar ul > li.has-dropdown .dropdown li { background: #0364CD; }
.top-bar ul > li.has-dropdown .dropdown li label { background: #014A99;  padding: 10px; color: #F00;  font: lighter 14px/12px 'Oswald',sans-serif; text-transform: none; }
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus { background: #F90; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: #FFF; color: #0364CD; }

ul.breadcrumbles { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 
    display: block;
    margin-left: 0px;
    padding: 6px 10px 7px;
    border: 1px solid  #f5f5f5;
    border-radius: 2px 2px 2px 2px;
    overflow: hidden;
}
ul.breadcrumbles li { list-style: none outside none; float: left; }
ul.breadcrumbles li a, ul.breadcrumbles li span { text-transform: uppercase; font-size: 1.1rem; padding-left: 12px; }

h1, h2 { font-size: 22px; font-family: "Oswald"; }
h3, h4 { font-size: 18px; }

.orbit-wrapper .orbit-caption { 
    background: none;
    z-index: 30;
    color: #111;
    text-align: left; 
    padding: 10px 0px;
    position: absolute;
    left: 10%;
    top: 10%;
    width: 50%;
}
.orbit-caption h2 { font-size: 40px; }
.orbit-caption p { color: #666; width: 50%; font-size: 16px;}
.orbit-caption a { }

.sidebar-teaser { margin: 10px 0; border: 1px solid #CCC; padding: 0px; display: block; }
.sidebar-teaser h3 { margin: 0; padding: 10px 5px; color: #666; font-family: "Oswald"; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); }
.sidebar-teaser .inner-div { background: #FFF; padding: 5px; }

#product-list { width: 100%; }
table th { background-color: #F90; padding: 10px 0; color: #FFF; width: 40%; }
table th.title { width: 20%; background: none;border-left: 1px solid #DDD; }
table tr.sub { background-color: #A5A5A5; }
table tbody tr.even { background-color: #FAFAFA; }
table tbody tr.odd { background-color: #EEE; }

table td.good { background: url(../images/good.png) center no-repeat; }
table td.bad { background: url(../images/bad.png) no-repeat center; }

.clearfix { clear: both; }
.texting ul { padding-left: 5px; list-style-type: none; }
.texting li { padding-left: 25px; background: url(../images/good.png) left 5px no-repeat; }

.highlight { background: none repeat scroll 0% 0% rgb(1, 74, 153); color: #FFF; }

dl.search-results {}
dl.search-results dt { font-weight: bold; }
dl.search-results dd { padding-left: 20px; }
dl.search-results dd.result-category { font-size: 85%; font-style: italic; color: #F90;  }


label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
}
select { height: 32px; padding: 6px; }

/* COOKIE */
	#cookie-consent {
        display: none;

		width:100%;
		height: 100%;

		position:fixed;
		bottom:0px;

		background-color: rgba(0,0,0,0.8);

		z-index: 100000;
	}

		.cookie-consent-inner {
			width:100%;

			padding: 20px;

			position:fixed;
			bottom:0px;

			background-color: rgba(0,74,119,1);
			color: rgba(255,209,0,1);
		}

			.cookie {
				width: 100%;
				max-width: 1248px;
				margin: 0 auto;

				display: -webkit-flex;
				-webkit-flex-wrap: wrap;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
			}

				.cookie-msg {
					width: calc(100% - 120px);
					margin-right: 20px;
					float: left;
				}
				.cookie-accept {
					width: 100px;
					float: right;
				}
					.cookie-button {
						font-size: 16px;
						line-height: 40px;
						padding: 0px;
						color: #FFD100;
						width: 100px;
						background-color: #337ab7;
						cursor: pointer;
						border: 1px solid white!important;
						-o-transition: all 0.4s linear;
						-moz-transition: all 0.4s linear;
						-ms-transition: all 0.4s linear;
						-webkit-transition: all 0.4s linear;
						transition: all 0.4s linear;
						text-align: center;
					}
						.cookie-button:hover {
							background-color: #0072AE;
						}
	/* END COOKIE */

/* Media Queries
*********************************************/

@media only screen and (max-width: 767px) {
	 .top-bar ul > li.active, .top-bar ul > li:hover { background: inherit; }
	 .top-bar ul > li.toggle-topbar { height: 45px; }
	 .top-bar ul > li.divider {    width: 0px; }

	.orbit-caption h2 { font-size: 15px;  }
	.orbit-caption p { font-size: 0; }
 	.button {  font-size: 10px;
    font-weight: 400;
    line-height: 1;
	    margin: 0px;
	    padding: 3px 7px 4px;
	}
}