@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300|Oswald:300,400');
@font-face {
		
	font-family: UniversLT;
	src: url(../assets/fonts/UniversLTStd-UltraCn.otf) format('opentype');
}

@font-face {
	font-family: DIN;
	src: url("../assets/fonts/DIN-Light.otf");
	src: url("../assets/fonts/DIN-Light.otf") format("opentype");
}
 


@font-face {
	font-family: UniversLT49;
	src: url("../assets/fonts/UniversLTStd-LightUltraCn.otf");
	src: url("../assets/fonts/UniversLTStd-LightUltraCn.otf") format("opentype");
}*/
body {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
h1, h2, h3, h4, h5, h6, legend {
	font-family: 'Oswald', Verdana;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	
}
h1, h2, h3, h4, h5, h6 {
	width: 100%;
}
h1 {
	font-size: 3.5em;
}
h2 {
	font-size: 1.5em;
	line-height: 1em;
}
body {
	margin:0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
label, input, select, textarea	{
	vertical-align: middle;
}
audio, canvas, progress, video {
	display:inline-block;
	vertical-align: baseline
}
blockquote {
	position: relative;
}
blockquote::before {
	position: absolute;
	left: -0.4em;
	content:  open-quote;
}
blockquote::after {
	content:  close-quote;
	padding-left: 0.2em;
}
article blockquote::before {
	position: absolute;
	left: 0.5em;
	content:  open-quote;
}
label	{
	font-weight: 400;
	padding-top: 5px;
}
.processing_img {
	max-width: 100%;
}
.processing {
	width: 32px;
	height: 32px;
}
.processing.overlay {
	position: absolute;
	top: 25%;
	left: 40%;
}
.thumbnail {
	overflow: hidden;
}
#ots98 {
	max-width: 65px;
	margin-top: 20px;
	float: right;
	margin-right: 10px;
}
#pmlgs {
	width: 100%;
	max-width: 150px;
	margin-top: 10px;
}

.date {
	text-align: center;
}

#eucookielaw { 
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;	
	padding: 5px 5% 5px 5%;
	background: rgba(27, 27, 27, 0.9);
	color: white;
	z-index: 999;
}

#eucookielaw a	{
	display: inline-block;
	padding: 5px 10px;
	border: #373737 1px solid;
	background-color: #373737;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	cursor: pointer;
}

#acceptcookie	{
	background-color: green !important;
}
#eucookielaw a:hover	{
	background-color: #575757;
}
#acceptcookie:hover	{
	background-color: #575757 !important;
}


input[type="radio"].rbox {
    display: none;
}
input[type="radio"].rbox:checked + .radiobox {
	background-color: #23539a;
}
input[type="radio"].rbox:checked + .radiobox span {
  color: #f0e801;
  transform: translateY(9px);
  text-transform: uppercase;
}
.radiobox:hover {
	background-color: #23539a;
	color: white;
}

.g-recaptcha {
	display: inline-block !important;
	margin: 0 auto !important;
}

.radiobox {
    width: 350px;
    height: 40px;
    margin-right: 5px;
    background-color: #FFF;
    border: #23539a 1px solid;
    transition: all 250ms ease;
    will-change: transition;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-weight: 300;
    overflow: hidden;
}
.radiobox:active {
	transform: translateY(10px);
	color: #f0e801 !important;
}
.radiobox span {
	position: absolute;
	transform: translate(0, 7px);
	left: 0;
	right: 0;
	
	transition: all 300ms ease;
	font-size: 1em;
	user-select: none;
	color: #23539a;
}
.radiobox:hover span {
	color: white;
}
.bg_fluor, .alert.alert-fluor {
	background-color: #ccff00;
}
.border-info	{
	border: #5bc0de 1px solid !important;
}
.fa-exclamation-triangle {
	color: #F00 !important;
}

.icon-hr, .icon-hr2	{
	display: inline-block;
	width: 24px;
}
.icon-hr2	{
	width: 48px;
}

.text-italic	{
	font-style: italic;	
}
.text-bold {
	font-weight: bold;
}
.bs_table .row {
	border: #333 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cancelled, .cancelled span	{
	text-decoration: line-through;
}

.link	{
	cursor: pointer;
}
.uc, #pcy_confcode	{
	text-transform: uppercase;
}
.qlbl	{
	font-weight: 400;
	color: #23539a;
}
.red, .rood, .redbt, .red select		{ 
	color: #FF0000 !important;
}
.green, .groen			{ 
	color: #009900; 
}
.orange			{ 
	color: #FF4500; 
}
.blue			{ 
	color: #369; 
}
.purple	{
	color: #9a00ff;
}
.lightblue		{ 
	color: #09F; 
}
.gray, .gray input, .gray select, .gray textarea		{ 
	color: #b7bcc1 !important; 
}
.gray .select select, .gray .select select:hover {
	background: url(../assets/icons/selectr_fade.png) no-repeat right #f6f6f6;
	background-size: 42px 33px;
}
.gray input 	{ 
	background-color: #e9e9e9; 
	color: #ef9e9e9 !important; 
	border: #ececec 1px solid; 
}
.yellow			{ 
	color: #f0e801; 
}
.dgray			{ 
	color: #666; 
}
.orangeBold		{ 
	color: #FF4500; 
	font-weight: bold; 
	text-align: right 
}


.striped > div:nth-child(even) {
	background-color: #f5f5f5;
}

.qico	{
	position: absolute;
	left: -20px;
	top: 10px;
}
.collapsed	{
	height: 0 !important;
}
.btn-info {
	background-color: #23539a;
	border-color: #23539a;
	color: #fff;
	border-radius: 17px;
}
.btn-info:hover {
	background-color: #2a84cd;
	border-color: #23539a;
}

::-webkit-input-placeholder { /* WebKit browsers */
	text-transform: none;
	text-align: center;
	color:    #b0b0b0;
	font-size: 16px;
	font-weight: normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	text-transform: none;
	text-align: center;
	color:    #b0b0b0;
	opacity:  1;
	font-size: 16px;
	font-weight: normal;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	text-transform: none;
	text-align: center;
	color:    #b0b0b0;
	opacity:  1;
	font-size: 16px;
	font-weight: normal;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	text-transform: none;
	text-align: center;
	color:    #b0b0b0;
	font-size: 16px;
	font-weight: normal;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.nopadding	{
	padding: 0 !important;
}
.nomargin-left	{
	margin-left: 0 !important;
}
.nopadding-left	{
	padding-left: 0 !important;
}
.nomargin-right	{
	margin-right: 0 !important;
}
.nopadding-right	{
	padding-right: 0 !important;
}

.mr1	{
	margin-right: 1em;
}
.mr2	{
	margin-right: 2em;
}
.ml05	{
	margin-left: 0.5em;
}
.ml1	{
	margin-left: 1em;
}
.ml2	{
	margin-left: 2em;
}
.form-horizontal .control-label {
	text-align: left;
}
.form-control {
	border-radius: 0px; /*26px*/;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea, select {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	background-color: #f6f6f6;
	border-radius: 0px; /*16px*/;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 32px;
	border: #cacaca 1px solid;
	color: #2e2e2e;
	-webkit-appearance: none;
}
textarea {
	line-height: normal;
}
input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="url"], input[type="tel"] {
	/*height: 33px;
	line-height: 33px;*/
}
.is-hidden, .admin-only {
	display:none !important
}
.block	{
	display: block !important;
}
.ilb {
	display: inline-block !important;
}
.fl-left	{
	float: left;
}
.fl-right	{
	float: right;
}
.warning {
	color: #f00;
}
.notice, .green {
	color: #090;
}
.sub, .invoice_sub, .mandatory, .claim_mandatory, .off_mandatory {
	color: #999;
	font-size: 0.8em;
}
.mandatory, .claim_mandatory, .off_mandatory {
	color: #f00;
}
.icon_llm, .iconlm {
	margin-left: 0.5em;
}
.icon_lrm, .iconrm {
	margin-right: 0.5em;
}
.tacenter {
	/*height: 59px;*/
	text-align: center;
}
.taright {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.small {
	font-size: 0.8em;
}
.clear {
	width: 100%;
	clear: both;
}
.bedrag {
	text-align: right;
}
.fa {
	margin-right: 0.5em;
}
.datum	{
	-webkit-appearance: none;
}

#off_overz {
	width: 100%;
	display: inline-block;
}
.center {
	display: block;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}
.fl-left	{
	float: left;
}

.vico, .vico2	{
	
	color: #f00;
}
.vico	{
	position: absolute;
	left: -10px;
	z-index: 1;
	top: 10px;
}
.vico2	{
	margin-top:  10px;
	float: right;
	position: relative;
}

.nws_blk {
	font-size: 0.9em;
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px 10px 20px;
	background: rgba(255,255,255,0.9) !important;
	font-weight: 700;
	overflow: auto;
}
.nws_blk h3 {
	border-bottom: #ccc 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.crow, .trow, .trowh, .cl20, .cl25, .cl33, .cl40, .cl50, .cl66, .cl1, .half, .one-third, .one-fourth, .one-fifth, .one-sixth, .one-seventh, .two-third, .three-fourth, .four-fifth, .five-sixth, .six-seventh, .full {
	position: relative;
	display: inline-block;
	float: left;
}

.row.row-2x {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.row.row-3x {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.row.form-group {
	margin-bottom: 5px;
}

.cl20, .one-fifth {
	width: 19%;
	margin-right: 1%;
}
.cl25, .one-fourth {
	width: 24%;
	margin-right: 1%;
}
.cl33, .one-third {
	width: 32.3%;
	margin-right: 1%;
}
.cl40 {
	width: 39%;
	margin-right: 1%;
}
.cl50, .half {
	width: 49%;
	margin-right: 1%;
}
.half img	{
	vertical-align: middle;
}
.cl66, .two-third {
	width: 66%;
}
.cl75, .three-fourth {
	width: 74%;
	margin-right: 1%;
}
.four-fifth {
	width: 79%;
	margin-right: 1%;
}
.five-sixth {
	width: 82%;
	margin-right: 1%;
}
.six-seventh	{
	width: 84%;
	margin-right: 1%;
}
.cl1, .crow, .trow, .trowh, .full {
	width: 100%;
}
.one-sixth {
	width: 16.6%
}
.one-seventh {
	width: 14.28%;
}
.last {
	margin-right: 0;
}
.mt1 {
	margin-top: 1em;
}
.mt2 {
	margin-top: 2em;
}
.mt5 {
	margin-top: 5em !important;
}
.mt10 {
	margin-top: 10em !important;
}

.mt3 {
	margin-top: 3em;
}
.mb05 {
	margin-bottom: 0.5em;
}
.mb1 {
	margin-bottom: 1em !important;
}
.mb2 {
	margin-bottom: 2em !important;
}
.mb5 {
	margin-bottom: 5em;
}
.pt05	{
	padding-top: 0.5em;
}
.pt1	{
	padding-top: 1em;
}
.pt2	{
	padding-top: 2em;
}
.vat, .vat span {
	vertical-align: top;
}
article p {
	margin-top: 0;
	margin-bottom: 2em;
}

.pinfld, .pinbt {
	border-radius: 0 !important;
	width: 36px !important;
	height: 36px !important;
	margin-right: 3px !important;
	font-size: 24px !important;
	padding: 2px !important;
	text-align: center;
}
.pinfld::-webkit-inner-spin-button, 
.pinfld::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.pinbt	{
	font-size: 1em !important;
}
.stdbt, .stdbtl, .stdbt2, .off_button, .uploadifive-button	{
	display: inline-block;
	height: 53px;
	line-height: 48px;
	background-color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #23539a;
	position: relative;
	cursor: pointer;
	border: #23539a 2px solid;
	border-radius: 0; /*26px;*/
	padding: 0px 34px 0 34px;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.stdbt:before	{
	content:"\e080";
	font-family:"Glyphicons Halflings";
	line-height: 20px;
	font-size: 12px;
	margin-left: -20px;
	margin-right: 10px;
	display:inline-block;
}
.stdbtl:before	{
	content:"\e079";
	font-family:"Glyphicons Halflings";
	line-height: 20px;
	font-size: 12px;
	margin-right: 5px;
	margin-left: -20px;
	display:inline-block;
}
.uploadifive-button:before	{
	content:"\e060";
	font-family:"Glyphicons Halflings";
	line-height: 20px;
	font-size: 12px;
	margin-left: -20px;
	margin-right: 10px;
	display:inline-block;
}
.stdbt2, .off_button {
	background-color: #23539a;
	color: #fff;
}
.pico {
	width: 57px;
	height: 57px;
	display: inline-block;
	/*background: url(../assets/icons/icons_white.png) no-repeat;*/
	vertical-align: middle;
}
.on-track-insurance {
	background-position: -72px 0px;
}
.personal-accident-insurance {
	background-position: -145px 0px;
}
.liability-insurance {
	background-position: -215px -247px;
}
.transport-and-storage-insurance, .transit-insurance {
	background-position: -72px -162px;
}
.stdbt i, .stdbtl i	{
	display: none;
}
.stdbt:link, .stdbt:visited, .stdbtl:link, .stdbtl:visited {
	text-decoration: none;
	color: #23539a !important;
}
.stdbt:hover, .stdbtl:hover, .uploadifive-button:hover {
	color: #fff !important;
	background-color: #23539a;
}


.stdbt2:link, .stdbt2:visited, .off_button:link, .off_button:visited, .off_button, .off_button i {
	text-decoration: none;
	color: #fff !important;
}

.stdbt2:hover, .off_button:hover {
	background-color: #fff;
	color: #23539a !important;
}
.off_button:hover i	{
	color: #23539a !important;
}

#header {
	height: 100px;
	background: #fff;
	color: #424242;
	border-bottom: #efefef 1px solid;
}
#header a {
	text-decoration: none;
	color: inherit;
}


.navbar {
  -webkit-transition: -webkit-transform .5s .5s, background .5s, color .1s;
     -moz-transition:    -moz-transform .5s .5s, background .5s, color .1s;
       -o-transition:      -o-transform .5s .5s, background .5s, color .1s;
          transition:         transform .5s .5s, background .5s, color .1s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.navbar-tall,
.navbar-show {
  opacity: 1;
  -webkit-transition: -webkit-transform .25s, background 2s, color .3s;
     -moz-transition:    -moz-transform .25s, background 2s, color .3s;
       -o-transition:      -o-transform .25s, background 2s, color .3s;
          transition:         transform .25s, background 2s, color .3s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.navbar-hide {
  opacity: 0;
  -webkit-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
     -moz-transition:    -moz-transform .2s, background .3s, color .3s, opacity 0 .3s;
       -o-transition:      -o-transform .2s, background .3s, color .3s, opacity 0 .3s;
          transition:         transform .2s, background .3s, color .3s, opacity 0 .3s;
  -webkit-transform: translate(0, -80px);
      -ms-transform: translate(0, -80px);
          transform: translate(0, -80px);
}


.navbar-tall,
.navbar-short,
.navbar-tall .navbar-brand,
.navbar-short .navbar-brand,
.navbar-tall .navbar-nav > li > a,
.navbar-short .navbar-nav > li > a {
  -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear;
}


#litxt	{
	display: inline-block;
	width: 100%;
	text-align: center !important;
	color: #f0e801 !important;
	font-weight: 400;
}

#header div.nav_closed {
	float: left;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 41px 10px 31px 10px;
	text-align: center;
	position: relative;
}
#header .nav_nav {
	background: #00529e;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
}
.nav_nav ul {
	margin: 0;
	padding-left: 0;
}
#header .nav_nav li, #header #login .nav_item, #header #login .tspl {
	list-style: none;
	height: 56px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	background: url(../assets/nav_spl.png) center top repeat-x;
	display: table;
	width: 100%;
	position: relative;
}
#menu a.nav_icon .icon-bar {
	display: block;
	background-color:#2a2a2a;
	width: 30px;
	height: 3px;
	margin-top: 5px;
	border-radius: 1.5px;
}
#menu a.nav_icon .col-xs-6	{
	padding-left: 6px;
	padding-right: 4px;
}
#menu a.nav_icon, #login a.nav_icon {
	display: table-cell;	
	line-height: 30px;
	height: 30px;	
	position: relative;
}
#login a.nav_icon {
	padding-left: 20px;
	
}
#login a.nav_icon span	{
	line-height: 20px;
}
#login a.nav_icon:before{
	  content:"\e008";
	  font-family:"Glyphicons Halflings";
	  line-height: 20px;
	  font-size: 20px;
	  margin: 5px 10px 10px 10px;
	  display:inline-block;
}
#login a.nav_icon span	{
	vertical-align: middle;
}
#menu:hover a .icon-bar {
	background-color: #fff;
}
#login a.nav_icon {
	background-position: -120px 0px;
}

#lhc_title img	{
	max-height: 16px;
}

#menu .nav_item a, #login .nav_item a {
	display: table-cell;
	padding-left: 40px;
	min-height: 29px;
	background: url(../assets/svg/circaw.svg) no-repeat;
	background-position: 0px 4px;	
	background-size: 29px 29px;
	line-height: 1em;
	vertical-align: middle;
	font-size: 1.4em;
	font-weight: normal;
	border: 0;
	width: 100%;
	color: #fff;
}
#menu .lbl {
	padding-top: 6px;
}
#header .nav_closed {
	height: 100px;
}
#header .nav_item.is-active, #header .nav_item:hover, #header .nav_closed:hover, #header #login .nav_item:hover {
	background: #2a84ce;
	color: #fff;
}

#header .nav_item.is-active, #login .nav_lb {
	color: #00529e;
}
#header #login .nav_lb {
	display: table;
	width: 100%;
	background: #2a84ce;
	line-height: 56px;
	font-size: 1.4em;
}
.nav_closed .nav_nav {
	position: absolute;
	top: 100px;
	z-index: 10;
	left: -6000px;
}
#header #menu {
	width: 120px;
}
#header #login {
	width: 280px;
}
#header #menu nav {
	width: 320px;
}
#header #login nav {
	width: 365px;
}
#header #login input[type="text"], #header #login input[type="password"] {
	min-height: 32px;
	border-radius: 0px; /*20px;*/
	border: 0;
	padding-left: 20px;
	width: 80%;
	margin-left: 10%;
	font-size: 1.5em;
}
#header #login input:placeholder {
	color: #f00;
}
#invoice_main, #off_overz	{
	padding-left: 15px;
}

#invoice_table .invoice_sub {
	position: absolute;
	left: 2px;
	top: 4px;
}
#header #login .forgotpass, #header #login .invoice_sub {
	display: inline-block;
	width: 100%;
	color: #fff;
	text-transform: none;
	line-height: 36px;
	padding-left: 10%;
}
#header #login .nav_ip {
	display: table;
	width: 100%;
	padding: 10px;
	text-align: left;
}
#header #gebruikersnaam {
	margin-top: 3em;
}
#header #login label {
	line-height: 36px !important;
}
#header #login .nav_ip input[type="checkbox"] {
	margin-right: 10px;
}
#header #login .invoice_sub {
	text-transform: uppercase;
}
#header #lang {
	width: 120px;
	height: 100px;
	float: right;
}
#header #lang nav {
	right: 0;
}
#header #lang nav {
	width: 160px;
	font-size: 1.4em;
	line-height: 36px;
}

#header #lang .nav_icon {
	padding-top: 2px;
	display: inline-block;
	width: 29px;
	height: 29px;
	position: relative;
}
#header #lang .nav_icon svg	{
	width: 29px;
	height: 29px;
	position: absolute;
	left: -1px;
	top: -3px;
}

#header #lang .nav_icon .svg	{
	fill: #fff;
	stroke: #444;
}

#header #lang:hover .nav_icon .svg {
	fill: #fff;
	stroke: #fff;
}
#header .nav_item a {
	background-position: 0px 4px;
}
#header .nav_item.is-active a, #header .nav_item:hover a {
	background-position: 0px 4px;
}
#header #menu:hover .nav_nav {
	left: 0px;
}

#login.hover	{
	background: #2a84ce;
	color: #fff;
}
.nav_nav.hover, #header #logins:hover .nav_nav {
	left: 0px;
}
#header #lang:hover .nav_nav {
	right: 0px;
	left: auto;
}
#main {
	background: #fff;
	min-height: 490px;
	border-bottom: #000;
	position: relative;
	margin-top: 100px;
}
#footer {
	min-height: 325px;
	border-top: #727272;
	position: relative;
}
#footer h3 {
	font-size: 1.5em;
	font-weight: 300;
}
#footer #ftr_lnks a {
	color: #fff;
	text-decoration: none;
}
#footer #ftr_lnks a:hover, #header .forgotpass:hover {
	text-decoration: underline;
}
#footer #ftr_lnks {
	width: 100%;
	background: #2a2a2a;
	color: #fff;
	padding: 52px 0% 48px 0%;
}
#footer #ftr_dsc {
	color: #868585;
	font-size: 9px;
	padding: 20px;
	line-height: normal;
}
#footer #ftr_dsc .center	{
	max-width: 2560px;
	text-align: center;
}
#footer #ftr_soc {
	color: #696c6f;
	background-color: #f0f0f0;
	min-height: 90px;
	padding: 20px 10% 20px 10%;
	font-size: 0.9em;
}
#footer #ftr_boms {
	font-size: 10px;
	padding-top: 20px;
}
#footer #ftr_boms a:link, #footer #ftr_boms a:visited {
	color: #696c6f !important;
}
#gwlogo, #gwlogo2 {
	background: url(../assets/svg/gullwing_logo.svg) center center no-repeat;
	background-size: 187px 98px;
	width: 187px;
	height: 98px;
	position: absolute;
	left: 43%;
	left: calc(50% - 93px);
	left: -moz-calc(50% - 93px);
	left: -webkit-calc(50% - 93px);
	top: 2px;
}
#gwlogo2 {
	left: 33%;
	left: calc(50% - 193px);
	left: -moz-calc(50% - 193px);
	left: -webkit-calc(50% - 193px);
}
#srologo {
	max-width: 197px;
	position: absolute;
	left: 53%;
	left: calc(50% - 20px);
	left: -moz-calc(50% - 20px);
	left: -webkit-calc(50% - 20px);
	top: 22px;
}
#ftr_lnks ul {
	padding-left: 2px;
}
#ftr_lnks li {
	list-style: none;
}
#ftr_lnks li:before {
	content: "› ";
}
#ftr_logo, #ftr_gw, #ftr_prd, #ftr_contact {
	
}
#ftr_logo {
	margin-top: 60px;
	text-align: center;
	
}
#ftr_logo img {
	width: 80%;
	height: 42%;
	max-width: 210px;
	max-height: 107px;
}

#ftr_cp {
	padding-top: 14px;
}
#ftr_gwl {
	text-align: center;
}
#ftr_gwl img	{
	width: 90px;
}
#ftr_fb {
	text-align: center;
	padding-top: 15px;
}
#ftr_seal img {
	width: 70px;
	padding-top: 14px;
}
#home {
	position: relative;
}
#home_img {
	width: 100%;
	height: 490px;
	background: url(../assets/home/slide13.jpg) top center no-repeat;
	background-size: cover;
	background-position: 50% -50px;
}
#home_top {
	width: 100%;
	position: relative;
}
#home_top .center {
	margin: 0 auto;
	position: relative;
}
#home_menu {
	width: 50%;
	height: 270px;
	position: absolute;
	background: rgba(22, 108, 183, 0.9); /* url(../assets/home/home_menu.png) center center no-repeat;
	background-size: contain;*/
	bottom: -100px;
	left: 50%;
	/*padding: 2.25% 2% 2.25% 2%;*/
	border: #fff 5px solid;
	border-width: 10px 10px 10px 10px;
}
#home_menu img {
	width: 70%;
	max-width: 53px;
	display: block;
	margin: 0 auto;
	margin-bottom: 15%;
}
#home_menu a {
	display: block;
	float: left;
	width: 15%;
	margin-left: 1%;
	margin-right: 0%;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center;
	padding: 8% 3% 4% 3%;
}
#home_menu a:hover {	
	color: #f0e801;
}
#home_menu .lbl {
	display: block;
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 1.0em;
	letter-spacing: 0.05em;
	line-height: 1.1em;
	height: 4em;
	font-family: 'Oswald', Verdana;
	font-weight: 300;
}
#home_menu .mn_crc {
	display: inline-block;
	float: left;
	height: 29px;
	width: 100%;
	background: url(../assets/svg/circaw.svg) center center no-repeat;
	background-size: 29px;
}
#home_menu_bt {
	width: 100%;
	height: 100px;
	background: #23539a url(../assets/home/home_menu_bt20.png) center bottom no-repeat;
}
#home_mid aside {
	display: block;
	float: left;
	width: 50%;
	background: #fff;
}
#home_mid article {
	padding: 5% 5% 20px 10%;
	color: #6a6c6e;
	line-height: 2em;
}
#home_mid article h1, #home_mid article h2 {
	color: #23539a;
}
#home_mid article h1 {
	margin: 0 0 0.25em 0;
	line-height: 0.5em;
}
#home_mid article h2 {
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 0.5em;
}
#home_mid aside img {
	width: 100%;
	display: inline-block;
}
#home_sro {
	background: white;
	width: 100%;
	min-height: 200px;
	padding: 0;
	background: white url('../assets/home/slide-sro.jpg') center left no-repeat;
	background-size: contain;
}
#home_sro .wt {
	background-color: white;
	padding-top: 50px;
	padding-bottom: 50px;
}
#home_sro .center {
	display: inline-block;
	vertical-align: middle;
	flex: right;
	background: rgba(255,255,255,0.75);
	padding: 10px;
	border-radius: 3px;
}
#home_sro h3 {
	text-align: center;
	font-size: 32px;
	color: #2a2a2a;
}
#hm_sro {
	display: block;
	max-width: 300px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	border-radius: 3px;
	
}
#hm_sro:link, #hm_sro:visited {
	color: #2a2a2a;
}
#hm_sro:hover {
	background-color: #f1f1f1;
	text-decoration: none;
}
#hm_sro span {
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
}
#home_ref {
	background: #23539a url(../assets/home/ref_shad.png) center top no-repeat;
	width: 100%;
	min-height: 200px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: white;
}
#home_ref .bq_name {
	font-weight: bold;
	text-align: center;
	display: block;
	font-style: italic;
}
#home_ref.center	{
	display: inline-block;
	vertical-align: middle;
}
#home_ref1 {
	vertical-align: middle;
	margin: 0;
	font-size: 3.0em;
	line-height: 1em;
	margin-top: 100px;
}
#home_ref1, #home_ref2 {
	width: 90%;
	margin-left: 10%;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Oswald', Verdana;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-align: center;
	line-height: 1.3em;
}
#home_ref .blockquote {
	border-left-color: #337ab7;
}
#home_ref .blockquote::before {
	left: 5px;
	top: 0px;
}
#home_ref .blockquote img {
	margin-left: 20px;
	margin-bottom: 10px;
}
#home_ref2 {
	font-size: 2.5em;
}
#home_refl, #home_refr {
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 30px;
	background: url(../assets/icons/ref_icon.png) left top no-repeat;
}
#home_refl {
	left: 20px;
}
#home_refr {
	right: 20px;
	background: url(../assets/icons/ref_icon.png) right top no-repeat;
}
#home_refl:hover {
	background-position: left bottom;
}
#home_refr:hover {
	background-position: right bottom;
}
#home_nws {
	background: #fff;
	width: 100%;
	min-height: 0px;
}

.hm_cal	{
	display:  inline-block;
	float: left;
	position: relative;
	width: 100%;
	max-height: 52px;
	margin-bottom: 15%;
	font-family: 'Oswald', Verdana;
}
#hm_calm	{
	text-transform: uppercase;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #23539a;
	z-index: 1;
	font-size: 12px;
}
#hm_cald	{
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	z-index: 1;
}
#gen {
	position: relative;
}
#gen_top {
	width: 100%;	
	height: 490px;
	position: relative;
}
#gen_top .bg {
	position: absolute;
	width: 100%;
	height: 690px;
	left: 0;
	top: 0;
	background: url(../assets/home/slide1.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -100px;
	z-index: 0;
}
#gen_top.nobg .bg	{
	background: none !important;
	background-color: #ccc;
}
#gen_top.hm-other .bg	{
	background: url(../assets/home/plane.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -20px;
}
#gen_top.hm-ontrack .bg	{
	background: url(../assets/home/slide3.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -300px;
}
#gen_top.hm-personal .bg	{
	background: url(../assets/home/slide10.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -200px;
}
#gen_top.hm-liability .bg	{
	background: url(../assets/home/slide5.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -20px;
}
#gen_top.hm-transport .bg	{
	background: url(../assets/home/slide11.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -20px;
}
#gen_top.hm-about .bg	{
	background: url(../assets/home/slide6.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -300px;
}
#gen_top.hm-contact .bg	{
	background: url(../assets/home/slide7.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -300px;
}
#gen_top.hm-projects .bg	{
	background: url(../assets/home/vegas4.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -100px;
}
#gen_top.hm-calendar .bg	{
	background: url(../assets/home/calendar.jpg) top center no-repeat;
	background-size: cover;
	background-position: center 0px;
}
#gen_top.hm-wintertest .bg	{
	background: url(../assets/home/wintertest.jpg) top center no-repeat;
	background-size: cover;
	background-position: center 0px;
}
#gen_top.hm-classiccars .bg	{
	background: url(../assets/home/classiccars.jpg) top center no-repeat;
	background-size: cover;
	background-position: center 0px;
}
#gen_top.hm-sro .bg	{
	background: url(../assets/home/slide-sro.jpg) top center no-repeat;
	background-size: cover;
	background-position: center -20px;
}

.wth1	{
	padding-top: 25px;
}

#gen_content {
	position: relative;
	padding-bottom: 275px;
	min-height: 600px;
	max-width: 1600px;
	width: 100%;
	margin: -275px auto;
	box-shadow: #ededed 0px 2px 3px;
	background-color: white;
}
#gen_content header p {
	margin-bottom: 0.5em;
}
#gen_content h1 {
	font-size: 2.5em;
}
#ct_top, #cn_top, #ma_top {
	width: 100%;
	min-height: 315px;
	background: #23539a url(../assets/gen_wing.png) left top no-repeat;
	padding: 3% 6% 3% 6%;
	color: #fff;
	position: relative;
}
#ct_top .cl50 {
	float: left;
	display: inline-block;
}
#ct_main {
	margin-top: 75px;
	min-height: 500px;
	padding-bottom: 5em;
}
#ct_main input, #ct_main select, #ct_main textarea	{
	margin-bottom: 0.5em;
}
.ct_blc {
	width: 50%;
	display: block;
	float: left;
}
#ct_form	{
	padding-right: 1em;
	float: left;
}
#ct_form .half, #ct_form .full	{
	float: left;
	margin-bottom: 1em;
}
#ct_form .last	{
	float: right;
}
#ct_form #msg	{
	height: 140px;
}
#ct_map	{
	float: left;
	border: 0;
	height: 450px;
}
#ct_top	.half	{
	float: left;
}
#ct_top .cl20 {
	width: 18%;
}
#ct_top #qrc {
	display: inline-block;
	position: absolute;
	right: 2em;
	top: 60px;
	max-width: 150px;
}
#ct_top .cl50 {
	width: 48%;
	margin-right: 2%;
}
#ct_main #submitbt {
	clear: both;
	float: left;
	margin-top: 3em;
	margin-left: 44px;
}
#cn_top {
	min-height: 87px;
	padding: 14px 0 0 0;
	opacity: 0.9;
}
#cn_top h1 {
	display: inline-block;
	width: auto;
	font-family: 'Oswald';
	font-weight: 300;
	font-size: 2em;
	text-align: center;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	height: 59px;
	line-height: 59px;
}
#cn_top .pico {
	margin-right: 1em;
}
#cn_main {
	background: url(../assets/white.png) center top repeat;
	background-size: 100% 600px;
	width: 100%;
	min-height: 400px;
	padding: 4% 2% 4% 2%;
}

#cn_path {
	font-size: 0.8em;
	color: #c0c0c0;
}
#cn_path a:link, #cn_path a:visited {
	color: inherit;
	margin-right: 0.5em;
	margin-left: 0.5em;
	text-decoration: none;
}
#cn_path a:hover {
	color: #2e2e2e;
	text-decoration: underline;
}
#cn_content, #cn_side {
	display: inline-block;
	vertical-align: top;
}
#cn_content {
	float: left;
	width: 64%;
	width: calc(100% - 350px);
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);	
	padding-right: 5%;
}
#cn_side {
	float: right;
	width: 350px;
}
#cn_content ul {
	padding-top: 0;
	padding-left: 0.5em;
}
#cn_content li {
	list-style: none;
	margin-left: 0;
}
#cn_content li::before {
	content: "› ";
	color: #23539a;
}
#cn_content header {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 2em;
}
#cn_content h1, #ma_main h1, #cn_content h2, #ma_main h2, #cn_content h3, #ma_main h3 {
	font-size: 3em;
	line-height: 1em;
	color: #23539a;
}
#cn_content h1, #gen_content h1 {
	margin: 0 0 0.25em 0;
}
#gen_content h1 {
	font-size: 2.5em;
}
#gen_content h2 {
	font-size: 2em;
}
#gen_content h3 {
	font-size: 1.5em;
}

.iblock h3, .iblock h4 {
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	float: left;
}
.iblock h3 {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: 400;
}
.iblock h4 {
	font-size: 0.9em;
	line-height: 0.9em;
}
.iblock ul {
	display: inline-block;
	float: left;
	width: 100%;
	padding-left: 0;
}
.iblock a {
	color: inherit;
	text-decoration: none;
}
.iblock a:hover {
	color: inherit;
	text-decoration: underline;
}
.iblock li {
	list-style: none;
}
.iblock li::before {
	content: "› ";
}
.iblock select	{
	width: 100%;
	margin: 0.5em 0 0.5em 0;
}
.iblock .svg, .iblock .lbl	{
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}
.iblock .lbl	{
	width: 75%;
}
.side_blue, .side_yllw, .side_gray {
	display: inline-block;
	min-height: 180px;
	margin-bottom: 1em;
	padding: 8%;
	background: url(../assets/wht_wing2.png) left top no-repeat;
	color: #fff;
	border: #23539a 3px solid;
}
.side_blue h3, .side_gray h3 {
	color: #fff !important;
}
.side_blue:link, .side_gray:link, .side_blue:visited, .side_gray:visited {
	color: #fff !important;
	text-decoration: none;
}
.side_yllw {
	background: url(../assets/wht_wing.png) left top no-repeat;
	background-color: #f0e801;
	color: #23539a;
	border: #f0e801 3px solid;
}
.side_yllw:link, .side_yllw:visited {
	color: #23539a !important;
	text-decoration: none;
}
.side_yllw.link:hover	{
	border: #f0e801 3px solid;
	background-color: #fff;
	color: #23539a;
}

.side_gray {
	background: #2e2e2e url(../assets/wht_wing.png) left top no-repeat;
	color: #fff;
	border: #2e2e2e 3px solid;
}
#side_dwl li::before, #side_dwlb li::before {
	content: "\f1c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
	color: #f0e801;
	margin-right: 5px;
}
.side_blue {
	background-color: #23539a;
	color: #fff;
}
#side_mor h4, .iblock h4 {
	margin-bottom: 2em;
}
.iblock input, .iblock textarea {
	width: 100%;
	margin-bottom: 1em;
}
.iblock textarea {
	padding-top: 1em;
	height: 100px;
}

.side_ipt .icon	{
	width: 50%;
	max-width: 53px;
}

/* CALENDAR */
.calendar .row {
	border-radius: 5px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.calendar .row:nth-child(even) {
	background-color: #efefef;
}
#calform input, #calform select	{
	margin-bottom: 0.5em;
}

/* MY ACCOUNT */

#salogo {
	max-width: 180px;
	margin-bottom: 20px;
	background-color: white;
	padding: 10px;
	border-radius: 5px;
}

#ma_btnme {
	position: absolute;
	left: 28px;
	bottom: -1.5em;
	font-size: 0.8em;
	color: #c0c0c0;
}
#ma_top {
	min-height: 87px;
	padding: 0;
}
#my-top {
	text-align: center;
}
#my-top span {
	display: inline-block;
	vertical-align: middle;
}
#my-top .lbl {
	width: 8%;
	width: calc(100% - 67px);
	width: -moz-calc(100% - 67px);
	width: -webkit-calc(100% - 67px);
	line-height: 1.1em;
	font-size: 0.8em;
}
#my-top a {
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'Oswald', verdana;
	font-weight: 300;
	font-size: 1.3em;
	position: relative;
	vertical-align: middle;
	height: 87px;
}
#my-top .pico {
	margin-right: 5px;
}
#my-top .my-svg	{
	fill: #fff;
}
#my-top a:hover {
	color: #f0e801;
}
#my-top a:hover .my-svg	{
	fill: #f0e801;
}
/*#my-top a:hover .pico, */#my-top #ma-logout:hover .my-svglo {
	/*background-image: url(../assets/icons/icons_yellow.png);*/
	fill: #fff;
	
}
#my-top #ma-logout:hover .my-svglos {
	stroke: #fff;
}

#my-top #ma-logout {
	width: 59px;
	/*background: url(../assets/icons/icons_white.png) no-repeat;
	background-position: -215px -320px;*/
}

.pico	{
	width: 57px;
	height: 57px;
	fill: #fff !important;
}

.is-active .my-svg	{
	fill: #f0e801 !important;
}

/*.pico.quotations {
	background-position: -1px -81px;
}
.pico.invoices {
	background-position: -145px -81px;
}
.pico.policies {
	background-position: -72px -81px;
}
.pico.testdays {
	background-position: -145px -247px;
}
.pico.otc {
	background-position: -72px -247px;
}
#ma_top .is-active .pico {
	background-image: url(../assets/icons/icons_yellow.png);
}*/
#my-top .is-active {
	color: #f0e801;
}
#ma_main {
	background-color: rgba(240,240,240,0.95); 
	width: 100%;
	min-height: 200px;
	padding: 4% 2% 2% 2%;
	position: relative;
	display: inline-block;
}
#ma_main .alert {
	margin-top: 20px;
}
#ma_main .select {
	height: 33px;
	display: inline-block;
	margin-bottom: 0.5em;
	vertical-align: middle;
	position: relative;
}
#ma_main .bootstrap-switch	{
	margin-bottom: 0.5em;
	vertical-align: middle;
}
#ma_main .select label, #ma_main .select input, #ma_main .select select {
	display: inline-block;
}
.select select {
	height: 33px;
	min-width: 4em;
	padding-right: 47px;
	-moz-appearance: none;
	-webkit-appearance: none;
	overflow: hidden;
	background: url(../assets/icons/selectr.png) no-repeat right #f6f6f6;
	background-size: 42px 33px;
	border: 1px solid #ccc;
}

.select select:hover {
	background: url(../assets/icons/selectr_ro.png) no-repeat right #f6f6f6;
	background-size: 42px 33px;
}
#ma_main .ttl a:link, #ma_main .ttl a:visited {
	color: #23539a;
	text-decoration: none;
}
#ma_main .ttl a:hover {
	color: #000;
	text-decoration: underline;
}

#ma_profile {
	display: inline-block;
	margin-top: 1em;
}
#ma_profile.view input {
	background-color: #f0f0f0;
	border: #f0f0f0 1px solid;
}
#ma_profile .half {
	width: 40%;
	margin-right: 2%;
}
#ma_profile .lbl, #ma_profile .value {
	display: inline-block;
	float: left;
	width: 40%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#ma_profile .value label	{
	padding-right: 3px;
}
#ma_profile .value {
	width: 60%;
}
 
#ma_profile .cl66 .lbl, #ma_profile .cl66 .value {
	display: inline-block;
	width: 20%;
}
#ma_profile .cl66 .value {
	width: 80%;
}
#ma_profile.edit .cl33 .value, #ma_profile.edit .cl66 .value, .crow input[type="text"], #ma_profile input[type="radio"] {
	margin-bottom: 0.5em;
	vertical-align: middle;
}
#ma_blocks {
	text-align: right;
	position: relative;
}
#ma_blocks .iblock {
	text-align: left;
	display: inline-block;
	padding: 1.5em 2em 1.5em 2em;
}

#ma_blocks .iblock svg	{
	vertical-align: middle;
	margin-right: 0.5em;
}
#ma_blocks svg	{
	fill: #fff !important;
}
#ma_profile .bold {
	font-size: 0.9em;
}
#ma_profile .lbl {
	color: #666;
}
#ma_profile #submitbt, #ma_profile #wt-submitbt, #testblock_form #submitbt, #otc_submit {
	float: right;
	margin-top: 2em;
	margin-right: 5%;
}
#ma_profile #backbt {
	float: left;
	margin-top: 2em;
	margin-left: 5%;
}
.off_adit .btn	{
	margin-right: 15px;
}
#off_overz a {
	color: inherit;
}
#off_overz a:hover {
	text-decoration: none;
}
#off_overz .trow:nth-child(odd) {
	background-color: #fcfcfc;
}
#off_overz .trow {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
#off_overz .tcol15 {
	padding-left: 0.25em;
}
#off_overz .qty {
	display: inline-block;
	vertical-align: middle;
	min-width: 20px;
	min-height: 18px;
	background: url(/resources/tick.png) center center no-repeat;
}
#off_overz .qty:hover {
	background: #bbb url(/resources/zoom.png) center center no-repeat;
}
.trowh, .subheader {
	text-transform: uppercase;
	font-weight: bold;
	color: #23539a;
}
.trow span {
	vertical-align: middle;
}
#printpage {
	margin-top:  1em;
	margin-bottom: 1em;
	text-align: right;
	color: #23539a;
}
#testblock_form input[type="radio"], #testblock_form input[type="checkbox"] {
	margin-right: 1em;
}
.cc2 input[type="radio"] {
	margin-left: 0.5em;
	margin-right: 2.5em;
}

.otc_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 9999;
}
.otc_overlay img {
	display: block;
	position: relative;
	width: 75px;
	height: 75px;
	margin: 35% auto;
}

#otc_ul_form fieldset {
	border: #cacaca 1px solid;
	border-radius: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: #f6f6f6;
	padding: 1em;
}
#otc_ul_form legend {
	text-transform: uppercase;
	color: #23539a;
	font-size: 1.5em;
	background: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#otc_ul_form input[type="radio"] {
	margin-right: 0.5em;
}
#otc_ul_form fieldset .stdbt {
	float: right;
	margin-right: 5%;
	margin-top: 1em;
}
#otc_schade_org, #otc_facturen, #otc_fotos, #otc_videos, #otc_weblinks, #otc_foa {
	display: none;
}
#otc_ul_form .green {
	font-size: 1.8em;
	margin-bottom: 1em;
}
#ytb {
	margin-top: 1em;
	margin-bottom: 1em;
}

.otccmt1, .otccmt2, .otctm1, .otctm2 {
	display: block;
	padding: 1px;
	width: 360px;
	float: left;
	clear: both;
}
.otccmt1 {
	margin-left: 10%;
}
.otccmt2 {
	float: right;
	margin-right: 10%;
}
.otctm1, .otctm2 {
	color: #999;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 5px;
}
.otctm1 {
	margin-left: 11%;
}
.otctm2 {
	float: right;
	margin-right: 10%;
}
.txta1, .txta2, .txtb1, .txtb2, .txtc1, .txtc2 {
	display: block;
	float: left;
	width: 357px;
}
.txta1 {
	background: url(../resources/txta1.png) right center no-repeat;
	background-size: contain;
	height: 10px;
}
.txta2 {
	background: url(../resources/txta2.png) left center no-repeat;
	background-size: contain;
	height: 10px;
}
.txtb1 {
	background: url(../resources/txtb1.png) right center repeat-y;
	background-size: contain;
	min-height: 10px;
	padding-left: 20px;
	padding-right: 10px;
	width: 357px;
}
.txtb2 {
	background: url(../resources/txtb2.png) left center repeat-y;
	background-size: contain;
	min-height: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 357px;
	color: #fff;
}
.txtc1 {
	background: url(../resources/txtc1.png) right center no-repeat;
	background-size: contain;
	height: 15px;
}
.txtc2 {
	background: url(../resources/txtc2.png) left center no-repeat;
	background-size: contain;
	height: 15px;
}

#otc_cmt	{
	margin-top: 2em;
	height: 6em;
}
#claim_main .select {
	margin-right: -15px;
	margin-left: -15px;
}
#claim_main textarea	{
	min-height: 150px;
}
#claim_main h3, #claim_main h4	{
	color: #23539a;
	font-size: 1.6em;
}
#claim_main h3 {
	font-size: 1.8em;
}
#claim_main h5, #claim_main h4	{
	margin-top: 0.5em;
	padding: 0;
}

#claim_main .stdbt	{
	float: right;
	margin-right: 5%;
}

#otc_history .stdbt2	{
	margin-top: 1em;
	margin-left: 44px;
}
#otc_history .one-third	{
	padding-left: 0.25em;
}
#otc_history .one-third img	{
	display: inline-block;
	vertical-align: baseline
}
#otc_history .full:hover	{
	color: #23539b;
	background-color: #fff;	
}
#otc_history .row	{
	font-size: 12px;
}
#otc_history .row span	{
	padding-left: 5px;
	padding-right: 5px;
}
#otc_history .row small	{
	opacity: 0.8; 
}

#pacmt {
	background: #f7f7f7;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px;
}
.cmc-ico	{
	max-width: 48px;
	display: inline-block;
	margin-right: 20px;
}
#commercial h2	{
	font-size: 1em;
	background: none;
}
#commercial .pcs {
	position: relative;
}

#commercial .pcs .row, #cmc_input.row {
	background-color: #efefef;
	line-height: 36px;
	padding-top: 0px;
	padding-bottom: 2px;
}

#commercial .row.bold	{
	color: #fff;
	background-color: #2a84cd;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 36px;
	font-size: 0.8em;
}
/* OTC mark damage */
#csdam, #uldam {
	left: calc(50% - 200px);
	left: -moz-calc(50% - 200px);
	left: -webkit-calc(50% - 200px);
	width: 400px;
	height: 200px;
	position: relative;
}
#otc_red, #otc_orange, #otc_magenta, #otc_yellow, #otc_gray, #otc_cyan, #otc_green, #otc_purple, #otc_blue {
	position: absolute;
	cursor: pointer;
	z-index: 2;
	left: 0;
	top: 0;
}
#otc_formula, #otc_touringcar, #otc_motorbike {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 0px;
}
#otc_red {
	left: 10px;
}
#otc_orange {
	left: 50px;
}
#otc_magenta {
	left: 50px;
	top: 80px;
}
#otc_yellow {
	left: 115px;
	top: 10px;
}
#otc_gray {
	left: 115px;
	top: 60px;
}
#otc_cyan {
	left: 115px;
	top: 110px;
}
#otc_green {
	left: 255px;
}
#otc_purple {
	left: 255px;
	top: 80px;
}
#otc_blue {
	left: 310px;
	top: 0;
}
#otc_touringcar, #otc_motorbike {
	display: none;
}

#otc_sbmflds .row {
	margin-bottom: 5px;
}

#pdf_cpreview {
	display: block;
	width: 100%;
	min-height: 1600px;
}
#pdfinline	{
	width: 100%;
	min-height: 1600px;	
}

#pcy_cc {
	background-color: #23539a;
	font-size: 1em;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pcy_cc label {
	color: white;
	text-transform: uppercase;
}
#pcy_cc input[type="text"] {
	line-height: 53px;
	font-size: 18px;
	height: 53px;	
	text-align: center;	
	border-radius: 26px;
	width: 100%;
}
#pcy_cc textarea {
	font-size: 18px;
}
#pcy_cc .form-control-static {
	padding-top: 16px;
}

#pcy_code {
	text-transform: uppercase;
	font-size: 36px !important;
	font-weight: bold;
}
/* QUOTATION */
#off_atp, #rd_rijders, #off_rd_nat_overig, #off_voertuig_add, #off_voertuig_edit, #off_rd_addnew	{
	
}


#offerte_form, #offerte_form_il	{
	display: inline-block;
	margin-bottom: 2em;
	width: 100%;
}
#offerte_html .seperator {
	background-color: #e9e9e9; 
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 5px;
	margin-top: 20px;
}
#offerte_html .seperator.nmt {
	margin-top: 0;
}
#offerte_html .wrd {
	text-align: left !important;
}
#offerte_main {
	background: #f1f1f1;
	margin-left: -15px;
	padding-left: 15px;
	margin-right: -15px;
	padding-right: 15px;
	padding-top: 20px;
}
#offerte_html #qt_exp {
	position: absolute;
	font-size: 48px;
	top: 0%;
	left: 40%;
	z-index: 1;
	text-transform: uppercase;
	color: red;
}
#offerte_main .row	{
	padding-top: 5px;
	padding-bottom: 5px;
}
#offerte_main .row.striped:nth-child(even) {
	background-color: #fff;
	
	border-radius: 3px;
}
#offerte_main a {
	padding: 2px 5px 2px 5px;
}

#offerte_main a:hover	{
	background-color: #23539a;
	color: white;
	border-radius: 2px;
}
#offerte_main h2 {
	font-size: 1.2em;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 5px;
}

#offerte_form	{
	display: block;
	max-width: 1600px;
	margin: 0 auto;
	padding: 15px;
}
#offerte_form .row	{
	min-height: 30px;
}

#offerte_form .btn	{
	border-radius: 0px;
	padding-left: 2em;
	padding-right: 2em;
}

#offerte_form_il .stdbt, #offerte_form .stdbt	{
	float: right;
	margin-right: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
}
#off_volgende	{
	width: 100%;
}
#off_vorigebt, #off_volgendebt	{
	display: block;
	float: left;
	width: auto;
	margin-top: 3em !important;
	margin-bottom: 1em !important;
	margin-left: 1%;
}

#offerte_html	{
	background: white;
	padding-top: 20px;
	padding-bottom: 50px;
}
#offerte_html .qtb	{
	display: block;
	width: 100%;
	padding: 10px;
	border: #009000 5px solid;
	background-color:  #009900;
	color: white;
	margin: 5em auto;
	float: none;
	text-align: center;
}
#offerte_html #quote_cmm, #offerte_html input, #offerte_html textarea {
	border-radius: 5px;
	padding: 10px;
}
#offerte_html textarea { 
	padding: 10px !important;
}
#offerte_html > .qtb #quote_agree	{
	line-height: 53px;
	height: 53px;
	border-radius: 26px;
	text-align: center;
	text-transform: uppercase;
}
#offerte_html > .qtb .stdbt	{
	margin-left: 0;
	float: right;
}
#offerte_html .form-control {
	padding: 0 12px;
}

#offerte_html #show_rijders, #offerte_html #rd_rijders {
	background-color: #EFEFEF;
	padding: 1px;
	display: inline-block;
	width: 100%;
	margin: 1em auto;
}
 #offerte_html #rd_rijders {
	padding: 10px; 
}

#qt_decform .radiobox {
	width: 50px;
}
#qt_olto {
	-webkit-transition: -webkit-transform .25s, top 1s, color .3s;
     -moz-transition:    -moz-transform .25s, top 1s, color .3s;
       -o-transition:      -o-transform .25s, top 1s, color .3s;
          transition:         transform .25s, top 1s, color .3s;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.qt-sel {
	display: none;
}
.qt_oltofix {
    position: fixed;
    top: 300px;
    width: auto;
    max-width: none;
    z-index: 1;
}
#qt_towrp {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
#qt_htmlimg {
	max-width: 660px;
	width: 100%;
	margin: 50px auto;
}

.qlabel {
	padding-left: 5px;
	font-weight: 700;
	font-size: 0.8em;
	text-overflow: ellipsis;
	overflow: hidden;
}
.qt_binder {
	
	width: 100%;
	margin: 0 auto;
}
.qt_binder .row {
	margin-bottom: 5px;
	margin-top: 5px;
}
.qt_binder input[type="checkbox"] {
	margin-top: 0;
	font-size: 20px;
}
.qsub {
	float: right;
}
.scl::after {
	content: ':';
	position: absolute;
	right: 0;
	top: 0;
	float: right;
	vertical-align: text-top;
}
.qt_total {
	font-weight: 700;
	border-top: 2px white solid;
	margin-top: 5px;
	padding-top: 5px;
	text-transform: uppercase;
}

.off_nrl	{
	position: absolute;
	left: 0px;
	font-weight: 700;
	font-size: 13px !important;
	color: #23539a;
}
.off_chkr	{
	position: absolute;
	right: 0px;
	top: 4px;
}
.off_button	{
	font-size: 0.8em;
	margin-right: 15px;
	margin-top: 1em;
	margin-bottom: 1em;
	height: 53px;
	line-height: 53px;
	width: auto;
	min-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#cqt_sig {
	display: table; 
	width: 100%; 
	border: #e9e9e9 5px solid; 
	background-color: #fff; 
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; 
	margin-top: 20px;
}
#cqt_sig .form-control, #quote_evts input[type="text"] {
	border-radius: 3px !important;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 95%;
}
#cqt_sig .form-control-static {
	margin-top: 3px;
	display: block;
}
#qt_sag_logo {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 400px;
	margin-bottom: 60px;
}
#cqt_pcy {
	padding-top: 50px;
	padding-bottom: 50px;
}
.ev_bt	{
	margin-right: 15px;
}
.off_opt .off_radio	{
	display: inline-block;
	margin-right: 0.5em;
}
.off_opt .off_label	{
	margin-right: 2em;
}

.off_row	{
	min-height: 33px;
	margin-bottom: 0em;
}
.off_row i	{
	margin-left: 0.5em;
}

.off_col1, .off_col2	{
	margin-top: 0.5em;
}
.tdis	{
	display: inline-block;
	float: left;
	margin-bottom: 0.5em;
	clear: left;
	/*height: 33px;*/
}
.off_c1l	{
	vertical-align: top;
}

#ev_aantal	{
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 1.2em;
	text-align: right;
	margin-top: 2em;
}

#off_navbuttons	{
	width: 100%;
	text-transform: uppercase;
}
.off_navia, .off_navac, .off_nav {
	font-family: 'Oswald', Verdana;
	font-weight: 400; 
	float: left;
	width: 20%;
	text-align: center;
}
.off_navia {
	color: #ccc;
}
.off_navac	{
	color: #23539a;	
}

#off_rd_complete, #off_voertuig_complete, #off_rally_complete {
	width: 90%;
	margin-left: 5%;
	height: 1px;
	min-height: 1px !important;
	background-color: #fff;	
	position: relative;
	margin-top: 1.25em;
}

#off_rd_complete .progr, #off_voertuig_complete .progr, #off_rally_complete .progr	{
	background-color: #23539a;
	height: 1px;
	position: absolute;
	top: 0;
	width: 0px;
	z-index: 1;
}
#off_rd_complete .perc, #off_voertuig_complete .perc, #off_rally_complete .perc	{
	position: absolute;
	top: -1.25em;	
}

.off_rijder_info, .off_r.hreader, .off_ce, .off_cd, .off_c1a, .off_c1, .off_c2, .off_c2a, .off_c1b, .off_c2b, #off_voertuig_info, .off_c1bl, .tick, .w8p {
	display: inline-block;
}
.off_rijder_info, .off_voertuig_info, #off_wedstrijden, #show_voertuigena, .off_evenementdatum	{
	display: inline-block;
	float: left;
	width: 100%;
	background: #fff;
	padding: 0 0.5em;
	position: relative;
}

.off_rijder_info .header, .off_voertuig_info .header {
	margin-left: -7px;
	margin-right: -7px;
	background-color: #f9f9f9;
	line-height: 2em;
	border-bottom: #efefef 1px solid;
}
.off_evenementdatum small	{
	font-size: 60%;
}
#off_wedstrijden h3	{
	margin-top: 5px;
	margin-bottom: 5px;
}
#off_wedstrijden, #off_wdtinvoer .off_evenementdatum {
	padding-bottom: 15px;
}
#off_wedstrijden .event-row:nth-child(even) {
	background-color: #efefef;
}
.off_wdadd {
	margin-top: 15px;
	margin-right: 15px;
}
.off_r	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.off_r.header	{
	width: 100%;
	display: inline-block;
	padding-bottom: 0.5em;
	border-bottom: #23539a 1px solid;
	margin-bottom: 0.5em;
}
.off_r.header .col-xs-6	{
	font-size: 1em;
	color: #23539a;
	text-transform: uppercase;
	
}
.off_ce, .off_cd	{
	white-space: nowrap;	
	color: #787878;
	cursor: pointer;
	font-size: 0.9em;
	text-align: center;
}
.off_ce:hover, .off_cd:hover	{
	color: #23539a;
	background-color: #efefef;
}

.off_c1a, .off_c2a {
	color: #787878;
}
.off_c1b, .off_c2b	{
	font-weight: bold;
}

#off_opmerkingen	{
	min-height: 150px;
}

#rallysuggestions {
	background-color: white;
	border: #ccc 1px solid;
	clear: both;
	padding: 5px;
	margin: 15px;
}
#rallysuggestions .row {
	margin-left: 0;
	margin-right: 0;
}
#rallysuggestions .rsg {
	background-color: #EFEFEF;
	border-bottom: #FEFEFE 1px solid;
	cursor: pointer;
}
#rallysuggestions .rsg:hover {
	color: white;
	background-color: #23539a;
}
.hide	{
	display: none;
}


#site_notice, #site_warning {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.25em;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	color: #090;
	background: #dff0d8;
	border-bottom: #ccc 1px solid;
	min-height: 30px;
	text-transform: uppercase;
}
#site_notice #close, #site_warning #close {
	position: absolute;
	right: 25px;
	top: 5px;
	background: url(../resources/icons/close.png) center center no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: block;
	z-index: 9999;
}
#site_warning {
	background: #a10000;
	color: #fff;
}
#site_notice #close:hover, #site_warning #close:hover {
	background: url(../resources/icons/closeh.png) center center no-repeat;
}

.breadcrumb .btn	{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -5px;
}
.breadcrumb .btn:link, .breadcrumb .btn:visited	{
	color: #fff !important;
	text-decoration: none !important;
}

#qpa_form input[readonly] {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: 700;
}
#qpa_form td b	{
	line-height: normal;
	font-size: 0.8em;
	color: #23527c;
}
#qpa_form > td {
	border-top: 1px solid #fff;
}
#qpa_form > td	{
	padding: 8px;
}
#qpa_form>table>tr {
	padding-left: 5px;
	padding-right: 5px;
}

#qpa_form > table tr:nth-child(odd) {
	background-color: #f7f7f7;
}
#qpa_form > table tr:nth-child(even) {
	background-color: #fff;
}
#qpa_form > table tr table tr {
	background: inherit !important;
}
#qpa_form .select select {
	background-color: white !important;
}
#qpa_covertable td {
	padding: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
#qpa_covertable tr:nth-child(odd) {
	background-color: #efefef !important;
}
#qpa_covertable tr:nth-child(even) {
	background-color: #e6e6e6 !important;
}

#qpa_form .total, #qpa_form .total input	{
	font-size: 20px;
	font-weight: bold;
}
#qpa_form .mandatory	{
	font-size: 6px;
	vertical-align: top;
	margin-left: 0;
	margin-right: 0;
}
#qpa_form .radio-inline	{
	margin: 3px 4px 0 4px;
	vertical-align: top;
}
#qpa_form .stdbt2	{
	margin: 0 auto;
	display: block;
	width: 20%;
	min-width: 158px;
}

.el-animation-left.el-animated {
	opacity: 1;
	-webkit-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
	animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}



@media only screen and (max-width: 1199px) { /* xs, sm, md */
	#home_menu .lbl {
		font-size: 0.9em;
		padding-bottom: 50px;
	}
	#home_menu {
		width: 50%;
		bottom: -100px;
	}
	#home_menu a {
		padding-top: 18%;
	}
	#hm_calm	{
		top: 0px;
		font-size: 12px;
	}
	#hm_cald	{
		top: 28%;
		font-size: 18px;
	}
	#ma_main {
		padding: 4% 5px 2% 5px;
	}
	
	#ma_blocks	{
		margin-top: 50px;
		position: relative;
	}
	
	#ma_blocks .iblock:nth-child(2) {
		border-left: #2a84ce 1px solid;
		border-right: #2a84ce 1px solid;
	}
	
	#ma_blocks .iblock .full, #ma_blocks .iblock select	{
		font-size: 0.8em;
	}
	
	
}

@media only screen and (min-width: 1440px) { /* xl */

	#gen_top .bg {
		background-position: center -250px;
	}
	
	#gen_top.hm-other .bg	{
		background-position: center -20px;
	}
	#gen_top.hm-ontrack .bg	{
		background-position: center -300px;
	}
	#gen_top.hm-projects .bg	{
		background-position: center -50px;
	}
	#gen_top.hm-calendar .bg	{
		background-position: center -300px;
	}
	
	#home_img {
		background-position: 50% -250px;
	}
}
@media only screen and (min-width: 1600px) { 
	#home_img {
		background-position: 50% -200px;
	}
}
@media only screen and (min-width: 1920px) {
	#home_img {
		background-position: 50% -330px;
	}
}
@media only screen and (min-width: 2400px) {
	#home_img {
		background-position: 50% -530px;
	}
}
@media only screen and (min-width: 1200px) { /* lg */

	
}
@media only screen and (max-width: 1279px) {
	#footer {
		font-size: 0.8em;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* md */
	
	#home_menu a {
		padding-top: 2%;
	}
	#hm_calm	{
		top: 0px;
		font-size: 12px;
	}
	#hm_cald	{
		top: 3%;
		font-size: 18px;
	}
	#header #lang .nav_icon {
		float: right;		
	}
	
	#ma_btnme	{
		line-height: normal;
		left: 30;
	}
	#my-top div	{
		padding-left: 0;
		padding-right: 0;
	}
	
	#gen_content	{
		padding-left: 0;
		padding-right:  0;
	}
	#ma_main	{
		padding-left: 5px;
		padding-right: 5px;
	}
	
}
@media only screen and (max-width: 991px) { /* xs, sm */
	#ma_blocks .iblock	{
		margin-left: 0;
		margin-right: 0;
		height: auto;
		min-height: 160px;
		min-width: inherit;
		padding: 1.5%;
		font-size: 0.9em;
	}
	#ma_blocks	{
		padding-left: 0;
		padding-right: 0;
		background-color: #23539a;
	}
	.side_blue, .side_yllw, .side_gray {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) { /* sm */
	header #login	{
			width: 150px !important;
			line-height: normal;
	}
	
	#home_ref1 {
		font-size: 2em;
	}
	#home_menu a {
		padding-top: 20%;
	}
	
	
	#my-top a {
		font-size: 1em;
	}
	
	
	#cn_content {
		float: left;
		width: 67%;			
		padding-right: 2%;
	}
	#cn_side {
		float: right;
		width: 33%;
	}
	.side_ipt, #side_dwl, #side_dwlb, #side_mor {
		padding-bottom: 0.5em;
	}
	.side_blue, .side_yllw, .side_gray {
		padding: 4%;
	}
	
}
@media only screen and (max-width: 767px) { /* xs */
	
	#home_img {
		height: 240px;
		background-position: 50% -85px;
	}
	#header {
		height: 60px;
	}
	#header div.nav_closed {
		padding: 10px;
	}
	.iblock {
		margin-bottom: 1px !important;
	}
	#header #menu {
		width: 80px;
	}
	#header #login {
		width: 60px;
	}
	
	#header #lang {
		width: 60px;
		float: left;
	}
	#header .nav_nav li {
		height: 44px;
	}
	#main {
		margin-top: 60px;
	}
	#menu .nav_item a, #login .nav_item a {
		background: none;
		padding-left: 0px;
	}
	#gwlogo {
		position: relative;
		float: right;
	}
	#ots98 {
		margin-top: 35px;
		width: 40px;
		
	}
	#login a.nav_icon {
		padding-left: 0;
	}
	#home_sro .center {
		display: block;
	}
	#gen_top	{
		height: 300px;
	}
	
	#gen_content, #cn_main {
		padding-left: 0;
		padding-right: 0
	}
	#cn_main nav	{
		padding-left: 2%;
		padding-right: 2%;
	}
	#cn_main aside	{
		padding-left: 0;
		padding-right: 0;
	}
	#gen_content h1 {
		font-size: 1.8em;
	}
	#gen_content h2 {
		font-size: 1.5em;
	}
	#gen_content h3 {
		font-size: 1.25em;
	}
	#gwlogo {		
		width: 93px;
		height: 49px;
		background-size: 93px 48px;
		left: auto;
		right: 0px;
		top: 0px;
	}
	#ftr_contact	{
		padding-left: 0;
		padding-right: 0;
	}
	
	#header, #header .nav_closed, #header #lang {
		/*height:80px;*/
	}
	
	#header #menu nav, #header #login nav, #header #lang nav {
		width: 384px;
		font-size: 0.9em;
	}
	#header #lang:hover .nav_nav {
		left: -140px;
	}
	#header #login:hover .nav_nav {
		left: -80px;
	}
	#home_menu {
		width: 100%;
		height: auto;
		bottom: 0;	
		left: 0;
		background: rgba(0,82,158,0.9);
		/*background: url(../assets/home/home_menu_xs.png) repeat;*/
		font-size: 10px;
		text-align: center;
		padding-bottom: 20px;
	}	
	#home_menu a	{
		padding-top: 2%;
	}
	
	#hm_calm	{
		top: 0px;
		font-size: 11px !important;
	}
	#hm_cald	{
		top: 25%;
		font-size: 14px;
	}
	#home_mid article	{
		padding: 10% 0% 10% 0%;
		
	}
	
	#my-top div	{
		padding-left: 0;
		padding-right: 0;
	}
	#my-top a {
		border-bottom: #204a82 1px solid;
		border-right: #204a82 1px solid;
		border-top: #2a61ab 1px solid;
		border-left: #2a61ab 1px solid;
	}
	
	.iblock	{
		text-align: center !important;
	}
	#csdam, #uldam	{
		width: 350px;
		left: 0px;
		overflow: hidden;
	}
	.side_blue, .side_yllw, .side_gray {
		padding: 2%;
	}
	#claim_main .col-xs-6	{
		margin-bottom: 5px;
	}
	.uploadifive-button {
		margin-left: 0;
		width: 100% !important;
	}
	.otctm1, .otctm2, .otccmt1, .otccmt2 {
		width: 300px;
		margin-left: 5%;
		margin-right: 0;
		float: left;
	}
	.txta1, .txta2, .txtb1, .txtb2, .txtc1, .txtc2 {
		float: left;
		width: 300px;
	}
	.txta1, .txta2, .txtc1b, .txtc2b {
		height: 8.9px;
	}
	.txtc1, .txtc2 {
		height: 12.6px;
	}
}




/* IMPROMPTU */
.jqifade{
	position: absolute; 
	background-color: #777777; 
}
iframe.jqifade{
	display:block;
	z-index:-1;
}
div.jqi{ 
	width: 400px; 
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}
div.jqi .jqicontainer{ 
}
div.jqi .jqiclose{ 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold; 
}
div.jqi .jqistate{
	background-color: #fff;
}
div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px; 
	line-height: 20px; 
	border-bottom: solid 1px #eeeeee;
}
div.jqi .jqimessage{ 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
	overflow: auto;
}
div.jqi .jqibuttonshide{
	display: none;
} 
div.jqi .jqibuttons{ 
	text-align: right; 
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4; 
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button{ 
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal; 
	border: none;
	border-left: solid 1px #e4e4e4; 
	color: #777; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}
div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}
.jqiwarning .jqi .jqibuttons{ 
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{ 
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }





/* SWITCH BUTTON */
.switch-button-label {
    float: left;
    cursor: pointer;
}

.switch-button-label.off {
    color: #c0c0c0;
}

.switch-button-label.on {
    color: #23539a;
	font-weight: bold;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}
.switch-button-background.checked	{
	background: #23539a;	
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* FX */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #23539a;
  color: white;
}