html, body {
    font-family: 'Roboto', sans-serif;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #2c3e50;
}

h1, h2 , h3, h4 {
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
    color: #2c3e50;
}

h2 {
    font-size: 2rem;
    font-weight: bold;
}

h3 {
    font-size: 1.5rem;
    color: #444;
}

h4 {
    font-family: 'Roboto', sans-serif;
    color: white;
    background-color: #2c3e50;
    font-size: 14pt;
    padding: 5px;
    font-weight: bold;
}

section header {
}

p {
    color: #2c3e50;
}

/* a { */
/*     color: #444; */
/*     text-decoration: underline; */
/* } */

/* a:visited { */
/*     color: #444; */
/* } */

a.icon-padding-right::before {
    padding-right: 5px;
}

/* Makes the anchor show below the fixed header */
a.anchor {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}


.with-border {
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    box-shadow: 3px 3px 2px 0px #aaa;
}

.with-bottom-margin {
    margin-bottom: 10px;
}

img.img-tiny {
    width: 16px;
    height: 16px;
    margin: 10px;
}

header p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
}

section h2 { 
    margin-bottom: 1em;
}

figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    margin: 0;
    max-width: 512px;
}

figure img {
	height: auto;
    width: 512px;
/*     max-height: 290px; */
}

figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
    max-width: 512px;
}

.uk-icon-phone {
    /*border: 1px solid;*/
    /*margin-top: 10px;
    padding: 3px 5px;*/
}

.uk-icon-phone::before {
    margin-right: 10px;
}

.uk-description-list {
    color: #263056;
}

.uk-description-list > dt {
    color: white;
    background-color: #263056;
    font-weight: bolder;
    padding: 5px;
}

.uk-description-list > dd {
    line-height: 1.8rem;
}

.uk-navbar {
	font-family: 'Roboto', sans-serif;
    background-color: #57C478;
}

.tm-navbar-title {
    font-size: 38pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
}

.tm-navbar-title:hover {
    color: #FFF;
}

.uk-logo {
/*     color: #FFDD0E;	 */
    color: #FFF;	
}

.uk-icon {
    color:#57C478;
}

/* .uk-icon:hover { */
/*     color:black; */
/* } */

header.tm-header {
    z-index: 99999;
    width: 100%;
    margin: 0 auto 0 auto;    
    color: #64A960;
    background-color: #fff;
}

header.tm-header h1 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #64A960;
    padding-left: 10px;
    /*float: left;
    display: inline-block;*/
}

header.tm-header p {
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}

.tm-hero-container {
    padding: 0;
}

.tm-hero {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.tm-hero-content {
    font-family: 'Roboto', sans-serif;
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    padding-top: 1rem;
}

.tm-hero-content p {
    color: white;
}

.tm-hero-content span {
    color: white;
}

.tm-header a[href^=tel] {
    font-weight: bold;
    color: #64A960;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16pt;
    text-decoration: none;
    vertical-align: middle;
}

div.tm-form-quote {
    padding-left: 1em;
    border-left: 5px solid blue;	
    margin-bottom: 1em;
}

div.tm-form-quote p, pre {
/* 	border: 1px solid blue; */
/* 	line-height:2.2em; */
	margin-top:.2em;
	margin-bottom:.2em;
}


div.tm-form-quote p.label {
/*     background-color: #D3D3D3; */
/*     border: 2px solid #C0C0C0; */
}

div.tm-form-quote p.content {
    word-break: break-all;
}

div.tm-form-quote p.longtext {
	width: 100%;
/*     word-break: break-all; */
    /* white-space: pre; */
}

div.tm-form-quote pre {
	font-family: 'Roboto', sans-serif;
    white-space: pre-wrap;
    color: #fff;
    color: #263056;
    width: 100%;
    border: none;
	padding: 3px;
	font-size: 1.1rem;
    line-height: 1.3em;
}

.tm-spinner-off {
    visibility: hidden;
}

.tm-spinner-on {
    visibility: visible;
}

.tm-wrapper {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(4, [col] auto ) ;
  grid-template-rows: repeat(6, [row] auto  );
  background-color: #fff;
  color: #444;
/*   grid-template-columns: 100px 1fr; */
}

.box {
	background-color: #f3f3f3;
/* 	color: #fff; */
	color: #263056;
/* 	border-radius: 5px; */
	padding: 3px;
/*     font-size: 150%; */
}

.a {
    grid-column: col ;
    grid-row: row ;
}

.b {
    grid-column: col 2 / span 3 ;
    grid-row: row ;
}

.c {
    grid-column: col ;
    grid-row: row 2 ;
}
.d {
    grid-column: col 2 / span 3 ;
    grid-row: row 2 ;
}
.e {
    grid-column: col ;
    grid-row: row 3 ;
}
.f {
    grid-column: col 2 / span 3 ;
    grid-row: row 3 ;
}
.g {
    grid-column: col ;
    grid-row: row 4 ;
}
.h {
    grid-column: col 2 / span 3 ;
    grid-row: row 4 ;
}
.i {
    grid-column: col;
    grid-row: row 5;
}
.j {
    grid-column: col / span 4;
    grid-row: row 6;
}

/* input:read-only { */
/*   background-color: #ccc; */
/* } */

.tm-main {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-family: 'Roboto', sans-serif;
}

.tm-container-padding {
    padding-left:0;
    padding-right:0;
}

.tm-details-block {
    box-shadow: 0 3px 5px 1px #ccc;
}
    
.tm-content-block {
    background-color: #ececec;
    padding: 20px;
}

.tm-searchword-block {
	display: none;
	visibility: hidden;
}

.tm-social {
    /*border: 1px solid red;*/
    padding: 5px 0 5px 0;
}

.uk-panel {
    color: white #444;
    font-size: 1.5rem;
}

.uk-section-default {
/*    background-color: #9fa8a3;*/
}

.uk-section-default h1 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: .5em;
    color: #263056;
}
.uk-section-default h2, h3, p {
    color: #263056;
}


.tm-panel-collection {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.tm-panel-box {
    padding-bottom: 0;
    margin-bottom: 2em;
    height: 100%;
    color: #64A960;
}

.tm-panel-box-link {
    color: white;
    border: 1px solid #64A960;
    background-color: #64A960;
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 0 0 0;
    padding: 5px;
}

.tm-footer {
    background: #7F8982;
    color: white;
    width: 100%;
    padding: 5px 0;
    vertical-align: bottom;
}

.tm-footer a {
    color: #02233C;
}

.tm-panel-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1B8366 !important;
}

/* .tm-dark-link a { */
/*     color: #2c3e50 !important; */
/* } */


.tm-symbol-grid {
    /*border: 1px solid red;*/
}

.tm-symbol-grid > div {
    /*border: 1px solid blue;*/
    /*width: 100%;*/
}

.tm-symbol-grid img {
   /* width: 64px;
    height: 64px;*/
    
}

.tm-symbol-grid p {
    text-align: center;
    color: #1B8366;
    font-weight: bold;
}

ul.tm-list {
    color: #2c3e50;
}

ul.tm-list a {
    color: #2c3e50;
}


ul.tm-list ::marker {
    color: #2c3e50;
}


/* CALL TO ACTION START */
a.cta_call {
    /*font-weight: bold;*/
    color: white;
    background-color: #64A960;
    /*display: inline-block;*/
    font-family: 'Roboto', sans-serif;
    font-size: 30pt;
    text-decoration: none;
    vertical-align: middle;
}

.cta_call a[href^=tel] {
    font-weight: bold;
    color: black;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16pt;
    text-decoration: none;
    vertical-align: middle;
}

.button-wrapper {
    display: block;
    text-align: center;
    padding-bottom: 1em;
}

.button-wrapper-secondary {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.button {
    /*border: 2px solid #64A900;*/
    /*border: 2px solid orange;*/
    border-radius: 1em;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: inline-block;
    font-size: 1em;
    
    /*padding: 1em 2em;*/
    width: auto;
}

.uk-button {
	background-color: #E9AE0B;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.uk-button:hover {
    background-color: #E9AE0B;
}

.uk-button:disabled {
	background-color: #E9AE0B;
    box-shadow: none;
}

.cta-button {
    border-radius: 3px;
    display: inline-block;
    padding: .5em .5em 0.5em .5em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.5rem;
    color: #fff;
    width: 15rem;
    margin-top: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.cta-button-primary {
    border: 3px solid #E9AE0B;
/*     background: #64A900; */
    background-color: #E9AE0B;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.cta-button-primary:hover {
    border: 3px solid #E9AE0B;
    background: #E9AE0B;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0);
    box-shadow: 2px 2px 2px rgba(0,0,0,0);
}

.cta-button-secondary {
    border: 2px solid #fff;
    background:  transparent;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.cta-button-secondary:hover {
/*     border: 2px solid #fff; */
    background:  transparent;
    text-shadow: 2px 2px 2px rgba(0,0,0,0);
    box-shadow: 2px 2px 2px rgba(0,0,0,0);
}

.cta-button-small-text {
    font-size: 12pt;
    color: #fff;
    text-transform: none;
    margin: 0px 0px 0px 0px;
}

.cta-button-big-text {
    font-size: 20pt;
    font-weight: bold;
}

.cta-button:hover {
/*     background-color: #64A960; */
    text-decoration: none;
}

/* CALL TO ACTION END */

.centered-wrapper {
    display: block;
    text-align: center;
    padding-top: 2em;
}


.tm-send-button, .tm-input {
    display: block;
    text-align: center;
}

.tm-top-points div {
    font-size: 2em;    
}

.tm-top-points p {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline;
    white-space: nowrap;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.amount {
    text-align: right;
}

.m3:before {
    content: " m";
}

.m3:after {
    content: "3";
    position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}

ul.ul-no-bullets {
  list-style-type: none;
  padding-left: 0;
}

.ul-title {
  font-weight: bold;
}

.text-hidden {
    display: none;
}

.text-underlined {
    text-decoration: underline;
}

.text-oblique {
    font-style:oblique;
}

.emphasise {
    color: #3498db;
    font-weight: bold;
}

.uk-table {
/*    color: white;*/
    border:none;
}

.uk-table thead tr {
    background-color: #263056;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
}

.uk-table thead th:first-child {
    border-width: 0px 2px 2px 0px;
    border-color: white;
    border-style: solid;
}


.uk-table thead th {
    color:white;
    font-size: 16px;
    font-weight: bold;
}

.uk-table tr {
/*     color: #FFDA29; */
/*     color: #FFDD0E; */
    color: #fff;
/*     background-color: #81894E; */
/*     background-color: #40C0CB; */
/*    background-color: #aaa;*/
   background-color: #1B8366;
}

.uk-table td {
    border-width: 2px 0px 0px 0px;
    border-color: white;
    border-style: solid;
}

.uk-table td:first-child {
    border-width: 2px 2px 0px 0px;
    border-color: white;
    border-style: solid;
}

.tm-canvas {
	background-color: #F5F5F5;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

.tm-canvas .uk-card {
	border-radius: 0.5rem;
/* 	border: 1px solid blue; */
}

.tm-canvas .uk-card-body {
/*     border-radius: 0.5rem; */
/*     border: 1px solid green; */
}

.tm-canvas-front .uk-card {
	width: 18rem;
	padding: 0;
}

.tm-canvas .uk-card-title {
	background-color: #3498db;
    border-radius: 0.5rem 0.5rem 0 0;
    height: 3rem;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	padding-top: 1rem;
}

/* Just a test 
   Show an Image Inside a Circle
*/
.round {
    width: 100px;
    border-radius: 100%;
} 

/* Mini 	up to 479px 	Phones portrait */
@media screen and (max-width: 479px){
    
    header {
        padding:0;
        margin:0;
        border:0;
    }
    
    header h1 {
        font-size: 1rem;
    }

    header p {
        font-size: 1rem;
    }

    .tm-hero {
        padding: 0;
        background-image: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
        ), url(../images/responsive-background-mini.jpg);        
    }
    
    .darken {
      background-image: 
        linear-gradient(
          rgba(70, 127, 125, 0.5),
          rgba(70, 127, 125, 0.5)
        ),
        url(../images/responsive-background-mini.jpg);
    }
    
    .tm-container-padding {
        padding-left:10px;
        padding-right:10px;
    }
    
    .tm-hero-content {
        font-size: 14pt;
        padding: 1rem;
    }
    
    .tm-hero-content p:first-child  {
        line-height: 1.1em;
        margin-bottom: 0;
    }
    
    .tm-hero-content > p:nth-child(2)  {
        line-height: 1.1em;
        margin-top: 0;
    }

    .hero-text-big {
        font-size: 18pt;
    }
    
    .hero-text-small {
        font-size: 14pt;
        margin-top: 10px;
    }
    
    header.tm-header {
        padding:0;
    }
    
    section {
        font-size: 1.0rem;
        line-height: 1.0em;
    }

    section h1 {
        color: #263056;
        font-size: 1.5rem;
    }
    
    section h2 {
        color: #263056;
        font-size: 14pt;
    }
    
    section p {
        color: #263056;
        font-size: 12pt;
    }

    .tm-header a[href^=tel] {
        font-size: 16pt;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
    }
    
    .tm-top-points {
    }
    
    .tm-top-points div {
        padding: 0;
        font-size: 10pt; 
        /*border: 1px solid red;*/
    }
    
    .tm-canvas {
        padding: 0px;
        font-size: 14pt;
    }
    
    .tm-navbar-title {
        font-size: 22pt;
    }
}

/* Small 	480px to 767px 	Phones landscape */
@media screen and (min-width: 480px) and (max-width: 767px){
    
    header h1 {
        font-size: 2rem;
    }
    
    header p {
        font-size: 1rem;
    }
    
    .tm-hero {
        background-image: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
        ), url(../images/responsive-background-small.jpg);        
    }
    
    .darken {
      background-image: 
        linear-gradient(
          rgba(70, 127, 125, 0.5),
          rgba(70, 127, 125, 0.5)
        ),
        url(../images/responsive-background-small.jpg);
    }
    
    .tm-container-padding {
        padding-left:10px;
        padding-right:10px;
    }
    
    /*.tm-hero-content {
        font-size: 18pt;
        line-height: 1.2em;
    }
    
    .tm-hero-content a[href^=tel] {
        font-size: 18pt;
    }*/
    
    section {
        font-size: 1.2rem;
        line-height: 1.3em;
    }
    
    .tm-header a[href^=tel] {
        font-size: 16pt;
        display: inline-block;
        overflow: hidden;
        text-indent: -9999px;
    }

    .tm-hero-content {
        font-size: 30pt;
    }
    
    .hero-text-big {
        font-size: 28pt;
    }
    
    .hero-text-small {
        font-size: 16pt;
    }
    
    .tm-navbar-title {
        font-size: 28pt;
    }
}

/* Medium 	768px to 959px 	Tablets portrait */
@media screen and (min-width: 768px) and (max-width: 959px){
    header h1 {
        font-size: 2rem;
    }
    
    section {
        font-size: 1.2rem;
        line-height: 1.3em;
    }
    
    /*.tm-hero {
        background-image: url(../images/responsive-background-medium.jpg);
    }*/
    
    .tm-hero {
        background-image: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
        ), url(../images/responsive-background-medium.jpg);        
    }
    
    .darken {
      background-image: 
        linear-gradient(
          rgba(70, 127, 125, 0.5),
          rgba(70, 127, 125, 0.5)
        ),
        url(../images/responsive-background-medium.jpg);
    }
    
    .tm-container-padding {
        padding-left:10px;
        padding-right:10px;
    }
    
    .tm-hero-content {
        font-size: 30pt;
    }
    
    .hero-text-big {
        font-size: 34pt;
    }
    
    .hero-text-small {
        font-size: 16pt;
    }
    
}

/* Large 	960px to 1199px 	Desktops & tablets landscape */
@media screen and (min-width: 960px) and (max-width: 1199px){
    
    /*header h1 {
        font-size: 3rem;
    }*/
    
    section {
        font-size: 1.2rem;
        line-height: 1.3em;
    }

    /*.tm-hero {
        background-image: url(../images/responsive-background-large.jpg);        
    }*/
    
    .tm-hero {
        background-image: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
        ), url(../images/responsive-background-large.jpg);        
    }
    
    .darken {
      background-image: 
        linear-gradient(
          rgba(70, 127, 125, 0.5),
          rgba(70, 127, 125, 0.5)
        ),
        url(../images/responsive-background-large.jpg);
    }
    
    .tm-hero-content {
        font-size: 30pt;
    }
    
    .hero-text-big {
        font-size: 38pt;
    }
    
    .hero-text-small {
        font-size: 16pt;
    }
    
    
}

/* Xlarge 	1200px and larger 	Large Desktops */
@media screen and (min-width: 1200px){
    
    header {
        padding: 10px 0 10px 0;
    }
    
    header h1 {
        font-size: 3rem;
    }
    
    section {
        font-size: 1.2rem;
        line-height: 1.3em;  
    }
    
    /*.tm-hero {
        background-image: url(../images/responsive-background-xlarge.jpg);
    }*/
    
    .tm-hero {
        background-image: linear-gradient(
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0.5)
        ), url(../images/responsive-background-xlarge.jpg);        
    }
    
    .darken {
      background-image: 
        linear-gradient(
          rgba(70, 127, 125, 0.5),
          rgba(70, 127, 125, 0.5)
        ),
        url(../images/responsive-background-xlarge.jpg);
    }
    
    .tm-hero-content {
        font-size: 30pt;
    }
    
    .hero-text-big {
        font-size: 38pt;
    }
    
    .hero-text-small {
        font-size: 16pt;
    }
    
    .tm-navbar-title {
        font-size: 38pt;
    }
}

p.ingress {
  font-weight: bolder;
}

.tm-alert-callme {
    visibility: collapse;
}

.tm-alert {
    visibility: hidden;
    height: 3rem;
    padding-left: 40px;
    padding-top: 20px;
}

.tm-alert-hidden {  
    visibility: hidden;
}

.debug-border-red { border: 1px solid red; }
.debug-border-blue { border: 1px solid blue; }
.debug-border-green { border: 1px solid green; }

/*
* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }
*/