@font-face {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 40;
}

@font-face {
    font-family: 'Raleway Light';
	src: url("../css/fonts/Raleway Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Raleway Regular';
	src: url("../css/fonts/Raleway Regular.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'RALEWAY SEMIBOLD';
	src: url("../css/fonts/Raleway SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Futura Condensed Medium';
	src: url("../css/fonts/Futura Condensed Medium.otf") format("opentype");
    font-style: normal;
}

h3 { padding: 5px; font-weight: bold; }
h4 { padding: 5px; font-weight: bold; }
h5 { padding: 5px; font-weight: bold; }
h6 { padding: 5px; font-weight: bold; }

p { padding: 0px 25px 25px 25px; text-align: justify; text-justify: inter-word; }
label { background-color: #1f375d; color: #fff; padding: 5px; width: 150px; }

table, th, td {
  border: 1px solid black; border-collapse: collapse;
}
table { width: 100%; }
th { font-weight: bold; }
.total { font-weight: bold; }

a:link {
	color: #f28230; 
}
a:visited {
  color: #f28230;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

.nav-item.active { font-weight: bold; }

.bg-topblock { background-image: url('/images/topblock_bg.jpg'); background-size: cover; background-color: transparent; }
.bg-block01 { background-image: url('/images/block_01.jpg'); background-size: cover; background-color: transparent; }
.bg-block02 { background-image: url('/images/midblock_bg.jpg'); background-size: cover; background-color: transparent; }
.bg-block03 { background-image: url('/images/botblock_bg.jpg'); background-size: cover; background-color: transparent; }
.bg-block04 { background-image: url('/images/fond4.jpg'); background-size: cover; background-color: transparent; }
.bg-block05 { background-image: url('/images/pil-faq.jpg'); background-size: cover; background-color: transparent; }
.bg-block06 { background-image: url('/images/pil-function.jpg'); background-size: cover; background-color: transparent; }
.bg-block07 { background-image: url('/images/pil-doc.jpg'); background-size: cover; background-color: transparent; }
.bg-block08 { background-image: url('/images/blog_block.jpg'); background-size: cover; background-color: transparent; }
.bg-block09 { background-image: url('/images/block_02.jpg'); background-size: cover; background-color: transparent; }
.bg-block10 { background-image: url('/images/block_03.jpg'); background-size: cover; background-color: transparent; }

.img-max-width { width: 80px; }

.bg-orange { background-color: #f28230; }
.bg-blue { background-color: #1f375d; }
.bg-bluegray { background-color: #cddaed; }

.tx-blue { color: #1f375d;}
.tx-white { color: #fff; }
.tx-orange { color: #f28230; }
.tx-bluegray { color: #cddaed; }

.tx-center { text-align: center; }

.space-between-block { padding-top: 20px; padding-bottom: 20px;}

.open-sans { font-family: 'Open Sans', sans-serif; }
.raleway { font-family: 'Raleway Regular'; font-size: 11pt; }
.raleway-10 { font-family: 'Raleway Regular'; font-size: 10pt; }
.raleway-12 { font-family: 'Raleway Regular'; font-size: 12pt; }
.raleway-14 { font-family: 'Raleway Regular'; font-size: 14pt; }
.raleway-light { font-family: 'Raleway Light'; font-size: 11pt; }
.raleway-light-16 { font-family: 'Raleway Light'; font-size: 16pt; }
.raleway-semibold { font-family: 'Raleway SemiBold'; font-size: 11pt; }
.raleway-semibold-16 { font-family: 'Raleway SemiBold'; font-size: 16pt; }
.futura { font-family: 'Futura Condensed Medium'; font-size: 18pt; }
.futura-12 { font-family: 'Futura Condensed Medium'; font-size: 12pt; }
.futura-14 { font-family: 'Futura Condensed Medium'; font-size: 14pt; }
.futura-16 { font-family: 'Futura Condensed Medium'; font-size: 16pt; }
.futura-21 { font-family: 'Futura Condensed Medium'; font-size: 21pt; }
.futura-26 { font-family: 'Futura Condensed Medium'; font-size: 26pt; }
.futura-40 { font-family: 'Futura Condensed Medium'; font-size: 40pt; line-height: 1; }
.futura-60 { font-family: 'Futura Condensed Medium'; font-size: 60pt; }

.col-container {
	display: table; /* Make the container element behave like a table */
	width: 100%; /* Set full-width to expand the whole page */
}

.col {
	display: table-cell; /* Make elements inside the container behave like table cells */
}


.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}